{"_id":"@abderrahmen_ben_nasr/card-palette-suite","_rev":"4-1e9af3336936bc4cd0a6c5ab24df728a","name":"@abderrahmen_ben_nasr/card-palette-suite","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.1":{"name":"@abderrahmen_ben_nasr/card-palette-suite","version":"1.0.1","_id":"@abderrahmen_ben_nasr/card-palette-suite@1.0.1","maintainers":[{"name":"abderrahmen_ben_nasr","email":"abderrahmenbennacer622@gmail.com"}],"dist":{"shasum":"92add440b01459b5f8afe966aeac00fc75c8f313","tarball":"https://registry.npmjs.org/@abderrahmen_ben_nasr/card-palette-suite/-/card-palette-suite-1.0.1.tgz","fileCount":11,"integrity":"sha512-iKiq6odjoheFfGwEOnL9H5ORBaZLw2lnmGdk9AW6NFmGVnkU3UModuOTbGfLbhNTj5b24x0B+HmIRVo7cuUVig==","signatures":[{"sig":"MEYCIQCv6oPjmW1h6WojmCZ3A5+5rtcruTx72GZHEH1nHKaw6wIhAMgnPNWBhPXQpiLBJviqfdsdK7IMGXKdD2BLsHAGkBlW","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":159593},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","gitHead":"eb58786558f974de6e27361cc6a834a1e3b8395d","scripts":{"dev":"vite","lint":"eslint .","build":"vite build","preview":"vite preview","build:dev":"vite build --mode development","build:production":"vite build --mode production"},"_npmUser":{"name":"abderrahmen_ben_nasr","email":"abderrahmenbennacer622@gmail.com"},"_npmVersion":"10.9.3","description":"A React component library for building card management interfaces with internationalization support.","directories":{},"_nodeVersion":"22.20.0","dependencies":{"zod":"^3.25.76","clsx":"^2.1.1","cmdk":"^1.1.1","vaul":"^0.9.9","axios":"^1.13.2","react":"^18.3.1","sonner":"^1.7.4","i18next":"^25.6.3","date-fns":"^3.6.0","recharts":"^2.15.4","input-otp":"^1.4.2","react-dom":"^18.3.1","next-themes":"^0.3.0","lucide-react":"^0.462.0","framer-motion":"^12.23.25","react-i18next":"^16.3.5","@emotion/react":"^11.14.0","tailwind-merge":"^2.6.0","@emotion/styled":"^11.14.1","react-hook-form":"^7.61.1","@chakra-ui/react":"^2.10.9","react-day-picker":"^8.10.1","react-router-dom":"^6.30.1","@hookform/resolvers":"^3.10.0","tailwindcss-animate":"^1.0.7","@radix-ui/react-slot":"^1.2.3","@radix-ui/react-tabs":"^1.1.12","embla-carousel-react":"^8.6.0","i18next-http-backend":"^3.0.2","@radix-ui/react-label":"^2.1.7","@radix-ui/react-toast":"^1.2.14","@tanstack/react-query":"^5.83.0","@radix-ui/react-avatar":"^1.1.10","@radix-ui/react-dialog":"^1.1.14","@radix-ui/react-select":"^2.2.5","@radix-ui/react-slider":"^1.3.5","@radix-ui/react-switch":"^1.2.5","@radix-ui/react-toggle":"^1.1.9","react-resizable-panels":"^2.1.9","@radix-ui/react-menubar":"^1.1.15","@radix-ui/react-popover":"^1.1.14","@radix-ui/react-tooltip":"^1.2.7","@radix-ui/react-checkbox":"^1.3.2","@radix-ui/react-progress":"^1.1.7","class-variance-authority":"^0.7.1","@radix-ui/react-accordion":"^1.2.11","@radix-ui/react-separator":"^1.1.7","@radix-ui/react-hover-card":"^1.1.14","@radix-ui/react-collapsible":"^1.1.11","@radix-ui/react-radio-group":"^1.3.7","@radix-ui/react-scroll-area":"^1.2.9","@radix-ui/react-alert-dialog":"^1.1.14","@radix-ui/react-aspect-ratio":"^1.1.7","@radix-ui/react-context-menu":"^2.2.15","@radix-ui/react-toggle-group":"^1.1.10","@radix-ui/react-dropdown-menu":"^2.1.15","@radix-ui/react-navigation-menu":"^1.2.13"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.19","eslint":"^9.32.0","globals":"^15.15.0","@eslint/js":"^9.32.0","typescript":"^5.8.3","@types/node":"^22.16.5","@types/react":"^18.3.23","lovable-tagger":"^1.1.11","vite-plugin-dts":"^4.5.4","vite-plugin-pwa":"^1.1.0","@types/react-dom":"^18.3.7","typescript-eslint":"^8.38.0","@vitejs/plugin-react-swc":"^3.11.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"_npmOperationalInternal":{"tmp":"tmp/card-palette-suite_1.0.1_1766052070638_0.517566911021075","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@abderrahmen_ben_nasr/card-palette-suite","version":"1.0.2","type":"module","main":"dist/index.cjs.js","module":"dist/index.es.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.cjs.js","types":"./dist/index.d.ts"}},"sideEffects":false,"scripts":{"dev":"vite","build":"vite build","build:dev":"vite build --mode development","build:production":"vite build --mode production","prepare":"npm run build","check:dist":"node ./scripts/check-dist.js","pack:verify":"npm run build && npm run check:dist && npm pack --pack-destination ./tmp","lint":"eslint .","preview":"vite preview"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19","react-router-dom":"^6 || ^7","i18next":">=25.6.3","react-i18next":">=16.3.5"},"publishConfig":{"access":"public"},"dependencies":{"@chakra-ui/react":"^2.10.9","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@hookform/resolvers":"^3.10.0","@radix-ui/react-accordion":"^1.2.11","@radix-ui/react-alert-dialog":"^1.1.14","@radix-ui/react-aspect-ratio":"^1.1.7","@radix-ui/react-avatar":"^1.1.10","@radix-ui/react-checkbox":"^1.3.2","@radix-ui/react-collapsible":"^1.1.11","@radix-ui/react-context-menu":"^2.2.15","@radix-ui/react-dialog":"^1.1.14","@radix-ui/react-dropdown-menu":"^2.1.15","@radix-ui/react-hover-card":"^1.1.14","@radix-ui/react-label":"^2.1.7","@radix-ui/react-menubar":"^1.1.15","@radix-ui/react-navigation-menu":"^1.2.13","@radix-ui/react-popover":"^1.1.14","@radix-ui/react-progress":"^1.1.7","@radix-ui/react-radio-group":"^1.3.7","@radix-ui/react-scroll-area":"^1.2.9","@radix-ui/react-select":"^2.2.5","@radix-ui/react-separator":"^1.1.7","@radix-ui/react-slider":"^1.3.5","@radix-ui/react-slot":"^1.2.3","@radix-ui/react-switch":"^1.2.5","@radix-ui/react-tabs":"^1.1.12","@radix-ui/react-toast":"^1.2.14","@radix-ui/react-toggle":"^1.1.9","@radix-ui/react-toggle-group":"^1.1.10","@radix-ui/react-tooltip":"^1.2.7","@tanstack/react-query":"^5.83.0","axios":"^1.13.2","class-variance-authority":"^0.7.1","clsx":"^2.1.1","cmdk":"^1.1.1","date-fns":"^3.6.0","embla-carousel-react":"^8.6.0","framer-motion":"^12.23.25","i18next-http-backend":"^3.0.2","input-otp":"^1.4.2","lucide-react":"^0.462.0","next-themes":"^0.3.0","react-day-picker":"^8.10.1","react-hook-form":"^7.61.1","react-resizable-panels":"^2.1.9","recharts":"^2.15.4","sonner":"^1.7.4","tailwind-merge":"^2.6.0","tailwindcss-animate":"^1.0.7","vaul":"^0.9.9","zod":"^3.25.76"},"devDependencies":{"@eslint/js":"^9.32.0","@types/node":"^22.16.5","@types/react":"^18.3.23","@types/react-dom":"^18.3.7","@vitejs/plugin-react-swc":"^3.11.0","eslint":"^9.32.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20","globals":"^15.15.0","lovable-tagger":"^1.1.11","typescript":"^5.8.3","typescript-eslint":"^8.38.0","vite":"^5.4.19","vite-plugin-dts":"^4.5.4","vite-plugin-pwa":"^1.1.0","react":"^18.3.1","react-dom":"^18.3.1","i18next":"^25.6.3","react-i18next":"^16.3.5"},"_id":"@abderrahmen_ben_nasr/card-palette-suite@1.0.2","gitHead":"bb44cdb13fbf891c34a21b0441aed2f0e688989e","description":"A React component library for building card management interfaces with internationalization support.","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-7el8QF0+tiae4UVsJMQAjSG2UO2Q91uGGhXqXN36z1jyyFfsUonwxIFp5ZCxjzGK75tzHJQZsILH8Z/sf6I6bQ==","shasum":"ca56ccd5d1d38a6a6e1b1cff594eca712ffdc329","tarball":"https://registry.npmjs.org/@abderrahmen_ben_nasr/card-palette-suite/-/card-palette-suite-1.0.2.tgz","fileCount":11,"unpackedSize":160639,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICKh/x++vjA5LlbXn70yp4jap3Q5e30SOUiTEtpY626+AiEA1mX3fVUfQ9CIjM8bPjsU2Z5jmVZ4ts2x6VUPgwp137E="}]},"_npmUser":{"name":"abderrahmen_ben_nasr","email":"abderrahmenbennacer622@gmail.com"},"directories":{},"maintainers":[{"name":"abderrahmen_ben_nasr","email":"abderrahmenbennacer622@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/card-palette-suite_1.0.2_1766053108537_0.2639092038944231"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-18T10:01:10.509Z","modified":"2025-12-18T10:18:28.995Z","1.0.0":"2025-12-18T09:39:31.274Z","1.0.1":"2025-12-18T10:01:10.837Z","1.0.2":"2025-12-18T10:18:28.678Z"},"description":"A React component library for building card management interfaces with internationalization support.","maintainers":[{"name":"abderrahmen_ben_nasr","email":"abderrahmenbennacer622@gmail.com"}],"readme":"# @showcase42/card-palette-suite\r\n\r\nA React component library for building card management interfaces with internationalization support.\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @showcase42/card-palette-suite\r\n```\r\n\r\n## Peer Dependencies\r\n\r\nYou must install these peer dependencies:\r\n\r\n```bash\r\nnpm install react react-dom @chakra-ui/react @emotion/react @emotion/styled framer-motion lucide-react i18next react-i18next react-router-dom\r\n```\r\n\r\n## Usage\r\n\r\n```tsx\r\nimport { AuthGuard, DynamicSearch, DynamicTable, AppRouter, registerRoutes, i18n, initI18n } from '@showcase42/card-palette-suite';\r\n\r\n// Initialize i18n\r\nawait initI18n();\r\n\r\n// Register routes\r\nregisterRoutes([\r\n  { path: '/', element: <Home /> },\r\n  // ... your routes\r\n]);\r\n\r\n// Use components\r\nfunction App() {\r\n  return (\r\n    <AuthGuard authority=\"view_cards\">\r\n      <AppRouter />\r\n    </AuthGuard>\r\n  );\r\n}\r\n```\r\n\r\n## Components\r\n\r\n- **AuthGuard**: Component for authorization checks\r\n- **PageLayout**: Layout component with navigation\r\n- **DynamicSearch**: Advanced search component with filters\r\n- **DynamicTable**: Data table with actions and pagination\r\n- **AppRouter**: Router component using registered routes\r\n\r\n## Internationalization\r\n\r\nThe library includes bundled common translations (English/French). For additional namespaces, place translation files in your app's `public/locales/` directory.\r\n\r\n## Router System\r\n\r\nUse `registerRoutes` to add routes, then use `AppRouter` to render them.\r\n\r\n## Testing the packaged build\r\n\r\n1. Build the package:\r\n\r\n```bash\r\nnpm run build\r\n```\r\n\r\n2. Verify the built artifacts exist:\r\n\r\n```bash\r\nnpm run check:dist\r\n```\r\n\r\n3. Create a tarball and install locally in an example project:\r\n\r\n```bash\r\nnpm run pack:verify\r\n# then in your example project:\r\n# npm i ../path/to/card-palette-suite/tmp/your-package-1.0.1.tgz\r\n```\r\n\r\nThis checks that `dist/index.es.js`, `dist/index.cjs.js`, and `dist/index.d.ts` are produced.\r\n\r\n## License\r\n\r\nMIT\r\n","readmeFilename":"README.md"}