{"_id":"@caribeth-ai/design-system","_rev":"4-d016a63881d7d1c2538d0aeefc1dc446","name":"@caribeth-ai/design-system","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@caribeth-ai/design-system","version":"0.1.0","license":"MIT","_id":"@caribeth-ai/design-system@0.1.0","maintainers":[{"name":"jaewon-caribeth","email":"jaewon@caribethai.com"}],"homepage":"https://github.com/Caribeth-AI/kitchen-internal/tree/dev/packages/design-system","bugs":{"url":"https://github.com/Caribeth-AI/kitchen-internal/issues"},"dist":{"shasum":"5c7cdc9e69378b9e07346d39bf1876f0fdf9bc7a","tarball":"https://registry.npmjs.org/@caribeth-ai/design-system/-/design-system-0.1.0.tgz","fileCount":130,"integrity":"sha512-/etZn6oPCr6aaAmDQUNJpVvpRgX/NseA4fjjRNPEepd7aUIDD+cz7lYykZghieAX9P1ssKgRpn4C6U49YClD5w==","signatures":[{"sig":"MEUCICTUip3Q/gynPxPMfmQAf4Lrf1YyvZy4PWlGr3kNt0CqAiEAubpexxk5lvdkL3688AwAHTsieOfYqeAFe3Zg37qj6Xw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":211416},"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"},"./atoms":{"types":"./dist/components/atoms/index.d.ts","import":"./dist/components/atoms/index.js"},"./icons":{"types":"./dist/icons.d.ts","import":"./dist/icons.js"},"./lib/utils":{"types":"./dist/lib/utils.d.ts","import":"./dist/lib/utils.js"},"./molecules":{"types":"./dist/components/molecules/index.d.ts","import":"./dist/components/molecules/index.js"},"./organisms":{"types":"./dist/components/organisms/index.d.ts","import":"./dist/components/organisms/index.js"},"./styles/tokens.css":"./src/styles/tokens.css"},"private":false,"scripts":{"dev":"tsup --watch","build":"tsup","check":"tsc --noEmit","prepare":"tsup"},"_npmUser":{"name":"jaewon-caribeth","email":"jaewon@caribethai.com"},"deprecated":"Components render unstyled; no Tailwind utilities emitted. Use 0.1.1+.","repository":{"url":"git+https://github.com/Caribeth-AI/kitchen-internal.git","type":"git","directory":"packages/design-system"},"_npmVersion":"11.17.0","description":"Shared React component library for Caribeth products.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.1","diff":"^9.0.0","tailwind-merge":"^2.6.0","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","typescript":"^5.7.0","@types/diff":"^7.0.2","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.469.0"},"_npmOperationalInternal":{"tmp":"tmp/design-system_0.1.0_1785606223392_0.9158949976880397","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@caribeth-ai/design-system","version":"0.1.1","license":"MIT","_id":"@caribeth-ai/design-system@0.1.1","maintainers":[{"name":"jaewon-caribeth","email":"jaewon@caribethai.com"}],"homepage":"https://github.com/Caribeth-AI/kitchen-internal/tree/dev/packages/design-system","bugs":{"url":"https://github.com/Caribeth-AI/kitchen-internal/issues"},"dist":{"shasum":"f6d77bea120073eb76787636161440a45afcaeb3","tarball":"https://registry.npmjs.org/@caribeth-ai/design-system/-/design-system-0.1.1.tgz","fileCount":130,"integrity":"sha512-8Mk3j4FfGIT2T7MfTahgcbo1SjkgZqQ3MZYqxqHbjQkBRa3FLTawjBpK41/7hkto8j3QKXM+jOud41bsA9HT7g==","signatures":[{"sig":"MEUCIQCVZhHfCTwnl65nx0B/qDs85AF5s7ASk873q6bhQqXY+gIgHH4JlzVUAyQyGTk8gph5+SjqFNeIRY9HBblhNypajUY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":212523},"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"},"./atoms":{"types":"./dist/components/atoms/index.d.ts","import":"./dist/components/atoms/index.js"},"./icons":{"types":"./dist/icons.d.ts","import":"./dist/icons.js"},"./lib/utils":{"types":"./dist/lib/utils.d.ts","import":"./dist/lib/utils.js"},"./molecules":{"types":"./dist/components/molecules/index.d.ts","import":"./dist/components/molecules/index.js"},"./organisms":{"types":"./dist/components/organisms/index.d.ts","import":"./dist/components/organisms/index.js"},"./styles/tokens.css":"./src/styles/tokens.css"},"gitHead":"30af059c098ee0f21bfc01b076b872c8e5c78c54","private":false,"scripts":{"dev":"tsup --watch","build":"tsup","check":"tsc --noEmit","prepare":"tsup"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:a23f8d01-3b1c-448b-9922-2d23a80755ad"}},"repository":{"url":"git+https://github.com/Caribeth-AI/kitchen-internal.git","type":"git","directory":"packages/design-system"},"_npmVersion":"11.16.0","description":"Shared React component library for Caribeth products.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.18.0","dependencies":{"clsx":"^2.1.1","diff":"^9.0.0","tailwind-merge":"^2.6.0","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","typescript":"^5.7.0","@types/diff":"^7.0.2","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.469.0"},"_npmOperationalInternal":{"tmp":"tmp/design-system_0.1.1_1785608373887_0.38969878343805187","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@caribeth-ai/design-system","version":"0.2.0","private":false,"type":"module","description":"Shared React component library for Caribeth products.","license":"MIT","homepage":"https://github.com/Caribeth-AI/kitchen-internal/tree/dev/packages/design-system","repository":{"type":"git","url":"git+https://github.com/Caribeth-AI/kitchen-internal.git","directory":"packages/design-system"},"publishConfig":{"registry":"https://registry.npmjs.org","access":"public"},"sideEffects":["**/*.css"],"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./atoms":{"types":"./dist/components/atoms/index.d.ts","import":"./dist/components/atoms/index.js"},"./molecules":{"types":"./dist/components/molecules/index.d.ts","import":"./dist/components/molecules/index.js"},"./organisms":{"types":"./dist/components/organisms/index.d.ts","import":"./dist/components/organisms/index.js"},"./icons":{"types":"./dist/icons.d.ts","import":"./dist/icons.js"},"./lib/utils":{"types":"./dist/lib/utils.d.ts","import":"./dist/lib/utils.js"},"./styles/tokens.css":"./src/styles/tokens.css"},"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsup","dev":"tsup --watch","check":"tsc --noEmit","prepare":"tsup"},"peerDependencies":{"lucide-react":"^0.469.0","react":"^19.0.0","react-dom":"^19.0.0"},"dependencies":{"class-variance-authority":"^0.7.1","clsx":"^2.1.1","diff":"^9.0.0","tailwind-merge":"^2.6.0"},"devDependencies":{"@types/diff":"^7.0.2","@types/react":"^19.0.0","@types/react-dom":"^19.0.0","tsup":"^8.5.1","typescript":"^5.7.0"},"gitHead":"db809d5dd8678d514ce08c01b58bbf57d636d2a1","_id":"@caribeth-ai/design-system@0.2.0","bugs":{"url":"https://github.com/Caribeth-AI/kitchen-internal/issues"},"_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-uPXOmD5JppPYqM84U7yuQLhitXZ8lsAOG3azvlDxmZGFjdzSSjbCrzw+yU9EW7Con4UZK0L6WBaW1W0kp26IEA==","shasum":"3cf8f55475382b439b474127a389a2a6cf163051","tarball":"https://registry.npmjs.org/@caribeth-ai/design-system/-/design-system-0.2.0.tgz","fileCount":136,"unpackedSize":213139,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDkYekiyGLdGJ7Y+WATUiuJzHP6eZhXREab+mr6+OM9tAIgKWHqnSdU08cXPmLhUFn/HR8+n2EIkep8sbxWw0s5gBk="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:a23f8d01-3b1c-448b-9922-2d23a80755ad"}},"directories":{},"maintainers":[{"name":"jaewon-caribeth","email":"jaewon@caribethai.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system_0.2.0_1785610263617_0.8735862123356433"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-01T17:43:43.248Z","modified":"2026-08-01T18:51:03.932Z","0.1.0":"2026-08-01T17:43:43.548Z","0.1.1":"2026-08-01T18:19:34.106Z","0.2.0":"2026-08-01T18:51:03.762Z"},"bugs":{"url":"https://github.com/Caribeth-AI/kitchen-internal/issues"},"license":"MIT","homepage":"https://github.com/Caribeth-AI/kitchen-internal/tree/dev/packages/design-system","repository":{"type":"git","url":"git+https://github.com/Caribeth-AI/kitchen-internal.git","directory":"packages/design-system"},"description":"Shared React component library for Caribeth products.","maintainers":[{"name":"jaewon-caribeth","email":"jaewon@caribethai.com"}],"readme":"# @caribeth-ai/design-system\n\nShared React component library for Kitchen. Built with Tailwind v4, class-variance-authority, and Lucide icons.\n\n## Requirements\n\nReact 19 and Tailwind CSS v4 in the consuming app. `react`, `react-dom`, and `lucide-react` are peer dependencies.\n\n## Install\n\n```bash\nnpm install @caribeth-ai/design-system\n```\n\nPublic package on npmjs — no registry configuration or auth token needed.\n\n## Setup\n\nImport the token stylesheet once at your app's entry, after Tailwind:\n\n```css\n@import \"tailwindcss\";\n@import \"@caribeth-ai/design-system/styles/tokens.css\";\n```\n\nThis declares the `@theme` block and the light/dark CSS variables, and points Tailwind at the package's compiled output so the utilities the components use are emitted into your bundle. Without it, components render unstyled.\n\nDark mode follows a `.dark` class on `<html>`.\n\n## Usage\n\n```tsx\nimport { Button, Badge } from \"@caribeth-ai/design-system\";\nimport { Bot } from \"@caribeth-ai/design-system/icons\";\nimport { cn } from \"@caribeth-ai/design-system/lib/utils\";\n```\n\nTier subpaths are also available if you want to enforce dependency direction in your own app:\n\n```tsx\nimport { Button } from \"@caribeth-ai/design-system/atoms\";\n```\n\nComponents ship as ESM with per-file `\"use client\"` directives preserved, so React Server Component consumers get clean client boundaries. Next.js needs no `transpilePackages` entry.\n\n## Components\n\n**Atoms** — Avatar, Badge, Button, Card, IconBox, IconButton, InlineCode, Input, MetricChip, Select, TextArea\n\n**Molecules** — ApprovalActions, Banner, ChatMessage, ChipChoice, CopyChip, DefinitionGrid, DiffList, FeatureCard, FormField, IconLabel, LineDiff, MetadataCard, MultiSelect, ReviewThread, SearchBox, SectionHeader, StatTile, StepListItem, Tabs, ThemeToggle, VersionPicker\n\n**Organisms** — FilterMenu, HistorySidebar, ListRow\n\n`@caribeth-ai/design-system/icons` re-exports the Lucide icons used across the set.\n\nSizes use a shared scale: `Size` (`sm` | `md` | `lg`) for most components, `ExtendedSize` (`xs`–`xl`) for IconBox and IconLabel.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}