{"_id":"@5dpharma/ui","_rev":"2-fe99c30f63bb2c0c096916255193128d","name":"@5dpharma/ui","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@5dpharma/ui","version":"1.0.0","license":"UNLICENSED","_id":"@5dpharma/ui@1.0.0","maintainers":[{"name":"5dpharma","email":"ariga.kiran@5datainc.com"}],"dist":{"shasum":"c27122acdda793460939c14b3d92192550fcb002","tarball":"https://registry.npmjs.org/@5dpharma/ui/-/ui-1.0.0.tgz","fileCount":45,"integrity":"sha512-EjTN7iAZaAuaNclPEFH/uxRFWfq7X4qjngs+R1EHMKR5PYAeaRaJIkVfcqoenEQKsDzwe4EaSCaG5bYFbih6Fg==","signatures":[{"sig":"MEQCIFByBkR4XGTc2RzBh6Wsh+SATWR1jePEDP0AT44au9pdAiA7iG7Yw2n3E+YCztuNdk//HkmWm/UdLEU/vQysGQTNeQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":93848},"main":"./src/index.ts","types":"./src/index.ts","exports":{".":"./src/index.ts","./styles":"./src/styles/index.css","./styles.css":"./src/styles/index.css","./package.json":"./package.json"},"scripts":{"lint":"echo \"lint: configure via @fd/config\"","build":"tsc --noEmit -p tsconfig.json","typecheck":"tsc --noEmit -p tsconfig.json"},"_npmUser":{"name":"5dpharma","email":"ariga.kiran@5datainc.com"},"_npmVersion":"11.12.1","description":"5D design system — shadcn primitives, composites, tokens, and hooks","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"25.9.0","dependencies":{"clsx":"^2.1.1","lucide-react":"^1.14.0","tailwind-merge":"^3.3.1","@radix-ui/react-slot":"^1.2.3","@radix-ui/react-tabs":"^1.1.13","@radix-ui/react-label":"^2.1.7","@radix-ui/react-avatar":"^1.1.10","@radix-ui/react-dialog":"^1.1.15","@radix-ui/react-select":"^2.2.6","@radix-ui/react-switch":"^1.2.6","@radix-ui/react-popover":"^1.1.15","@radix-ui/react-tooltip":"^1.2.8","@radix-ui/react-checkbox":"^1.3.3","@radix-ui/react-progress":"^1.1.7","class-variance-authority":"^0.7.1","@radix-ui/react-accordion":"^1.2.12","@radix-ui/react-separator":"^1.1.7","@radix-ui/react-collapsible":"^1.1.12","@radix-ui/react-radio-group":"^1.3.8","@radix-ui/react-dropdown-menu":"^2.1.16"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"swr":"^2.3.3","react":"^19.2.6","sonner":"^2.0.7","react-dom":"^19.2.6","typescript":"^5.8.3","@types/node":"^26.1.1","@types/react":"19.2.2","@types/react-dom":"19.2.2"},"peerDependencies":{"swr":"^2.0.0","react":"^19.0.0","sonner":"^2.0.0","react-dom":"^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.0_1784198665405_0.8744744838217755","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@5dpharma/ui","version":"1.0.1","description":"5D design system — shadcn primitives, composites, tokens, and hooks","license":"UNLICENSED","sideEffects":["**/*.css"],"main":"./src/index.ts","types":"./src/index.ts","exports":{".":"./src/index.ts","./styles.css":"./src/styles/index.css","./styles":"./src/styles/index.css","./package.json":"./package.json"},"scripts":{"build":"tsc --noEmit -p tsconfig.json","typecheck":"tsc --noEmit -p tsconfig.json","lint":"echo \"lint: configure via @fd/config\""},"publishConfig":{"access":"public"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","sonner":"^2.0.0","swr":"^2.0.0"},"dependencies":{"@radix-ui/react-accordion":"^1.2.12","@radix-ui/react-avatar":"^1.1.10","@radix-ui/react-checkbox":"^1.3.3","@radix-ui/react-collapsible":"^1.1.12","@radix-ui/react-dialog":"^1.1.15","@radix-ui/react-dropdown-menu":"^2.1.16","@radix-ui/react-label":"^2.1.7","@radix-ui/react-popover":"^1.1.15","@radix-ui/react-progress":"^1.1.7","@radix-ui/react-radio-group":"^1.3.8","@radix-ui/react-select":"^2.2.6","@radix-ui/react-separator":"^1.1.7","@radix-ui/react-slot":"^1.2.3","@radix-ui/react-switch":"^1.2.6","@radix-ui/react-tabs":"^1.1.13","@radix-ui/react-tooltip":"^1.2.8","class-variance-authority":"^0.7.1","clsx":"^2.1.1","lucide-react":"^1.14.0","tailwind-merge":"^3.3.1"},"devDependencies":{"@types/node":"^26.1.1","@types/react":"19.2.2","@types/react-dom":"19.2.2","react":"^19.2.6","react-dom":"^19.2.6","sonner":"^2.0.7","swr":"^2.3.3","typescript":"^5.8.3"},"_id":"@5dpharma/ui@1.0.1","_nodeVersion":"25.9.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-PE8TG1FAGGNmv5TkvEjDSBxynXfRyL7EqzzL6JLbB7WFTQi2DRQ7MUjjwSq+D+5/KVOCJcx8ycLeTmOY+BWNtg==","shasum":"23584dfaf1526d0dcc3ef93a55a54e5a04bfbfc9","tarball":"https://registry.npmjs.org/@5dpharma/ui/-/ui-1.0.1.tgz","fileCount":45,"unpackedSize":93848,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICOxxuWte5+lHaIfeuXzW3JghnmNx2UwaTUdz42j4OPpAiEApH9CyR9yp40RN+WhpZf9ooEXFXb757grlBstwue8NdY="}]},"_npmUser":{"name":"5dpharma","email":"ariga.kiran@5datainc.com"},"directories":{},"maintainers":[{"name":"5dpharma","email":"ariga.kiran@5datainc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_1.0.1_1784198853136_0.81098008497998"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-16T10:44:25.321Z","modified":"2026-07-16T10:47:33.404Z","1.0.0":"2026-07-16T10:44:25.545Z","1.0.1":"2026-07-16T10:47:33.265Z"},"license":"UNLICENSED","description":"5D design system — shadcn primitives, composites, tokens, and hooks","maintainers":[{"name":"5dpharma","email":"ariga.kiran@5datainc.com"}],"readme":"# @5dpharma/ui\n\n5D design system: shadcn/Radix primitives, composite components, tokens, and shared hooks.\n\n## Install\n\n```bash\nnpm install @5dpharma/ui\n```\n\nConfigure `.npmrc` (or CI `NPMRC_PATH`) for the `@fd` scope — see repo `.npmrc.example`.\n\n## Usage\n\n```tsx\nimport { Button, DataTable, PageHeader, StatusBadge } from '@5dpharma/ui'\n```\n\nImport styles in your product `globals.css`:\n\n```css\n@import '@5dpharma/ui/styles.css';\n```\n\nEnsure Tailwind scans the package (Tailwind v4 `@source`):\n\n```css\n@source \"../../node_modules/@5dpharma/ui/src\";\n```\n\nFor Next.js, add:\n\n```js\ntranspilePackages: ['@5dpharma/ui']\n```\n\n## Adding a new shadcn component\n\nDo **not** add primitives inside a product app. Contribute here:\n\n```bash\ncd packages/ui\nnpx shadcn@latest add select\n```\n\nExport from `src/index.ts`, add a Storybook story, open a Changeset (minor), publish.\n\nSee [CONTRIBUTING-UI.md](../../docs/CONTRIBUTING-UI.md).\n\n## StatusBadge customization\n\n```tsx\n<StatusBadge status=\"Approved\" statusConfig={{ Approved: 'lightSuccess' }} />\n```\n","readmeFilename":"README.md"}