{"_id":"@boredkevin/ui","_rev":"3-aa80dfbc67f740eae2d34ebd629b6577","name":"@boredkevin/ui","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.1":{"name":"@boredkevin/ui","version":"0.1.1","keywords":["react","shadcn","ui","tailwind","dark-theme","scifi","components","hsl-theme"],"author":{"name":"BoredKevin"},"license":"MIT","_id":"@boredkevin/ui@0.1.1","maintainers":[{"name":"boredkevin","email":"kevin@boredkevin.com"}],"homepage":"https://github.com/BoredKevin/ui#readme","bugs":{"url":"https://github.com/BoredKevin/ui/issues"},"dist":{"shasum":"b70882d40def0a9cead23a103523c64396c46070","tarball":"https://registry.npmjs.org/@boredkevin/ui/-/ui-0.1.1.tgz","fileCount":32,"integrity":"sha512-OzKmlRxkk7XgYafNInPHVoCnMZVWwnkBNVDZ4q2NNWTHy614VNaqxH1pqFY1OOZtNbRJE+izijcxZgYIp18NPg==","signatures":[{"sig":"MEYCIQCqGw5iFHZWeRmayXFZIB71ffRCV2avUCCA9kxUNrFvbgIhANRqmYAZn/hLqErBZGeHngi88VMQDM+RDSI0ZWcNzaMq","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":409190},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./theme.css":"./dist/theme.css"},"gitHead":"83b90b4eca4927f9cd10b96e44fc6c21be36e50b","scripts":{"dev":"vite build --watch","build":"tsc && vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"boredkevin","email":"kevin@boredkevin.com"},"repository":{"url":"git+https://github.com/BoredKevin/ui.git","type":"git","directory":"packages/ui"},"_npmVersion":"11.17.0","description":"A sharp-cornered Shadcn UI theme with pitch dark aesthetic, live HSL controls, custom chamfers, and drop-in integration.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.19.0","dependencies":{"clsx":"^2.1.1","recharts":"^3.10.1","lucide-react":"^0.469.0","tailwind-merge":"^2.6.0","@radix-ui/react-slot":"^1.1.1","@radix-ui/react-tabs":"^1.1.2","@radix-ui/react-label":"^2.1.1","@radix-ui/react-avatar":"^1.1.2","@radix-ui/react-dialog":"^1.1.4","@radix-ui/react-select":"^2.1.4","@radix-ui/react-slider":"^1.2.2","@radix-ui/react-switch":"^1.1.2","@radix-ui/react-popover":"^1.1.4","@radix-ui/react-tooltip":"^1.1.6","class-variance-authority":"^0.7.1","@radix-ui/react-accordion":"^1.2.2","@radix-ui/react-separator":"^1.1.1","@radix-ui/react-radio-group":"^1.2.2","@radix-ui/react-dropdown-menu":"^2.1.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.5","react":"^18.3.1","postcss":"^8.4.49","react-dom":"^18.3.1","typescript":"^5.7.2","@types/node":"^22.10.2","tailwindcss":"^3.4.17","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^5.0.3","@types/react-dom":"^18.3.5","tailwindcss-animate":"^1.0.7","@vitejs/plugin-react":"^4.3.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.1_1787231075662_0.49355495223471046","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@boredkevin/ui","version":"0.2.0","keywords":["react","shadcn","ui","tailwind","dark-theme","scifi","components","hsl-theme"],"author":{"name":"BoredKevin"},"license":"MIT","_id":"@boredkevin/ui@0.2.0","maintainers":[{"name":"boredkevin","email":"kevin@boredkevin.com"}],"homepage":"https://github.com/BoredKevin/ui#readme","bugs":{"url":"https://github.com/BoredKevin/ui/issues"},"dist":{"shasum":"b6d9a82a014ce215ec71839086ec77f3a5bc4005","tarball":"https://registry.npmjs.org/@boredkevin/ui/-/ui-0.2.0.tgz","fileCount":32,"integrity":"sha512-sGYS0Suu33K88xpzfIlQ3tTgjsUYBke22xTJ1m5LY/ZQyk6/ooI0kYi9I5KCq8KeyknS6PyAUSTuvv07BHlzrw==","signatures":[{"sig":"MEUCICqQdDs65smkigLSTNHI5SiEOj4U61PiNBFgJD0UwFG8AiEAgfbTJZfgFTBX5iyhW9fDjh/dvt/dQY802t7fe7HcN30=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":406666},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./theme.css":"./dist/theme.css"},"gitHead":"f59779b7bbefeed3e304a6bd0645252968670613","scripts":{"dev":"vite build --watch","build":"tsc && vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"boredkevin","email":"kevin@boredkevin.com"},"repository":{"url":"git+https://github.com/BoredKevin/ui.git","type":"git","directory":"packages/ui"},"_npmVersion":"11.17.0","description":"A sharp-cornered Shadcn UI theme with pitch dark aesthetic, live HSL controls, custom chamfers, and drop-in integration.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.19.0","dependencies":{"clsx":"^2.1.1","recharts":"^3.10.1","lucide-react":"^0.469.0","tailwind-merge":"^2.6.0","@radix-ui/react-slot":"^1.1.1","@radix-ui/react-tabs":"^1.1.2","@radix-ui/react-label":"^2.1.1","@radix-ui/react-avatar":"^1.1.2","@radix-ui/react-dialog":"^1.1.4","@radix-ui/react-select":"^2.1.4","@radix-ui/react-slider":"^1.2.2","@radix-ui/react-switch":"^1.1.2","@radix-ui/react-popover":"^1.1.4","@radix-ui/react-tooltip":"^1.1.6","class-variance-authority":"^0.7.1","@radix-ui/react-accordion":"^1.2.2","@radix-ui/react-separator":"^1.1.1","@radix-ui/react-radio-group":"^1.2.2","@radix-ui/react-dropdown-menu":"^2.1.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.5","react":"^18.3.1","postcss":"^8.4.49","react-dom":"^18.3.1","typescript":"^5.7.2","@types/node":"^22.10.2","tailwindcss":"^3.4.17","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^5.0.3","@types/react-dom":"^18.3.5","tailwindcss-animate":"^1.0.7","@vitejs/plugin-react":"^4.3.4"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.2.0_1788480965521_0.7584754132851868","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@boredkevin/ui","version":"1.0.0","description":"A sharp-cornered Shadcn UI theme with pitch dark aesthetic, live HSL controls, custom chamfers, and drop-in integration.","type":"module","license":"MIT","author":{"name":"BoredKevin"},"repository":{"type":"git","url":"git+https://github.com/BoredKevin/ui.git","directory":"packages/ui"},"bugs":{"url":"https://github.com/BoredKevin/ui/issues"},"homepage":"https://github.com/BoredKevin/ui#readme","keywords":["react","shadcn","ui","tailwind","dark-theme","scifi","components","hsl-theme"],"sideEffects":["**/*.css"],"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./theme.css":"./dist/theme.css"},"bin":{"boredkevin-ui":"bin/cli.mjs","ui":"bin/cli.mjs"},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build","dev":"vite build --watch","prepublishOnly":"npm run build"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"dependencies":{"@radix-ui/react-accordion":"^1.2.2","@radix-ui/react-avatar":"^1.1.2","@radix-ui/react-dialog":"^1.1.4","@radix-ui/react-dropdown-menu":"^2.1.4","@radix-ui/react-label":"^2.1.1","@radix-ui/react-popover":"^1.1.4","@radix-ui/react-radio-group":"^1.2.2","@radix-ui/react-select":"^2.1.4","@radix-ui/react-separator":"^1.1.1","@radix-ui/react-slider":"^1.2.2","@radix-ui/react-slot":"^1.1.1","@radix-ui/react-switch":"^1.1.2","@radix-ui/react-tabs":"^1.1.2","@radix-ui/react-tooltip":"^1.1.6","class-variance-authority":"^0.7.1","clsx":"^2.1.1","lucide-react":"^0.469.0","recharts":"^3.10.1","tailwind-merge":"^2.6.0"},"devDependencies":{"@types/node":"^22.10.2","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","@vitejs/plugin-react":"^4.3.4","autoprefixer":"^10.4.20","postcss":"^8.4.49","react":"^18.3.1","react-dom":"^18.3.1","tailwindcss":"^3.4.17","tailwindcss-animate":"^1.0.7","typescript":"^5.7.2","vite":"^6.0.5","vite-plugin-dts":"^5.0.3"},"gitHead":"446533e8ee7de5a66eede56cac4b801df22de169","_id":"@boredkevin/ui@1.0.0","_nodeVersion":"24.19.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-47765VuLEAmx06/RPqWvMCjCFw5ezDlaR2SB57x82mpylh6eggn6fTkloMAqKrspNePYQzWwsrN+W+1G2UwKDA==","shasum":"30b700764248b565de09d0f5485e510f6f6095db","tarball":"https://registry.npmjs.org/@boredkevin/ui/-/ui-1.0.0.tgz","fileCount":51,"unpackedSize":477801,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDLS52lQXRQ4/Yo/HjoOQ99vG0NJ23bXkFijMlACwl/PgIgNtRUGKVEMnuwdnEL1pq2f0n1gIC/mNTIRGuVDdSZE+w="}]},"_npmUser":{"name":"boredkevin","email":"kevin@boredkevin.com"},"directories":{},"maintainers":[{"name":"boredkevin","email":"kevin@boredkevin.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_1.0.0_1788621356835_0.6088154842767979"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-20T13:04:35.500Z","modified":"2026-09-05T15:15:57.172Z","0.1.1":"2026-08-20T13:04:35.812Z","0.2.0":"2026-09-04T00:16:05.732Z","1.0.0":"2026-09-05T15:15:57.018Z"},"bugs":{"url":"https://github.com/BoredKevin/ui/issues"},"author":{"name":"BoredKevin"},"license":"MIT","homepage":"https://github.com/BoredKevin/ui#readme","keywords":["react","shadcn","ui","tailwind","dark-theme","scifi","components","hsl-theme"],"repository":{"type":"git","url":"git+https://github.com/BoredKevin/ui.git","directory":"packages/ui"},"description":"A sharp-cornered Shadcn UI theme with pitch dark aesthetic, live HSL controls, custom chamfers, and drop-in integration.","maintainers":[{"name":"boredkevin","email":"kevin@boredkevin.com"}],"readme":"# @boredkevin/ui\n\nA sharp, pitch-dark UI component library built on Radix UI, Tailwind CSS, and lightweight canvas backgrounds. Built for developer tools, dashboards, and futuristic web apps.\n\n## Installation\n\n```bash\n# npm\nnpm install @boredkevin/ui lucide-react\n\n# pnpm\npnpm add @boredkevin/ui lucide-react\n\n# yarn\nyarn add @boredkevin/ui lucide-react\n\n# bun\nbun add @boredkevin/ui lucide-react\n```\n\n## Quick Start\n\n### 1. Import Theme Styles\nImport `@boredkevin/ui/theme.css` in your application root (e.g. `main.tsx`, `App.tsx`, or Next.js `layout.tsx`):\n\n```tsx\nimport '@boredkevin/ui/theme.css';\n```\n\n### 2. Use Components\n\n```tsx\nimport React from 'react';\nimport { \n  Button, \n  Card, \n  CardHeader, \n  CardTitle, \n  CardContent,\n  ConstellationsBackground,\n  ThemeProvider \n} from '@boredkevin/ui';\n\nexport default function App() {\n  return (\n    <ThemeProvider>\n      <div className=\"relative min-h-screen p-8 bg-background text-foreground flex items-center justify-center\">\n        {/* Ambient Star Background */}\n        <ConstellationsBackground particleCount={45} interactive />\n\n        {/* Sharp HUD Card */}\n        <Card telemetry=\"SYS.01\" className=\"w-full max-w-md relative z-10\">\n          <CardHeader>\n            <CardTitle>Welcome to @boredkevin/ui</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <p className=\"text-sm text-muted-foreground\">\n              Pitch-black OLED contrast, crisp 1px borders, and optional angled chamfer cuts.\n            </p>\n            <div className=\"flex gap-2\">\n              <Button variant=\"cyber\">Cyber Action</Button>\n              <Button variant=\"outline\">Secondary</Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </ThemeProvider>\n  );\n}\n```\n\n## Features\n\n- **Sharp Geometry & Beveled Chamfers:** Angular button cuts, card styles, and HUD corner overlays (`CornerEdges`).\n- **Lightweight Canvas Backgrounds:** Ambient background animations (`ConstellationsBackground`, `PerlinNoiseBackground`, `AtmosphericAuroraBackground`, `CanvasBackground`).\n- **Live HSL Tokens & Theme Provider:** Easily switch presets (`zinc-cyber`, `emerald-matrix`, `amber-terminal`) or adjust hue at runtime without page reloads.\n- **Full TypeScript Support:** Complete typings shipped with the bundle.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}