@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Radix UI. TypeScript-first, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
533 lines • 18.1 kB
JSON
{
"name": "@arolariu/components",
"displayName": "@arolariu/components",
"version": "0.5.0",
"description": "🎨 70+ beautiful, accessible React components built on Radix UI. TypeScript-first, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡",
"homepage": "https://arolariu.ro",
"repository": {
"type": "git",
"directory": "packages/components",
"url": "https://github.com/arolariu/arolariu.ro"
},
"author": {
"name": "Alexandru-Razvan Olariu",
"email": "admin@arolariu.ro",
"url": "https://arolariu.ro"
},
"license": "MIT",
"type": "module",
"sideEffects": false,
"source": "src/index.ts",
"main": "dist/index.js",
"module": "dist/index.js",
"style": "dist/index.css",
"types": "dist/index.d.ts",
"typings": "dist/index.d.ts",
"typesVersions": {
"*": {
"*": [
"./dist/*"
],
".": [
"./dist/index.d.ts"
]
}
},
"files": [
"dist",
"src",
"LICENSE.md",
"README.md",
"CHANGELOG.md",
"CONTRIBUTING.md",
"DEBUGGING.md",
"EXAMPLES.md"
],
"keywords": [
"react",
"reactjs",
"react-18",
"react-19",
"React 18",
"React 19",
"react-components",
"ui-components",
"component-library",
"design-system",
"typescript",
"tailwindcss",
"radix-ui",
"shadcn-ui",
"accessible",
"tree-shakeable",
"modern-ui",
"ssr",
"nextjs",
"magic-ui",
"animate-ui",
"aceternity-ui",
"frontend",
"ui-kit",
"headless-ui",
"web-components",
"responsive-design"
],
"bugs": {
"url": "https://github.com/arolariu/arolariu.ro/issues",
"email": "admin@arolariu.ro"
},
"scripts": {
"build": "npm run build:before && rslib build && npm run build:after",
"build:before": "node scripts/beforeBuild.ts",
"build:after": "node scripts/afterBuild.ts",
"build:clean": "rimraf dist",
"build:exports": "node scripts/generate-exports.ts",
"test": "npm run test:unit",
"test:unit": "vitest run"
},
"dependencies": {
"@hookform/resolvers": "*",
"@radix-ui/react-accordion": "*",
"@radix-ui/react-alert-dialog": "*",
"@radix-ui/react-aspect-ratio": "*",
"@radix-ui/react-avatar": "*",
"@radix-ui/react-checkbox": "*",
"@radix-ui/react-collapsible": "*",
"@radix-ui/react-context-menu": "*",
"@radix-ui/react-dialog": "*",
"@radix-ui/react-dropdown-menu": "*",
"@radix-ui/react-hover-card": "*",
"@radix-ui/react-label": "*",
"@radix-ui/react-menubar": "*",
"@radix-ui/react-navigation-menu": "*",
"@radix-ui/react-popover": "*",
"@radix-ui/react-progress": "*",
"@radix-ui/react-radio-group": "*",
"@radix-ui/react-scroll-area": "*",
"@radix-ui/react-select": "*",
"@radix-ui/react-separator": "*",
"@radix-ui/react-slider": "*",
"@radix-ui/react-slot": "*",
"@radix-ui/react-switch": "*",
"@radix-ui/react-tabs": "*",
"@radix-ui/react-toggle": "*",
"@radix-ui/react-toggle-group": "*",
"@radix-ui/react-tooltip": "*",
"class-variance-authority": "*",
"clsx": "*",
"cmdk": "*",
"embla-carousel-react": "*",
"input-otp": "*",
"lucide-react": "*",
"motion": "*",
"next-themes": "*",
"react-day-picker": "*",
"react-hook-form": "*",
"react-resizable-panels": "*",
"recharts": "*",
"shiki": "*",
"sonner": "*",
"tailwind-merge": "*",
"tailwindcss-animate": "*",
"vaul": "*",
"zod": "*"
},
"peerDependencies": {
"motion": "^12",
"react": "^18.2 || ^19",
"react-dom": "^18.2 || ^19",
"tailwindcss": "^4"
},
"devDependencies": {
"@microsoft/api-extractor": "*",
"@rsbuild/core": "*",
"@rsbuild/plugin-react": "*",
"@rslib/core": "*",
"@tailwindcss/postcss": "*",
"@types/node": "*",
"@types/react": "*",
"@types/react-dom": "*",
"cssnano": "*",
"playwright": "*",
"postcss": "*",
"react": "*",
"react-dom": "*",
"rimraf": "*",
"tailwindcss": "*",
"typescript": "*"
},
"publishConfig": {
"access": "public",
"registry": "https://registry.npmjs.org/"
},
"exports": {
"./package.json": "./package.json",
"./styles": "./dist/index.css",
"./styles.css": "./dist/index.css",
".": {
"types": "./dist/index.d.ts",
"import": "./dist/index.js",
"default": "./dist/index.js"
},
"./*": {
"types": "./dist/*.d.ts",
"import": "./dist/*.js",
"default": "./dist/*.js"
},
"./accordion": {
"types": "./dist/components/ui/accordion.d.ts",
"import": "./dist/components/ui/accordion.js",
"default": "./dist/components/ui/accordion.js"
},
"./alert-dialog": {
"types": "./dist/components/ui/alert-dialog.d.ts",
"import": "./dist/components/ui/alert-dialog.js",
"default": "./dist/components/ui/alert-dialog.js"
},
"./alert": {
"types": "./dist/components/ui/alert.d.ts",
"import": "./dist/components/ui/alert.js",
"default": "./dist/components/ui/alert.js"
},
"./aspect-ratio": {
"types": "./dist/components/ui/aspect-ratio.d.ts",
"import": "./dist/components/ui/aspect-ratio.js",
"default": "./dist/components/ui/aspect-ratio.js"
},
"./avatar": {
"types": "./dist/components/ui/avatar.d.ts",
"import": "./dist/components/ui/avatar.js",
"default": "./dist/components/ui/avatar.js"
},
"./background-beams": {
"types": "./dist/components/ui/background-beams.d.ts",
"import": "./dist/components/ui/background-beams.js",
"default": "./dist/components/ui/background-beams.js"
},
"./badge": {
"types": "./dist/components/ui/badge.d.ts",
"import": "./dist/components/ui/badge.js",
"default": "./dist/components/ui/badge.js"
},
"./breadcrumb": {
"types": "./dist/components/ui/breadcrumb.d.ts",
"import": "./dist/components/ui/breadcrumb.js",
"default": "./dist/components/ui/breadcrumb.js"
},
"./bubble-background": {
"types": "./dist/components/ui/bubble-background.d.ts",
"import": "./dist/components/ui/bubble-background.js",
"default": "./dist/components/ui/bubble-background.js"
},
"./button-group": {
"types": "./dist/components/ui/button-group.d.ts",
"import": "./dist/components/ui/button-group.js",
"default": "./dist/components/ui/button-group.js"
},
"./button": {
"types": "./dist/components/ui/button.d.ts",
"import": "./dist/components/ui/button.js",
"default": "./dist/components/ui/button.js"
},
"./calendar": {
"types": "./dist/components/ui/calendar.d.ts",
"import": "./dist/components/ui/calendar.js",
"default": "./dist/components/ui/calendar.js"
},
"./card": {
"types": "./dist/components/ui/card.d.ts",
"import": "./dist/components/ui/card.js",
"default": "./dist/components/ui/card.js"
},
"./carousel": {
"types": "./dist/components/ui/carousel.d.ts",
"import": "./dist/components/ui/carousel.js",
"default": "./dist/components/ui/carousel.js"
},
"./chart": {
"types": "./dist/components/ui/chart.d.ts",
"import": "./dist/components/ui/chart.js",
"default": "./dist/components/ui/chart.js"
},
"./checkbox": {
"types": "./dist/components/ui/checkbox.d.ts",
"import": "./dist/components/ui/checkbox.js",
"default": "./dist/components/ui/checkbox.js"
},
"./collapsible": {
"types": "./dist/components/ui/collapsible.d.ts",
"import": "./dist/components/ui/collapsible.js",
"default": "./dist/components/ui/collapsible.js"
},
"./command": {
"types": "./dist/components/ui/command.d.ts",
"import": "./dist/components/ui/command.js",
"default": "./dist/components/ui/command.js"
},
"./context-menu": {
"types": "./dist/components/ui/context-menu.d.ts",
"import": "./dist/components/ui/context-menu.js",
"default": "./dist/components/ui/context-menu.js"
},
"./counting-number": {
"types": "./dist/components/ui/counting-number.d.ts",
"import": "./dist/components/ui/counting-number.js",
"default": "./dist/components/ui/counting-number.js"
},
"./dialog": {
"types": "./dist/components/ui/dialog.d.ts",
"import": "./dist/components/ui/dialog.js",
"default": "./dist/components/ui/dialog.js"
},
"./dot-background": {
"types": "./dist/components/ui/dot-background.d.ts",
"import": "./dist/components/ui/dot-background.js",
"default": "./dist/components/ui/dot-background.js"
},
"./drawer": {
"types": "./dist/components/ui/drawer.d.ts",
"import": "./dist/components/ui/drawer.js",
"default": "./dist/components/ui/drawer.js"
},
"./dropdown-menu": {
"types": "./dist/components/ui/dropdown-menu.d.ts",
"import": "./dist/components/ui/dropdown-menu.js",
"default": "./dist/components/ui/dropdown-menu.js"
},
"./dropdrawer": {
"types": "./dist/components/ui/dropdrawer.d.ts",
"import": "./dist/components/ui/dropdrawer.js",
"default": "./dist/components/ui/dropdrawer.js"
},
"./empty": {
"types": "./dist/components/ui/empty.d.ts",
"import": "./dist/components/ui/empty.js",
"default": "./dist/components/ui/empty.js"
},
"./field": {
"types": "./dist/components/ui/field.d.ts",
"import": "./dist/components/ui/field.js",
"default": "./dist/components/ui/field.js"
},
"./fireworks-background": {
"types": "./dist/components/ui/fireworks-background.d.ts",
"import": "./dist/components/ui/fireworks-background.js",
"default": "./dist/components/ui/fireworks-background.js"
},
"./flip-button": {
"types": "./dist/components/ui/flip-button.d.ts",
"import": "./dist/components/ui/flip-button.js",
"default": "./dist/components/ui/flip-button.js"
},
"./form": {
"types": "./dist/components/ui/form.d.ts",
"import": "./dist/components/ui/form.js",
"default": "./dist/components/ui/form.js"
},
"./gradient-background": {
"types": "./dist/components/ui/gradient-background.d.ts",
"import": "./dist/components/ui/gradient-background.js",
"default": "./dist/components/ui/gradient-background.js"
},
"./gradient-text": {
"types": "./dist/components/ui/gradient-text.d.ts",
"import": "./dist/components/ui/gradient-text.js",
"default": "./dist/components/ui/gradient-text.js"
},
"./highlight-text": {
"types": "./dist/components/ui/highlight-text.d.ts",
"import": "./dist/components/ui/highlight-text.js",
"default": "./dist/components/ui/highlight-text.js"
},
"./hole-background": {
"types": "./dist/components/ui/hole-background.d.ts",
"import": "./dist/components/ui/hole-background.js",
"default": "./dist/components/ui/hole-background.js"
},
"./hover-card": {
"types": "./dist/components/ui/hover-card.d.ts",
"import": "./dist/components/ui/hover-card.js",
"default": "./dist/components/ui/hover-card.js"
},
"./input-group": {
"types": "./dist/components/ui/input-group.d.ts",
"import": "./dist/components/ui/input-group.js",
"default": "./dist/components/ui/input-group.js"
},
"./input-otp": {
"types": "./dist/components/ui/input-otp.d.ts",
"import": "./dist/components/ui/input-otp.js",
"default": "./dist/components/ui/input-otp.js"
},
"./input": {
"types": "./dist/components/ui/input.d.ts",
"import": "./dist/components/ui/input.js",
"default": "./dist/components/ui/input.js"
},
"./item": {
"types": "./dist/components/ui/item.d.ts",
"import": "./dist/components/ui/item.js",
"default": "./dist/components/ui/item.js"
},
"./kbd": {
"types": "./dist/components/ui/kbd.d.ts",
"import": "./dist/components/ui/kbd.js",
"default": "./dist/components/ui/kbd.js"
},
"./label": {
"types": "./dist/components/ui/label.d.ts",
"import": "./dist/components/ui/label.js",
"default": "./dist/components/ui/label.js"
},
"./menubar": {
"types": "./dist/components/ui/menubar.d.ts",
"import": "./dist/components/ui/menubar.js",
"default": "./dist/components/ui/menubar.js"
},
"./navigation-menu": {
"types": "./dist/components/ui/navigation-menu.d.ts",
"import": "./dist/components/ui/navigation-menu.js",
"default": "./dist/components/ui/navigation-menu.js"
},
"./pagination": {
"types": "./dist/components/ui/pagination.d.ts",
"import": "./dist/components/ui/pagination.js",
"default": "./dist/components/ui/pagination.js"
},
"./popover": {
"types": "./dist/components/ui/popover.d.ts",
"import": "./dist/components/ui/popover.js",
"default": "./dist/components/ui/popover.js"
},
"./progress": {
"types": "./dist/components/ui/progress.d.ts",
"import": "./dist/components/ui/progress.js",
"default": "./dist/components/ui/progress.js"
},
"./radio-group": {
"types": "./dist/components/ui/radio-group.d.ts",
"import": "./dist/components/ui/radio-group.js",
"default": "./dist/components/ui/radio-group.js"
},
"./resizable": {
"types": "./dist/components/ui/resizable.d.ts",
"import": "./dist/components/ui/resizable.js",
"default": "./dist/components/ui/resizable.js"
},
"./ripple-button": {
"types": "./dist/components/ui/ripple-button.d.ts",
"import": "./dist/components/ui/ripple-button.js",
"default": "./dist/components/ui/ripple-button.js"
},
"./scratcher": {
"types": "./dist/components/ui/scratcher.d.ts",
"import": "./dist/components/ui/scratcher.js",
"default": "./dist/components/ui/scratcher.js"
},
"./scroll-area": {
"types": "./dist/components/ui/scroll-area.d.ts",
"import": "./dist/components/ui/scroll-area.js",
"default": "./dist/components/ui/scroll-area.js"
},
"./select": {
"types": "./dist/components/ui/select.d.ts",
"import": "./dist/components/ui/select.js",
"default": "./dist/components/ui/select.js"
},
"./separator": {
"types": "./dist/components/ui/separator.d.ts",
"import": "./dist/components/ui/separator.js",
"default": "./dist/components/ui/separator.js"
},
"./sheet": {
"types": "./dist/components/ui/sheet.d.ts",
"import": "./dist/components/ui/sheet.js",
"default": "./dist/components/ui/sheet.js"
},
"./sidebar": {
"types": "./dist/components/ui/sidebar.d.ts",
"import": "./dist/components/ui/sidebar.js",
"default": "./dist/components/ui/sidebar.js"
},
"./skeleton": {
"types": "./dist/components/ui/skeleton.d.ts",
"import": "./dist/components/ui/skeleton.js",
"default": "./dist/components/ui/skeleton.js"
},
"./slider": {
"types": "./dist/components/ui/slider.d.ts",
"import": "./dist/components/ui/slider.js",
"default": "./dist/components/ui/slider.js"
},
"./sonner": {
"types": "./dist/components/ui/sonner.d.ts",
"import": "./dist/components/ui/sonner.js",
"default": "./dist/components/ui/sonner.js"
},
"./spinner": {
"types": "./dist/components/ui/spinner.d.ts",
"import": "./dist/components/ui/spinner.js",
"default": "./dist/components/ui/spinner.js"
},
"./switch": {
"types": "./dist/components/ui/switch.d.ts",
"import": "./dist/components/ui/switch.js",
"default": "./dist/components/ui/switch.js"
},
"./table": {
"types": "./dist/components/ui/table.d.ts",
"import": "./dist/components/ui/table.js",
"default": "./dist/components/ui/table.js"
},
"./tabs": {
"types": "./dist/components/ui/tabs.d.ts",
"import": "./dist/components/ui/tabs.js",
"default": "./dist/components/ui/tabs.js"
},
"./textarea": {
"types": "./dist/components/ui/textarea.d.ts",
"import": "./dist/components/ui/textarea.js",
"default": "./dist/components/ui/textarea.js"
},
"./toggle-group": {
"types": "./dist/components/ui/toggle-group.d.ts",
"import": "./dist/components/ui/toggle-group.js",
"default": "./dist/components/ui/toggle-group.js"
},
"./toggle": {
"types": "./dist/components/ui/toggle.d.ts",
"import": "./dist/components/ui/toggle.js",
"default": "./dist/components/ui/toggle.js"
},
"./tooltip": {
"types": "./dist/components/ui/tooltip.d.ts",
"import": "./dist/components/ui/tooltip.js",
"default": "./dist/components/ui/tooltip.js"
},
"./typewriter": {
"types": "./dist/components/ui/typewriter.d.ts",
"import": "./dist/components/ui/typewriter.js",
"default": "./dist/components/ui/typewriter.js"
},
"./useismobile": {
"types": "./dist/components/ui/useismobile.d.ts",
"import": "./dist/components/ui/useismobile.js",
"default": "./dist/components/ui/useismobile.js"
},
"./usewindowsize": {
"types": "./dist/components/ui/usewindowsize.d.ts",
"import": "./dist/components/ui/usewindowsize.js",
"default": "./dist/components/ui/usewindowsize.js"
},
"./color-conversion-utilities": {
"types": "./dist/components/ui/color-conversion-utilities.d.ts",
"import": "./dist/components/ui/color-conversion-utilities.js",
"default": "./dist/components/ui/color-conversion-utilities.js"
},
"./utilities": {
"types": "./dist/components/ui/utilities.d.ts",
"import": "./dist/components/ui/utilities.js",
"default": "./dist/components/ui/utilities.js"
}
}
}