{"_id":"@brrock/shadcn-packaged","name":"@brrock/shadcn-packaged","dist-tags":{"latest":"2026.2.11"},"versions":{"2026.2.11":{"name":"@brrock/shadcn-packaged","private":false,"version":"2026.2.11","type":"module","module":"index.mjs","scripts":{"dev":"vite","build":"bun run shadcn:clean && bun run shadcn:generate && bun run shadcn:tsc && bun run shadcn:move","shadcn:clean":"rm -rf lib ui hooks dist ~shadcn-packaged/hooks ~shadcn-packaged/ui","shadcn:generate":"npx shadcn@canary add -a -y -o && bun ./modify.mjs","shadcn:tsc":"bun run shadcn:tsc:preinstall && bunx tsc -p tsconfig.json && bun ./types.mjs","shadcn:tsc:preinstall":"bun install -D class-variance-authority clsx tailwind-merge lucide-react tw-animate-css","shadcn:move":"mv dist/* ./"},"types":"index.d.ts","peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"dependencies":{"@base-ui/react":"^1.1.0","@hookform/resolvers":"^5.2.2","class-variance-authority":"^0.7.1","cmdk":"^1.1.1","date-fns":"^4.1.0","embla-carousel-react":"^8.6.0","input-otp":"^1.4.2","lucide-react":"^0.563.0","next-themes":"^0.4.6","radix-ui":"^1.4.3","react-day-picker":"^9.13.2","react-hook-form":"^7.71.1","react-resizable-panels":"^4","recharts":"2.15.4","sonner":"^2.0.7","vaul":"^1.1.2","zod":"^4.3.6"},"devDependencies":{"@types/node":"^22.10.7","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","clsx":"^2.1.1","globals":"^15.14.0","tailwind-merge":"^3.4.0","tailwindcss":"^3.4.17","tw-animate-css":"^1.4.0","typescript":"~5.6.2"},"gitHead":"037e671d5ecbb13396c09b72a19f17be1e065eee","_id":"@brrock/shadcn-packaged@2026.2.11","description":"**Support Tailwindcss V4**","_nodeVersion":"25.2.1","_npmVersion":"11.6.2","dist":{"integrity":"sha512-Xan1OCfvdmFPpKjA57DWZOXUWqjv29tIUDxqmjM9SwGWRQ8PTECoIOUhBHKaOhUhBXAz/NJBcbuLdZH/Wc8+gg==","shasum":"464166e5e44331e06b9e868432f63352d722e8ec","tarball":"https://registry.npmjs.org/@brrock/shadcn-packaged/-/shadcn-packaged-2026.2.11.tgz","fileCount":122,"unpackedSize":227482,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCf/7fPdFxRsXJxbZyrBmeWSWL5RgShWX8Hzd9HR8t22AIhALpLoULbKwyVK2oHsS+jeVwNHPJr4Y/8K32lmkePNkhG"}]},"_npmUser":{"name":"brrock","email":"brduck@duck.com"},"directories":{},"maintainers":[{"name":"brrock","email":"brduck@duck.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/shadcn-packaged_2026.2.11_1770839394109_0.10981581685477648"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-11T19:49:54.050Z","2026.2.11":"2026-02-11T19:49:54.268Z","modified":"2026-02-11T19:49:54.466Z"},"maintainers":[{"name":"brrock","email":"brduck@duck.com"}],"description":"**Support Tailwindcss V4**","readme":"# Shadcn Packaged\n\n**Support Tailwindcss V4**\n\nThis is an npm package that exports all [shadcn/ui](https://ui.shadcn.com/) components without the need for a CLI, designed for ease of use. \n\nIt simply provides all useful files along with type declarations.\n\nWeekly publish latest version components to npm.\n\n## Pre work\n\n1. Create a new react project.\n2. [Get started with Tailwind CSS](https://tailwindcss.com/docs/installation).\n\n## Install\n\n```shell\nnpm i class-variance-authority clsx tailwind-merge lucide-react tw-animate-css\nnpm i shadcn-packaged\n```\n\n## Configuation\n\nFor nextjs user, next.config.js\n\n```javascript\nconst nextConfig = {\n  // ...\n  transpilePackages: [\"shadcn-packaged\"],\n};\n\nexport default nextConfig;\n```\n\nFor vite user, vite.config.js\n\n```javascript\nexport default defineConfig({\n  optimizeDeps: {\n    include: ['shadcn-packaged/**/*.{js,jsx,ts,tsx}'],\n  },\n})\n```\n\n## Usage\n\nImport default style\n\n> If you have a fully customized style in global entry css file, see [Custom Theme](#custom-theme).\n\nThe global entry css file, `index.css` | `global.css`\n\n```css\n/* \"shadcn-packaged/index.css\" includes `@import \"tailwindcss\"` */\n@import \"shadcn-packaged/index.css\";\n/* source detection, according to the actual path specified */\n@source \"../node_modules/shadcn-packaged\";\n```\n\nImport code\n\n```javascript\nimport { Button } from 'shadcn-packaged/ui/button';\nimport { cn } from 'shadcn-packaged/lib/utils';\nimport { useToast } from 'shadcn/hooks/use-toast';\n```\n\nPackage Struct\n\n- shadcn-packaged/ui/*: components\n- shadcn-packaged/hooks/*: hooks\n- shadcn-packaged/lib/utils: utils\n\n## Type declaration and IDE auto import\n\nThis package support vscode auto import.\n\nIf the automatic code import does not take effect, please try the following methods.\n\n1. add below code to project main.tsx or root layout.tsx in NextJS.\n\n```typescript\n/// <reference types=\"shadcn-packaged\" />\n```\n\n2. change tsconig.json\n\n```json\n{\n  \"compilerOptions\": {\n    // append to exist types\n    \"types\": [\"...\", \"./node_modules/shadcn-packaged/**/*.ts\"] \n  }\n}\n```\n\n## Custom Theme\n\nThe global entry css file, `index.css` | `global.css`, more detail see [shadcn theme](https://ui.shadcn.com/docs/theming)\n\n```css\n/* \"shadcn-packaged/index.css\" includes `@import \"tailwindcss\"` */\n@import \"shadcn-packaged/index.css\";\n/* source detection, according to the actual path specified */\n@source \"../node_modules/shadcn-packaged\";\n\n@custom-variant dark (&:is(.dark *));\n\n:root {\n  ...\n}\n\n.dark {\n  ...\n}\n\n@theme inline {\n  ...\n}\n\n@layer base {\n  ...\n}\n```\n\n## License\n\nMIT anuoua\n","readmeFilename":"README.md","_rev":"1-62fbe7203e4e1b9ce80a0668c5e77cc0"}