{"_id":"@ankit-paul-keross/ikon-component-lib","_rev":"2-05210ddbca33328797cf92eb49c0ef3f","name":"@ankit-paul-keross/ikon-component-lib","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ankit-paul-keross/ikon-component-lib","version":"1.0.0","keywords":["react","nextjs","components","ui","tailwind","shadcn","typescript"],"author":{"name":"Ankit Paul"},"license":"MIT","_id":"@ankit-paul-keross/ikon-component-lib@1.0.0","maintainers":[{"name":"ankit-paul-keross","email":"ankit.paul@keross.com"}],"dist":{"shasum":"21b15178cd8c85fc3d5548219058e4fac47fdd73","tarball":"https://registry.npmjs.org/@ankit-paul-keross/ikon-component-lib/-/ikon-component-lib-1.0.0.tgz","fileCount":10,"integrity":"sha512-hJLZLEKcTaNiUwx7yi9T13L2XJSVaLs15aPOZ6juBHRKHMY+QdPYk931J4kmGOZcXo6v9C1HhsJcbh9OEl/mcQ==","signatures":[{"sig":"MEQCIDtWunCBWTu1IbNFtJ0Ramjvbxhw025CTqMxYC1j13qkAiAUiSRCqXIej8Xm22bLcsptqvS982aOL3C/Hh32oxWblA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1510435},"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"},"./styles.css":"./dist/styles.css"},"scripts":{"dev":"next dev","build":"next build","start":"next start","build:lib":"tsup","prepublishOnly":"npm run build:lib"},"_npmUser":{"name":"ankit-paul-keross","email":"ankit.paul@keross.com"},"_npmVersion":"10.8.3","description":"A comprehensive component library built with TypeScript, featuring shadcn/ui components and custom components for building modern web applications in Next.js.","directories":{},"_nodeVersion":"22.20.0","dependencies":{"clsx":"^2.1.1","cmdk":"^1.1.1","next":"^14.0.0","vaul":"^1.1.2","react":"^18.2.0","motion":"^12.23.22","sonner":"^2.0.7","zxcvbn":"^4.4.2","echarts":"^6.0.0","date-fns":"^4.1.0","react-dom":"^18.2.0","next-themes":"^0.4.6","lucide-react":"^0.545.0","framer-motion":"^12.23.22","countries-list":"^3.1.1","tailwind-merge":"^3.3.1","react-hook-form":"^7.64.0","react-day-picker":"^9.9.0","country-flag-icons":"^1.5.21","tailwindcss-animate":"^1.0.7","@radix-ui/react-slot":"^1.2.3","@radix-ui/react-tabs":"^1.1.13","@radix-ui/react-icons":"^1.3.0","@radix-ui/react-label":"^2.1.7","@tanstack/react-table":"^8.21.3","@radix-ui/react-avatar":"^1.1.10","@radix-ui/react-dialog":"^1.1.15","@radix-ui/react-select":"^2.2.6","@radix-ui/react-slider":"^1.3.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-hover-card":"^1.1.15","@radix-ui/react-radio-group":"^1.3.8","@radix-ui/react-scroll-area":"^1.2.10","@radix-ui/react-alert-dialog":"^1.1.15","@radix-ui/react-dropdown-menu":"^2.1.16","@radix-ui/react-navigation-menu":"^1.2.14"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","postcss":"^8.5.6","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.18","@types/react":"^19","autoprefixer":"^10.4.21","@types/zxcvbn":"^4.4.5","@types/react-dom":"^19"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/ikon-component-lib_1.0.0_1760321843127_0.20606187042241841","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ankit-paul-keross/ikon-component-lib","version":"1.0.1","description":"A comprehensive component library built with TypeScript, featuring shadcn/ui components and custom components for building modern web applications in Next.js.","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"},"./styles.css":"./dist/styles.css"},"scripts":{"dev":"next dev","build":"next build","build:lib":"tsup","start":"next start","prepublishOnly":"npm run build:lib"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"dependencies":{"@radix-ui/react-accordion":"^1.2.12","@radix-ui/react-alert-dialog":"^1.1.15","@radix-ui/react-avatar":"^1.1.10","@radix-ui/react-checkbox":"^1.3.3","@radix-ui/react-dialog":"^1.1.15","@radix-ui/react-dropdown-menu":"^2.1.16","@radix-ui/react-hover-card":"^1.1.15","@radix-ui/react-icons":"^1.3.0","@radix-ui/react-label":"^2.1.7","@radix-ui/react-navigation-menu":"^1.2.14","@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-scroll-area":"^1.2.10","@radix-ui/react-select":"^2.2.6","@radix-ui/react-separator":"^1.1.7","@radix-ui/react-slider":"^1.3.6","@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","@tanstack/react-table":"^8.21.3","class-variance-authority":"^0.7.1","clsx":"^2.1.1","cmdk":"^1.1.1","countries-list":"^3.1.1","country-flag-icons":"^1.5.21","date-fns":"^4.1.0","echarts":"^6.0.0","framer-motion":"^12.23.22","lucide-react":"^0.545.0","motion":"^12.23.22","next":"^14.0.0","next-themes":"^0.4.6","react":"^18.2.0","react-day-picker":"^9.9.0","react-dom":"^18.2.0","react-hook-form":"^7.64.0","sonner":"^2.0.7","tailwind-merge":"^3.3.1","tailwindcss-animate":"^1.0.7","vaul":"^1.1.2","zxcvbn":"^4.4.2"},"devDependencies":{"@types/node":"^20","@types/react":"^19","@types/react-dom":"^19","@types/zxcvbn":"^4.4.5","autoprefixer":"^10.4.21","postcss":"^8.5.6","tailwindcss":"^3.4.18","tsup":"^8.5.0","typescript":"^5"},"keywords":["react","nextjs","components","ui","tailwind","shadcn","typescript"],"author":{"name":"Ankit Paul"},"license":"MIT","_id":"@ankit-paul-keross/ikon-component-lib@1.0.1","gitHead":"2aa45c4e6b4960db9eb74be8415731658d71eefe","_nodeVersion":"22.20.0","_npmVersion":"10.8.3","dist":{"integrity":"sha512-iYGtar0x4urPg2kdKmuHr5kPVtJGCYvuFmYtym5NlkD332/HfH3CsnH4kqQa/BFRgvOEHsAULQraRoAux6DppA==","shasum":"ab041ae3b59d3435dfd86f8783d5c02f56d9ed51","tarball":"https://registry.npmjs.org/@ankit-paul-keross/ikon-component-lib/-/ikon-component-lib-1.0.1.tgz","fileCount":11,"unpackedSize":1511530,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD/lbvnHWBpotn1gPt3GAW9xpLnMAYJ3mtNZ+wX1sUcJAIgR1TMmfMJydtwUjTBi0XIKyYWV0g4cd1CjFIU6tfAFaY="}]},"_npmUser":{"name":"ankit-paul-keross","email":"ankit.paul@keross.com"},"directories":{},"maintainers":[{"name":"ankit-paul-keross","email":"ankit.paul@keross.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ikon-component-lib_1.0.1_1760322379597_0.515146366757153"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-13T02:17:23.017Z","modified":"2025-10-13T02:26:20.043Z","1.0.0":"2025-10-13T02:17:23.373Z","1.0.1":"2025-10-13T02:26:19.833Z"},"author":{"name":"Ankit Paul"},"license":"MIT","keywords":["react","nextjs","components","ui","tailwind","shadcn","typescript"],"description":"A comprehensive component library built with TypeScript, featuring shadcn/ui components and custom components for building modern web applications in Next.js.","maintainers":[{"name":"ankit-paul-keross","email":"ankit.paul@keross.com"}],"readme":"# Ikon Component Library\n\nA comprehensive component library built with TypeScript, featuring shadcn/ui components and custom components for building modern web applications in Next.js.\n\n## 📦 Installation\n\n```bash\nnpm install @ankit-paul-keross/ikon-component-lib\n```\n\n## 🚀 Quick Start with Theming\n\nIn globals.css add:\n\n```css\n@import \"@ankit-paul-keross/ikon-component-lib/styles.css\";\n```\n\nIn layout.tsx add:\n\n```typescript\nimport { ThemeProvider, ThemeToggleBtn } from \"@ankit-paul-keross/ikon-component-lib\";\n```\n\n```typescript\n<ThemeProvider\n    attribute=\"class\"\n    defaultTheme=\"dark\"\n    themes={['light', 'dark', 'keross']}\n    enableSystem\n    disableTransitionOnChange\n>\n    <div className=\"flex flex-row justify-end sticky top-0 z-50\">\n        <ThemeToggleBtn />\n    </div>\n    {children}\n</ThemeProvider>\n```\n\nThe library supports light, dark themes, and a custom keross theme out of the box. Use the `ThemeToggleBtn` component to switch between themes.\n\n## 📚 Components\n\n### Shadcn UI Components\n\nBase UI components built on top of Radix UI primitives:\n\n- **Accordion** - Vertically stacked set of interactive headings\n- **Alert & Alert Dialog** - Callout messages and modal dialogs\n- **Avatar** - User profile images with fallback\n- **Badge** - Small status indicators\n- **Button** - Clickable button elements with variants\n- **Calendar** - Date picker calendar interface\n- **Card** - Container for content with header and footer\n- **Checkbox** - Binary selection control\n- **Command** - Command palette interface\n- **Date Input & Date Range Picker** - Date selection inputs\n- **Dialog** - Modal dialog windows\n- **Dropdown Menu** - Contextual menu component\n- **Hover Card** - Contextual card on hover\n- **Input & Textarea** - Form input fields\n- **Label** - Form field labels\n- **Navigation Menu** - Horizontal navigation component\n- **Popover** - Floating content container\n- **Progress** - Progress indicator bar\n- **Radio Group** - Single selection from multiple options\n- **Scroll Area** - Custom scrollable container\n- **Select** - Dropdown selection input\n- **Separator** - Visual divider line\n- **Sheet** - Side panel/drawer component\n- **Sidebar** - Application sidebar navigation\n- **Skeleton** - Loading placeholder\n- **Slider** - Range input slider\n- **Sonner** - Toast notification system\n- **Switch** - Toggle switch control\n- **Table** - Data table component\n- **Tabs** - Tabbed interface\n- **Tooltip** - Contextual hint on hover\n- **Workflow** - Workflow visualization component\n\n### Ikon Custom Components\n\nCustom-built components for enhanced functionality:\n\n- **Action Menu** - Quick action menu dropdown\n- **Alert Dialog** - Custom alert modal\n- **App Sidebar** - Application navigation sidebar\n- **Buttons** - Extended button variants\n- **Combobox Input** - Searchable select input\n- **Data Table** - Advanced data grid with sorting and filtering\n- **E-Chart** - Chart visualization component\n- **File Input** - File upload input with preview\n- **Glowing Effect** - Animated glow effect wrapper\n- **Icon** - Icon component library\n- **Loading Spinner** - Loading state indicator\n- **Multi Combobox** - Multi-select combobox\n- **No Data** - Empty state placeholder\n- **Page Wrapper** - Page layout wrapper\n- **Password Strength Meter** - Password strength indicator\n- **Phone Input** - International phone number input\n- **Resource Spreadsheet** - Spreadsheet-like data grid\n- **Search Input** - Search input with suggestions\n- **Sheet** - Custom sheet/drawer component\n- **Simple Widget** - Dashboard widget container\n- **Tabs** - Enhanced tabs component\n- **Theme Toggle Btn** - Dark/light mode toggle\n- **Title Progress** - Progress bar with title\n- **Tooltip** - Custom tooltip component\n- **Two-Level Dropdown** - Nested dropdown menu\n- **Widgets** - Collection of dashboard widgets```\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- Built with [React](https://react.dev/)\n- UI primitives from [Radix UI](https://www.radix-ui.com/)\n- Styling with [Tailwind CSS](https://tailwindcss.com/)\n- Inspired by [shadcn/ui](https://ui.shadcn.com/)\n\n---\n\nMade with ❤️ by Ankit Paul\n","readmeFilename":"README.md"}