UNPKG

@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
{ "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" } } }