@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
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
.combobox-wmFvJE {
|
|
2
|
+
display: contents;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.trigger-asByxe {
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
width: 100%;
|
|
8
|
+
min-width: 200px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.triggerValue-s6rRGO {
|
|
12
|
+
text-align: left;
|
|
13
|
+
text-overflow: ellipsis;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
flex: 1;
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.triggerPlaceholder-T2THwp {
|
|
20
|
+
color: var(--ac-neutral-500);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.triggerIcon-Z1UTU8 {
|
|
24
|
+
height: 1rem;
|
|
25
|
+
margin-left: var(--ac-spacing-2);
|
|
26
|
+
opacity: .5;
|
|
27
|
+
flex-shrink: 0;
|
|
28
|
+
width: 1rem;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.content-uE5DAH {
|
|
32
|
+
min-width: 200px;
|
|
33
|
+
width: var(--anchor-width);
|
|
34
|
+
padding: 0;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.command-cdXzEx {
|
|
38
|
+
box-shadow: none;
|
|
39
|
+
border: none;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.commandInput-s91u2v {
|
|
43
|
+
border-bottom: 1px solid var(--ac-neutral-200);
|
|
44
|
+
border-radius: 0;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.commandList-YCmDON {
|
|
48
|
+
max-height: 300px;
|
|
49
|
+
overflow-y: auto;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.item-ThEyJB {
|
|
53
|
+
border-radius: var(--ac-radius-sm);
|
|
54
|
+
cursor: pointer;
|
|
55
|
+
align-items: center;
|
|
56
|
+
gap: var(--ac-spacing-2);
|
|
57
|
+
padding: var(--ac-spacing-2) var(--ac-spacing-3);
|
|
58
|
+
transition: background-color .2s;
|
|
59
|
+
display: flex;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.item-ThEyJB:hover {
|
|
63
|
+
background-color: var(--ac-neutral-100);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.item-ThEyJB[data-disabled] {
|
|
67
|
+
opacity: .5;
|
|
68
|
+
pointer-events: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.itemSelected-JsUZAF {
|
|
72
|
+
background-color: var(--ac-neutral-100);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.itemCheck-j350UO {
|
|
76
|
+
opacity: 0;
|
|
77
|
+
flex-shrink: 0;
|
|
78
|
+
width: 1rem;
|
|
79
|
+
height: 1rem;
|
|
80
|
+
transition: opacity .2s;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.itemCheckVisible-QMieBm {
|
|
84
|
+
opacity: 1;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.itemLabel-wCtpTY {
|
|
88
|
+
text-overflow: ellipsis;
|
|
89
|
+
white-space: nowrap;
|
|
90
|
+
flex: 1;
|
|
91
|
+
overflow: hidden;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.empty-EEImeI {
|
|
95
|
+
color: var(--ac-neutral-500);
|
|
96
|
+
font-size: var(--ac-font-size-sm);
|
|
97
|
+
padding: var(--ac-spacing-6) var(--ac-spacing-4);
|
|
98
|
+
text-align: center;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.group-w7Vcxw {
|
|
102
|
+
padding: var(--ac-spacing-1) 0;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.separator-nkP8ud {
|
|
106
|
+
background-color: var(--ac-neutral-200);
|
|
107
|
+
height: 1px;
|
|
108
|
+
margin: var(--ac-spacing-1) 0;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.dark .triggerPlaceholder-T2THwp {
|
|
112
|
+
color: var(--ac-neutral-400);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.dark .commandInput-s91u2v {
|
|
116
|
+
border-bottom-color: var(--ac-neutral-700);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.dark .item-ThEyJB:hover {
|
|
120
|
+
background-color: var(--ac-neutral-800);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.dark .itemSelected-JsUZAF {
|
|
124
|
+
background-color: var(--ac-neutral-800);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.dark .empty-EEImeI {
|
|
128
|
+
color: var(--ac-neutral-400);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.dark .separator-nkP8ud {
|
|
132
|
+
background-color: var(--ac-neutral-700);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
@media (width <= 640px) {
|
|
136
|
+
.content-uE5DAH, .trigger-asByxe {
|
|
137
|
+
min-width: 150px;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
/*# sourceMappingURL=combobox_module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/combobox.module.css","webpack://./src/components/ui/combobox.module.css"],"names":[],"mappings":"AAAA;ECCE,iBAAiB;AACnB;;ADF2B;ECKzB,8BAA8B;EAC9B,WAAW;EACX,gBAAgB;AAClB;;ADR6F;ECW3F,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,OAAO;EACP,gBAAgB;AAClB;;ADhB4L;ECmB1L,4BAA4B;AAC9B;;ADpB4O;ECuB1O,YAAY;EACZ,gCAAgC;EAChC,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AD5ByU;EC+BvU,gBAAgB;EAChB,0BAA0B;EAC1B,UAAU;AACZ;;ADlCsY;ECqCpY,gBAAgB;EAChB,YAAY;AACd;;ADvC2a;EC0Cza,8CAA8C;EAC9C,gBAAgB;AAClB;;AD5Cuf;EC+Crf,iBAAiB;EACjB,gBAAgB;AAClB;;ADjDqiB;ECoDniB,kCAAkC;EAClC,eAAe;EACf,mBAAmB;EACnB,wBAAwB;EACxB,gDAAgD;EAChD,gCAAgC;EAChC,aAAa;AACf;;AD3DouB;EC8DluB,uCAAuC;AACzC;;AD/DuxB;ECkErxB,WAAW;EACX,oBAAoB;AACtB;;ADpE20B;ECuEz0B,uCAAuC;AACzC;;ADxEg4B;EC2E93B,UAAU;EACV,cAAc;EACd,WAAW;EACX,YAAY;EACZ,uBAAuB;AACzB;;ADhFi9B;ECmF/8B,UAAU;AACZ;;ADpF6+B;ECuF3+B,uBAAuB;EACvB,mBAAmB;EACnB,OAAO;EACP,gBAAgB;AAClB;;AD3FyjC;EC8FvjC,4BAA4B;EAC5B,iCAAiC;EACjC,gDAAgD;EAChD,kBAAkB;AACpB;;ADlG+rC;ECqG7rC,8BAA8B;AAChC;;ADtGouC;ECyGluC,uCAAuC;EACvC,WAAW;EACX,6BAA6B;AAC/B;;AD5G8zC;EC+G5zC,4BAA4B;AAC9B;;ADhH63C;ECmH33C,0CAA0C;AAC5C;;ADpHo8C;ECuHl8C,uCAAuC;AACzC;;ADxHsgD;EC2HpgD,uCAAuC;AACzC;;AD5H0kD;EC+HxkD,4BAA4B;AAC9B;;ADhI4nD;ECmI1nD,uCAAuC;AACzC;;ADpI6rD;EAAyB;ICwIltD,gBAAgB;EAClB;AACF","sourcesContent":[".combobox{display:contents}.trigger{justify-content:space-between;min-width:200px;width:100%}.triggerValue{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.triggerPlaceholder{color:var(--ac-neutral-500)}.triggerIcon{flex-shrink:0;height:1rem;margin-left:var(--ac-spacing-2);opacity:.5;width:1rem}.content{min-width:200px;padding:0;width:var(--anchor-width)}.command{border:none;box-shadow:none}.commandInput{border-bottom:1px solid var(--ac-neutral-200);border-radius:0}.commandList{max-height:300px;overflow-y:auto}.item{align-items:center;border-radius:var(--ac-radius-sm);cursor:pointer;display:flex;gap:var(--ac-spacing-2);padding:var(--ac-spacing-2) var(--ac-spacing-3);transition:background-color .2s}.item:hover{background-color:var(--ac-neutral-100)}.item[data-disabled]{opacity:.5;pointer-events:none}.itemSelected{background-color:var(--ac-neutral-100)}.itemCheck{flex-shrink:0;height:1rem;opacity:0;transition:opacity .2s;width:1rem}.itemCheckVisible{opacity:1}.itemLabel{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{color:var(--ac-neutral-500);font-size:var(--ac-font-size-sm);padding:var(--ac-spacing-6) var(--ac-spacing-4);text-align:center}.group{padding:var(--ac-spacing-1) 0}.separator{background-color:var(--ac-neutral-200);height:1px;margin:var(--ac-spacing-1) 0}:global(.dark) .triggerPlaceholder{color:var(--ac-neutral-400)}:global(.dark) .commandInput{border-bottom-color:var(--ac-neutral-700)}:global(.dark) .item:hover{background-color:var(--ac-neutral-800)}:global(.dark) .itemSelected{background-color:var(--ac-neutral-800)}:global(.dark) .empty{color:var(--ac-neutral-400)}:global(.dark) .separator{background-color:var(--ac-neutral-700)}@media (max-width:640px){.content,.trigger{min-width:150px}}",".combobox {\n display: contents;\n}\n\n.trigger {\n justify-content: space-between;\n width: 100%;\n min-width: 200px;\n}\n\n.triggerValue {\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n overflow: hidden;\n}\n\n.triggerPlaceholder {\n color: var(--ac-neutral-500);\n}\n\n.triggerIcon {\n height: 1rem;\n margin-left: var(--ac-spacing-2);\n opacity: .5;\n flex-shrink: 0;\n width: 1rem;\n}\n\n.content {\n min-width: 200px;\n width: var(--anchor-width);\n padding: 0;\n}\n\n.command {\n box-shadow: none;\n border: none;\n}\n\n.commandInput {\n border-bottom: 1px solid var(--ac-neutral-200);\n border-radius: 0;\n}\n\n.commandList {\n max-height: 300px;\n overflow-y: auto;\n}\n\n.item {\n border-radius: var(--ac-radius-sm);\n cursor: pointer;\n align-items: center;\n gap: var(--ac-spacing-2);\n padding: var(--ac-spacing-2) var(--ac-spacing-3);\n transition: background-color .2s;\n display: flex;\n}\n\n.item:hover {\n background-color: var(--ac-neutral-100);\n}\n\n.item[data-disabled] {\n opacity: .5;\n pointer-events: none;\n}\n\n.itemSelected {\n background-color: var(--ac-neutral-100);\n}\n\n.itemCheck {\n opacity: 0;\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n transition: opacity .2s;\n}\n\n.itemCheckVisible {\n opacity: 1;\n}\n\n.itemLabel {\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n overflow: hidden;\n}\n\n.empty {\n color: var(--ac-neutral-500);\n font-size: var(--ac-font-size-sm);\n padding: var(--ac-spacing-6) var(--ac-spacing-4);\n text-align: center;\n}\n\n.group {\n padding: var(--ac-spacing-1) 0;\n}\n\n.separator {\n background-color: var(--ac-neutral-200);\n height: 1px;\n margin: var(--ac-spacing-1) 0;\n}\n\n:global(.dark) .triggerPlaceholder {\n color: var(--ac-neutral-400);\n}\n\n:global(.dark) .commandInput {\n border-bottom-color: var(--ac-neutral-700);\n}\n\n:global(.dark) .item:hover {\n background-color: var(--ac-neutral-800);\n}\n\n:global(.dark) .itemSelected {\n background-color: var(--ac-neutral-800);\n}\n\n:global(.dark) .empty {\n color: var(--ac-neutral-400);\n}\n\n:global(.dark) .separator {\n background-color: var(--ac-neutral-700);\n}\n\n@media (width <= 640px) {\n .content, .trigger {\n min-width: 150px;\n }\n}\n"],"sourceRoot":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,11 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { Dialog } from "@base-ui/react/dialog";
|
|
4
4
|
import { Separator } from "@base-ui/react/separator";
|
|
5
5
|
import { Search } from "lucide-react";
|
|
6
|
-
import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
7
6
|
import { cn } from "../../lib/utilities.js";
|
|
8
7
|
import command_module from "./command.module.js";
|
|
9
|
-
|
|
10
|
-
const
|
|
8
|
+
import * as __rspack_external_react from "react";
|
|
9
|
+
const CommandContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
|
|
10
|
+
const CommandGroupContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
|
|
11
11
|
function assignRef(ref, value) {
|
|
12
12
|
if ("function" == typeof ref) return void ref(value);
|
|
13
13
|
if (ref) ref.current = value;
|
|
@@ -25,40 +25,40 @@ function defaultCommandFilter(value, search, keywords = []) {
|
|
|
25
25
|
return normalizedValue.includes(normalizedSearch) ? 1 : 0;
|
|
26
26
|
}
|
|
27
27
|
function useCommandContext(componentName) {
|
|
28
|
-
const context = useContext(CommandContext);
|
|
28
|
+
const context = __rspack_external_react.useContext(CommandContext);
|
|
29
29
|
if (!context) throw new Error(`${componentName} must be used within Command.`);
|
|
30
30
|
return context;
|
|
31
31
|
}
|
|
32
|
-
const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _defaultValue, disablePointerSelection = false, filter, label, loop = false, onKeyDown, onValueChange: _onValueChange, shouldFilter = true, value: _value, vimBindings: _vimBindings, ...props }, ref)=>{
|
|
33
|
-
const [activeItemId, setActiveItemId] = useState(null);
|
|
34
|
-
const [search, setSearch] = useState("");
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const [itemsVersion, setItemsVersion] = useState(0);
|
|
38
|
-
const listId = useId();
|
|
39
|
-
const registerItem = useCallback((item)=>{
|
|
40
|
-
const existingItem =
|
|
32
|
+
const Command = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, defaultValue: _defaultValue, disablePointerSelection = false, filter, label, loop = false, onKeyDown, onValueChange: _onValueChange, shouldFilter = true, value: _value, vimBindings: _vimBindings, ...props }, ref)=>{
|
|
33
|
+
const [activeItemId, setActiveItemId] = __rspack_external_react.useState(null);
|
|
34
|
+
const [search, setSearch] = __rspack_external_react.useState("");
|
|
35
|
+
const itemOrderRef = __rspack_external_react.useRef(0);
|
|
36
|
+
const itemsRef = __rspack_external_react.useRef(new Map());
|
|
37
|
+
const [itemsVersion, setItemsVersion] = __rspack_external_react.useState(0);
|
|
38
|
+
const listId = __rspack_external_react.useId();
|
|
39
|
+
const registerItem = __rspack_external_react.useCallback((item)=>{
|
|
40
|
+
const existingItem = itemsRef.current.get(item.id);
|
|
41
41
|
const nextItem = {
|
|
42
42
|
...item,
|
|
43
|
-
order: existingItem?.order ??
|
|
43
|
+
order: existingItem?.order ?? itemOrderRef.current++
|
|
44
44
|
};
|
|
45
45
|
const hasChanged = !existingItem || existingItem.disabled !== nextItem.disabled || existingItem.forceMount !== nextItem.forceMount || existingItem.groupId !== nextItem.groupId || existingItem.keywords.join("\u0000") !== nextItem.keywords.join("\u0000") || existingItem.ref !== nextItem.ref || existingItem.textValue !== nextItem.textValue || existingItem.value !== nextItem.value;
|
|
46
46
|
if (!hasChanged) return;
|
|
47
|
-
|
|
47
|
+
itemsRef.current.set(item.id, nextItem);
|
|
48
48
|
setItemsVersion((currentVersion)=>currentVersion + 1);
|
|
49
49
|
}, []);
|
|
50
|
-
const unregisterItem = useCallback((itemId)=>{
|
|
51
|
-
if (!
|
|
50
|
+
const unregisterItem = __rspack_external_react.useCallback((itemId)=>{
|
|
51
|
+
if (!itemsRef.current.delete(itemId)) return;
|
|
52
52
|
setItemsVersion((currentVersion)=>currentVersion + 1);
|
|
53
53
|
}, []);
|
|
54
|
-
const items = useMemo(()=>[
|
|
55
|
-
...
|
|
56
|
-
].
|
|
54
|
+
const items = __rspack_external_react.useMemo(()=>[
|
|
55
|
+
...itemsRef.current.values()
|
|
56
|
+
].toSorted((firstItem, secondItem)=>firstItem.order - secondItem.order), [
|
|
57
57
|
itemsVersion
|
|
58
58
|
]);
|
|
59
59
|
const isFiltering = shouldFilter && search.trim().length > 0;
|
|
60
|
-
const isItemVisible = useCallback((itemId)=>{
|
|
61
|
-
const item =
|
|
60
|
+
const isItemVisible = __rspack_external_react.useCallback((itemId)=>{
|
|
61
|
+
const item = itemsRef.current.get(itemId);
|
|
62
62
|
if (!item) return false;
|
|
63
63
|
if (item.forceMount || !shouldFilter || 0 === search.trim().length) return true;
|
|
64
64
|
const itemValue = item.value ?? item.textValue;
|
|
@@ -69,32 +69,32 @@ const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _
|
|
|
69
69
|
search,
|
|
70
70
|
shouldFilter
|
|
71
71
|
]);
|
|
72
|
-
const visibleItems = useMemo(()=>items.filter((item)=>isItemVisible(item.id)), [
|
|
72
|
+
const visibleItems = __rspack_external_react.useMemo(()=>items.filter((item)=>isItemVisible(item.id)), [
|
|
73
73
|
isItemVisible,
|
|
74
74
|
items
|
|
75
75
|
]);
|
|
76
|
-
const selectableItems = useMemo(()=>visibleItems.filter((item)=>!item.disabled), [
|
|
76
|
+
const selectableItems = __rspack_external_react.useMemo(()=>visibleItems.filter((item)=>!item.disabled), [
|
|
77
77
|
visibleItems
|
|
78
78
|
]);
|
|
79
|
-
useEffect(()=>{
|
|
79
|
+
__rspack_external_react.useEffect(()=>{
|
|
80
80
|
if (0 === selectableItems.length) return void setActiveItemId(null);
|
|
81
81
|
if (!activeItemId || !selectableItems.some((item)=>item.id === activeItemId)) setActiveItemId(selectableItems[0].id);
|
|
82
82
|
}, [
|
|
83
83
|
activeItemId,
|
|
84
84
|
selectableItems
|
|
85
85
|
]);
|
|
86
|
-
useEffect(()=>{
|
|
86
|
+
__rspack_external_react.useEffect(()=>{
|
|
87
87
|
if (!activeItemId) return;
|
|
88
|
-
|
|
88
|
+
itemsRef.current.get(activeItemId)?.ref.current?.scrollIntoView({
|
|
89
89
|
block: "nearest"
|
|
90
90
|
});
|
|
91
91
|
}, [
|
|
92
92
|
activeItemId
|
|
93
93
|
]);
|
|
94
|
-
const selectSpecificItem = useCallback((itemId)=>{
|
|
94
|
+
const selectSpecificItem = __rspack_external_react.useCallback((itemId)=>{
|
|
95
95
|
setActiveItemId(itemId);
|
|
96
96
|
}, []);
|
|
97
|
-
const selectNextItem = useCallback(()=>{
|
|
97
|
+
const selectNextItem = __rspack_external_react.useCallback(()=>{
|
|
98
98
|
if (0 === selectableItems.length) return;
|
|
99
99
|
const currentIndex = selectableItems.findIndex((item)=>item.id === activeItemId);
|
|
100
100
|
if (-1 === currentIndex) return void setActiveItemId(selectableItems[0].id);
|
|
@@ -106,7 +106,7 @@ const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _
|
|
|
106
106
|
loop,
|
|
107
107
|
selectableItems
|
|
108
108
|
]);
|
|
109
|
-
const selectPreviousItem = useCallback(()=>{
|
|
109
|
+
const selectPreviousItem = __rspack_external_react.useCallback(()=>{
|
|
110
110
|
if (0 === selectableItems.length) return;
|
|
111
111
|
const currentIndex = selectableItems.findIndex((item)=>item.id === activeItemId);
|
|
112
112
|
if (-1 === currentIndex) return void setActiveItemId(selectableItems[0].id);
|
|
@@ -118,19 +118,19 @@ const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _
|
|
|
118
118
|
loop,
|
|
119
119
|
selectableItems
|
|
120
120
|
]);
|
|
121
|
-
const triggerActiveItem = useCallback(()=>{
|
|
121
|
+
const triggerActiveItem = __rspack_external_react.useCallback(()=>{
|
|
122
122
|
if (!activeItemId) return;
|
|
123
|
-
|
|
123
|
+
itemsRef.current.get(activeItemId)?.ref.current?.click();
|
|
124
124
|
}, [
|
|
125
125
|
activeItemId
|
|
126
126
|
]);
|
|
127
|
-
const hasVisibleItemsInGroup = useCallback((groupId)=>visibleItems.some((item)=>item.groupId === groupId), [
|
|
127
|
+
const hasVisibleItemsInGroup = __rspack_external_react.useCallback((groupId)=>visibleItems.some((item)=>item.groupId === groupId), [
|
|
128
128
|
visibleItems
|
|
129
129
|
]);
|
|
130
|
-
const getVisibleItemCount = useCallback(()=>visibleItems.length, [
|
|
130
|
+
const getVisibleItemCount = __rspack_external_react.useCallback(()=>visibleItems.length, [
|
|
131
131
|
visibleItems.length
|
|
132
132
|
]);
|
|
133
|
-
const contextValue = useMemo(()=>({
|
|
133
|
+
const contextValue = __rspack_external_react.useMemo(()=>({
|
|
134
134
|
activeItemId,
|
|
135
135
|
disablePointerSelection,
|
|
136
136
|
getVisibleItemCount,
|
|
@@ -173,6 +173,7 @@ const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _
|
|
|
173
173
|
ref: ref,
|
|
174
174
|
"aria-label": label,
|
|
175
175
|
className: cn(command_module.command, className),
|
|
176
|
+
role: "toolbar",
|
|
176
177
|
onKeyDown: (event)=>{
|
|
177
178
|
onKeyDown?.(event);
|
|
178
179
|
if (event.defaultPrevented) return;
|
|
@@ -237,11 +238,11 @@ function CommandDialog({ children, open, onOpenChange, title = "Command menu", .
|
|
|
237
238
|
});
|
|
238
239
|
}
|
|
239
240
|
CommandDialog.displayName = "CommandDialog";
|
|
240
|
-
const CommandInput = /*#__PURE__*/ forwardRef(({ className, onChange, onValueChange, value, ...props }, ref)=>{
|
|
241
|
+
const CommandInput = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, onChange, onValueChange, value, ...props }, ref)=>{
|
|
241
242
|
const { activeItemId, listId, search, selectSpecificItem, setSearch } = useCommandContext("CommandInput");
|
|
242
243
|
const isControlled = void 0 !== value;
|
|
243
244
|
const inputValue = isControlled ? value : search;
|
|
244
|
-
useEffect(()=>{
|
|
245
|
+
__rspack_external_react.useEffect(()=>{
|
|
245
246
|
if (!isControlled) return;
|
|
246
247
|
setSearch(value ?? "");
|
|
247
248
|
}, [
|
|
@@ -278,7 +279,7 @@ const CommandInput = /*#__PURE__*/ forwardRef(({ className, onChange, onValueCha
|
|
|
278
279
|
});
|
|
279
280
|
});
|
|
280
281
|
CommandInput.displayName = "CommandInput";
|
|
281
|
-
const CommandList = /*#__PURE__*/ forwardRef(({ className, label, ...props }, ref)=>{
|
|
282
|
+
const CommandList = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, label, ...props }, ref)=>{
|
|
282
283
|
const { listId } = useCommandContext("CommandList");
|
|
283
284
|
return /*#__PURE__*/ jsx("div", {
|
|
284
285
|
"aria-label": label,
|
|
@@ -290,7 +291,7 @@ const CommandList = /*#__PURE__*/ forwardRef(({ className, label, ...props }, re
|
|
|
290
291
|
});
|
|
291
292
|
});
|
|
292
293
|
CommandList.displayName = "CommandList";
|
|
293
|
-
const CommandEmpty = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
294
|
+
const CommandEmpty = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>{
|
|
294
295
|
const { getVisibleItemCount } = useCommandContext("CommandEmpty");
|
|
295
296
|
if (getVisibleItemCount() > 0) return null;
|
|
296
297
|
return /*#__PURE__*/ jsx("div", {
|
|
@@ -301,8 +302,8 @@ const CommandEmpty = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
|
301
302
|
});
|
|
302
303
|
});
|
|
303
304
|
CommandEmpty.displayName = "CommandEmpty";
|
|
304
|
-
const CommandGroup = /*#__PURE__*/ forwardRef(({ children, className, forceMount = false, heading, value: _value, ...props }, ref)=>{
|
|
305
|
-
const groupId = useId();
|
|
305
|
+
const CommandGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, forceMount = false, heading, value: _value, ...props }, ref)=>{
|
|
306
|
+
const groupId = __rspack_external_react.useId();
|
|
306
307
|
const { hasVisibleItemsInGroup, isFiltering } = useCommandContext("CommandGroup");
|
|
307
308
|
if (!forceMount && isFiltering && !hasVisibleItemsInGroup(groupId)) return null;
|
|
308
309
|
return /*#__PURE__*/ jsx(CommandGroupContext.Provider, {
|
|
@@ -323,7 +324,7 @@ const CommandGroup = /*#__PURE__*/ forwardRef(({ children, className, forceMount
|
|
|
323
324
|
});
|
|
324
325
|
});
|
|
325
326
|
CommandGroup.displayName = "CommandGroup";
|
|
326
|
-
const CommandSeparator = /*#__PURE__*/ forwardRef(({ alwaysRender = false, className, orientation = "horizontal", ...props }, ref)=>{
|
|
327
|
+
const CommandSeparator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ alwaysRender = false, className, orientation = "horizontal", ...props }, ref)=>{
|
|
327
328
|
const { isFiltering } = useCommandContext("CommandSeparator");
|
|
328
329
|
if (isFiltering && !alwaysRender) return null;
|
|
329
330
|
return /*#__PURE__*/ jsx(Separator, {
|
|
@@ -334,23 +335,23 @@ const CommandSeparator = /*#__PURE__*/ forwardRef(({ alwaysRender = false, class
|
|
|
334
335
|
});
|
|
335
336
|
});
|
|
336
337
|
CommandSeparator.displayName = "CommandSeparator";
|
|
337
|
-
const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled = false, forceMount = false, keywords = [], onClick, onMouseEnter, onSelect, value, ...props }, ref)=>{
|
|
338
|
+
const CommandItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, disabled = false, forceMount = false, keywords = [], onClick, onMouseEnter, onSelect, value, ...props }, ref)=>{
|
|
338
339
|
const { activeItemId, disablePointerSelection, isFiltering, isItemVisible, registerItem, selectSpecificItem, unregisterItem } = useCommandContext("CommandItem");
|
|
339
|
-
const groupId = useContext(CommandGroupContext);
|
|
340
|
-
const generatedId = useId();
|
|
341
|
-
const
|
|
342
|
-
const keywordSignature = useMemo(()=>keywords.join("\u0000"), [
|
|
340
|
+
const groupId = __rspack_external_react.useContext(CommandGroupContext);
|
|
341
|
+
const generatedId = __rspack_external_react.useId();
|
|
342
|
+
const itemRef = __rspack_external_react.useRef(null);
|
|
343
|
+
const keywordSignature = __rspack_external_react.useMemo(()=>keywords.join("\u0000"), [
|
|
343
344
|
keywords
|
|
344
345
|
]);
|
|
345
|
-
useLayoutEffect(()=>{
|
|
346
|
-
const textValue = value ??
|
|
346
|
+
__rspack_external_react.useLayoutEffect(()=>{
|
|
347
|
+
const textValue = value ?? itemRef.current?.textContent?.trim() ?? "";
|
|
347
348
|
registerItem({
|
|
348
349
|
disabled,
|
|
349
350
|
forceMount,
|
|
350
351
|
groupId,
|
|
351
352
|
id: generatedId,
|
|
352
353
|
keywords,
|
|
353
|
-
ref:
|
|
354
|
+
ref: itemRef,
|
|
354
355
|
textValue,
|
|
355
356
|
value
|
|
356
357
|
});
|
|
@@ -365,7 +366,7 @@ const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled =
|
|
|
365
366
|
registerItem,
|
|
366
367
|
value
|
|
367
368
|
]);
|
|
368
|
-
useEffect(()=>()=>{
|
|
369
|
+
__rspack_external_react.useEffect(()=>()=>{
|
|
369
370
|
unregisterItem(generatedId);
|
|
370
371
|
}, [
|
|
371
372
|
generatedId,
|
|
@@ -377,7 +378,7 @@ const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled =
|
|
|
377
378
|
return /*#__PURE__*/ jsx("div", {
|
|
378
379
|
...props,
|
|
379
380
|
ref: (node)=>{
|
|
380
|
-
|
|
381
|
+
itemRef.current = node;
|
|
381
382
|
assignRef(ref, node);
|
|
382
383
|
},
|
|
383
384
|
"aria-disabled": disabled || void 0,
|
|
@@ -389,9 +390,17 @@ const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled =
|
|
|
389
390
|
onClick: (event)=>{
|
|
390
391
|
if (disabled) return void event.preventDefault();
|
|
391
392
|
selectSpecificItem(generatedId);
|
|
392
|
-
onSelect?.(value ??
|
|
393
|
+
onSelect?.(value ?? itemRef.current?.textContent?.trim() ?? "");
|
|
393
394
|
onClick?.(event);
|
|
394
395
|
},
|
|
396
|
+
onKeyDown: (event)=>{
|
|
397
|
+
if (disabled) return void event.preventDefault();
|
|
398
|
+
if ("Enter" === event.key || " " === event.key) {
|
|
399
|
+
event.preventDefault();
|
|
400
|
+
selectSpecificItem(generatedId);
|
|
401
|
+
onSelect?.(value ?? itemRef.current?.textContent?.trim() ?? "");
|
|
402
|
+
}
|
|
403
|
+
},
|
|
395
404
|
onFocus: ()=>{
|
|
396
405
|
if (disabled) return;
|
|
397
406
|
selectSpecificItem(generatedId);
|