{"_id":"1.0.16-alpha","_rev":"3-7c7eb4a76df9cce51a4cb0a58c50b90b","name":"1.0.16-alpha","dist-tags":{"latest":"1.0.18-alpha"},"versions":{"1.2.1":{"name":"1.0.16-alpha","version":"1.2.1","keywords":["react","ui","components","design-system","itilite","lumina"],"author":{"name":"Itilite"},"license":"MIT","_id":"1.0.16-alpha@1.2.1","maintainers":[{"name":"rajeshwar-itilite","email":"devops@itilite.com"}],"homepage":"https://github.com/Itilite/design-system#readme","bugs":{"url":"https://github.com/Itilite/design-system/issues"},"dist":{"shasum":"18456df4cca247f0ade18d98ec704f1be21fc78a","tarball":"https://registry.npmjs.org/1.0.16-alpha/-/1.0.16-alpha-1.2.1.tgz","fileCount":179,"integrity":"sha512-HWz8Y9N9MQJ3VK9az/tUU+T/lkbWLBgvg9SeNJCx3HwjG4sxPORhGSmpptmE5fK6oKQS8ixL8jZThcmmR0Ki6w==","signatures":[{"sig":"MEYCIQCcPsz8ZDYGy1NXPhQqUK8/KLjud2Umu16XzN4cooBGGwIhALBwtoe5lWdZvLKhurM78Xs4de+V4+QCvFK/IPn2nHJj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1476997},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./*":{"types":"./dist/*.d.ts","import":"./dist/*.mjs","require":"./dist/*.js"},"./styles.css":"./dist/styles.css"},"gitHead":"8e252e5e4c37b2cd627b54a1f70cff8b120551dd","scripts":{"dev":"tsup --watch","lint":"eslint .","build":"tsup","clean":"rm -rf .turbo node_modules dist","check-types":"tsc --noEmit"},"_npmUser":{"name":"rajeshwar-itilite","email":"devops@itilite.com"},"repository":{"url":"git+https://github.com/Itilite/design-system.git","type":"git","directory":"packages/ui"},"_npmVersion":"8.19.2","description":"Itilite Lumina Design System UI Components","directories":{},"sideEffects":false,"_nodeVersion":"18.12.1","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"antd":"5.13.1","sass":"^1.69.5","tsup":"^8.0.2","react":"^18.2.0","eslint":"^8.57.0","postcss":"^8.4.0","typescript":"5.5.4","@types/node":"^24.10.1","tailwindcss":"^3.2.4","@types/react":"^18.2.61","autoprefixer":"^10.4.0","concurrently":"^9.2.1","postcss-modules":"^6.0.1","@types/react-dom":"^18.2.19","esbuild-sass-plugin":"^3.0.0","@itilite/eslint-config":"workspace:*","@itilite/tailwind-config":"workspace:*","@itilite/typescript-config":"workspace:*"},"peerDependencies":{"antd":"5.13.1","dayjs":"^1.11.0","react":"^18.2.0","@ant-design/icons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/1.0.16-alpha_1.2.1_1783075102282_0.07851208817670385","host":"s3://npm-registry-packages-npm-production"}},"1.0.17-alpha":{"name":"1.0.16-alpha","version":"1.0.17-alpha","keywords":["react","ui","components","design-system","itilite","lumina"],"author":{"name":"Itilite"},"license":"MIT","_id":"1.0.16-alpha@1.0.17-alpha","maintainers":[{"name":"rajeshwar-itilite","email":"devops@itilite.com"}],"homepage":"https://github.com/Itilite/design-system#readme","bugs":{"url":"https://github.com/Itilite/design-system/issues"},"dist":{"shasum":"ef84cd9dd74e106f8b8bd54318fd408ad1360955","tarball":"https://registry.npmjs.org/1.0.16-alpha/-/1.0.16-alpha-1.0.17-alpha.tgz","fileCount":182,"integrity":"sha512-rk7wWFp5McQifPaOMA5XmNM1HjeM+tKWR8GhVjq/TTJyuJOmHJjuZkvegyhx0kr+WCTnkdOGgkCcal/aSCwBsw==","signatures":[{"sig":"MEUCICWyu0SFr24/LCjcaBEK4jX7eYaMxBTRfMuFH0mqHO2UAiEAgmeDi7jgxodakqELjjURuLTOmsv1wFbpT1NjU/ymTCA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1543692},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./*":{"types":"./dist/*.d.ts","import":"./dist/*.mjs","require":"./dist/*.js"},"./styles.css":"./dist/styles.css"},"gitHead":"8e252e5e4c37b2cd627b54a1f70cff8b120551dd","scripts":{"dev":"tsup --watch","lint":"eslint .","build":"tsup","clean":"rm -rf .turbo node_modules dist","check-types":"tsc --noEmit"},"_npmUser":{"name":"rajeshwar-itilite","email":"devops@itilite.com"},"repository":{"url":"git+https://github.com/Itilite/design-system.git","type":"git","directory":"packages/ui"},"_npmVersion":"8.19.2","description":"Itilite Lumina Design System UI Components","directories":{},"sideEffects":false,"_nodeVersion":"18.12.1","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"antd":"5.13.1","sass":"^1.69.5","tsup":"^8.0.2","react":"^18.2.0","eslint":"^8.57.0","postcss":"^8.4.0","typescript":"5.5.4","@types/node":"^24.10.1","tailwindcss":"^3.2.4","@types/react":"^18.2.61","autoprefixer":"^10.4.0","concurrently":"^9.2.1","postcss-modules":"^6.0.1","@types/react-dom":"^18.2.19","esbuild-sass-plugin":"^3.0.0","@itilite/eslint-config":"workspace:*","@itilite/tailwind-config":"workspace:*","@itilite/typescript-config":"workspace:*"},"peerDependencies":{"antd":"5.13.1","dayjs":"^1.11.0","react":"^18.2.0","@ant-design/icons":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/1.0.16-alpha_1.0.17-alpha_1783076499666_0.1941791278735434","host":"s3://npm-registry-packages-npm-production"}},"1.0.18-alpha":{"name":"1.0.16-alpha","version":"1.0.18-alpha","description":"Itilite Lumina Design System UI Components","sideEffects":false,"license":"MIT","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./*":{"types":"./dist/*.d.ts","import":"./dist/*.mjs","require":"./dist/*.js"},"./styles.css":"./dist/styles.css"},"repository":{"type":"git","url":"git+https://github.com/Itilite/design-system.git","directory":"packages/ui"},"keywords":["react","ui","components","design-system","itilite","lumina"],"author":{"name":"Itilite"},"bugs":{"url":"https://github.com/Itilite/design-system/issues"},"homepage":"https://github.com/Itilite/design-system#readme","scripts":{"build":"tsup","dev":"tsup --watch","lint":"eslint .","check-types":"tsc --noEmit","clean":"rm -rf .turbo node_modules dist"},"dependencies":{"clsx":"^2.1.1"},"devDependencies":{"@itilite/eslint-config":"workspace:*","@itilite/tailwind-config":"workspace:*","@itilite/typescript-config":"workspace:*","@types/node":"^24.10.1","@types/react":"^18.2.61","@types/react-dom":"^18.2.19","antd":"5.13.1","autoprefixer":"^10.4.0","concurrently":"^9.2.1","esbuild-sass-plugin":"^3.0.0","eslint":"^8.57.0","postcss":"^8.4.0","postcss-modules":"^6.0.1","react":"^18.2.0","sass":"^1.69.5","tailwindcss":"^3.2.4","tsup":"^8.0.2","typescript":"5.5.4"},"peerDependencies":{"antd":"5.13.1","dayjs":"^1.11.0","react":"^18.2.0","@ant-design/icons":"^5.0.1"},"gitHead":"8e252e5e4c37b2cd627b54a1f70cff8b120551dd","_id":"1.0.16-alpha@1.0.18-alpha","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Whtg0gEUHvEpEmQgpjkz6F0fwH0HiSbqQN9qHDMAyxPY8PQz2MNAV7hXYjTKcRqX2sEvtv1lQmIdxK1c6u8GxA==","shasum":"25f80deeb6787bcd00958563c1073d4d19ad96b4","tarball":"https://registry.npmjs.org/1.0.16-alpha/-/1.0.16-alpha-1.0.18-alpha.tgz","fileCount":182,"unpackedSize":1543694,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDFoxlAKkec0qFyPfjZShKDPyaCyNaOmjmT6AmiVcHnAgIhAPKPOZ4ju3+ZQJUr62pDkFQnlcM6yenaVVvTQzCdLU8s"}]},"_npmUser":{"name":"rajeshwar-itilite","email":"devops@itilite.com"},"directories":{},"maintainers":[{"name":"rajeshwar-itilite","email":"devops@itilite.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/1.0.16-alpha_1.0.18-alpha_1783076633839_0.7761333101381229"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-03T10:38:22.217Z","modified":"2026-07-03T11:03:54.126Z","1.2.1":"2026-07-03T10:38:22.519Z","1.0.17-alpha":"2026-07-03T11:01:39.866Z","1.0.18-alpha":"2026-07-03T11:03:54.038Z"},"bugs":{"url":"https://github.com/Itilite/design-system/issues"},"author":{"name":"Itilite"},"license":"MIT","homepage":"https://github.com/Itilite/design-system#readme","keywords":["react","ui","components","design-system","itilite","lumina"],"repository":{"type":"git","url":"git+https://github.com/Itilite/design-system.git","directory":"packages/ui"},"description":"Itilite Lumina Design System UI Components","maintainers":[{"name":"rajeshwar-itilite","email":"devops@itilite.com"}],"readme":"# @itilite/lumina-ui\n\nItilite Lumina Design System UI Components - A React component library built with TypeScript, Ant Design, and Tailwind CSS.\n\n## Installation\n\n```bash\nnpm install @itilite/lumina-ui\n# or\npnpm add @itilite/lumina-ui\n# or\nyarn add @itilite/lumina-ui\n```\n\n## Peer Dependencies\n\nMake sure you have the following peer dependencies installed:\n\n```bash\nnpm install react antd\n```\n\n## Usage\n\n### Prerequisites\n\nThis component library requires Tailwind CSS to be set up in your consuming application. The components use Tailwind utility classes and will not be styled without it.\n\n#### Setting up Tailwind CSS in your app\n\n1. Install Tailwind CSS:\n```bash\nnpm install -D tailwindcss postcss autoprefixer\nnpx tailwindcss init\n```\n\n2. Configure Tailwind to scan your app (you don't need to scan the component library):\n```js\n// tailwind.config.js\nmodule.exports = {\n  content: [\n    \"./src/**/*.{js,ts,jsx,tsx}\",\n    // No need to scan node_modules - component utilities are pre-compiled\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n3. Add Tailwind directives to your main CSS file:\n```css\n/* app.css or index.css */\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\n**Important:** The component library includes only the Tailwind utilities it uses. Your app must provide the base/reset styles via `@tailwind base`.\n\n### Importing Components\n\nYou can import components individually (recommended for tree-shaking):\n\n```tsx\nimport { Button } from '@itilite/lumina-ui/button';\nimport { Checkbox } from '@itilite/lumina-ui/checkbox';\nimport '@itilite/lumina-ui/styles.css'; // Import component styles\n```\n\nOr import all components from the main entry point:\n\n```tsx\nimport { Button, Checkbox } from '@itilite/lumina-ui';\nimport '@itilite/lumina-ui/styles.css'; // Import component styles\n```\n\n### Button Component\n\n```tsx\nimport { Button } from '@itilite/lumina-ui/button';\n\nfunction App() {\n  return (\n    <Button onClick={() => console.log('Clicked!')}>\n      Click Me\n    </Button>\n  );\n}\n```\n\n### Checkbox Component\n\n```tsx\nimport { Checkbox } from '@itilite/lumina-ui/checkbox';\n\nfunction App() {\n  return (\n    <Checkbox onChange={(checked) => console.log(checked)}>\n      Accept Terms\n    </Checkbox>\n  );\n}\n```\n\n## Requirements\n\n- **Tailwind CSS**: This library requires Tailwind CSS to be configured in your consuming application\n- **React**: 18+\n- **Ant Design**: 5.13.1\n\n## Available Components\n\n- **Button** - Customizable button component\n- **Checkbox** - Checkbox input component\n\nMore components coming soon!\n\n## TypeScript Support\n\nThis package is built with TypeScript and includes type definitions out of the box.\n\n## Browser Support\n\n- Modern browsers (Chrome, Firefox, Safari, Edge)\n- React 18+\n\n## License\n\nMIT\n\n## Contributing\n\nFor bugs and feature requests, please visit our [GitHub repository](https://github.com/Itilite/dev-design-system).\n\n## Maintainer\n\nItilite\n","readmeFilename":"README.md"}