@arolariu/components 1.0.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +89 -0
- package/EXAMPLES.md +2510 -0
- package/dist/components/ui/accordion.js +3 -3
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/accordion_module.css.map +1 -1
- package/dist/components/ui/alert-dialog.d.ts +4 -16
- package/dist/components/ui/alert-dialog.d.ts.map +1 -1
- package/dist/components/ui/alert-dialog.js +21 -17
- package/dist/components/ui/alert-dialog.js.map +1 -1
- package/dist/components/ui/alert-dialog_module.css +1 -1
- package/dist/components/ui/alert-dialog_module.css.map +1 -1
- package/dist/components/ui/alert.js +4 -4
- package/dist/components/ui/alert.js.map +1 -1
- package/dist/components/ui/alert_module.css.map +1 -1
- package/dist/components/ui/aspect-ratio.js +2 -2
- package/dist/components/ui/aspect-ratio.js.map +1 -1
- package/dist/components/ui/aspect-ratio_module.css.map +1 -1
- package/dist/components/ui/async-boundary.js +2 -2
- package/dist/components/ui/async-boundary.js.map +1 -1
- package/dist/components/ui/avatar.d.ts +3 -12
- package/dist/components/ui/avatar.d.ts.map +1 -1
- package/dist/components/ui/avatar.js +18 -15
- package/dist/components/ui/avatar.js.map +1 -1
- package/dist/components/ui/avatar_module.css.map +1 -1
- package/dist/components/ui/background-beams.js +3 -3
- package/dist/components/ui/background-beams.js.map +1 -1
- package/dist/components/ui/background-beams_module.css.map +1 -1
- package/dist/components/ui/badge.js +2 -2
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/badge_module.css.map +1 -1
- package/dist/components/ui/breadcrumb.js +10 -10
- package/dist/components/ui/breadcrumb.js.map +1 -1
- package/dist/components/ui/breadcrumb_module.css.map +1 -1
- package/dist/components/ui/bubble-background.js +5 -5
- package/dist/components/ui/bubble-background.js.map +1 -1
- package/dist/components/ui/bubble-background_module.css.map +1 -1
- package/dist/components/ui/button-group.d.ts +1 -1
- package/dist/components/ui/button-group.d.ts.map +1 -1
- package/dist/components/ui/button-group.js +6 -6
- package/dist/components/ui/button-group.js.map +1 -1
- package/dist/components/ui/button-group_module.css.map +1 -1
- package/dist/components/ui/button.js +4 -4
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/button_module.css.map +1 -1
- package/dist/components/ui/calendar.d.ts +3 -5
- package/dist/components/ui/calendar.d.ts.map +1 -1
- package/dist/components/ui/calendar.js +9 -9
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/calendar_module.css.map +1 -1
- package/dist/components/ui/card-skeleton.js +2 -2
- package/dist/components/ui/card-skeleton.js.map +1 -1
- package/dist/components/ui/card-skeleton_module.css.map +1 -1
- package/dist/components/ui/card.js +8 -8
- package/dist/components/ui/card.js.map +1 -1
- package/dist/components/ui/card_module.css.map +1 -1
- package/dist/components/ui/carousel.d.ts.map +1 -1
- package/dist/components/ui/carousel.js +16 -16
- package/dist/components/ui/carousel.js.map +1 -1
- package/dist/components/ui/carousel_module.css +1 -1
- package/dist/components/ui/carousel_module.css.map +1 -1
- package/dist/components/ui/chart.d.ts +6 -3
- package/dist/components/ui/chart.d.ts.map +1 -1
- package/dist/components/ui/chart.js +70 -70
- package/dist/components/ui/chart.js.map +1 -1
- package/dist/components/ui/chart_module.css.map +1 -1
- package/dist/components/ui/checkbox-group.d.ts +2 -6
- package/dist/components/ui/checkbox-group.d.ts.map +1 -1
- package/dist/components/ui/checkbox-group.js +8 -7
- package/dist/components/ui/checkbox-group.js.map +1 -1
- package/dist/components/ui/checkbox-group_module.css.map +1 -1
- package/dist/components/ui/checkbox.d.ts +3 -1
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.js +6 -3
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/checkbox_module.css.map +1 -1
- package/dist/components/ui/collapsible.d.ts.map +1 -1
- package/dist/components/ui/collapsible.js +4 -4
- package/dist/components/ui/collapsible.js.map +1 -1
- package/dist/components/ui/collapsible_module.css.map +1 -1
- package/dist/components/ui/combobox.d.ts +335 -0
- package/dist/components/ui/combobox.d.ts.map +1 -0
- package/dist/components/ui/combobox.js +206 -0
- package/dist/components/ui/combobox.js.map +1 -0
- package/dist/components/ui/combobox.module.js +23 -0
- package/dist/components/ui/combobox.module.js.map +1 -0
- package/dist/components/ui/combobox_module.css +142 -0
- package/dist/components/ui/combobox_module.css.map +1 -0
- package/dist/components/ui/command.d.ts.map +1 -1
- package/dist/components/ui/command.js +62 -53
- package/dist/components/ui/command.js.map +1 -1
- package/dist/components/ui/command_module.css +1 -1
- package/dist/components/ui/command_module.css.map +1 -1
- package/dist/components/ui/context-menu.d.ts.map +1 -1
- package/dist/components/ui/context-menu.js +6 -6
- package/dist/components/ui/context-menu.js.map +1 -1
- package/dist/components/ui/context-menu_module.css.map +1 -1
- package/dist/components/ui/copy-button.js +6 -6
- package/dist/components/ui/copy-button.js.map +1 -1
- package/dist/components/ui/copy-button_module.css.map +1 -1
- package/dist/components/ui/counting-number.js +6 -6
- package/dist/components/ui/counting-number.js.map +1 -1
- package/dist/components/ui/counting-number_module.css.map +1 -1
- package/dist/components/ui/dialog.js +6 -6
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/dialog_module.css +1 -1
- package/dist/components/ui/dialog_module.css.map +1 -1
- package/dist/components/ui/dot-background_module.css.map +1 -1
- package/dist/components/ui/drawer.d.ts.map +1 -1
- package/dist/components/ui/drawer.js +5 -5
- package/dist/components/ui/drawer.js.map +1 -1
- package/dist/components/ui/drawer_module.css.map +1 -1
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu.js +6 -6
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/dropdown-menu_module.css.map +1 -1
- package/dist/components/ui/dropdrawer.d.ts +10 -16
- package/dist/components/ui/dropdrawer.d.ts.map +1 -1
- package/dist/components/ui/dropdrawer.js +73 -65
- package/dist/components/ui/dropdrawer.js.map +1 -1
- package/dist/components/ui/dropdrawer_module.css.map +1 -1
- package/dist/components/ui/empty.js +7 -7
- package/dist/components/ui/empty.js.map +1 -1
- package/dist/components/ui/empty_module.css.map +1 -1
- package/dist/components/ui/error-boundary.js +2 -2
- package/dist/components/ui/error-boundary.js.map +1 -1
- package/dist/components/ui/error-boundary_module.css.map +1 -1
- package/dist/components/ui/field.js +12 -12
- package/dist/components/ui/field.js.map +1 -1
- package/dist/components/ui/field_module.css.map +1 -1
- package/dist/components/ui/fireworks-background.js +6 -6
- package/dist/components/ui/fireworks-background.js.map +1 -1
- package/dist/components/ui/fireworks-background_module.css.map +1 -1
- package/dist/components/ui/flip-button.js +5 -5
- package/dist/components/ui/flip-button.js.map +1 -1
- package/dist/components/ui/flip-button_module.css.map +1 -1
- package/dist/components/ui/focus-scope.js +6 -6
- package/dist/components/ui/focus-scope.js.map +1 -1
- package/dist/components/ui/focus-scope_module.css.map +1 -1
- package/dist/components/ui/form-skeleton.js +2 -2
- package/dist/components/ui/form-skeleton.js.map +1 -1
- package/dist/components/ui/form-skeleton_module.css.map +1 -1
- package/dist/components/ui/form.d.ts +3 -3
- package/dist/components/ui/form.d.ts.map +1 -1
- package/dist/components/ui/form.js +13 -13
- package/dist/components/ui/form.js.map +1 -1
- package/dist/components/ui/form_module.css.map +1 -1
- package/dist/components/ui/gradient-background.js +2 -2
- package/dist/components/ui/gradient-background.js.map +1 -1
- package/dist/components/ui/gradient-background_module.css.map +1 -1
- package/dist/components/ui/gradient-text.js +2 -2
- package/dist/components/ui/gradient-text.js.map +1 -1
- package/dist/components/ui/gradient-text_module.css.map +1 -1
- package/dist/components/ui/highlight-text.js +4 -4
- package/dist/components/ui/highlight-text.js.map +1 -1
- package/dist/components/ui/highlight-text_module.css.map +1 -1
- package/dist/components/ui/hole-background.js +21 -21
- package/dist/components/ui/hole-background.js.map +1 -1
- package/dist/components/ui/hole-background_module.css.map +1 -1
- package/dist/components/ui/hover-card.js +3 -3
- package/dist/components/ui/hover-card.js.map +1 -1
- package/dist/components/ui/hover-card_module.css.map +1 -1
- package/dist/components/ui/input-group.js +7 -7
- package/dist/components/ui/input-group.js.map +1 -1
- package/dist/components/ui/input-group_module.css.map +1 -1
- package/dist/components/ui/input-otp.d.ts +3 -3
- package/dist/components/ui/input-otp.d.ts.map +1 -1
- package/dist/components/ui/input-otp.js +6 -6
- package/dist/components/ui/input-otp.js.map +1 -1
- package/dist/components/ui/input-otp_module.css.map +1 -1
- package/dist/components/ui/input.js +2 -2
- package/dist/components/ui/input.js.map +1 -1
- package/dist/components/ui/input_module.css.map +1 -1
- package/dist/components/ui/item.d.ts +1 -1
- package/dist/components/ui/item.d.ts.map +1 -1
- package/dist/components/ui/item.js +13 -13
- package/dist/components/ui/item.js.map +1 -1
- package/dist/components/ui/item_module.css.map +1 -1
- package/dist/components/ui/kbd.js +3 -3
- package/dist/components/ui/kbd.js.map +1 -1
- package/dist/components/ui/kbd_module.css.map +1 -1
- package/dist/components/ui/label.js +2 -2
- package/dist/components/ui/label.js.map +1 -1
- package/dist/components/ui/label_module.css.map +1 -1
- package/dist/components/ui/list-skeleton.js +2 -2
- package/dist/components/ui/list-skeleton.js.map +1 -1
- package/dist/components/ui/list-skeleton_module.css.map +1 -1
- package/dist/components/ui/loading-overlay.js +2 -2
- package/dist/components/ui/loading-overlay.js.map +1 -1
- package/dist/components/ui/loading-overlay_module.css.map +1 -1
- package/dist/components/ui/menubar.d.ts +11 -13
- package/dist/components/ui/menubar.d.ts.map +1 -1
- package/dist/components/ui/menubar.js +4 -4
- package/dist/components/ui/menubar.js.map +1 -1
- package/dist/components/ui/menubar_module.css.map +1 -1
- package/dist/components/ui/meter.d.ts +8 -24
- package/dist/components/ui/meter.d.ts.map +1 -1
- package/dist/components/ui/meter.js +23 -19
- package/dist/components/ui/meter.js.map +1 -1
- package/dist/components/ui/meter_module.css.map +1 -1
- package/dist/components/ui/navigation-menu.d.ts +3 -12
- package/dist/components/ui/navigation-menu.d.ts.map +1 -1
- package/dist/components/ui/navigation-menu.js +15 -12
- package/dist/components/ui/navigation-menu.js.map +1 -1
- package/dist/components/ui/navigation-menu_module.css +1 -1
- package/dist/components/ui/navigation-menu_module.css.map +1 -1
- package/dist/components/ui/number-field.d.ts +6 -12
- package/dist/components/ui/number-field.d.ts.map +1 -1
- package/dist/components/ui/number-field.js +3 -3
- package/dist/components/ui/number-field.js.map +1 -1
- package/dist/components/ui/number-field_module.css.map +1 -1
- package/dist/components/ui/pagination.js +8 -8
- package/dist/components/ui/pagination.js.map +1 -1
- package/dist/components/ui/pagination_module.css.map +1 -1
- package/dist/components/ui/popover.js +5 -5
- package/dist/components/ui/popover.js.map +1 -1
- package/dist/components/ui/popover_module.css.map +1 -1
- package/dist/components/ui/progress.d.ts +1 -4
- package/dist/components/ui/progress.d.ts.map +1 -1
- package/dist/components/ui/progress.js +10 -9
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/progress_module.css.map +1 -1
- package/dist/components/ui/radio-group.d.ts +2 -4
- package/dist/components/ui/radio-group.d.ts.map +1 -1
- package/dist/components/ui/radio-group.js +3 -3
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/radio-group_module.css.map +1 -1
- package/dist/components/ui/resizable.d.ts +13 -29
- package/dist/components/ui/resizable.d.ts.map +1 -1
- package/dist/components/ui/resizable.js +8 -7
- package/dist/components/ui/resizable.js.map +1 -1
- package/dist/components/ui/resizable_module.css.map +1 -1
- package/dist/components/ui/ripple-button.js +9 -9
- package/dist/components/ui/ripple-button.js.map +1 -1
- package/dist/components/ui/ripple-button_module.css.map +1 -1
- package/dist/components/ui/scratcher.d.ts +1 -1
- package/dist/components/ui/scratcher.d.ts.map +1 -1
- package/dist/components/ui/scratcher.js +5 -4
- package/dist/components/ui/scratcher.js.map +1 -1
- package/dist/components/ui/scratcher_module.css.map +1 -1
- package/dist/components/ui/scroll-area.d.ts +2 -4
- package/dist/components/ui/scroll-area.d.ts.map +1 -1
- package/dist/components/ui/scroll-area.js +2 -2
- package/dist/components/ui/scroll-area.js.map +1 -1
- package/dist/components/ui/scroll-area_module.css.map +1 -1
- package/dist/components/ui/select.js +4 -4
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/select_module.css.map +1 -1
- package/dist/components/ui/separator.d.ts +1 -4
- package/dist/components/ui/separator.d.ts.map +1 -1
- package/dist/components/ui/separator.js +9 -8
- package/dist/components/ui/separator.js.map +1 -1
- package/dist/components/ui/separator_module.css.map +1 -1
- package/dist/components/ui/sheet.d.ts.map +1 -1
- package/dist/components/ui/sheet.js +6 -6
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/components/ui/sheet_module.css.map +1 -1
- package/dist/components/ui/sidebar.d.ts +1 -1
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar.js +36 -36
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/sidebar_module.css.map +1 -1
- package/dist/components/ui/skeleton.js +2 -2
- package/dist/components/ui/skeleton.js.map +1 -1
- package/dist/components/ui/skeleton_module.css.map +1 -1
- package/dist/components/ui/slider.js +2 -2
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/slider_module.css.map +1 -1
- package/dist/components/ui/spinner.js +2 -2
- package/dist/components/ui/spinner.js.map +1 -1
- package/dist/components/ui/spinner_module.css.map +1 -1
- package/dist/components/ui/stepper.js +2 -2
- package/dist/components/ui/stepper.js.map +1 -1
- package/dist/components/ui/stepper_module.css.map +1 -1
- package/dist/components/ui/switch.js +2 -2
- package/dist/components/ui/switch.js.map +1 -1
- package/dist/components/ui/switch_module.css.map +1 -1
- package/dist/components/ui/table-skeleton.js +2 -2
- package/dist/components/ui/table-skeleton.js.map +1 -1
- package/dist/components/ui/table-skeleton_module.css.map +1 -1
- package/dist/components/ui/table.js +9 -9
- package/dist/components/ui/table.js.map +1 -1
- package/dist/components/ui/table_module.css.map +1 -1
- package/dist/components/ui/tabs.js +3 -3
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/components/ui/tabs_module.css.map +1 -1
- package/dist/components/ui/textarea.js +2 -2
- package/dist/components/ui/textarea.js.map +1 -1
- package/dist/components/ui/textarea_module.css.map +1 -1
- package/dist/components/ui/timeline.js +5 -5
- package/dist/components/ui/timeline.js.map +1 -1
- package/dist/components/ui/timeline_module.css.map +1 -1
- package/dist/components/ui/{sonner.d.ts → toast.d.ts} +15 -6
- package/dist/components/ui/toast.d.ts.map +1 -0
- package/dist/components/ui/{sonner.js → toast.js} +43 -42
- package/dist/components/ui/toast.js.map +1 -0
- package/dist/components/ui/toast.module.js +34 -0
- package/dist/components/ui/toast.module.js.map +1 -0
- package/dist/components/ui/{sonner_module.css → toast_module.css} +35 -35
- package/dist/components/ui/toast_module.css.map +1 -0
- package/dist/components/ui/toggle-group.d.ts +2 -8
- package/dist/components/ui/toggle-group.d.ts.map +1 -1
- package/dist/components/ui/toggle-group.js +14 -12
- package/dist/components/ui/toggle-group.js.map +1 -1
- package/dist/components/ui/toggle-group_module.css.map +1 -1
- package/dist/components/ui/toggle.js +2 -2
- package/dist/components/ui/toggle.js.map +1 -1
- package/dist/components/ui/toggle_module.css.map +1 -1
- package/dist/components/ui/toolbar.d.ts +10 -30
- package/dist/components/ui/toolbar.d.ts.map +1 -1
- package/dist/components/ui/toolbar.js +28 -23
- package/dist/components/ui/toolbar.js.map +1 -1
- package/dist/components/ui/toolbar_module.css.map +1 -1
- package/dist/components/ui/tooltip.js +4 -4
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/ui/tooltip_module.css.map +1 -1
- package/dist/components/ui/typewriter.js +4 -4
- package/dist/components/ui/typewriter.js.map +1 -1
- package/dist/components/ui/typewriter_module.css.map +1 -1
- package/dist/components/ui/visually-hidden.js +2 -2
- package/dist/components/ui/visually-hidden.js.map +1 -1
- package/dist/components/ui/visually-hidden_module.css.map +1 -1
- package/dist/hooks/useAnnounce.js +5 -5
- package/dist/hooks/useAnnounce.js.map +1 -1
- package/dist/hooks/useClipboard.d.ts +77 -0
- package/dist/hooks/useClipboard.d.ts.map +1 -0
- package/dist/hooks/useClipboard.js +42 -0
- package/dist/hooks/useClipboard.js.map +1 -0
- package/dist/hooks/useControllableState.d.ts +54 -0
- package/dist/hooks/useControllableState.d.ts.map +1 -0
- package/dist/hooks/useControllableState.js +29 -0
- package/dist/hooks/useControllableState.js.map +1 -0
- package/dist/hooks/useDebounce.d.ts +33 -0
- package/dist/hooks/useDebounce.d.ts.map +1 -0
- package/dist/hooks/useDebounce.js +20 -0
- package/dist/hooks/useDebounce.js.map +1 -0
- package/dist/hooks/useEventCallback.d.ts +34 -0
- package/dist/hooks/useEventCallback.d.ts.map +1 -0
- package/dist/hooks/useEventCallback.js +12 -0
- package/dist/hooks/useEventCallback.js.map +1 -0
- package/dist/hooks/useFocusManager.js +6 -6
- package/dist/hooks/useFocusManager.js.map +1 -1
- package/dist/hooks/useFocusVisible.js +5 -5
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/hooks/useId.d.ts +30 -0
- package/dist/hooks/useId.d.ts.map +1 -0
- package/dist/hooks/useId.js +9 -0
- package/dist/hooks/useId.js.map +1 -0
- package/dist/hooks/useIntersectionObserver.d.ts +51 -0
- package/dist/hooks/useIntersectionObserver.d.ts.map +1 -0
- package/dist/hooks/useIntersectionObserver.js +25 -0
- package/dist/hooks/useIntersectionObserver.js.map +1 -0
- package/dist/hooks/useInterval.d.ts +55 -0
- package/dist/hooks/useInterval.d.ts.map +1 -0
- package/dist/hooks/useInterval.js +24 -0
- package/dist/hooks/useInterval.js.map +1 -0
- package/dist/hooks/useLocalStorage.d.ts +43 -0
- package/dist/hooks/useLocalStorage.d.ts.map +1 -0
- package/dist/hooks/useLocalStorage.js +53 -0
- package/dist/hooks/useLocalStorage.js.map +1 -0
- package/dist/hooks/useMediaQuery.js +3 -3
- package/dist/hooks/useMediaQuery.js.map +1 -1
- package/dist/hooks/useMergedRefs.d.ts +27 -0
- package/dist/hooks/useMergedRefs.d.ts.map +1 -0
- package/dist/hooks/useMergedRefs.js +11 -0
- package/dist/hooks/useMergedRefs.js.map +1 -0
- package/dist/hooks/useOnClickOutside.d.ts +32 -0
- package/dist/hooks/useOnClickOutside.d.ts.map +1 -0
- package/dist/hooks/useOnClickOutside.js +23 -0
- package/dist/hooks/useOnClickOutside.js.map +1 -0
- package/dist/hooks/usePrevious.d.ts +33 -0
- package/dist/hooks/usePrevious.d.ts.map +1 -0
- package/dist/hooks/usePrevious.js +14 -0
- package/dist/hooks/usePrevious.js.map +1 -0
- package/dist/hooks/useThrottle.d.ts +37 -0
- package/dist/hooks/useThrottle.d.ts.map +1 -0
- package/dist/hooks/useThrottle.js +34 -0
- package/dist/hooks/useThrottle.js.map +1 -0
- package/dist/hooks/useTimeout.d.ts +28 -0
- package/dist/hooks/useTimeout.d.ts.map +1 -0
- package/dist/hooks/useTimeout.js +24 -0
- package/dist/hooks/useTimeout.js.map +1 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +17 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -1
- package/dist/lib/utilities.d.ts +2 -3
- package/dist/lib/utilities.d.ts.map +1 -1
- package/dist/lib/utilities.js.map +1 -1
- package/dist/motion/Collapse.js +2 -2
- package/dist/motion/Collapse.js.map +1 -1
- package/dist/motion/Collapse_module.css.map +1 -1
- package/dist/motion/tokens.js +5 -5
- package/dist/motion/tokens.js.map +1 -1
- package/package.json +88 -10
- package/src/components/ui/alert-dialog.tsx +15 -8
- package/src/components/ui/avatar.tsx +9 -6
- package/src/components/ui/calendar.tsx +9 -14
- package/src/components/ui/carousel.tsx +2 -0
- package/src/components/ui/chart.tsx +65 -62
- package/src/components/ui/checkbox-group.tsx +4 -5
- package/src/components/ui/checkbox.tsx +10 -2
- package/src/components/ui/collapsible.tsx +1 -0
- package/src/components/ui/combobox.module.css +158 -0
- package/src/components/ui/combobox.tsx +569 -0
- package/src/components/ui/command.tsx +31 -15
- package/src/components/ui/context-menu.tsx +3 -0
- package/src/components/ui/drawer.tsx +2 -0
- package/src/components/ui/dropdown-menu.tsx +3 -0
- package/src/components/ui/dropdrawer.tsx +80 -62
- package/src/components/ui/form.tsx +28 -3
- package/src/components/ui/input-otp.tsx +3 -3
- package/src/components/ui/menubar.tsx +9 -10
- package/src/components/ui/meter.tsx +16 -17
- package/src/components/ui/navigation-menu.tsx +41 -33
- package/src/components/ui/number-field.tsx +6 -13
- package/src/components/ui/progress.tsx +3 -2
- package/src/components/ui/radio-group.tsx +2 -5
- package/src/components/ui/resizable.tsx +15 -18
- package/src/components/ui/scratcher.tsx +6 -10
- package/src/components/ui/scroll-area.tsx +2 -5
- package/src/components/ui/separator.tsx +4 -3
- package/src/components/ui/sheet.tsx +3 -0
- package/src/components/ui/sidebar.tsx +1 -0
- package/src/components/ui/{sonner.module.css → toast.module.css} +1 -1
- package/src/components/ui/{sonner.tsx → toast.tsx} +22 -14
- package/src/components/ui/toggle-group.tsx +6 -4
- package/src/components/ui/toolbar.tsx +20 -21
- package/src/hooks/useClipboard.tsx +137 -0
- package/src/hooks/useControllableState.tsx +81 -0
- package/src/hooks/useDebounce.tsx +50 -0
- package/src/hooks/useEventCallback.tsx +47 -0
- package/src/hooks/useId.tsx +36 -0
- package/src/hooks/useIntersectionObserver.tsx +81 -0
- package/src/hooks/useInterval.tsx +80 -0
- package/src/hooks/useLocalStorage.tsx +111 -0
- package/src/hooks/useMergedRefs.tsx +48 -0
- package/src/hooks/useOnClickOutside.tsx +55 -0
- package/src/hooks/usePrevious.tsx +44 -0
- package/src/hooks/useThrottle.tsx +78 -0
- package/src/hooks/useTimeout.tsx +51 -0
- package/src/index.ts +27 -4
- package/src/lib/utilities.ts +4 -4
- package/src/motion/tokens.ts +4 -4
- package/src/stories/DesignPrinciples.mdx +48 -0
- package/src/stories/GettingStarted.mdx +92 -0
- package/src/stories/Welcome.mdx +44 -0
- package/dist/components/ui/sonner.d.ts.map +0 -1
- package/dist/components/ui/sonner.js.map +0 -1
- package/dist/components/ui/sonner.module.js +0 -34
- package/dist/components/ui/sonner.module.js.map +0 -1
- package/dist/components/ui/sonner_module.css.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/sonner.module.css","webpack://./src/components/ui/sonner.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;EACpB,YAAY;EACZ,sBAAsB;EACtB,+BAA+B;EAC/B,aAAa;EACb,eAAe;AACjB;;AAEA;EACE,uBAAuB;EACvB,MAAM;EACN,OAAO;AACT;;AAEA;EACE,qBAAqB;EACrB,MAAM;EACN,QAAQ;AACV;;AAEA;EACE,uBAAuB;EACvB,SAAS;EACT,OAAO;AACT;;AAEA;EACE,qBAAqB;EACrB,SAAS;EACT,QAAQ;AACV;;AAEA;EACE,MAAM;AACR;;AAEA;EACE,mBAAmB;EACnB,SAAS;EACT,2BAA2B;AAC7B;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,2BAA2B;EAC3B,6FAA6F;EAC7F,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,oBAAoB;EACpB,WAAW;EACX,wCAAwC;EACxC,gBAAgB;EAChB,oEAAoE;;EAEpE;IACE,UAAU;IACV,oCAAoC;EACtC;;EAEA;IACE,UAAU;IACV,oCAAoC;EACtC;AACF;;AAEA;EACE,uBAAuB;EACvB,sBAAsB;EACtB,0BAA0B;EAC1B,+CAA+C;EAC/C,aAAa;AACf;;AAEA;EACE,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,sBAAsB;EACtB,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,4BAA4B;EAC5B,SAAS;AACX;;AAEA;EACE,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,8CAA8C;EAC9C,iCAAiC;EACjC,eAAe;EACf,gBAAgB;EAChB,SAAS;EACT,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,6CAA6C;EAC7C,oBAAoB;;EAEpB;IACE,+DAA+D;IAC/D,2BAA2B;IAC3B,aAAa;EACf;AACF;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;AACd;;AAEA;EACE,gDAAyC;AAC3C;;AAEA;EACE,sBAAsB;EACtB,6BAA6B;EAC7B,eAAe;EACf,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,eAAe;EACf,4BAA4B;EAC5B,gBAAgB;EAChB,4BAA4B;EAC5B,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,gEAAgE;EAChE,oBAAoB;AACtB;;AAEA;EACE,gCAAgC;EAChC,2BAA2B;;EAE3B;IACE,6DAA6D;IAC7D,aAAa;EACf;AACF;;AAEA;EACE,kEAAkE;EAClE,2BAA2B;EAC3B,gBAAgB;;EAEhB;IACE,+DAA+D;IAC/D,aAAa;EACf;AACF;;AAEA;EACE,kEAAkE;AACpE;;AAEA;EACE,mFAAmF;EACnF,iFAAiF;EACjF,8EAA8E;AAChF;;AAEA;EACE,8EAA8E;EAC9E,4EAA4E;EAC5E,yEAAyE;AAC3E;;AAEA;EACE,mFAAmF;EACnF,iFAAiF;EACjF,8EAA8E;AAChF;;AAEA;EACE,gEAAgE;EAChE,8DAA8D;EAC9D,2DAA2D;AAC7D;;AAEA;EACE,iFAAiF;AACnF;;AAEA;EACE,sEAAsE;AACxE;;AAEA;EACE;IACE,oBAAoB;EACtB;;EAEA;IACE,wBAAwB;EAC1B;AACF","sourcesContent":[".viewport{display:flex;flex-direction:column;gap:var(--ac-space-3);padding:var(--ac-space-4);pointer-events:none;position:fixed;width:min(calc(100vw - 2rem),24rem);z-index:100}.viewportTopLeft{align-items:flex-start;left:0;top:0}.viewportTopRight{align-items:flex-end;right:0;top:0}.viewportBottomLeft{align-items:flex-start;bottom:0;left:0}.viewportBottomRight{align-items:flex-end;bottom:0;right:0}.viewportTopCenter{top:0}.viewportBottomCenter,.viewportTopCenter{align-items:center;left:50%;transform:translateX(-50%)}.viewportBottomCenter{bottom:0}.root{backdrop-filter:blur(16px);background:color-mix(in oklab,var(--ac-background),var(--ac-card,var(--ac-background)) 25%);border:1px solid var(--ac-border);border-radius:var(--ac-radius-xl);box-shadow:0 18px 40px -24px rgba(15,23,42,.45),0 10px 18px -12px rgba(15,23,42,.28);color:var(--ac-foreground);overflow:hidden;pointer-events:auto;transition:opacity .16s ease,transform .16s ease;width:100%;&[data-starting]{opacity:0;transform:translateY(8px) scale(.98)}&[data-ending]{opacity:0;transform:translateY(4px) scale(.98)}}.content{align-items:flex-start;display:grid;gap:var(--ac-space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--ac-space-4)}.leading{align-items:center;color:inherit;display:flex;height:1.5rem;justify-content:center;margin-top:.125rem;width:1.5rem}.body{display:flex;flex-direction:column;gap:var(--ac-space-1);min-width:0}.title{color:inherit;font-weight:600;line-height:1.4}.description,.title{font-size:var(--ac-text-sm);margin:0}.description{color:var(--ac-muted-foreground);line-height:1.5}.close{align-items:center;background:transparent;border:0;border-radius:calc(var(--ac-radius-md) - 2px);color:var(--ac-muted-foreground);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;transition:background-color .14s ease,color .14s ease;width:2rem;&:focus-visible,&:hover{background:color-mix(in oklab,var(--ac-muted) 84%,transparent);color:var(--ac-foreground);outline:none}}.closeIcon,.icon{flex-shrink:0;height:1rem;width:1rem}.iconSpin{animation:toast-spin .9s linear infinite}.actions{display:flex;flex-wrap:wrap;gap:var(--ac-space-2);margin-top:var(--ac-space-2)}.primaryAction,.secondaryAction{align-items:center;border:1px solid transparent;border-radius:var(--ac-radius-md);cursor:pointer;display:inline-flex;font-size:var(--ac-text-xs);font-weight:600;justify-content:center;min-height:2rem;padding:0 var(--ac-space-3);transition:background-color .14s ease,border-color .14s ease,color .14s ease}.primaryAction{background:var(--ac-foreground);color:var(--ac-background);&:focus-visible,&:hover{background:color-mix(in oklab,var(--ac-foreground) 88%,#fff);outline:none}}.secondaryAction{background:transparent;border-color:color-mix(in oklab,var(--ac-border) 75%,transparent);color:var(--ac-foreground);&:focus-visible,&:hover{background:color-mix(in oklab,var(--ac-muted) 72%,transparent);outline:none}}.default{border-color:color-mix(in oklab,var(--ac-border) 88%,transparent)}.success{background:color-mix(in oklab,var(--ac-success,#16a34a) 10%,var(--ac-background));border-color:color-mix(in oklab,var(--ac-success,#16a34a) 45%,var(--ac-border));color:color-mix(in oklab,var(--ac-success,#16a34a) 78%,var(--ac-foreground))}.error{background:color-mix(in oklab,var(--ac-destructive) 10%,var(--ac-background));border-color:color-mix(in oklab,var(--ac-destructive) 48%,var(--ac-border));color:color-mix(in oklab,var(--ac-destructive) 82%,var(--ac-foreground))}.info{background:color-mix(in oklab,var(--ac-primary,#2563eb) 10%,var(--ac-background));border-color:color-mix(in oklab,var(--ac-primary,#2563eb) 42%,var(--ac-border));color:color-mix(in oklab,var(--ac-primary,#2563eb) 78%,var(--ac-foreground))}.warning{background:color-mix(in oklab,#f59e0b 12%,var(--ac-background));border-color:color-mix(in oklab,#f59e0b 45%,var(--ac-border));color:color-mix(in oklab,#f59e0b 80%,var(--ac-foreground))}.loading{border-color:color-mix(in oklab,var(--ac-muted-foreground) 34%,var(--ac-border))}.error .description,.info .description,.success .description,.warning .description{color:color-mix(in oklab,currentcolor 68%,var(--ac-muted-foreground))}@keyframes toast-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}",".viewport {\n gap: var(--ac-space-3);\n padding: var(--ac-space-4);\n pointer-events: none;\n z-index: 100;\n flex-direction: column;\n width: min(100vw - 2rem, 24rem);\n display: flex;\n position: fixed;\n}\n\n.viewportTopLeft {\n align-items: flex-start;\n top: 0;\n left: 0;\n}\n\n.viewportTopRight {\n align-items: flex-end;\n top: 0;\n right: 0;\n}\n\n.viewportBottomLeft {\n align-items: flex-start;\n bottom: 0;\n left: 0;\n}\n\n.viewportBottomRight {\n align-items: flex-end;\n bottom: 0;\n right: 0;\n}\n\n.viewportTopCenter {\n top: 0;\n}\n\n.viewportBottomCenter, .viewportTopCenter {\n align-items: center;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.viewportBottomCenter {\n bottom: 0;\n}\n\n.root {\n backdrop-filter: blur(16px);\n background: color-mix(in oklab,var(--ac-background),var(--ac-card, var(--ac-background)) 25%);\n border: 1px solid var(--ac-border);\n border-radius: var(--ac-radius-xl);\n color: var(--ac-foreground);\n pointer-events: auto;\n width: 100%;\n transition: opacity .16s, transform .16s;\n overflow: hidden;\n box-shadow: 0 18px 40px -24px #0f172a73, 0 10px 18px -12px #0f172a47;\n\n &[data-starting] {\n opacity: 0;\n transform: translateY(8px)scale(.98);\n }\n\n &[data-ending] {\n opacity: 0;\n transform: translateY(4px)scale(.98);\n }\n}\n\n.content {\n align-items: flex-start;\n gap: var(--ac-space-3);\n padding: var(--ac-space-4);\n grid-template-columns: auto minmax(0, 1fr) auto;\n display: grid;\n}\n\n.leading {\n color: inherit;\n justify-content: center;\n align-items: center;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: .125rem;\n display: flex;\n}\n\n.body {\n gap: var(--ac-space-1);\n flex-direction: column;\n min-width: 0;\n display: flex;\n}\n\n.title {\n color: inherit;\n font-weight: 600;\n line-height: 1.4;\n}\n\n.description, .title {\n font-size: var(--ac-text-sm);\n margin: 0;\n}\n\n.description {\n color: var(--ac-muted-foreground);\n line-height: 1.5;\n}\n\n.close {\n border-radius: calc(var(--ac-radius-md) - 2px);\n color: var(--ac-muted-foreground);\n cursor: pointer;\n background: none;\n border: 0;\n justify-content: center;\n align-items: center;\n width: 2rem;\n height: 2rem;\n transition: background-color .14s, color .14s;\n display: inline-flex;\n\n &:focus-visible, &:hover {\n background: color-mix(in oklab,var(--ac-muted) 84%,transparent);\n color: var(--ac-foreground);\n outline: none;\n }\n}\n\n.closeIcon, .icon {\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n}\n\n.iconSpin {\n animation: .9s linear infinite toast-spin;\n}\n\n.actions {\n gap: var(--ac-space-2);\n margin-top: var(--ac-space-2);\n flex-wrap: wrap;\n display: flex;\n}\n\n.primaryAction, .secondaryAction {\n border-radius: var(--ac-radius-md);\n cursor: pointer;\n font-size: var(--ac-text-xs);\n min-height: 2rem;\n padding: 0 var(--ac-space-3);\n border: 1px solid #0000;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n transition: background-color .14s, border-color .14s, color .14s;\n display: inline-flex;\n}\n\n.primaryAction {\n background: var(--ac-foreground);\n color: var(--ac-background);\n\n &:focus-visible, &:hover {\n background: color-mix(in oklab,var(--ac-foreground) 88%,#fff);\n outline: none;\n }\n}\n\n.secondaryAction {\n border-color: color-mix(in oklab,var(--ac-border) 75%,transparent);\n color: var(--ac-foreground);\n background: none;\n\n &:focus-visible, &:hover {\n background: color-mix(in oklab,var(--ac-muted) 72%,transparent);\n outline: none;\n }\n}\n\n.default {\n border-color: color-mix(in oklab,var(--ac-border) 88%,transparent);\n}\n\n.success {\n background: color-mix(in oklab,var(--ac-success, #16a34a) 10%,var(--ac-background));\n border-color: color-mix(in oklab,var(--ac-success, #16a34a) 45%,var(--ac-border));\n color: color-mix(in oklab,var(--ac-success, #16a34a) 78%,var(--ac-foreground));\n}\n\n.error {\n background: color-mix(in oklab,var(--ac-destructive) 10%,var(--ac-background));\n border-color: color-mix(in oklab,var(--ac-destructive) 48%,var(--ac-border));\n color: color-mix(in oklab,var(--ac-destructive) 82%,var(--ac-foreground));\n}\n\n.info {\n background: color-mix(in oklab,var(--ac-primary, #2563eb) 10%,var(--ac-background));\n border-color: color-mix(in oklab,var(--ac-primary, #2563eb) 42%,var(--ac-border));\n color: color-mix(in oklab,var(--ac-primary, #2563eb) 78%,var(--ac-foreground));\n}\n\n.warning {\n background: color-mix(in oklab,#f59e0b 12%,var(--ac-background));\n border-color: color-mix(in oklab,#f59e0b 45%,var(--ac-border));\n color: color-mix(in oklab,#f59e0b 80%,var(--ac-foreground));\n}\n\n.loading {\n border-color: color-mix(in oklab,var(--ac-muted-foreground) 34%,var(--ac-border));\n}\n\n.error .description, .info .description, .success .description, .warning .description {\n color: color-mix(in oklab,currentcolor 68%,var(--ac-muted-foreground));\n}\n\n@keyframes toast-spin {\n 0% {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(1turn);\n }\n}\n"],"sourceRoot":""}
|