{"_id":"@amird3088/fancy-ui","_rev":"6-3fa0d10e629da9786da177cfd823deca","name":"@amird3088/fancy-ui","dist-tags":{"latest":"2.0.3"},"versions":{"1.0.0":{"name":"@amird3088/fancy-ui","version":"1.0.0","author":{"name":"amird308"},"_id":"@amird3088/fancy-ui@1.0.0","maintainers":[{"name":"amird3088","email":"amird308@gmail.com"}],"dist":{"shasum":"f5140ff88813d69a815f7b2f0735a55e91fd433a","tarball":"https://registry.npmjs.org/@amird3088/fancy-ui/-/fancy-ui-1.0.0.tgz","fileCount":42,"integrity":"sha512-cd6ELw29gitOUf3z5s/zfqgOJBQZUUMwPxW1/SlosZLz0RmDZsfbsRKj9cc3dY6li7QSts6t0lMlquUNf4sp1A==","signatures":[{"sig":"MEUCIBykVA6aqYm785dEgAzYfcKLLGVJ/ZYLKjKmpljSjFt5AiEAsekrOhuHTXpoFmqtMbwJvEqBMtBA9rv8oP3oBTCtMBU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":463824},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"7aa4410360a9c70c76545fc3ee517d32dc90b5e8","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"amird3088","email":"amird308@gmail.com"},"_npmVersion":"10.8.2","description":"React UI component library","directories":{},"_nodeVersion":"20.18.1","dependencies":{"clsx":"^2.0.0","tailwind-merge":"^2.2.0","react-day-picker":"^8.10.0","@radix-ui/react-slot":"^1.0.2","@radix-ui/react-dialog":"^1.0.5","class-variance-authority":"^0.7.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^4.9.2","postcss":"^8.4.32","react-dom":"^18.2.0","storybook":"8.6.14","typescript":"^5.3.3","tailwindcss":"^3.4.0","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@storybook/test":"8.6.14","@storybook/react":"8.6.14","@types/react-dom":"^18.2.18","@storybook/blocks":"8.6.14","rollup-plugin-dts":"^6.1.0","@storybook/react-vite":"8.6.14","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"8.6.14","@storybook/addon-onboarding":"8.6.14","@storybook/addon-interactions":"8.6.14","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/fancy-ui_1.0.0_1748307812788_0.9103816625503107","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@amird3088/fancy-ui","version":"1.0.1","author":{"name":"amird308"},"_id":"@amird3088/fancy-ui@1.0.1","maintainers":[{"name":"amird3088","email":"amird308@gmail.com"}],"dist":{"shasum":"7e3c57d5303ccc540b5b410c143914e595d5ce3b","tarball":"https://registry.npmjs.org/@amird3088/fancy-ui/-/fancy-ui-1.0.1.tgz","fileCount":42,"integrity":"sha512-tu8nhINkvXbnk0cdrkkCl0dQhCOpTffHDXgPH+66lBk1VTpOrvK4NjpFsmEUvEObzjR7rUbAZlTnJ1AQ/RTDxw==","signatures":[{"sig":"MEUCIE1h3X7QEK1c1+dnTe3xeRyvXPPghuahST538Xw+uQgDAiEA6HxF9xbGc7A7XfAynLBt/+JCMv5rOcaUJwgSiyF6Ukw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2258446},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"195277977b8d4f23013bdcd7b9018f343f0ddef7","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"amird3088","email":"amird308@gmail.com"},"_npmVersion":"10.8.2","description":"React UI component library","directories":{},"_nodeVersion":"20.18.1","dependencies":{"clsx":"^2.0.0","tailwind-merge":"^2.2.0","react-day-picker":"^8.10.0","@radix-ui/react-slot":"^1.0.2","@radix-ui/react-dialog":"^1.0.5","class-variance-authority":"^0.7.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^4.9.2","postcss":"^8.4.32","react-dom":"^18.2.0","storybook":"8.6.14","typescript":"^5.3.3","tailwindcss":"^3.4.0","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@storybook/test":"8.6.14","@storybook/react":"8.6.14","@types/react-dom":"^18.2.18","@storybook/blocks":"8.6.14","rollup-plugin-dts":"^6.1.0","@storybook/react-vite":"8.6.14","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"8.6.14","@storybook/addon-onboarding":"8.6.14","@storybook/addon-interactions":"8.6.14","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/fancy-ui_1.0.1_1748309095645_0.16962962486126432","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@amird3088/fancy-ui","version":"2.0.0","author":{"name":"amird308"},"_id":"@amird3088/fancy-ui@2.0.0","maintainers":[{"name":"amird3088","email":"amird308@gmail.com"}],"dist":{"shasum":"543ad4764cd1bc4887be3a960edf99d1f12532b4","tarball":"https://registry.npmjs.org/@amird3088/fancy-ui/-/fancy-ui-2.0.0.tgz","fileCount":42,"integrity":"sha512-MgUSYSSeVMe7ZHU0hN6SMoKFPa91oLEspKjP6FQyJ/bB/9P+2LhpfUrORC2mL26bgSIw8yr10o8Wcx/WgkYPcw==","signatures":[{"sig":"MEUCIENruuG2WShpYcYUaQsXIGDy7GvkmIs5pi8wGNaa2HhkAiEAs3u/xoUeg+HuMfhmiYNLu7P8ZSHbsF+GNnDCQnRAHII=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2270250},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"3893bc4e27f1045a1ff3df1247bd88b17b66b9d2","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"amird3088","email":"amird308@gmail.com"},"_npmVersion":"10.8.2","description":"React UI component library","directories":{},"_nodeVersion":"20.18.1","dependencies":{"clsx":"^2.0.0","date-fns":"^4.1.0","tailwind-merge":"^2.2.0","react-day-picker":"^8.10.0","@radix-ui/react-slot":"^1.0.2","@radix-ui/react-dialog":"^1.0.5","class-variance-authority":"^0.7.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^4.9.2","postcss":"^8.4.32","react-dom":"^18.2.0","storybook":"8.6.14","typescript":"^5.3.3","tailwindcss":"^4.1.7","@types/react":"^18.2.45","@storybook/test":"8.6.14","@storybook/react":"8.6.14","@types/react-dom":"^18.2.18","@storybook/blocks":"8.6.14","rollup-plugin-dts":"^6.1.0","@tailwindcss/postcss":"^4.1.7","@storybook/react-vite":"8.6.14","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"8.6.14","@storybook/addon-onboarding":"8.6.14","@storybook/addon-interactions":"8.6.14","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","tailwindcss":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fancy-ui_2.0.0_1748354417186_0.712620440525527","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@amird3088/fancy-ui","version":"2.0.1","author":{"name":"amird308"},"_id":"@amird3088/fancy-ui@2.0.1","maintainers":[{"name":"amird3088","email":"amird308@gmail.com"}],"dist":{"shasum":"47bb843004b0399abd9d35a295232d2ea43af3ba","tarball":"https://registry.npmjs.org/@amird3088/fancy-ui/-/fancy-ui-2.0.1.tgz","fileCount":43,"integrity":"sha512-+wiqm8PAfD0dHiCNmrIrZVzDQqt1kUTjwMtOerJweJyv9TSWKO3zGB8tkW50CYoBinvFRbL7SG37fRVogLGRPQ==","signatures":[{"sig":"MEUCIQC5dD7YhNFNtnume7Q4AYZsb/vslRP8owMbmYp+eT3AowIgeF5eUEbjxxTX7i0rNKeJDnt1LGaFIkRDnQzIZ/MR6cU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2244583},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"3893bc4e27f1045a1ff3df1247bd88b17b66b9d2","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"amird3088","email":"amird308@gmail.com"},"_npmVersion":"10.8.2","description":"React UI component library","directories":{},"_nodeVersion":"20.18.1","dependencies":{"clsx":"^2.0.0","date-fns":"^4.1.0","tailwind-merge":"^2.2.0","react-day-picker":"^8.10.0","@radix-ui/react-slot":"^1.0.2","@radix-ui/react-dialog":"^1.0.5","class-variance-authority":"^0.7.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^4.9.2","postcss":"^8.4.32","react-dom":"^18.2.0","storybook":"8.6.14","typescript":"^5.3.3","tailwindcss":"^4.1.7","@types/react":"^18.2.45","@storybook/test":"8.6.14","@storybook/react":"8.6.14","@types/react-dom":"^18.2.18","@storybook/blocks":"8.6.14","rollup-plugin-dts":"^6.1.0","@tailwindcss/postcss":"^4.1.7","@storybook/react-vite":"8.6.14","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"8.6.14","@storybook/addon-onboarding":"8.6.14","@storybook/addon-interactions":"8.6.14","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","tailwindcss":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fancy-ui_2.0.1_1748354952732_0.137431617030644","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@amird3088/fancy-ui","version":"2.0.2","author":{"name":"amird308"},"_id":"@amird3088/fancy-ui@2.0.2","maintainers":[{"name":"amird3088","email":"amird308@gmail.com"}],"dist":{"shasum":"0be2ef667a94b410e51d2ff443bdbdc2e838c3f6","tarball":"https://registry.npmjs.org/@amird3088/fancy-ui/-/fancy-ui-2.0.2.tgz","fileCount":43,"integrity":"sha512-4wYO20hDzFOkhnUMW+TLKXsWBW+eRNg3Hz2NAZPAIt4dyB3liZfPN9Dx+KVJ6tNKqsZo/PYDTgZlksb5WZudBQ==","signatures":[{"sig":"MEUCIQDSSp5RyUavy46nbjRrXW4e/juxnzp2TK2K9u04sG0/cQIgZwbK67QLWaxALyqcuAaIwo7MoZv4xv7LGsBHmk7hh7I=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2244665},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"7293f91fea5f120820ed3c693947b5f4aab43d3c","scripts":{"dev":"rollup -c -w","build":"rollup -c","prepare":"npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"amird3088","email":"amird308@gmail.com"},"_npmVersion":"10.8.2","description":"React UI component library","directories":{},"_nodeVersion":"20.18.1","dependencies":{"clsx":"^2.0.0","date-fns":"^4.1.0","tailwind-merge":"^2.2.0","react-day-picker":"^8.10.0","@radix-ui/react-slot":"^1.0.2","@radix-ui/react-dialog":"^1.0.5","class-variance-authority":"^0.7.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","rollup":"^4.9.2","postcss":"^8.4.32","react-dom":"^18.2.0","storybook":"8.6.14","typescript":"^5.3.3","tailwindcss":"^4.1.7","@types/react":"^18.2.45","@storybook/test":"8.6.14","@storybook/react":"8.6.14","@types/react-dom":"^18.2.18","@storybook/blocks":"8.6.14","rollup-plugin-dts":"^6.1.0","@tailwindcss/postcss":"^4.1.7","@storybook/react-vite":"8.6.14","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"8.6.14","@storybook/addon-onboarding":"8.6.14","@storybook/addon-interactions":"8.6.14","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","tailwindcss":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/fancy-ui_2.0.2_1748355666810_0.3005322583403627","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"name":"@amird3088/fancy-ui","version":"2.0.3","description":"React UI component library","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","dev":"rollup -c -w","prepare":"npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"author":{"name":"amird308"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","tailwindcss":">=4.0.0"},"devDependencies":{"@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.6","@storybook/addon-essentials":"8.6.14","@storybook/addon-interactions":"8.6.14","@storybook/addon-onboarding":"8.6.14","@storybook/blocks":"8.6.14","@storybook/react":"8.6.14","@storybook/react-vite":"8.6.14","@storybook/test":"8.6.14","@tailwindcss/postcss":"^4.1.7","@types/react":"^18.2.45","@types/react-dom":"^18.2.18","postcss":"^8.4.32","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.9.2","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","storybook":"8.6.14","tailwindcss":"^4.1.7","typescript":"^5.3.3"},"dependencies":{"@radix-ui/react-dialog":"^1.0.5","@radix-ui/react-slot":"^1.0.2","class-variance-authority":"^0.7.0","clsx":"^2.0.0","date-fns":"^4.1.0","react-day-picker":"^8.10.0","tailwind-merge":"^2.2.0"},"_id":"@amird3088/fancy-ui@2.0.3","gitHead":"1e5372c5374aea79921af6c4859656d1b73327ec","_nodeVersion":"20.18.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-Oe5PRMlbL2p5k+bBxUjmPICdQkY4AtML6BprRaHtrsF1afvBK/jYn4dPzkgQseZ6ROz+UsyNHe1Rp6JFfXz3Fg==","shasum":"3a11b84cbd242f4cff1163b6068b75685ee52737","tarball":"https://registry.npmjs.org/@amird3088/fancy-ui/-/fancy-ui-2.0.3.tgz","fileCount":43,"unpackedSize":2246413,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDGmkgZdq2IrjetNFGC1b1pHufGYIBKXeYTp0x9885nQwIhAKpKjVkLSg01kXM5jWIkM13XRWCHVDasNvZy9scHJaKj"}]},"_npmUser":{"name":"amird3088","email":"amird308@gmail.com"},"directories":{},"maintainers":[{"name":"amird3088","email":"amird308@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/fancy-ui_2.0.3_1748358544945_0.7868257965077057"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-27T01:03:32.651Z","modified":"2025-05-27T15:09:05.382Z","1.0.0":"2025-05-27T01:03:33.024Z","1.0.1":"2025-05-27T01:24:55.877Z","2.0.0":"2025-05-27T14:00:17.517Z","2.0.1":"2025-05-27T14:09:12.939Z","2.0.2":"2025-05-27T14:21:07.017Z","2.0.3":"2025-05-27T15:09:05.188Z"},"author":{"name":"amird308"},"description":"React UI component library","maintainers":[{"name":"amird3088","email":"amird308@gmail.com"}],"readme":"# @amird3088/fancy-ui\r\n\r\nReact UI component library built with Radix Primitives and TailwindCSS.\r\n\r\n#demo\r\n\r\n### https://demo-gules-tau.vercel.app/\r\n\r\n\r\n## Installation\r\n\r\n```bash\r\n# Using npm\r\nnpm install @amird3088/fancy-ui\r\n\r\n# Using pnpm\r\npnpm add @amird3088/fancy-ui\r\n\r\n# Using yarn\r\nyarn add @amird3088/fancy-ui\r\n```\r\n\r\n### Peer Dependencies\r\n\r\nMake sure you have the required peer dependencies installed:\r\n\r\n```bash\r\nnpm install react react-dom\r\n```\r\n\r\n## Setup\r\n\r\n### Import Styles\r\n\r\n```tsx\r\n// In your css\r\n@import '@amird3088/fancy-ui/dist/index.css';\r\n```\r\n\r\n## Usage\r\n\r\n### Button\r\n\r\n```tsx\r\nimport { Button } from '@amird3088/fancy-ui';\r\n\r\nfunction App() {\r\n  return (\r\n    <div>\r\n      <Button>Default Button</Button>\r\n      <Button variant=\"destructive\">Delete</Button>\r\n      <Button variant=\"outline\" size=\"sm\">Small Outline</Button>\r\n      <Button variant=\"ghost\" size=\"lg\">Large Ghost</Button>\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n### Input\r\n\r\n```tsx\r\nimport { Input } from '@amird3088/fancy-ui';\r\n\r\nfunction App() {\r\n  return (\r\n    <div>\r\n      <Input placeholder=\"Enter your name\" />\r\n      <Input type=\"email\" placeholder=\"Enter your email\" />\r\n      <Input type=\"password\" placeholder=\"Enter password\" />\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n### Modal\r\n\r\n```tsx\r\nimport { \r\n  Modal, \r\n  ModalTrigger, \r\n  ModalContent, \r\n  ModalHeader, \r\n  ModalTitle, \r\n  ModalDescription,\r\n  ModalFooter,\r\n  ModalClose,\r\n  Button \r\n} from '@amird3088/fancy-ui';\r\n\r\nfunction App() {\r\n  return (\r\n    <Modal>\r\n      <ModalTrigger asChild>\r\n        <Button>Open Modal</Button>\r\n      </ModalTrigger>\r\n      <ModalContent>\r\n        <ModalHeader>\r\n          <ModalTitle>Modal Title</ModalTitle>\r\n          <ModalDescription>\r\n            This is a modal description.\r\n          </ModalDescription>\r\n        </ModalHeader>\r\n        <ModalFooter>\r\n          <ModalClose asChild>\r\n            <Button variant=\"outline\">Cancel</Button>\r\n          </ModalClose>\r\n          <Button>Save</Button>\r\n        </ModalFooter>\r\n      </ModalContent>\r\n    </Modal>\r\n  );\r\n}\r\n```\r\n\r\n### DatePicker\r\n\r\n```tsx\r\nimport { DatePicker } from '@amird3088/fancy-ui';\r\nimport { useState } from 'react';\r\n\r\nfunction App() {\r\n  const [date, setDate] = useState<Date>();\r\n\r\n  return (\r\n    <DatePicker\r\n      selected={date}\r\n      onSelect={setDate}\r\n      placeholder=\"Select a date\"\r\n    />\r\n  );\r\n}\r\n```\r\n\r\n\r\n\r\n### Building the Library\r\n\r\n```bash\r\npnpm install\r\npnpm build\r\npnpm run build-storybook\r\n```\r\n\r\n### Development Mode\r\n\r\n```bash\r\npnpm run storybook\r\n```\r\n","readmeFilename":"README.md"}