@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
698 lines • 24.4 kB
JSON
{
"name": "@arolariu/components",
"displayName": "@arolariu/components",
"version": "2.2.0",
"description": "🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, 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": [
"**/*.css"
],
"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",
"!src/**/*.test.*",
"!src/**/*.spec.*",
"!src/**/*.stories.*",
"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",
"base-ui",
"css-modules",
"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": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
"build:exports": "node scripts/generate-exports.ts",
"test": "npm run test:unit",
"test:unit": "vitest run",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build"
},
"dependencies": {
"clsx": "*",
"embla-carousel-react": "*",
"input-otp": "*",
"lucide-react": "*",
"react-day-picker": "*",
"react-resizable-panels": "*"
},
"peerDependencies": {
"@base-ui/react": "^1",
"motion": "^12",
"react": "^18.2 || ^19",
"react-dom": "^18.2 || ^19",
"react-hook-form": "^7",
"recharts": "^3.8"
},
"devDependencies": {
"@base-ui/react": "*",
"@rsbuild/core": "*",
"@rsbuild/plugin-react": "*",
"@rslib/core": "*",
"@storybook/addon-a11y": "*",
"@storybook/addon-docs": "*",
"@storybook/addon-links": "*",
"@storybook/addon-themes": "*",
"@types/node": "*",
"@types/react": "*",
"@types/react-dom": "*",
"motion": "*",
"playwright": "*",
"postcss": "*",
"react": "*",
"react-dom": "*",
"react-hook-form": "*",
"recharts": "*",
"storybook": "*",
"storybook-addon-rslib": "*",
"storybook-react-rsbuild": "*",
"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"
},
"./async-boundary": {
"types": "./dist/components/ui/async-boundary.d.ts",
"import": "./dist/components/ui/async-boundary.js",
"default": "./dist/components/ui/async-boundary.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-skeleton": {
"types": "./dist/components/ui/card-skeleton.d.ts",
"import": "./dist/components/ui/card-skeleton.js",
"default": "./dist/components/ui/card-skeleton.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-group": {
"types": "./dist/components/ui/checkbox-group.d.ts",
"import": "./dist/components/ui/checkbox-group.js",
"default": "./dist/components/ui/checkbox-group.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"
},
"./combobox": {
"types": "./dist/components/ui/combobox.d.ts",
"import": "./dist/components/ui/combobox.js",
"default": "./dist/components/ui/combobox.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"
},
"./copy-button": {
"types": "./dist/components/ui/copy-button.d.ts",
"import": "./dist/components/ui/copy-button.js",
"default": "./dist/components/ui/copy-button.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"
},
"./error-boundary": {
"types": "./dist/components/ui/error-boundary.d.ts",
"import": "./dist/components/ui/error-boundary.js",
"default": "./dist/components/ui/error-boundary.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"
},
"./focus-scope": {
"types": "./dist/components/ui/focus-scope.d.ts",
"import": "./dist/components/ui/focus-scope.js",
"default": "./dist/components/ui/focus-scope.js"
},
"./form-skeleton": {
"types": "./dist/components/ui/form-skeleton.d.ts",
"import": "./dist/components/ui/form-skeleton.js",
"default": "./dist/components/ui/form-skeleton.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"
},
"./list-skeleton": {
"types": "./dist/components/ui/list-skeleton.d.ts",
"import": "./dist/components/ui/list-skeleton.js",
"default": "./dist/components/ui/list-skeleton.js"
},
"./loading-overlay": {
"types": "./dist/components/ui/loading-overlay.d.ts",
"import": "./dist/components/ui/loading-overlay.js",
"default": "./dist/components/ui/loading-overlay.js"
},
"./menubar": {
"types": "./dist/components/ui/menubar.d.ts",
"import": "./dist/components/ui/menubar.js",
"default": "./dist/components/ui/menubar.js"
},
"./meter": {
"types": "./dist/components/ui/meter.d.ts",
"import": "./dist/components/ui/meter.js",
"default": "./dist/components/ui/meter.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"
},
"./number-field": {
"types": "./dist/components/ui/number-field.d.ts",
"import": "./dist/components/ui/number-field.js",
"default": "./dist/components/ui/number-field.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"
},
"./spinner": {
"types": "./dist/components/ui/spinner.d.ts",
"import": "./dist/components/ui/spinner.js",
"default": "./dist/components/ui/spinner.js"
},
"./stepper": {
"types": "./dist/components/ui/stepper.d.ts",
"import": "./dist/components/ui/stepper.js",
"default": "./dist/components/ui/stepper.js"
},
"./switch": {
"types": "./dist/components/ui/switch.d.ts",
"import": "./dist/components/ui/switch.js",
"default": "./dist/components/ui/switch.js"
},
"./table-skeleton": {
"types": "./dist/components/ui/table-skeleton.d.ts",
"import": "./dist/components/ui/table-skeleton.js",
"default": "./dist/components/ui/table-skeleton.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"
},
"./timeline": {
"types": "./dist/components/ui/timeline.d.ts",
"import": "./dist/components/ui/timeline.js",
"default": "./dist/components/ui/timeline.js"
},
"./toast": {
"types": "./dist/components/ui/toast.d.ts",
"import": "./dist/components/ui/toast.js",
"default": "./dist/components/ui/toast.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"
},
"./toolbar": {
"types": "./dist/components/ui/toolbar.d.ts",
"import": "./dist/components/ui/toolbar.js",
"default": "./dist/components/ui/toolbar.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"
},
"./visually-hidden": {
"types": "./dist/components/ui/visually-hidden.d.ts",
"import": "./dist/components/ui/visually-hidden.js",
"default": "./dist/components/ui/visually-hidden.js"
},
"./useAnnounce": {
"types": "./dist/hooks/useAnnounce.d.ts",
"import": "./dist/hooks/useAnnounce.js",
"default": "./dist/hooks/useAnnounce.js"
},
"./useBreakpoint": {
"types": "./dist/hooks/useBreakpoint.d.ts",
"import": "./dist/hooks/useBreakpoint.js",
"default": "./dist/hooks/useBreakpoint.js"
},
"./useClipboard": {
"types": "./dist/hooks/useClipboard.d.ts",
"import": "./dist/hooks/useClipboard.js",
"default": "./dist/hooks/useClipboard.js"
},
"./useColorScheme": {
"types": "./dist/hooks/useColorScheme.d.ts",
"import": "./dist/hooks/useColorScheme.js",
"default": "./dist/hooks/useColorScheme.js"
},
"./useControllableState": {
"types": "./dist/hooks/useControllableState.d.ts",
"import": "./dist/hooks/useControllableState.js",
"default": "./dist/hooks/useControllableState.js"
},
"./useDebounce": {
"types": "./dist/hooks/useDebounce.d.ts",
"import": "./dist/hooks/useDebounce.js",
"default": "./dist/hooks/useDebounce.js"
},
"./useEventCallback": {
"types": "./dist/hooks/useEventCallback.d.ts",
"import": "./dist/hooks/useEventCallback.js",
"default": "./dist/hooks/useEventCallback.js"
},
"./useFocusManager": {
"types": "./dist/hooks/useFocusManager.d.ts",
"import": "./dist/hooks/useFocusManager.js",
"default": "./dist/hooks/useFocusManager.js"
},
"./useFocusVisible": {
"types": "./dist/hooks/useFocusVisible.d.ts",
"import": "./dist/hooks/useFocusVisible.js",
"default": "./dist/hooks/useFocusVisible.js"
},
"./useId": {
"types": "./dist/hooks/useId.d.ts",
"import": "./dist/hooks/useId.js",
"default": "./dist/hooks/useId.js"
},
"./useIntersectionObserver": {
"types": "./dist/hooks/useIntersectionObserver.d.ts",
"import": "./dist/hooks/useIntersectionObserver.js",
"default": "./dist/hooks/useIntersectionObserver.js"
},
"./useInterval": {
"types": "./dist/hooks/useInterval.d.ts",
"import": "./dist/hooks/useInterval.js",
"default": "./dist/hooks/useInterval.js"
},
"./useIsMobile": {
"types": "./dist/hooks/useIsMobile.d.ts",
"import": "./dist/hooks/useIsMobile.js",
"default": "./dist/hooks/useIsMobile.js"
},
"./useLocalStorage": {
"types": "./dist/hooks/useLocalStorage.d.ts",
"import": "./dist/hooks/useLocalStorage.js",
"default": "./dist/hooks/useLocalStorage.js"
},
"./useMediaQuery": {
"types": "./dist/hooks/useMediaQuery.d.ts",
"import": "./dist/hooks/useMediaQuery.js",
"default": "./dist/hooks/useMediaQuery.js"
},
"./useMergedRefs": {
"types": "./dist/hooks/useMergedRefs.d.ts",
"import": "./dist/hooks/useMergedRefs.js",
"default": "./dist/hooks/useMergedRefs.js"
},
"./useOnClickOutside": {
"types": "./dist/hooks/useOnClickOutside.d.ts",
"import": "./dist/hooks/useOnClickOutside.js",
"default": "./dist/hooks/useOnClickOutside.js"
},
"./usePrefersContrast": {
"types": "./dist/hooks/usePrefersContrast.d.ts",
"import": "./dist/hooks/usePrefersContrast.js",
"default": "./dist/hooks/usePrefersContrast.js"
},
"./usePrevious": {
"types": "./dist/hooks/usePrevious.d.ts",
"import": "./dist/hooks/usePrevious.js",
"default": "./dist/hooks/usePrevious.js"
},
"./useReducedMotion": {
"types": "./dist/hooks/useReducedMotion.d.ts",
"import": "./dist/hooks/useReducedMotion.js",
"default": "./dist/hooks/useReducedMotion.js"
},
"./useThrottle": {
"types": "./dist/hooks/useThrottle.d.ts",
"import": "./dist/hooks/useThrottle.js",
"default": "./dist/hooks/useThrottle.js"
},
"./useTimeout": {
"types": "./dist/hooks/useTimeout.d.ts",
"import": "./dist/hooks/useTimeout.js",
"default": "./dist/hooks/useTimeout.js"
},
"./useWindowSize": {
"types": "./dist/hooks/useWindowSize.d.ts",
"import": "./dist/hooks/useWindowSize.js",
"default": "./dist/hooks/useWindowSize.js"
},
"./color-conversion-utilities": {
"types": "./dist/lib/color-conversion-utilities.d.ts",
"import": "./dist/lib/color-conversion-utilities.js",
"default": "./dist/lib/color-conversion-utilities.js"
},
"./utilities": {
"types": "./dist/lib/utilities.d.ts",
"import": "./dist/lib/utilities.js",
"default": "./dist/lib/utilities.js"
}
}
}