@datum-cloud/datum-ui 0.2.0-alpha.0 → 0.2.0-alpha.1
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/dist/_shadcn/hooks/use-mobile.d.ts +2 -0
- package/dist/_shadcn/hooks/use-mobile.d.ts.map +1 -0
- package/dist/_shadcn/hooks/use-theme.d.ts +9 -0
- package/dist/_shadcn/hooks/use-theme.d.ts.map +1 -0
- package/dist/_shadcn/lib/utils.d.ts +13 -0
- package/dist/_shadcn/lib/utils.d.ts.map +1 -0
- package/dist/_shadcn/ui/alert.d.ts +9 -0
- package/dist/_shadcn/ui/alert.d.ts.map +1 -0
- package/dist/_shadcn/ui/avatar.d.ts +7 -0
- package/dist/_shadcn/ui/avatar.d.ts.map +1 -0
- package/dist/_shadcn/ui/badge.d.ts +15 -0
- package/dist/_shadcn/ui/badge.d.ts.map +1 -0
- package/dist/_shadcn/ui/breadcrumb.d.ts +12 -0
- package/dist/_shadcn/ui/breadcrumb.d.ts.map +1 -0
- package/dist/_shadcn/ui/button-group.d.ts +12 -0
- package/dist/_shadcn/ui/button-group.d.ts.map +1 -0
- package/dist/_shadcn/ui/button.d.ts +17 -0
- package/dist/_shadcn/ui/button.d.ts.map +1 -0
- package/dist/_shadcn/ui/card.d.ts +9 -0
- package/dist/_shadcn/ui/card.d.ts.map +1 -0
- package/dist/_shadcn/ui/chart.d.ts +53 -0
- package/dist/_shadcn/ui/chart.d.ts.map +1 -0
- package/dist/_shadcn/ui/checkbox.d.ts +5 -0
- package/dist/_shadcn/ui/checkbox.d.ts.map +1 -0
- package/dist/_shadcn/ui/collapsible.d.ts +6 -0
- package/dist/_shadcn/ui/collapsible.d.ts.map +1 -0
- package/dist/_shadcn/ui/command.d.ts +20 -0
- package/dist/_shadcn/ui/command.d.ts.map +1 -0
- package/dist/_shadcn/ui/dialog.d.ts +14 -0
- package/dist/_shadcn/ui/dialog.d.ts.map +1 -0
- package/dist/_shadcn/ui/dropdown-menu.d.ts +33 -0
- package/dist/_shadcn/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/_shadcn/ui/hover-card.d.ts +7 -0
- package/dist/_shadcn/ui/hover-card.d.ts.map +1 -0
- package/dist/_shadcn/ui/input-group.d.ts +17 -0
- package/dist/_shadcn/ui/input-group.d.ts.map +1 -0
- package/dist/_shadcn/ui/input.d.ts +7 -0
- package/dist/_shadcn/ui/input.d.ts.map +1 -0
- package/dist/_shadcn/ui/label.d.ts +5 -0
- package/dist/_shadcn/ui/label.d.ts.map +1 -0
- package/dist/_shadcn/ui/map.d.ts +120 -0
- package/dist/_shadcn/ui/map.d.ts.map +1 -0
- package/dist/_shadcn/ui/place-autocomplete.d.ts +64 -0
- package/dist/_shadcn/ui/place-autocomplete.d.ts.map +1 -0
- package/dist/_shadcn/ui/popover.d.ts +8 -0
- package/dist/_shadcn/ui/popover.d.ts.map +1 -0
- package/dist/_shadcn/ui/radio-group.d.ts +6 -0
- package/dist/_shadcn/ui/radio-group.d.ts.map +1 -0
- package/dist/_shadcn/ui/select.d.ts +14 -0
- package/dist/_shadcn/ui/select.d.ts.map +1 -0
- package/dist/_shadcn/ui/separator.d.ts +5 -0
- package/dist/_shadcn/ui/separator.d.ts.map +1 -0
- package/dist/_shadcn/ui/sheet.d.ts +14 -0
- package/dist/_shadcn/ui/sheet.d.ts.map +1 -0
- package/dist/_shadcn/ui/skeleton.d.ts +3 -0
- package/dist/_shadcn/ui/skeleton.d.ts.map +1 -0
- package/dist/_shadcn/ui/sonner.d.ts +5 -0
- package/dist/_shadcn/ui/sonner.d.ts.map +1 -0
- package/dist/_shadcn/ui/spinner.d.ts +3 -0
- package/dist/_shadcn/ui/spinner.d.ts.map +1 -0
- package/dist/_shadcn/ui/switch.d.ts +5 -0
- package/dist/_shadcn/ui/switch.d.ts.map +1 -0
- package/dist/_shadcn/ui/table.d.ts +11 -0
- package/dist/_shadcn/ui/table.d.ts.map +1 -0
- package/dist/_shadcn/ui/tabs.d.ts +13 -0
- package/dist/_shadcn/ui/tabs.d.ts.map +1 -0
- package/dist/_shadcn/ui/textarea.d.ts +4 -0
- package/dist/_shadcn/ui/textarea.d.ts.map +1 -0
- package/dist/_shadcn/ui/tooltip.d.ts +8 -0
- package/dist/_shadcn/ui/tooltip.d.ts.map +1 -0
- package/dist/_shadcn/ui/visuallyhidden.d.ts +4 -0
- package/dist/_shadcn/ui/visuallyhidden.d.ts.map +1 -0
- package/dist/{close.icon-DgjsP0sw.mjs → close.icon-chkXPAUC.mjs} +2 -3
- package/dist/cn-DWCc1QRE.mjs +10 -0
- package/dist/components/base/alert/alert.d.ts +21 -0
- package/dist/components/base/alert/alert.d.ts.map +1 -0
- package/dist/components/base/alert/index.d.ts +2 -0
- package/dist/components/base/alert/index.d.ts.map +1 -0
- package/dist/components/base/badge/badge.d.ts +17 -0
- package/dist/components/base/badge/badge.d.ts.map +1 -0
- package/dist/components/base/badge/index.d.ts +2 -0
- package/dist/components/base/badge/index.d.ts.map +1 -0
- package/dist/components/base/breadcrumb/index.d.ts +2 -0
- package/dist/components/base/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/base/button/button.d.ts +24 -0
- package/dist/components/base/button/button.d.ts.map +1 -0
- package/dist/components/base/button/index.d.ts +5 -0
- package/dist/components/base/button/index.d.ts.map +1 -0
- package/dist/components/base/button/link-button.d.ts +19 -0
- package/dist/components/base/button/link-button.d.ts.map +1 -0
- package/dist/components/base/button-group/index.d.ts +2 -0
- package/dist/components/base/button-group/index.d.ts.map +1 -0
- package/dist/components/base/calendar/calendar.d.ts +10 -0
- package/dist/components/base/calendar/calendar.d.ts.map +1 -0
- package/dist/components/base/calendar/index.d.ts +2 -0
- package/dist/components/base/calendar/index.d.ts.map +1 -0
- package/dist/components/base/card/card.d.ts +8 -0
- package/dist/components/base/card/card.d.ts.map +1 -0
- package/dist/components/base/card/index.d.ts +2 -0
- package/dist/components/base/card/index.d.ts.map +1 -0
- package/dist/components/base/chart/index.d.ts +2 -0
- package/dist/components/base/chart/index.d.ts.map +1 -0
- package/dist/components/base/checkbox/checkbox.d.ts +10 -0
- package/dist/components/base/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/base/checkbox/index.d.ts +2 -0
- package/dist/components/base/checkbox/index.d.ts.map +1 -0
- package/dist/components/base/collapsible/index.d.ts +2 -0
- package/dist/components/base/collapsible/index.d.ts.map +1 -0
- package/dist/components/base/command/index.d.ts +2 -0
- package/dist/components/base/command/index.d.ts.map +1 -0
- package/dist/components/base/dialog/dialog.d.ts +46 -0
- package/dist/components/base/dialog/dialog.d.ts.map +1 -0
- package/dist/components/base/dialog/index.d.ts +3 -0
- package/dist/components/base/dialog/index.d.ts.map +1 -0
- package/dist/components/base/hover-card/index.d.ts +2 -0
- package/dist/components/base/hover-card/index.d.ts.map +1 -0
- package/dist/components/base/index.d.ts +35 -0
- package/dist/components/base/index.d.ts.map +1 -0
- package/dist/components/base/input/index.d.ts +2 -0
- package/dist/components/base/input/index.d.ts.map +1 -0
- package/dist/components/base/input/input.d.ts +9 -0
- package/dist/components/base/input/input.d.ts.map +1 -0
- package/dist/components/base/input-group/index.d.ts +2 -0
- package/dist/components/base/input-group/index.d.ts.map +1 -0
- package/dist/components/base/label/index.d.ts +17 -0
- package/dist/components/base/label/index.d.ts.map +1 -0
- package/dist/components/base/label/label.d.ts +26 -0
- package/dist/components/base/label/label.d.ts.map +1 -0
- package/dist/components/base/map/index.d.ts +2 -0
- package/dist/components/base/map/index.d.ts.map +1 -0
- package/dist/components/base/place-autocomplete/index.d.ts +2 -0
- package/dist/components/base/place-autocomplete/index.d.ts.map +1 -0
- package/dist/components/base/popover/index.d.ts +2 -0
- package/dist/components/base/popover/index.d.ts.map +1 -0
- package/dist/components/base/radio-group/index.d.ts +2 -0
- package/dist/components/base/radio-group/index.d.ts.map +1 -0
- package/dist/components/base/radio-group/radio-group.d.ts +16 -0
- package/dist/components/base/radio-group/radio-group.d.ts.map +1 -0
- package/dist/components/base/select/index.d.ts +2 -0
- package/dist/components/base/select/index.d.ts.map +1 -0
- package/dist/components/base/select/select.d.ts +54 -0
- package/dist/components/base/select/select.d.ts.map +1 -0
- package/dist/components/base/separator/index.d.ts +2 -0
- package/dist/components/base/separator/index.d.ts.map +1 -0
- package/dist/components/base/sheet/index.d.ts +2 -0
- package/dist/components/base/sheet/index.d.ts.map +1 -0
- package/dist/components/base/sheet/sheet.d.ts +23 -0
- package/dist/components/base/sheet/sheet.d.ts.map +1 -0
- package/dist/components/base/skeleton/index.d.ts +2 -0
- package/dist/components/base/skeleton/index.d.ts.map +1 -0
- package/dist/components/base/spinner/index.d.ts +2 -0
- package/dist/components/base/spinner/index.d.ts.map +1 -0
- package/dist/components/base/switch/index.d.ts +2 -0
- package/dist/components/base/switch/index.d.ts.map +1 -0
- package/dist/components/base/switch/switch.d.ts +10 -0
- package/dist/components/base/switch/switch.d.ts.map +1 -0
- package/dist/components/base/table/index.d.ts +2 -0
- package/dist/components/base/table/index.d.ts.map +1 -0
- package/dist/components/base/tabs/index.d.ts +2 -0
- package/dist/components/base/tabs/index.d.ts.map +1 -0
- package/dist/components/base/tabs/tabs.d.ts +22 -0
- package/dist/components/base/tabs/tabs.d.ts.map +1 -0
- package/dist/components/base/textarea/index.d.ts +2 -0
- package/dist/components/base/textarea/index.d.ts.map +1 -0
- package/dist/components/base/textarea/textarea.d.ts +9 -0
- package/dist/components/base/textarea/textarea.d.ts.map +1 -0
- package/dist/components/base/tooltip/index.d.ts +2 -0
- package/dist/components/base/tooltip/index.d.ts.map +1 -0
- package/dist/components/base/tooltip/tooltip.d.ts +17 -0
- package/dist/components/base/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/base/visuallyhidden/index.d.ts +2 -0
- package/dist/components/base/visuallyhidden/index.d.ts.map +1 -0
- package/dist/components/features/autocomplete/autocomplete.d.ts +34 -0
- package/dist/components/features/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/components/features/autocomplete/autocomplete.types.d.ts +71 -0
- package/dist/components/features/autocomplete/autocomplete.types.d.ts.map +1 -0
- package/dist/components/features/autocomplete/index.d.ts +3 -0
- package/dist/components/features/autocomplete/index.d.ts.map +1 -0
- package/dist/components/features/avatar-stack/avatar-stack.d.ts +17 -0
- package/dist/components/features/avatar-stack/avatar-stack.d.ts.map +1 -0
- package/dist/components/features/avatar-stack/index.d.ts +2 -0
- package/dist/components/features/avatar-stack/index.d.ts.map +1 -0
- package/dist/components/features/calendar-date-picker/calendar-date-picker.d.ts +41 -0
- package/dist/components/features/calendar-date-picker/calendar-date-picker.d.ts.map +1 -0
- package/dist/components/features/calendar-date-picker/index.d.ts +2 -0
- package/dist/components/features/calendar-date-picker/index.d.ts.map +1 -0
- package/dist/components/features/dropdown/dropdown.d.ts +31 -0
- package/dist/components/features/dropdown/dropdown.d.ts.map +1 -0
- package/dist/components/features/dropdown/index.d.ts +2 -0
- package/dist/components/features/dropdown/index.d.ts.map +1 -0
- package/dist/components/features/dropzone/dropzone.d.ts +28 -0
- package/dist/components/features/dropzone/dropzone.d.ts.map +1 -0
- package/dist/components/features/dropzone/index.d.ts +3 -0
- package/dist/components/features/dropzone/index.d.ts.map +1 -0
- package/dist/components/features/empty-content/empty-content.d.ts +29 -0
- package/dist/components/features/empty-content/empty-content.d.ts.map +1 -0
- package/dist/components/features/empty-content/index.d.ts +3 -0
- package/dist/components/features/empty-content/index.d.ts.map +1 -0
- package/dist/components/features/file-input-button/file-input-button.d.ts +33 -0
- package/dist/components/features/file-input-button/file-input-button.d.ts.map +1 -0
- package/dist/components/features/file-input-button/index.d.ts +2 -0
- package/dist/components/features/file-input-button/index.d.ts.map +1 -0
- package/dist/components/features/form/components/form-autocomplete.d.ts +44 -0
- package/dist/components/features/form/components/form-autocomplete.d.ts.map +1 -0
- package/dist/components/features/form/components/form-button.d.ts +23 -0
- package/dist/components/features/form/components/form-button.d.ts.map +1 -0
- package/dist/components/features/form/components/form-checkbox.d.ts +18 -0
- package/dist/components/features/form/components/form-checkbox.d.ts.map +1 -0
- package/dist/components/features/form/components/form-copy-box.d.ts +41 -0
- package/dist/components/features/form/components/form-copy-box.d.ts.map +1 -0
- package/dist/components/features/form/components/form-custom.d.ts +27 -0
- package/dist/components/features/form/components/form-custom.d.ts.map +1 -0
- package/dist/components/features/form/components/form-description.d.ts +19 -0
- package/dist/components/features/form/components/form-description.d.ts.map +1 -0
- package/dist/components/features/form/components/form-dialog.d.ts +58 -0
- package/dist/components/features/form/components/form-dialog.d.ts.map +1 -0
- package/dist/components/features/form/components/form-error.d.ts +29 -0
- package/dist/components/features/form/components/form-error.d.ts.map +1 -0
- package/dist/components/features/form/components/form-field-array.d.ts +40 -0
- package/dist/components/features/form/components/form-field-array.d.ts.map +1 -0
- package/dist/components/features/form/components/form-field.d.ts +40 -0
- package/dist/components/features/form/components/form-field.d.ts.map +1 -0
- package/dist/components/features/form/components/form-input-group.d.ts +21 -0
- package/dist/components/features/form/components/form-input-group.d.ts.map +1 -0
- package/dist/components/features/form/components/form-input.d.ts +21 -0
- package/dist/components/features/form/components/form-input.d.ts.map +1 -0
- package/dist/components/features/form/components/form-radio-group.d.ts +34 -0
- package/dist/components/features/form/components/form-radio-group.d.ts.map +1 -0
- package/dist/components/features/form/components/form-root.d.ts +49 -0
- package/dist/components/features/form/components/form-root.d.ts.map +1 -0
- package/dist/components/features/form/components/form-select.d.ts +34 -0
- package/dist/components/features/form/components/form-select.d.ts.map +1 -0
- package/dist/components/features/form/components/form-submit.d.ts +16 -0
- package/dist/components/features/form/components/form-submit.d.ts.map +1 -0
- package/dist/components/features/form/components/form-switch.d.ts +18 -0
- package/dist/components/features/form/components/form-switch.d.ts.map +1 -0
- package/dist/components/features/form/components/form-textarea.d.ts +21 -0
- package/dist/components/features/form/components/form-textarea.d.ts.map +1 -0
- package/dist/components/features/form/components/form-when.d.ts +34 -0
- package/dist/components/features/form/components/form-when.d.ts.map +1 -0
- package/dist/components/features/form/components/index.d.ts +20 -0
- package/dist/components/features/form/components/index.d.ts.map +1 -0
- package/dist/components/features/form/components/stepper/form-step.d.ts +22 -0
- package/dist/components/features/form/components/stepper/form-step.d.ts.map +1 -0
- package/dist/components/features/form/components/stepper/form-stepper.d.ts +71 -0
- package/dist/components/features/form/components/stepper/form-stepper.d.ts.map +1 -0
- package/dist/components/features/form/components/stepper/index.d.ts +5 -0
- package/dist/components/features/form/components/stepper/index.d.ts.map +1 -0
- package/dist/components/features/form/components/stepper/stepper-controls.d.ts +32 -0
- package/dist/components/features/form/components/stepper/stepper-controls.d.ts.map +1 -0
- package/dist/components/features/form/components/stepper/stepper-navigation.d.ts +17 -0
- package/dist/components/features/form/components/stepper/stepper-navigation.d.ts.map +1 -0
- package/dist/components/features/form/context/field-context.d.ts +16 -0
- package/dist/components/features/form/context/field-context.d.ts.map +1 -0
- package/dist/components/features/form/context/form-context.d.ts +20 -0
- package/dist/components/features/form/context/form-context.d.ts.map +1 -0
- package/dist/components/features/form/context/index.d.ts +3 -0
- package/dist/components/features/form/context/index.d.ts.map +1 -0
- package/dist/components/features/form/hooks/index.d.ts +6 -0
- package/dist/components/features/form/hooks/index.d.ts.map +1 -0
- package/dist/components/features/form/hooks/use-field-context.d.ts +24 -0
- package/dist/components/features/form/hooks/use-field-context.d.ts.map +1 -0
- package/dist/components/features/form/hooks/use-field.d.ts +30 -0
- package/dist/components/features/form/hooks/use-field.d.ts.map +1 -0
- package/dist/components/features/form/hooks/use-form-context.d.ts +19 -0
- package/dist/components/features/form/hooks/use-form-context.d.ts.map +1 -0
- package/dist/components/features/form/hooks/use-stepper.d.ts +56 -0
- package/dist/components/features/form/hooks/use-stepper.d.ts.map +1 -0
- package/dist/components/features/form/hooks/use-watch.d.ts +41 -0
- package/dist/components/features/form/hooks/use-watch.d.ts.map +1 -0
- package/dist/components/features/form/index.d.ts +133 -0
- package/dist/components/features/form/index.d.ts.map +1 -0
- package/dist/components/features/form/types/index.d.ts +601 -0
- package/dist/components/features/form/types/index.d.ts.map +1 -0
- package/dist/components/features/grid/components/col.d.ts +5 -0
- package/dist/components/features/grid/components/col.d.ts.map +1 -0
- package/dist/components/features/grid/components/index.d.ts +7 -0
- package/dist/components/features/grid/components/index.d.ts.map +1 -0
- package/dist/components/features/grid/components/row.d.ts +6 -0
- package/dist/components/features/grid/components/row.d.ts.map +1 -0
- package/dist/components/features/grid/constants/grid.constants.d.ts +22 -0
- package/dist/components/features/grid/constants/grid.constants.d.ts.map +1 -0
- package/dist/components/features/grid/index.d.ts +7 -0
- package/dist/components/features/grid/index.d.ts.map +1 -0
- package/dist/components/features/grid/types/grid.types.d.ts +43 -0
- package/dist/components/features/grid/types/grid.types.d.ts.map +1 -0
- package/dist/components/features/grid/utils/responsive.d.ts +10 -0
- package/dist/components/features/grid/utils/responsive.d.ts.map +1 -0
- package/dist/components/features/index.d.ts +27 -0
- package/dist/components/features/index.d.ts.map +1 -0
- package/dist/components/features/input-number/index.d.ts +2 -0
- package/dist/components/features/input-number/index.d.ts.map +1 -0
- package/dist/components/features/input-number/input-number.d.ts +22 -0
- package/dist/components/features/input-number/input-number.d.ts.map +1 -0
- package/dist/components/features/input-with-addons/index.d.ts +2 -0
- package/dist/components/features/input-with-addons/index.d.ts.map +1 -0
- package/dist/components/features/input-with-addons/input-with-addons.d.ts +14 -0
- package/dist/components/features/input-with-addons/input-with-addons.d.ts.map +1 -0
- package/dist/components/features/loader-overlay/index.d.ts +2 -0
- package/dist/components/features/loader-overlay/index.d.ts.map +1 -0
- package/dist/components/features/loader-overlay/loader-overlay.d.ts +5 -0
- package/dist/components/features/loader-overlay/loader-overlay.d.ts.map +1 -0
- package/dist/components/features/more-actions/index.d.ts +3 -0
- package/dist/components/features/more-actions/index.d.ts.map +1 -0
- package/dist/components/features/more-actions/more-actions.d.ts +19 -0
- package/dist/components/features/more-actions/more-actions.d.ts.map +1 -0
- package/dist/components/features/nprogress/index.d.ts +4 -0
- package/dist/components/features/nprogress/index.d.ts.map +1 -0
- package/dist/components/features/page-title/index.d.ts +3 -0
- package/dist/components/features/page-title/index.d.ts.map +1 -0
- package/dist/components/features/page-title/page-title.d.ts +12 -0
- package/dist/components/features/page-title/page-title.d.ts.map +1 -0
- package/dist/components/features/sidebar/app-sidebar.d.ts +14 -0
- package/dist/components/features/sidebar/app-sidebar.d.ts.map +1 -0
- package/dist/components/features/sidebar/index.d.ts +4 -0
- package/dist/components/features/sidebar/index.d.ts.map +1 -0
- package/dist/components/features/sidebar/nav-main.d.ts +36 -0
- package/dist/components/features/sidebar/nav-main.d.ts.map +1 -0
- package/dist/components/features/sidebar/sidebar.d.ts +85 -0
- package/dist/components/features/sidebar/sidebar.d.ts.map +1 -0
- package/dist/components/features/stepper/index.d.ts +2 -0
- package/dist/components/features/stepper/index.d.ts.map +1 -0
- package/dist/components/features/stepper/stepper.d.ts +42 -0
- package/dist/components/features/stepper/stepper.d.ts.map +1 -0
- package/dist/components/features/tag-input/index.d.ts +2 -0
- package/dist/components/features/tag-input/index.d.ts.map +1 -0
- package/dist/components/features/tag-input/tag-input.d.ts +38 -0
- package/dist/components/features/tag-input/tag-input.d.ts.map +1 -0
- package/dist/components/features/task-queue/constants.d.ts +8 -0
- package/dist/components/features/task-queue/constants.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/index.d.ts +10 -0
- package/dist/components/features/task-queue/core/index.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/task-panel-actions.d.ts +7 -0
- package/dist/components/features/task-queue/core/task-panel-actions.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/task-panel-counter.d.ts +10 -0
- package/dist/components/features/task-queue/core/task-panel-counter.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/task-panel-header.d.ts +2 -0
- package/dist/components/features/task-queue/core/task-panel-header.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/task-panel-item.d.ts +9 -0
- package/dist/components/features/task-queue/core/task-panel-item.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/task-panel.d.ts +6 -0
- package/dist/components/features/task-queue/core/task-panel.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/task-queue-dropdown.d.ts +2 -0
- package/dist/components/features/task-queue/core/task-queue-dropdown.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/task-queue-trigger.d.ts +9 -0
- package/dist/components/features/task-queue/core/task-queue-trigger.d.ts.map +1 -0
- package/dist/components/features/task-queue/core/task-summary-dialog.d.ts +24 -0
- package/dist/components/features/task-queue/core/task-summary-dialog.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/executor.d.ts +14 -0
- package/dist/components/features/task-queue/engine/executor.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/index.d.ts +5 -0
- package/dist/components/features/task-queue/engine/index.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/queue.d.ts +42 -0
- package/dist/components/features/task-queue/engine/queue.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/storage/detect-storage.d.ts +19 -0
- package/dist/components/features/task-queue/engine/storage/detect-storage.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/storage/index.d.ts +6 -0
- package/dist/components/features/task-queue/engine/storage/index.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/storage/local-storage.d.ts +12 -0
- package/dist/components/features/task-queue/engine/storage/local-storage.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/storage/memory-storage.d.ts +18 -0
- package/dist/components/features/task-queue/engine/storage/memory-storage.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/storage/redis-storage.d.ts +23 -0
- package/dist/components/features/task-queue/engine/storage/redis-storage.d.ts.map +1 -0
- package/dist/components/features/task-queue/engine/storage/storage.d.ts +2 -0
- package/dist/components/features/task-queue/engine/storage/storage.d.ts.map +1 -0
- package/dist/components/features/task-queue/hooks/index.d.ts +3 -0
- package/dist/components/features/task-queue/hooks/index.d.ts.map +1 -0
- package/dist/components/features/task-queue/hooks/use-task-queue.d.ts +3 -0
- package/dist/components/features/task-queue/hooks/use-task-queue.d.ts.map +1 -0
- package/dist/components/features/task-queue/hooks/use-task-scope.d.ts +52 -0
- package/dist/components/features/task-queue/hooks/use-task-scope.d.ts.map +1 -0
- package/dist/components/features/task-queue/index.d.ts +9 -0
- package/dist/components/features/task-queue/index.d.ts.map +1 -0
- package/dist/components/features/task-queue/provider/index.d.ts +2 -0
- package/dist/components/features/task-queue/provider/index.d.ts.map +1 -0
- package/dist/components/features/task-queue/provider/task-queue-provider.d.ts +14 -0
- package/dist/components/features/task-queue/provider/task-queue-provider.d.ts.map +1 -0
- package/dist/components/features/task-queue/types.d.ts +213 -0
- package/dist/components/features/task-queue/types.d.ts.map +1 -0
- package/dist/components/features/task-queue/utils/index.d.ts +37 -0
- package/dist/components/features/task-queue/utils/index.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/components/absolute-range-panel.d.ts +18 -0
- package/dist/components/features/time-range-picker/components/absolute-range-panel.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/components/index.d.ts +4 -0
- package/dist/components/features/time-range-picker/components/index.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/components/quick-ranges-panel.d.ts +10 -0
- package/dist/components/features/time-range-picker/components/quick-ranges-panel.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/components/timezone-selector.d.ts +10 -0
- package/dist/components/features/time-range-picker/components/timezone-selector.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/index.d.ts +8 -0
- package/dist/components/features/time-range-picker/index.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/presets.d.ts +29 -0
- package/dist/components/features/time-range-picker/presets.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/time-range-picker.d.ts +31 -0
- package/dist/components/features/time-range-picker/time-range-picker.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/types.d.ts +59 -0
- package/dist/components/features/time-range-picker/types.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/utils/format-display.d.ts +20 -0
- package/dist/components/features/time-range-picker/utils/format-display.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/utils/index.d.ts +4 -0
- package/dist/components/features/time-range-picker/utils/index.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/utils/timezone.d.ts +51 -0
- package/dist/components/features/time-range-picker/utils/timezone.d.ts.map +1 -0
- package/dist/components/features/time-range-picker/utils/to-api-format.d.ts +13 -0
- package/dist/components/features/time-range-picker/utils/to-api-format.d.ts.map +1 -0
- package/dist/components/features/toast/headless-toast.d.ts +10 -0
- package/dist/components/features/toast/headless-toast.d.ts.map +1 -0
- package/dist/components/features/toast/index.d.ts +4 -0
- package/dist/components/features/toast/index.d.ts.map +1 -0
- package/dist/components/features/toast/toast.d.ts +9 -0
- package/dist/components/features/toast/toast.d.ts.map +1 -0
- package/dist/components/features/toast/toaster.d.ts +10 -0
- package/dist/components/features/toast/toaster.d.ts.map +1 -0
- package/dist/components/features/toast/types.d.ts +7 -0
- package/dist/components/features/toast/types.d.ts.map +1 -0
- package/dist/components/features/toast/use-toast.d.ts +3 -0
- package/dist/components/features/toast/use-toast.d.ts.map +1 -0
- package/dist/components/icons/close.icon.d.ts +5 -0
- package/dist/components/icons/close.icon.d.ts.map +1 -0
- package/dist/components/icons/icon-wrapper.d.ts +7 -0
- package/dist/components/icons/icon-wrapper.d.ts.map +1 -0
- package/dist/components/icons/index.d.ts +4 -0
- package/dist/components/icons/index.d.ts.map +1 -0
- package/dist/components/icons/spinner.icon.d.ts +13 -0
- package/dist/components/icons/spinner.icon.d.ts.map +1 -0
- package/dist/components/index.d.ts +10 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.mjs +5 -249
- package/dist/components/themes/client-only.d.ts +8 -0
- package/dist/components/themes/client-only.d.ts.map +1 -0
- package/dist/components/themes/index.d.ts +5 -0
- package/dist/components/themes/index.d.ts.map +1 -0
- package/dist/components/themes/script.d.ts +2 -0
- package/dist/components/themes/script.d.ts.map +1 -0
- package/dist/components/themes/theme-script.d.ts +18 -0
- package/dist/components/themes/theme-script.d.ts.map +1 -0
- package/dist/components/themes/theme.provider.d.ts +4 -0
- package/dist/components/themes/theme.provider.d.ts.map +1 -0
- package/dist/components/themes/types.d.ts +30 -0
- package/dist/components/themes/types.d.ts.map +1 -0
- package/dist/datum.provider-D6VMjSV0.mjs +1 -2
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.mjs +1 -1
- package/dist/hooks/use-copy-to-clipboard.d.ts +8 -0
- package/dist/hooks/use-copy-to-clipboard.d.ts.map +1 -0
- package/dist/hooks/use-debounce.d.ts +8 -0
- package/dist/hooks/use-debounce.d.ts.map +1 -0
- package/dist/hooks/use-theme.d.ts +2 -0
- package/dist/hooks/use-theme.d.ts.map +1 -0
- package/dist/{icon-wrapper-BTllM5Re.mjs → icon-wrapper-BgPkifId.mjs} +2 -3
- package/dist/icons/index.mjs +2 -2
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +6 -256
- package/dist/providers/datum.provider.d.ts +20 -0
- package/dist/providers/datum.provider.d.ts.map +1 -0
- package/dist/providers/index.d.ts +3 -0
- package/dist/providers/index.d.ts.map +1 -0
- package/dist/style.css +0 -2
- package/dist/{theme-script-B_TkiYs4.mjs → theme-script-CS7JSmQs.mjs} +1396 -383
- package/dist/theme.provider-DpFLwtHe.mjs +1 -2
- package/dist/{use-copy-to-clipboard-D5U8bWsn.mjs → use-copy-to-clipboard-BfrpD6G8.mjs} +3 -4
- package/dist/use-debounce-BYB-jPeX.mjs +1 -2
- package/dist/utils/cn.d.ts +3 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.mjs +1 -1
- package/package.json +88 -11
- package/dist/chunk-CtajNgzt.mjs +0 -36
- package/dist/close.icon-DgjsP0sw.mjs.map +0 -1
- package/dist/components/index.d.mts +0 -27
- package/dist/components/index.d.mts.map +0 -1
- package/dist/components/index.mjs.map +0 -1
- package/dist/datum.provider-CsG2KNNc.d.mts +0 -30
- package/dist/datum.provider-CsG2KNNc.d.mts.map +0 -1
- package/dist/datum.provider-D6VMjSV0.mjs.map +0 -1
- package/dist/hooks/index.d.mts +0 -3
- package/dist/icon-wrapper-BTllM5Re.mjs.map +0 -1
- package/dist/icons/index.d.mts +0 -3
- package/dist/index-DH2XEEjO.d.mts +0 -3995
- package/dist/index-DH2XEEjO.d.mts.map +0 -1
- package/dist/index.d.mts +0 -31
- package/dist/index.d.mts.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/dist/providers/index.d.mts +0 -3
- package/dist/spinner.icon-q9zisVlw.d.mts +0 -46
- package/dist/spinner.icon-q9zisVlw.d.mts.map +0 -1
- package/dist/style.css.map +0 -1
- package/dist/theme-script-B_TkiYs4.mjs.map +0 -1
- package/dist/theme.provider-DpFLwtHe.mjs.map +0 -1
- package/dist/types-BoL47uxV.d.mts +0 -34
- package/dist/types-BoL47uxV.d.mts.map +0 -1
- package/dist/use-copy-to-clipboard-D5U8bWsn.mjs.map +0 -1
- package/dist/use-debounce-BYB-jPeX.mjs.map +0 -1
- package/dist/use-debounce-Dg9zNz9U.d.mts +0 -19
- package/dist/use-debounce-Dg9zNz9U.d.mts.map +0 -1
- package/dist/utils/index.d.mts +0 -3
|
@@ -1,37 +1,33 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { n as SpinnerIcon, t as Icon } from "./icon-wrapper-
|
|
3
|
-
import { t as CloseIcon } from "./close.icon-
|
|
4
|
-
import { n as toast$1, t as useCopyToClipboard } from "./use-copy-to-clipboard-
|
|
5
|
-
import { cn } from "@repo/shadcn/lib/utils";
|
|
1
|
+
import { t as cn$1 } from "./cn-DWCc1QRE.mjs";
|
|
2
|
+
import { n as SpinnerIcon, t as Icon } from "./icon-wrapper-BgPkifId.mjs";
|
|
3
|
+
import { t as CloseIcon } from "./close.icon-chkXPAUC.mjs";
|
|
4
|
+
import { n as toast$1, t as useCopyToClipboard } from "./use-copy-to-clipboard-BfrpD6G8.mjs";
|
|
6
5
|
import { cva } from "class-variance-authority";
|
|
7
|
-
import { Ban, Calendar, CalendarIcon, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, CircleAlert, CircleCheck, CircleHelp, CircleIcon, CircleXIcon, CopyIcon, CornerDownRightIcon, Ellipsis, ExternalLinkIcon, FileIcon, Globe, ListTodo, PanelLeftCloseIcon, PanelLeftOpenIcon, UploadIcon, X, XCircle } from "lucide-react";
|
|
6
|
+
import { Ban, Calendar, CalendarIcon, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, ChevronUpIcon, CircleAlert, CircleCheck, CircleHelp, CircleIcon, CircleXIcon, CopyIcon, CornerDownRightIcon, Ellipsis, ExternalLinkIcon, FileIcon, Globe, ListTodo, Loader2Icon, MoreHorizontal, PanelLeftCloseIcon, PanelLeftOpenIcon, SearchIcon, UploadIcon, X, XCircle, XIcon } from "lucide-react";
|
|
8
7
|
import * as React$1 from "react";
|
|
9
8
|
import React, { Fragment, createContext, use, useCallback, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
9
|
+
import { clsx } from "clsx";
|
|
10
|
+
import { twMerge } from "tailwind-merge";
|
|
10
11
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
import {
|
|
12
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
13
|
+
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
12
14
|
import { DayPicker, getDefaultClassNames } from "react-day-picker";
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
+
import * as RechartsPrimitive from "recharts";
|
|
16
|
+
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
17
|
+
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
15
18
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
16
|
-
import {
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
19
|
+
import { Command } from "cmdk";
|
|
20
|
+
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
21
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
22
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
23
|
+
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
24
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
25
|
+
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
23
26
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@repo/shadcn/ui/tooltip";
|
|
27
|
-
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@repo/shadcn/ui/collapsible";
|
|
28
|
-
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@repo/shadcn/ui/command";
|
|
29
|
-
import { Popover, PopoverContent, PopoverTrigger } from "@repo/shadcn/ui/popover";
|
|
30
|
-
import { Separator } from "@repo/shadcn/ui/separator";
|
|
31
|
-
import { Skeleton } from "@repo/shadcn/ui/skeleton";
|
|
32
|
-
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@repo/shadcn/ui/table";
|
|
27
|
+
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
28
|
+
import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
|
|
33
29
|
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
34
|
-
import
|
|
30
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
35
31
|
import { endOfDay, endOfMonth, endOfWeek, endOfYear, format, formatDistanceToNowStrict, isSameDay, isSameYear, parse, startOfDay, startOfMonth, startOfWeek, startOfYear, subDays, subHours, subMinutes } from "date-fns";
|
|
36
32
|
import { formatInTimeZone, fromZonedTime, toDate, toZonedTime } from "date-fns-tz";
|
|
37
33
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
@@ -40,12 +36,10 @@ import { FormProvider, getFormProps, getInputProps, getTextareaProps, useForm, u
|
|
|
40
36
|
import { Toaster } from "sonner";
|
|
41
37
|
import { getZodConstraint, parseWithZod } from "@conform-to/zod/v4";
|
|
42
38
|
import { z } from "zod";
|
|
43
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
44
39
|
import * as Stepperize from "@stepperize/react";
|
|
45
40
|
import { NumericFormat } from "react-number-format";
|
|
46
41
|
import NProgress from "nprogress";
|
|
47
42
|
import { motion } from "motion/react";
|
|
48
|
-
import { useIsMobile } from "@repo/shadcn/hooks/use-mobile";
|
|
49
43
|
|
|
50
44
|
//#region src/components/base/alert/alert.tsx
|
|
51
45
|
/**
|
|
@@ -103,7 +97,7 @@ function Alert({ className, variant, closable = false, onClose, ...props }) {
|
|
|
103
97
|
if (!isVisible) return null;
|
|
104
98
|
return /* @__PURE__ */ jsxs("div", {
|
|
105
99
|
role: "alert",
|
|
106
|
-
className: cn(alertVariants({ variant }), closable && "pr-10", className),
|
|
100
|
+
className: cn$1(alertVariants({ variant }), closable && "pr-10", className),
|
|
107
101
|
...props,
|
|
108
102
|
children: [props.children, closable && /* @__PURE__ */ jsx("span", {
|
|
109
103
|
onClick: handleClose,
|
|
@@ -117,19 +111,19 @@ function Alert({ className, variant, closable = false, onClose, ...props }) {
|
|
|
117
111
|
},
|
|
118
112
|
className: "absolute top-4 right-4 z-10 cursor-pointer opacity-70 transition-opacity hover:opacity-100",
|
|
119
113
|
"aria-label": "Close alert",
|
|
120
|
-
children: /* @__PURE__ */ jsx(CircleXIcon, { className: cn("size-4", variant && variantDefinitions[variant]?.closeButtonColor) })
|
|
114
|
+
children: /* @__PURE__ */ jsx(CircleXIcon, { className: cn$1("size-4", variant && variantDefinitions[variant]?.closeButtonColor) })
|
|
121
115
|
})]
|
|
122
116
|
});
|
|
123
117
|
}
|
|
124
118
|
function AlertTitle({ className, ...props }) {
|
|
125
119
|
return /* @__PURE__ */ jsx("div", {
|
|
126
|
-
className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
120
|
+
className: cn$1("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
127
121
|
...props
|
|
128
122
|
});
|
|
129
123
|
}
|
|
130
124
|
function AlertDescription({ className, ...props }) {
|
|
131
125
|
return /* @__PURE__ */ jsx("div", {
|
|
132
|
-
className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
|
|
126
|
+
className: cn$1("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
|
|
133
127
|
...props
|
|
134
128
|
});
|
|
135
129
|
}
|
|
@@ -305,7 +299,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
|
|
|
305
299
|
});
|
|
306
300
|
function Badge({ className, type, theme, ...props }) {
|
|
307
301
|
return /* @__PURE__ */ jsx("div", {
|
|
308
|
-
className: cn(badgeVariants({
|
|
302
|
+
className: cn$1(badgeVariants({
|
|
309
303
|
type,
|
|
310
304
|
theme
|
|
311
305
|
}), className),
|
|
@@ -313,6 +307,86 @@ function Badge({ className, type, theme, ...props }) {
|
|
|
313
307
|
});
|
|
314
308
|
}
|
|
315
309
|
|
|
310
|
+
//#endregion
|
|
311
|
+
//#region ../shadcn/lib/utils.ts
|
|
312
|
+
/**
|
|
313
|
+
* shadcn/ui Utilities
|
|
314
|
+
* Combines multiple class names using clsx and tailwind-merge
|
|
315
|
+
*/
|
|
316
|
+
/**
|
|
317
|
+
* Combines multiple class names using clsx and tailwind-merge
|
|
318
|
+
* Useful for conditionally applying Tailwind CSS classes
|
|
319
|
+
* @param inputs - Array of class values to be merged
|
|
320
|
+
* @returns Merged class string with Tailwind conflicts resolved
|
|
321
|
+
*/
|
|
322
|
+
function cn(...inputs) {
|
|
323
|
+
return twMerge(clsx(inputs));
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
//#endregion
|
|
327
|
+
//#region ../shadcn/ui/breadcrumb.tsx
|
|
328
|
+
const Breadcrumb = ({ ...props }) => {
|
|
329
|
+
return /* @__PURE__ */ jsx("nav", {
|
|
330
|
+
"aria-label": "breadcrumb",
|
|
331
|
+
"data-slot": "breadcrumb",
|
|
332
|
+
...props
|
|
333
|
+
});
|
|
334
|
+
};
|
|
335
|
+
const BreadcrumbList = ({ className, ...props }) => {
|
|
336
|
+
return /* @__PURE__ */ jsx("ol", {
|
|
337
|
+
"data-slot": "breadcrumb-list",
|
|
338
|
+
className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
|
|
339
|
+
...props
|
|
340
|
+
});
|
|
341
|
+
};
|
|
342
|
+
const BreadcrumbItem = ({ className, ...props }) => {
|
|
343
|
+
return /* @__PURE__ */ jsx("li", {
|
|
344
|
+
"data-slot": "breadcrumb-item",
|
|
345
|
+
className: cn("inline-flex items-center gap-1.5", className),
|
|
346
|
+
...props
|
|
347
|
+
});
|
|
348
|
+
};
|
|
349
|
+
const BreadcrumbLink = ({ asChild, className, ...props }) => {
|
|
350
|
+
return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
|
|
351
|
+
"data-slot": "breadcrumb-link",
|
|
352
|
+
className: cn("hover:text-foreground transition-colors", className),
|
|
353
|
+
...props
|
|
354
|
+
});
|
|
355
|
+
};
|
|
356
|
+
const BreadcrumbPage = ({ className, ...props }) => {
|
|
357
|
+
return /* @__PURE__ */ jsx("span", {
|
|
358
|
+
"data-slot": "breadcrumb-page",
|
|
359
|
+
role: "link",
|
|
360
|
+
"aria-disabled": "true",
|
|
361
|
+
"aria-current": "page",
|
|
362
|
+
className: cn("text-foreground font-normal", className),
|
|
363
|
+
...props
|
|
364
|
+
});
|
|
365
|
+
};
|
|
366
|
+
const BreadcrumbSeparator = ({ children, className, ...props }) => {
|
|
367
|
+
return /* @__PURE__ */ jsx("li", {
|
|
368
|
+
"data-slot": "breadcrumb-separator",
|
|
369
|
+
role: "presentation",
|
|
370
|
+
"aria-hidden": "true",
|
|
371
|
+
className: cn("[&>svg]:size-3.5", className),
|
|
372
|
+
...props,
|
|
373
|
+
children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
|
|
374
|
+
});
|
|
375
|
+
};
|
|
376
|
+
const BreadcrumbEllipsis = ({ className, ...props }) => {
|
|
377
|
+
return /* @__PURE__ */ jsxs("span", {
|
|
378
|
+
"data-slot": "breadcrumb-ellipsis",
|
|
379
|
+
role: "presentation",
|
|
380
|
+
"aria-hidden": "true",
|
|
381
|
+
className: cn("flex size-9 items-center justify-center", className),
|
|
382
|
+
...props,
|
|
383
|
+
children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
|
|
384
|
+
className: "sr-only",
|
|
385
|
+
children: "More"
|
|
386
|
+
})]
|
|
387
|
+
});
|
|
388
|
+
};
|
|
389
|
+
|
|
316
390
|
//#endregion
|
|
317
391
|
//#region src/components/base/button/button.tsx
|
|
318
392
|
const buttonVariants$1 = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50", {
|
|
@@ -355,17 +429,17 @@ const buttonVariants$1 = cva("inline-flex items-center justify-center gap-2 whit
|
|
|
355
429
|
{
|
|
356
430
|
type: "primary",
|
|
357
431
|
theme: "light",
|
|
358
|
-
className: cn("bg-btn-neutral-bg text-primary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-primary", "dark:text-foreground")
|
|
432
|
+
className: cn$1("bg-btn-neutral-bg text-primary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-primary", "dark:text-foreground")
|
|
359
433
|
},
|
|
360
434
|
{
|
|
361
435
|
type: "primary",
|
|
362
436
|
theme: "outline",
|
|
363
|
-
className: cn("border border-btn-primary-border/60 text-primary hover:border-btn-primary-border active:border-btn-primary-border disabled:bg-transparent disabled:text-primary disabled:border-btn-primary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
|
|
437
|
+
className: cn$1("border border-btn-primary-border/60 text-primary hover:border-btn-primary-border active:border-btn-primary-border disabled:bg-transparent disabled:text-primary disabled:border-btn-primary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
|
|
364
438
|
},
|
|
365
439
|
{
|
|
366
440
|
type: "primary",
|
|
367
441
|
theme: "borderless",
|
|
368
|
-
className: cn("text-primary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-primary", "dark:text-foreground")
|
|
442
|
+
className: cn$1("text-primary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-primary", "dark:text-foreground")
|
|
369
443
|
},
|
|
370
444
|
{
|
|
371
445
|
type: "secondary",
|
|
@@ -375,17 +449,17 @@ const buttonVariants$1 = cva("inline-flex items-center justify-center gap-2 whit
|
|
|
375
449
|
{
|
|
376
450
|
type: "secondary",
|
|
377
451
|
theme: "light",
|
|
378
|
-
className: cn("bg-btn-neutral-bg text-secondary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-secondary", "dark:text-foreground")
|
|
452
|
+
className: cn$1("bg-btn-neutral-bg text-secondary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-secondary", "dark:text-foreground")
|
|
379
453
|
},
|
|
380
454
|
{
|
|
381
455
|
type: "secondary",
|
|
382
456
|
theme: "outline",
|
|
383
|
-
className: cn("border border-btn-secondary-border/60 text-secondary hover:border-btn-secondary-border active:border-btn-secondary-border disabled:bg-transparent disabled:text-secondary disabled:border-btn-secondary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
|
|
457
|
+
className: cn$1("border border-btn-secondary-border/60 text-secondary hover:border-btn-secondary-border active:border-btn-secondary-border disabled:bg-transparent disabled:text-secondary disabled:border-btn-secondary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
|
|
384
458
|
},
|
|
385
459
|
{
|
|
386
460
|
type: "secondary",
|
|
387
461
|
theme: "borderless",
|
|
388
|
-
className: cn("text-secondary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-secondary", "dark:text-foreground")
|
|
462
|
+
className: cn$1("text-secondary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-secondary", "dark:text-foreground")
|
|
389
463
|
},
|
|
390
464
|
{
|
|
391
465
|
type: "tertiary",
|
|
@@ -395,17 +469,17 @@ const buttonVariants$1 = cva("inline-flex items-center justify-center gap-2 whit
|
|
|
395
469
|
{
|
|
396
470
|
type: "tertiary",
|
|
397
471
|
theme: "light",
|
|
398
|
-
className: cn("bg-btn-neutral-bg text-tertiary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-tertiary", "dark:text-foreground")
|
|
472
|
+
className: cn$1("bg-btn-neutral-bg text-tertiary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-tertiary", "dark:text-foreground")
|
|
399
473
|
},
|
|
400
474
|
{
|
|
401
475
|
type: "tertiary",
|
|
402
476
|
theme: "outline",
|
|
403
|
-
className: cn("border border-btn-tertiary-border/60 text-tertiary hover:border-btn-tertiary-border active:border-btn-tertiary-border disabled:bg-transparent disabled:text-tertiary disabled:border-btn-tertiary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
|
|
477
|
+
className: cn$1("border border-btn-tertiary-border/60 text-tertiary hover:border-btn-tertiary-border active:border-btn-tertiary-border disabled:bg-transparent disabled:text-tertiary disabled:border-btn-tertiary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
|
|
404
478
|
},
|
|
405
479
|
{
|
|
406
480
|
type: "tertiary",
|
|
407
481
|
theme: "borderless",
|
|
408
|
-
className: cn("text-tertiary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-tertiary", "dark:text-foreground")
|
|
482
|
+
className: cn$1("text-tertiary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-tertiary", "dark:text-foreground")
|
|
409
483
|
},
|
|
410
484
|
{
|
|
411
485
|
type: "quaternary",
|
|
@@ -415,17 +489,17 @@ const buttonVariants$1 = cva("inline-flex items-center justify-center gap-2 whit
|
|
|
415
489
|
{
|
|
416
490
|
type: "quaternary",
|
|
417
491
|
theme: "light",
|
|
418
|
-
className: cn("bg-btn-neutral-bg text-btn-quaternary-foreground hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-btn-quaternary-foreground", "dark:text-foreground")
|
|
492
|
+
className: cn$1("bg-btn-neutral-bg text-btn-quaternary-foreground hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-btn-quaternary-foreground", "dark:text-foreground")
|
|
419
493
|
},
|
|
420
494
|
{
|
|
421
495
|
type: "quaternary",
|
|
422
496
|
theme: "outline",
|
|
423
|
-
className: cn("border border-btn-quaternary-border/60 text-btn-quaternary-foreground hover:border-btn-quaternary-border active:border-btn-quaternary-border disabled:bg-transparent disabled:text-btn-quaternary-foreground disabled:border-btn-quaternary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
|
|
497
|
+
className: cn$1("border border-btn-quaternary-border/60 text-btn-quaternary-foreground hover:border-btn-quaternary-border active:border-btn-quaternary-border disabled:bg-transparent disabled:text-btn-quaternary-foreground disabled:border-btn-quaternary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
|
|
424
498
|
},
|
|
425
499
|
{
|
|
426
500
|
type: "quaternary",
|
|
427
501
|
theme: "borderless",
|
|
428
|
-
className: cn("text-btn-quaternary-foreground hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-btn-quaternary-foreground", "dark:text-foreground")
|
|
502
|
+
className: cn$1("text-btn-quaternary-foreground hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-btn-quaternary-foreground", "dark:text-foreground")
|
|
429
503
|
},
|
|
430
504
|
{
|
|
431
505
|
type: "warning",
|
|
@@ -516,7 +590,7 @@ function Button$1({ ref, className, type, theme, size, block, loading = false, d
|
|
|
516
590
|
return "w-9 px-0";
|
|
517
591
|
};
|
|
518
592
|
return /* @__PURE__ */ jsx("button", {
|
|
519
|
-
className: cn(buttonVariants$1({
|
|
593
|
+
className: cn$1(buttonVariants$1({
|
|
520
594
|
type,
|
|
521
595
|
theme,
|
|
522
596
|
size,
|
|
@@ -548,7 +622,7 @@ function LinkButton({ ref, className, type, theme, size, block, icon, iconPositi
|
|
|
548
622
|
};
|
|
549
623
|
const linkProps = Component === "a" ? { href } : { to: href };
|
|
550
624
|
return /* @__PURE__ */ jsx(Component, {
|
|
551
|
-
className: cn(buttonVariants$1({
|
|
625
|
+
className: cn$1(buttonVariants$1({
|
|
552
626
|
type,
|
|
553
627
|
theme,
|
|
554
628
|
size,
|
|
@@ -566,30 +640,117 @@ function LinkButton({ ref, className, type, theme, size, block, icon, iconPositi
|
|
|
566
640
|
}
|
|
567
641
|
LinkButton.displayName = "LinkButton";
|
|
568
642
|
|
|
643
|
+
//#endregion
|
|
644
|
+
//#region ../shadcn/ui/separator.tsx
|
|
645
|
+
const Separator = ({ className, orientation = "horizontal", decorative = true, ...props }) => {
|
|
646
|
+
return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
|
|
647
|
+
"data-slot": "separator-root",
|
|
648
|
+
decorative,
|
|
649
|
+
orientation,
|
|
650
|
+
className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
|
|
651
|
+
...props
|
|
652
|
+
});
|
|
653
|
+
};
|
|
654
|
+
|
|
655
|
+
//#endregion
|
|
656
|
+
//#region ../shadcn/ui/button-group.tsx
|
|
657
|
+
const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
|
|
658
|
+
variants: { orientation: {
|
|
659
|
+
horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
|
|
660
|
+
vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
|
|
661
|
+
} },
|
|
662
|
+
defaultVariants: { orientation: "horizontal" }
|
|
663
|
+
});
|
|
664
|
+
function ButtonGroup({ className, orientation, ...props }) {
|
|
665
|
+
return /* @__PURE__ */ jsx("div", {
|
|
666
|
+
role: "group",
|
|
667
|
+
"data-slot": "button-group",
|
|
668
|
+
"data-orientation": orientation,
|
|
669
|
+
className: cn(buttonGroupVariants({ orientation }), className),
|
|
670
|
+
...props
|
|
671
|
+
});
|
|
672
|
+
}
|
|
673
|
+
function ButtonGroupText({ className, asChild = false, ...props }) {
|
|
674
|
+
return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
|
|
675
|
+
className: cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
|
|
676
|
+
...props
|
|
677
|
+
});
|
|
678
|
+
}
|
|
679
|
+
function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
|
|
680
|
+
return /* @__PURE__ */ jsx(Separator, {
|
|
681
|
+
"data-slot": "button-group-separator",
|
|
682
|
+
orientation,
|
|
683
|
+
className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
|
|
684
|
+
...props
|
|
685
|
+
});
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
//#endregion
|
|
689
|
+
//#region ../shadcn/ui/button.tsx
|
|
690
|
+
/**
|
|
691
|
+
* Vanilla shadcn/ui Button Component
|
|
692
|
+
* Pure shadcn button without Datum customizations
|
|
693
|
+
* For Datum-specific features (dashed variant, isLoading), import from @/modules/datum-ui
|
|
694
|
+
*/
|
|
695
|
+
const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
|
|
696
|
+
variants: {
|
|
697
|
+
variant: {
|
|
698
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
699
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
700
|
+
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
701
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
702
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
703
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
704
|
+
},
|
|
705
|
+
size: {
|
|
706
|
+
default: "h-10 px-4 py-2",
|
|
707
|
+
sm: "h-9 rounded-md px-3",
|
|
708
|
+
lg: "h-11 rounded-md px-8",
|
|
709
|
+
icon: "h-10 w-10"
|
|
710
|
+
}
|
|
711
|
+
},
|
|
712
|
+
defaultVariants: {
|
|
713
|
+
variant: "default",
|
|
714
|
+
size: "default"
|
|
715
|
+
}
|
|
716
|
+
});
|
|
717
|
+
const Button = React$1.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
718
|
+
return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
|
|
719
|
+
className: cn(buttonVariants({
|
|
720
|
+
variant,
|
|
721
|
+
size,
|
|
722
|
+
className
|
|
723
|
+
})),
|
|
724
|
+
ref,
|
|
725
|
+
...props
|
|
726
|
+
});
|
|
727
|
+
});
|
|
728
|
+
Button.displayName = "Button";
|
|
729
|
+
|
|
569
730
|
//#endregion
|
|
570
731
|
//#region src/components/base/calendar/calendar.tsx
|
|
571
732
|
function CalendarRoot({ className, rootRef, ...props }) {
|
|
572
733
|
return /* @__PURE__ */ jsx("div", {
|
|
573
734
|
"data-slot": "calendar",
|
|
574
735
|
ref: rootRef,
|
|
575
|
-
className: cn(className),
|
|
736
|
+
className: cn$1(className),
|
|
576
737
|
...props
|
|
577
738
|
});
|
|
578
739
|
}
|
|
579
740
|
function CalendarChevron({ className, orientation, ...props }) {
|
|
580
741
|
if (orientation === "left") return /* @__PURE__ */ jsx(Icon, {
|
|
581
742
|
icon: ChevronLeftIcon,
|
|
582
|
-
className: cn("size-4", className),
|
|
743
|
+
className: cn$1("size-4", className),
|
|
583
744
|
...props
|
|
584
745
|
});
|
|
585
746
|
if (orientation === "right") return /* @__PURE__ */ jsx(Icon, {
|
|
586
747
|
icon: ChevronRightIcon,
|
|
587
|
-
className: cn("size-4", className),
|
|
748
|
+
className: cn$1("size-4", className),
|
|
588
749
|
...props
|
|
589
750
|
});
|
|
590
751
|
return /* @__PURE__ */ jsx(Icon, {
|
|
591
752
|
icon: ChevronDownIcon,
|
|
592
|
-
className: cn("size-4", className),
|
|
753
|
+
className: cn$1("size-4", className),
|
|
593
754
|
...props
|
|
594
755
|
});
|
|
595
756
|
}
|
|
@@ -606,38 +767,38 @@ function Calendar$1({ className, classNames, showOutsideDays = true, captionLayo
|
|
|
606
767
|
const defaultClassNames = getDefaultClassNames();
|
|
607
768
|
return /* @__PURE__ */ jsx(DayPicker, {
|
|
608
769
|
showOutsideDays,
|
|
609
|
-
className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
|
|
770
|
+
className: cn$1("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
|
|
610
771
|
captionLayout,
|
|
611
772
|
formatters: {
|
|
612
773
|
formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
|
|
613
774
|
...formatters
|
|
614
775
|
},
|
|
615
776
|
classNames: {
|
|
616
|
-
root: cn("w-fit", defaultClassNames.root),
|
|
617
|
-
months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
|
|
618
|
-
month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
|
|
619
|
-
nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
|
|
620
|
-
button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
|
|
621
|
-
button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
|
|
622
|
-
month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
|
|
623
|
-
dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
|
|
624
|
-
dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
|
|
625
|
-
dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
|
|
626
|
-
caption_label: cn("select-none font-medium", captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
|
|
777
|
+
root: cn$1("w-fit", defaultClassNames.root),
|
|
778
|
+
months: cn$1("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
|
|
779
|
+
month: cn$1("flex flex-col w-full gap-4", defaultClassNames.month),
|
|
780
|
+
nav: cn$1("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
|
|
781
|
+
button_previous: cn$1(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
|
|
782
|
+
button_next: cn$1(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
|
|
783
|
+
month_caption: cn$1("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
|
|
784
|
+
dropdowns: cn$1("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
|
|
785
|
+
dropdown_root: cn$1("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
|
|
786
|
+
dropdown: cn$1("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
|
|
787
|
+
caption_label: cn$1("select-none font-medium", captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
|
|
627
788
|
table: "w-full border-collapse",
|
|
628
|
-
weekdays: cn("flex", defaultClassNames.weekdays),
|
|
629
|
-
weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
|
|
630
|
-
week: cn("flex w-full mt-2", defaultClassNames.week),
|
|
631
|
-
week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
|
|
632
|
-
week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
|
|
633
|
-
day: cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
|
|
634
|
-
range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
|
|
635
|
-
range_middle: cn("rounded-none", defaultClassNames.range_middle),
|
|
636
|
-
range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
|
|
637
|
-
today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
|
|
638
|
-
outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
|
|
639
|
-
disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
|
|
640
|
-
hidden: cn("invisible", defaultClassNames.hidden),
|
|
789
|
+
weekdays: cn$1("flex", defaultClassNames.weekdays),
|
|
790
|
+
weekday: cn$1("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
|
|
791
|
+
week: cn$1("flex w-full mt-2", defaultClassNames.week),
|
|
792
|
+
week_number_header: cn$1("select-none w-(--cell-size)", defaultClassNames.week_number_header),
|
|
793
|
+
week_number: cn$1("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
|
|
794
|
+
day: cn$1("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
|
|
795
|
+
range_start: cn$1("rounded-l-md bg-accent", defaultClassNames.range_start),
|
|
796
|
+
range_middle: cn$1("rounded-none", defaultClassNames.range_middle),
|
|
797
|
+
range_end: cn$1("rounded-r-md bg-accent", defaultClassNames.range_end),
|
|
798
|
+
today: cn$1("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
|
|
799
|
+
outside: cn$1("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
|
|
800
|
+
disabled: cn$1("text-muted-foreground opacity-50", defaultClassNames.disabled),
|
|
801
|
+
hidden: cn$1("invisible", defaultClassNames.hidden),
|
|
641
802
|
...classNames
|
|
642
803
|
},
|
|
643
804
|
components: {
|
|
@@ -665,11 +826,35 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
|
|
|
665
826
|
"data-range-start": modifiers.range_start,
|
|
666
827
|
"data-range-end": modifiers.range_end,
|
|
667
828
|
"data-range-middle": modifiers.range_middle,
|
|
668
|
-
className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
|
|
829
|
+
className: cn$1("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
|
|
669
830
|
...props
|
|
670
831
|
});
|
|
671
832
|
}
|
|
672
833
|
|
|
834
|
+
//#endregion
|
|
835
|
+
//#region ../shadcn/ui/card.tsx
|
|
836
|
+
const CardTitle = ({ className, ...props }) => {
|
|
837
|
+
return /* @__PURE__ */ jsx("div", {
|
|
838
|
+
"data-slot": "card-title",
|
|
839
|
+
className: cn("leading-none font-semibold", className),
|
|
840
|
+
...props
|
|
841
|
+
});
|
|
842
|
+
};
|
|
843
|
+
const CardDescription = ({ className, ...props }) => {
|
|
844
|
+
return /* @__PURE__ */ jsx("div", {
|
|
845
|
+
"data-slot": "card-description",
|
|
846
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
847
|
+
...props
|
|
848
|
+
});
|
|
849
|
+
};
|
|
850
|
+
const CardContent = ({ className, ...props }) => {
|
|
851
|
+
return /* @__PURE__ */ jsx("div", {
|
|
852
|
+
"data-slot": "card-content",
|
|
853
|
+
className: cn("px-6", className),
|
|
854
|
+
...props
|
|
855
|
+
});
|
|
856
|
+
};
|
|
857
|
+
|
|
673
858
|
//#endregion
|
|
674
859
|
//#region src/components/base/card/card.tsx
|
|
675
860
|
/**
|
|
@@ -684,47 +869,362 @@ const DEFAULT_CARD_CLASSNAME = "bg-card text-card-foreground flex flex-col gap-4
|
|
|
684
869
|
function Card({ className, ...props }) {
|
|
685
870
|
return /* @__PURE__ */ jsx("div", {
|
|
686
871
|
"data-slot": "card",
|
|
687
|
-
className: cn(DEFAULT_CARD_CLASSNAME, className),
|
|
872
|
+
className: cn$1(DEFAULT_CARD_CLASSNAME, className),
|
|
688
873
|
...props
|
|
689
874
|
});
|
|
690
875
|
}
|
|
691
876
|
function CardHeader({ className, ...props }) {
|
|
692
877
|
return /* @__PURE__ */ jsx("div", {
|
|
693
878
|
"data-slot": "card-header",
|
|
694
|
-
className: cn("border-card-border flex flex-col gap-3 px-6", className),
|
|
879
|
+
className: cn$1("border-card-border flex flex-col gap-3 px-6", className),
|
|
695
880
|
...props
|
|
696
881
|
});
|
|
697
882
|
}
|
|
698
883
|
function CardFooter({ className, ...props }) {
|
|
699
884
|
return /* @__PURE__ */ jsx("div", {
|
|
700
885
|
"data-slot": "card-footer",
|
|
701
|
-
className: cn("border-card-border px-6", className),
|
|
886
|
+
className: cn$1("border-card-border px-6", className),
|
|
702
887
|
...props
|
|
703
888
|
});
|
|
704
889
|
}
|
|
705
890
|
|
|
891
|
+
//#endregion
|
|
892
|
+
//#region ../shadcn/ui/chart.tsx
|
|
893
|
+
const THEMES = {
|
|
894
|
+
light: "",
|
|
895
|
+
dark: ".dark"
|
|
896
|
+
};
|
|
897
|
+
const ChartContext = React$1.createContext(null);
|
|
898
|
+
function useChart() {
|
|
899
|
+
const context = React$1.useContext(ChartContext);
|
|
900
|
+
if (!context) throw new Error("useChart must be used within a <ChartContainer />");
|
|
901
|
+
return context;
|
|
902
|
+
}
|
|
903
|
+
function ChartContainer({ id, className, children, config, ...props }) {
|
|
904
|
+
const uniqueId = React$1.useId();
|
|
905
|
+
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
|
|
906
|
+
return /* @__PURE__ */ jsx(ChartContext.Provider, {
|
|
907
|
+
value: { config },
|
|
908
|
+
children: /* @__PURE__ */ jsxs("div", {
|
|
909
|
+
"data-slot": "chart",
|
|
910
|
+
"data-chart": chartId,
|
|
911
|
+
className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
|
|
912
|
+
...props,
|
|
913
|
+
children: [/* @__PURE__ */ jsx(ChartStyle, {
|
|
914
|
+
id: chartId,
|
|
915
|
+
config
|
|
916
|
+
}), /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })]
|
|
917
|
+
})
|
|
918
|
+
});
|
|
919
|
+
}
|
|
920
|
+
const ChartStyle = ({ id, config }) => {
|
|
921
|
+
const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
|
|
922
|
+
if (!colorConfig.length) return null;
|
|
923
|
+
return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: Object.entries(THEMES).map(([theme, prefix]) => `
|
|
924
|
+
${prefix} [data-chart=${id}] {
|
|
925
|
+
${colorConfig.map(([key, itemConfig]) => {
|
|
926
|
+
const color = itemConfig.theme?.[theme] || itemConfig.color;
|
|
927
|
+
return color ? ` --color-${key}: ${color};` : null;
|
|
928
|
+
}).join("\n")}
|
|
929
|
+
}
|
|
930
|
+
`).join("\n") } });
|
|
931
|
+
};
|
|
932
|
+
const ChartTooltip = RechartsPrimitive.Tooltip;
|
|
933
|
+
function ChartTooltipContent({ active, payload, label, className, indicator = "dot", hideLabel = false, hideIndicator = false, labelFormatter, formatter, labelClassName, color, nameKey, labelKey }) {
|
|
934
|
+
const { config } = useChart();
|
|
935
|
+
const tooltipLabel = React$1.useMemo(() => {
|
|
936
|
+
if (hideLabel || !payload?.length) return null;
|
|
937
|
+
const [item] = payload;
|
|
938
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, `${labelKey || item?.dataKey || item?.name || "value"}`);
|
|
939
|
+
const value = (() => {
|
|
940
|
+
const v = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
|
|
941
|
+
return typeof v === "string" || typeof v === "number" ? v : void 0;
|
|
942
|
+
})();
|
|
943
|
+
if (labelFormatter) return /* @__PURE__ */ jsx("div", {
|
|
944
|
+
className: cn("font-medium", labelClassName),
|
|
945
|
+
children: labelFormatter(label, payload)
|
|
946
|
+
});
|
|
947
|
+
if (!value) return null;
|
|
948
|
+
return /* @__PURE__ */ jsx("div", {
|
|
949
|
+
className: cn("font-medium", labelClassName),
|
|
950
|
+
children: value
|
|
951
|
+
});
|
|
952
|
+
}, [
|
|
953
|
+
label,
|
|
954
|
+
labelFormatter,
|
|
955
|
+
payload,
|
|
956
|
+
hideLabel,
|
|
957
|
+
labelClassName,
|
|
958
|
+
config,
|
|
959
|
+
labelKey
|
|
960
|
+
]);
|
|
961
|
+
if (!active || !payload?.length) return null;
|
|
962
|
+
const nestLabel = payload.length === 1 && indicator !== "dot";
|
|
963
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
964
|
+
className: cn("border-border/50 bg-background z-50 grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", className),
|
|
965
|
+
children: [!nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("div", {
|
|
966
|
+
className: "grid gap-1.5",
|
|
967
|
+
children: payload.map((item, index) => {
|
|
968
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.name || item.dataKey || "value"}`);
|
|
969
|
+
const indicatorColor = color || item.payload.fill || item.color;
|
|
970
|
+
return /* @__PURE__ */ jsx("div", {
|
|
971
|
+
className: cn("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", indicator === "dot" && "items-center"),
|
|
972
|
+
children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment$1, { children: [itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx("div", {
|
|
973
|
+
className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
|
|
974
|
+
"h-2.5 w-2.5": indicator === "dot",
|
|
975
|
+
"w-1": indicator === "line",
|
|
976
|
+
"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
|
|
977
|
+
"my-0.5": nestLabel && indicator === "dashed"
|
|
978
|
+
}),
|
|
979
|
+
style: {
|
|
980
|
+
"--color-bg": indicatorColor,
|
|
981
|
+
"--color-border": indicatorColor
|
|
982
|
+
}
|
|
983
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
984
|
+
className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
|
|
985
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
986
|
+
className: "grid gap-1.5",
|
|
987
|
+
children: [nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("span", {
|
|
988
|
+
className: "text-muted-foreground",
|
|
989
|
+
children: itemConfig?.label || item.name
|
|
990
|
+
})]
|
|
991
|
+
}), item.value && /* @__PURE__ */ jsx("span", {
|
|
992
|
+
className: "text-foreground font-mono font-medium tabular-nums",
|
|
993
|
+
children: item.value.toLocaleString()
|
|
994
|
+
})]
|
|
995
|
+
})] })
|
|
996
|
+
}, item.dataKey);
|
|
997
|
+
})
|
|
998
|
+
})]
|
|
999
|
+
});
|
|
1000
|
+
}
|
|
1001
|
+
const ChartLegend = RechartsPrimitive.Legend;
|
|
1002
|
+
function ChartLegendContent({ className, hideIcon = false, payload, nameKey }) {
|
|
1003
|
+
const { config } = useChart();
|
|
1004
|
+
if (!payload?.length) return null;
|
|
1005
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1006
|
+
className: cn("flex flex-wrap items-center justify-center gap-2", className),
|
|
1007
|
+
children: payload.map((item) => {
|
|
1008
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.dataKey || "value"}`);
|
|
1009
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
1010
|
+
className: cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
|
|
1011
|
+
children: [itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx("div", {
|
|
1012
|
+
className: "h-2 w-2 shrink-0 rounded-[2px]",
|
|
1013
|
+
style: { backgroundColor: item.color }
|
|
1014
|
+
}), itemConfig?.label]
|
|
1015
|
+
}, item.value);
|
|
1016
|
+
})
|
|
1017
|
+
});
|
|
1018
|
+
}
|
|
1019
|
+
function getPayloadConfigFromPayload(config, payload, key) {
|
|
1020
|
+
if (typeof payload !== "object" || payload === null) return;
|
|
1021
|
+
const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
|
|
1022
|
+
let configLabelKey = key;
|
|
1023
|
+
if (key in payload && typeof payload[key] === "string") configLabelKey = payload[key];
|
|
1024
|
+
else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") configLabelKey = payloadPayload[key];
|
|
1025
|
+
return configLabelKey in config ? config[configLabelKey] : config[key];
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
//#endregion
|
|
1029
|
+
//#region ../shadcn/ui/checkbox.tsx
|
|
1030
|
+
function Checkbox$1({ className, ...props }) {
|
|
1031
|
+
return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
|
|
1032
|
+
"data-slot": "checkbox",
|
|
1033
|
+
className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
1034
|
+
...props,
|
|
1035
|
+
children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
|
|
1036
|
+
"data-slot": "checkbox-indicator",
|
|
1037
|
+
className: "flex items-center justify-center text-current transition-none",
|
|
1038
|
+
children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
|
|
1039
|
+
})
|
|
1040
|
+
});
|
|
1041
|
+
}
|
|
1042
|
+
|
|
706
1043
|
//#endregion
|
|
707
1044
|
//#region src/components/base/checkbox/checkbox.tsx
|
|
708
|
-
function Checkbox
|
|
709
|
-
return /* @__PURE__ */ jsx(Checkbox, {
|
|
1045
|
+
function Checkbox({ ref, className, ...props }) {
|
|
1046
|
+
return /* @__PURE__ */ jsx(Checkbox$1, {
|
|
710
1047
|
ref,
|
|
711
|
-
className: cn(className),
|
|
1048
|
+
className: cn$1(className),
|
|
712
1049
|
...props
|
|
713
1050
|
});
|
|
714
1051
|
}
|
|
715
|
-
Checkbox
|
|
1052
|
+
Checkbox.displayName = "Checkbox";
|
|
1053
|
+
|
|
1054
|
+
//#endregion
|
|
1055
|
+
//#region ../shadcn/ui/collapsible.tsx
|
|
1056
|
+
const Collapsible = CollapsiblePrimitive.Root;
|
|
1057
|
+
const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
|
|
1058
|
+
const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
|
|
1059
|
+
|
|
1060
|
+
//#endregion
|
|
1061
|
+
//#region ../shadcn/ui/dialog.tsx
|
|
1062
|
+
const Dialog$1 = ({ ...props }) => {
|
|
1063
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
|
|
1064
|
+
"data-slot": "dialog",
|
|
1065
|
+
...props
|
|
1066
|
+
});
|
|
1067
|
+
};
|
|
1068
|
+
const DialogTrigger = ({ ...props }) => {
|
|
1069
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
|
|
1070
|
+
"data-slot": "dialog-trigger",
|
|
1071
|
+
...props
|
|
1072
|
+
});
|
|
1073
|
+
};
|
|
1074
|
+
const DialogPortal = ({ ...props }) => {
|
|
1075
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
|
|
1076
|
+
"data-slot": "dialog-portal",
|
|
1077
|
+
...props
|
|
1078
|
+
});
|
|
1079
|
+
};
|
|
1080
|
+
const DialogClose = ({ ...props }) => {
|
|
1081
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
|
|
1082
|
+
"data-slot": "dialog-close",
|
|
1083
|
+
...props
|
|
1084
|
+
});
|
|
1085
|
+
};
|
|
1086
|
+
const DialogOverlay$1 = ({ className, ...props }) => {
|
|
1087
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
|
|
1088
|
+
"data-slot": "dialog-overlay",
|
|
1089
|
+
className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
|
|
1090
|
+
...props
|
|
1091
|
+
});
|
|
1092
|
+
};
|
|
1093
|
+
const DialogContent = ({ className, children, ...props }) => {
|
|
1094
|
+
return /* @__PURE__ */ jsxs(DialogPortal, {
|
|
1095
|
+
"data-slot": "dialog-portal",
|
|
1096
|
+
children: [/* @__PURE__ */ jsx(DialogOverlay$1, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
|
|
1097
|
+
"data-slot": "dialog-content",
|
|
1098
|
+
className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
|
|
1099
|
+
...props,
|
|
1100
|
+
children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
|
|
1101
|
+
className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1102
|
+
children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
|
|
1103
|
+
className: "sr-only",
|
|
1104
|
+
children: "Close"
|
|
1105
|
+
})]
|
|
1106
|
+
})]
|
|
1107
|
+
})]
|
|
1108
|
+
});
|
|
1109
|
+
};
|
|
1110
|
+
const DialogHeader = ({ className, ...props }) => {
|
|
1111
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1112
|
+
"data-slot": "dialog-header",
|
|
1113
|
+
className: cn("flex flex-col gap-2 text-center sm:text-left", className),
|
|
1114
|
+
...props
|
|
1115
|
+
});
|
|
1116
|
+
};
|
|
1117
|
+
const DialogFooter = ({ className, ...props }) => {
|
|
1118
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1119
|
+
"data-slot": "dialog-footer",
|
|
1120
|
+
className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
1121
|
+
...props
|
|
1122
|
+
});
|
|
1123
|
+
};
|
|
1124
|
+
const DialogTitle = ({ className, ...props }) => {
|
|
1125
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
|
|
1126
|
+
"data-slot": "dialog-title",
|
|
1127
|
+
className: cn("text-lg leading-none font-semibold", className),
|
|
1128
|
+
...props
|
|
1129
|
+
});
|
|
1130
|
+
};
|
|
1131
|
+
const DialogDescription = ({ className, ...props }) => {
|
|
1132
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
|
|
1133
|
+
"data-slot": "dialog-description",
|
|
1134
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1135
|
+
...props
|
|
1136
|
+
});
|
|
1137
|
+
};
|
|
1138
|
+
|
|
1139
|
+
//#endregion
|
|
1140
|
+
//#region ../shadcn/ui/command.tsx
|
|
1141
|
+
const Command$1 = ({ className, ...props }) => {
|
|
1142
|
+
return /* @__PURE__ */ jsx(Command, {
|
|
1143
|
+
"data-slot": "command",
|
|
1144
|
+
className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
|
|
1145
|
+
...props
|
|
1146
|
+
});
|
|
1147
|
+
};
|
|
1148
|
+
const CommandDialog = ({ title = "Command Palette", description = "Search for a command to run...", children, ...props }) => {
|
|
1149
|
+
return /* @__PURE__ */ jsxs(Dialog$1, {
|
|
1150
|
+
...props,
|
|
1151
|
+
children: [/* @__PURE__ */ jsxs(DialogHeader, {
|
|
1152
|
+
className: "sr-only",
|
|
1153
|
+
children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
|
|
1154
|
+
}), /* @__PURE__ */ jsx(DialogContent, {
|
|
1155
|
+
className: "overflow-hidden p-0",
|
|
1156
|
+
children: /* @__PURE__ */ jsx(Command$1, {
|
|
1157
|
+
className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
|
|
1158
|
+
children
|
|
1159
|
+
})
|
|
1160
|
+
})]
|
|
1161
|
+
});
|
|
1162
|
+
};
|
|
1163
|
+
const CommandInput = ({ className, wrapperClassName, iconClassName, ...props }) => {
|
|
1164
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
1165
|
+
"data-slot": "command-input-wrapper",
|
|
1166
|
+
className: cn("flex h-9 items-center gap-2 border-b px-3", wrapperClassName),
|
|
1167
|
+
children: [/* @__PURE__ */ jsx(SearchIcon, { className: cn("size-4 shrink-0 opacity-50", iconClassName) }), /* @__PURE__ */ jsx(Command.Input, {
|
|
1168
|
+
"data-slot": "command-input",
|
|
1169
|
+
className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
1170
|
+
...props
|
|
1171
|
+
})]
|
|
1172
|
+
});
|
|
1173
|
+
};
|
|
1174
|
+
const CommandList = ({ className, ...props }) => {
|
|
1175
|
+
return /* @__PURE__ */ jsx(Command.List, {
|
|
1176
|
+
"data-slot": "command-list",
|
|
1177
|
+
className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
|
|
1178
|
+
...props
|
|
1179
|
+
});
|
|
1180
|
+
};
|
|
1181
|
+
const CommandEmpty = ({ ...props }) => {
|
|
1182
|
+
return /* @__PURE__ */ jsx(Command.Empty, {
|
|
1183
|
+
"data-slot": "command-empty",
|
|
1184
|
+
className: "py-6 text-center text-sm",
|
|
1185
|
+
...props
|
|
1186
|
+
});
|
|
1187
|
+
};
|
|
1188
|
+
const CommandGroup = ({ className, ...props }) => {
|
|
1189
|
+
return /* @__PURE__ */ jsx(Command.Group, {
|
|
1190
|
+
"data-slot": "command-group",
|
|
1191
|
+
className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
|
|
1192
|
+
...props
|
|
1193
|
+
});
|
|
1194
|
+
};
|
|
1195
|
+
const CommandSeparator = ({ className, ...props }) => {
|
|
1196
|
+
return /* @__PURE__ */ jsx(Command.Separator, {
|
|
1197
|
+
"data-slot": "command-separator",
|
|
1198
|
+
className: cn("bg-border -mx-1 h-px", className),
|
|
1199
|
+
...props
|
|
1200
|
+
});
|
|
1201
|
+
};
|
|
1202
|
+
const CommandItem = ({ className, ...props }) => {
|
|
1203
|
+
return /* @__PURE__ */ jsx(Command.Item, {
|
|
1204
|
+
"data-slot": "command-item",
|
|
1205
|
+
className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
1206
|
+
...props
|
|
1207
|
+
});
|
|
1208
|
+
};
|
|
1209
|
+
const CommandShortcut = ({ className, ...props }) => {
|
|
1210
|
+
return /* @__PURE__ */ jsx("span", {
|
|
1211
|
+
"data-slot": "command-shortcut",
|
|
1212
|
+
className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
1213
|
+
...props
|
|
1214
|
+
});
|
|
1215
|
+
};
|
|
716
1216
|
|
|
717
1217
|
//#endregion
|
|
718
1218
|
//#region src/components/base/dialog/dialog.tsx
|
|
719
|
-
function Dialog
|
|
720
|
-
return /* @__PURE__ */ jsx(Dialog, {
|
|
1219
|
+
function Dialog({ children, ...props }) {
|
|
1220
|
+
return /* @__PURE__ */ jsx(Dialog$1, {
|
|
721
1221
|
...props,
|
|
722
1222
|
children
|
|
723
1223
|
});
|
|
724
1224
|
}
|
|
725
|
-
function DialogOverlay
|
|
726
|
-
return /* @__PURE__ */ jsx(DialogOverlay, {
|
|
727
|
-
className: cn("bg-dialog-overlay/50 backdrop-blur-[2px]", className),
|
|
1225
|
+
function DialogOverlay({ className, ...props }) {
|
|
1226
|
+
return /* @__PURE__ */ jsx(DialogOverlay$1, {
|
|
1227
|
+
className: cn$1("bg-dialog-overlay/50 backdrop-blur-[2px]", className),
|
|
728
1228
|
...props
|
|
729
1229
|
});
|
|
730
1230
|
}
|
|
@@ -735,21 +1235,21 @@ function Trigger$1({ children, asChild = true }) {
|
|
|
735
1235
|
});
|
|
736
1236
|
}
|
|
737
1237
|
function Content({ children, className }) {
|
|
738
|
-
return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay
|
|
739
|
-
className: cn("dark:bg-muted dark:border-dialog-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex max-h-[80vh] w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] flex-col gap-0 overflow-y-auto rounded-lg bg-white p-0 shadow-xl duration-200 sm:max-w-lg dark:border [&>button:last-child]:hidden", className),
|
|
1238
|
+
return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
|
|
1239
|
+
className: cn$1("dark:bg-muted dark:border-dialog-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex max-h-[80vh] w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] flex-col gap-0 overflow-y-auto rounded-lg bg-white p-0 shadow-xl duration-200 sm:max-w-lg dark:border [&>button:last-child]:hidden", className),
|
|
740
1240
|
children
|
|
741
1241
|
})] });
|
|
742
1242
|
}
|
|
743
1243
|
function Header({ title, description, onClose, className, descriptionClassName }) {
|
|
744
1244
|
return /* @__PURE__ */ jsxs("div", {
|
|
745
|
-
className: cn("dark:bg-muted dark:border-dialog-border sticky top-0 z-50 flex shrink-0 flex-col gap-2 bg-white p-5", className),
|
|
1245
|
+
className: cn$1("dark:bg-muted dark:border-dialog-border sticky top-0 z-50 flex shrink-0 flex-col gap-2 bg-white p-5", className),
|
|
746
1246
|
children: [
|
|
747
1247
|
/* @__PURE__ */ jsx(DialogTitle, {
|
|
748
1248
|
className: "text-base font-semibold",
|
|
749
1249
|
children: title
|
|
750
1250
|
}),
|
|
751
1251
|
description && /* @__PURE__ */ jsx(DialogDescription, {
|
|
752
|
-
className: cn("text-sm font-normal", descriptionClassName),
|
|
1252
|
+
className: cn$1("text-sm font-normal", descriptionClassName),
|
|
753
1253
|
children: description
|
|
754
1254
|
}),
|
|
755
1255
|
onClose && /* @__PURE__ */ jsx(DialogClose, {
|
|
@@ -762,33 +1262,163 @@ function Header({ title, description, onClose, className, descriptionClassName }
|
|
|
762
1262
|
}
|
|
763
1263
|
function Body({ children, className }) {
|
|
764
1264
|
return /* @__PURE__ */ jsx("div", {
|
|
765
|
-
className: cn("py-5", className),
|
|
1265
|
+
className: cn$1("py-5", className),
|
|
766
1266
|
children
|
|
767
1267
|
});
|
|
768
1268
|
}
|
|
769
1269
|
function Footer({ children, className }) {
|
|
770
1270
|
return /* @__PURE__ */ jsx(DialogFooter, {
|
|
771
|
-
className: cn("dark:bg-muted dark:border-dialog-border sticky bottom-0 z-50 shrink-0 gap-3 bg-white p-5", className),
|
|
1271
|
+
className: cn$1("dark:bg-muted dark:border-dialog-border sticky bottom-0 z-50 shrink-0 gap-3 bg-white p-5", className),
|
|
772
1272
|
children
|
|
773
1273
|
});
|
|
774
1274
|
}
|
|
775
|
-
Dialog
|
|
776
|
-
Dialog
|
|
777
|
-
Dialog
|
|
778
|
-
Dialog
|
|
779
|
-
Dialog
|
|
780
|
-
Dialog
|
|
1275
|
+
Dialog.Trigger = Trigger$1;
|
|
1276
|
+
Dialog.Content = Content;
|
|
1277
|
+
Dialog.Header = Header;
|
|
1278
|
+
Dialog.Body = Body;
|
|
1279
|
+
Dialog.Footer = Footer;
|
|
1280
|
+
Dialog.Overlay = DialogOverlay;
|
|
1281
|
+
|
|
1282
|
+
//#endregion
|
|
1283
|
+
//#region ../shadcn/ui/hover-card.tsx
|
|
1284
|
+
function HoverCard({ ...props }) {
|
|
1285
|
+
return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {
|
|
1286
|
+
"data-slot": "hover-card",
|
|
1287
|
+
...props
|
|
1288
|
+
});
|
|
1289
|
+
}
|
|
1290
|
+
function HoverCardTrigger({ ...props }) {
|
|
1291
|
+
return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, {
|
|
1292
|
+
"data-slot": "hover-card-trigger",
|
|
1293
|
+
...props
|
|
1294
|
+
});
|
|
1295
|
+
}
|
|
1296
|
+
function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
|
|
1297
|
+
return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, {
|
|
1298
|
+
"data-slot": "hover-card-portal",
|
|
1299
|
+
children: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
|
|
1300
|
+
"data-slot": "hover-card-content",
|
|
1301
|
+
align,
|
|
1302
|
+
sideOffset,
|
|
1303
|
+
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
|
|
1304
|
+
...props
|
|
1305
|
+
})
|
|
1306
|
+
});
|
|
1307
|
+
}
|
|
1308
|
+
|
|
1309
|
+
//#endregion
|
|
1310
|
+
//#region ../shadcn/ui/input.tsx
|
|
1311
|
+
const Input$1 = ({ className, type, ...props }) => {
|
|
1312
|
+
return /* @__PURE__ */ jsx("input", {
|
|
1313
|
+
type,
|
|
1314
|
+
className: cn("flex h-10 w-full rounded-md px-3 py-2 text-base md:text-sm", "border-input bg-background ring-offset-background border", "placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", "read-only:cursor-not-allowed read-only:opacity-50 disabled:cursor-not-allowed disabled:opacity-50", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", className),
|
|
1315
|
+
"data-slot": "input",
|
|
1316
|
+
...props
|
|
1317
|
+
});
|
|
1318
|
+
};
|
|
1319
|
+
Input$1.displayName = "Input";
|
|
781
1320
|
|
|
782
1321
|
//#endregion
|
|
783
1322
|
//#region src/components/base/input/input.tsx
|
|
784
|
-
function Input
|
|
785
|
-
return /* @__PURE__ */ jsx(Input, {
|
|
1323
|
+
function Input({ ref, className, ...props }) {
|
|
1324
|
+
return /* @__PURE__ */ jsx(Input$1, {
|
|
786
1325
|
ref,
|
|
787
|
-
className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
|
|
1326
|
+
className: cn$1("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
|
|
1327
|
+
...props
|
|
1328
|
+
});
|
|
1329
|
+
}
|
|
1330
|
+
Input.displayName = "Input";
|
|
1331
|
+
|
|
1332
|
+
//#endregion
|
|
1333
|
+
//#region ../shadcn/ui/textarea.tsx
|
|
1334
|
+
function Textarea$1({ className, ...props }) {
|
|
1335
|
+
return /* @__PURE__ */ jsx("textarea", {
|
|
1336
|
+
"data-slot": "textarea",
|
|
1337
|
+
className: cn("border-input placeholder:text-muted-foreground", "dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent", "px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", "disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
|
|
788
1338
|
...props
|
|
789
1339
|
});
|
|
790
1340
|
}
|
|
791
|
-
|
|
1341
|
+
|
|
1342
|
+
//#endregion
|
|
1343
|
+
//#region ../shadcn/ui/input-group.tsx
|
|
1344
|
+
function InputGroup({ className, ...props }) {
|
|
1345
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1346
|
+
"data-slot": "input-group",
|
|
1347
|
+
role: "group",
|
|
1348
|
+
className: cn("group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none", "h-9 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", className),
|
|
1349
|
+
...props
|
|
1350
|
+
});
|
|
1351
|
+
}
|
|
1352
|
+
const inputGroupAddonVariants = cva("text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
|
|
1353
|
+
variants: { align: {
|
|
1354
|
+
"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
|
|
1355
|
+
"inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
|
|
1356
|
+
"block-start": "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
|
|
1357
|
+
"block-end": "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5"
|
|
1358
|
+
} },
|
|
1359
|
+
defaultVariants: { align: "inline-start" }
|
|
1360
|
+
});
|
|
1361
|
+
function InputGroupAddon({ className, align = "inline-start", ...props }) {
|
|
1362
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1363
|
+
role: "group",
|
|
1364
|
+
"data-slot": "input-group-addon",
|
|
1365
|
+
"data-align": align,
|
|
1366
|
+
className: cn(inputGroupAddonVariants({ align }), className),
|
|
1367
|
+
onClick: (e) => {
|
|
1368
|
+
if (e.target.closest("button")) return;
|
|
1369
|
+
e.currentTarget.parentElement?.querySelector("input")?.focus();
|
|
1370
|
+
},
|
|
1371
|
+
...props
|
|
1372
|
+
});
|
|
1373
|
+
}
|
|
1374
|
+
const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
|
|
1375
|
+
variants: { size: {
|
|
1376
|
+
xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
|
|
1377
|
+
sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
|
|
1378
|
+
"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
|
|
1379
|
+
"icon-sm": "size-8 p-0 has-[>svg]:p-0"
|
|
1380
|
+
} },
|
|
1381
|
+
defaultVariants: { size: "xs" }
|
|
1382
|
+
});
|
|
1383
|
+
function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
|
|
1384
|
+
return /* @__PURE__ */ jsx(Button, {
|
|
1385
|
+
type,
|
|
1386
|
+
"data-size": size,
|
|
1387
|
+
variant,
|
|
1388
|
+
className: cn(inputGroupButtonVariants({ size }), className),
|
|
1389
|
+
...props
|
|
1390
|
+
});
|
|
1391
|
+
}
|
|
1392
|
+
function InputGroupText({ className, ...props }) {
|
|
1393
|
+
return /* @__PURE__ */ jsx("span", {
|
|
1394
|
+
className: cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
|
|
1395
|
+
...props
|
|
1396
|
+
});
|
|
1397
|
+
}
|
|
1398
|
+
function InputGroupInput({ className, ...props }) {
|
|
1399
|
+
return /* @__PURE__ */ jsx(Input$1, {
|
|
1400
|
+
"data-slot": "input-group-control",
|
|
1401
|
+
className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className),
|
|
1402
|
+
...props
|
|
1403
|
+
});
|
|
1404
|
+
}
|
|
1405
|
+
function InputGroupTextarea({ className, ...props }) {
|
|
1406
|
+
return /* @__PURE__ */ jsx(Textarea$1, {
|
|
1407
|
+
"data-slot": "input-group-control",
|
|
1408
|
+
className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className),
|
|
1409
|
+
...props
|
|
1410
|
+
});
|
|
1411
|
+
}
|
|
1412
|
+
|
|
1413
|
+
//#endregion
|
|
1414
|
+
//#region ../shadcn/ui/label.tsx
|
|
1415
|
+
const Label$1 = ({ className, ...props }) => {
|
|
1416
|
+
return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
|
|
1417
|
+
"data-slot": "label",
|
|
1418
|
+
className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
|
|
1419
|
+
...props
|
|
1420
|
+
});
|
|
1421
|
+
};
|
|
792
1422
|
|
|
793
1423
|
//#endregion
|
|
794
1424
|
//#region src/components/base/label/label.tsx
|
|
@@ -808,102 +1438,313 @@ Input$1.displayName = "Input";
|
|
|
808
1438
|
* </Label>
|
|
809
1439
|
* ```
|
|
810
1440
|
*/
|
|
811
|
-
function Label
|
|
812
|
-
return /* @__PURE__ */ jsx(Label, {
|
|
1441
|
+
function Label({ ref, className, ...props }) {
|
|
1442
|
+
return /* @__PURE__ */ jsx(Label$1, {
|
|
813
1443
|
ref,
|
|
814
|
-
className: cn(className),
|
|
1444
|
+
className: cn$1(className),
|
|
1445
|
+
...props
|
|
1446
|
+
});
|
|
1447
|
+
}
|
|
1448
|
+
Label.displayName = "Label";
|
|
1449
|
+
|
|
1450
|
+
//#endregion
|
|
1451
|
+
//#region ../shadcn/ui/popover.tsx
|
|
1452
|
+
const Popover = ({ ...props }) => {
|
|
1453
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
|
|
1454
|
+
"data-slot": "popover",
|
|
1455
|
+
...props
|
|
1456
|
+
});
|
|
1457
|
+
};
|
|
1458
|
+
const PopoverTrigger = ({ ...props }) => {
|
|
1459
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
|
|
1460
|
+
"data-slot": "popover-trigger",
|
|
815
1461
|
...props
|
|
816
1462
|
});
|
|
1463
|
+
};
|
|
1464
|
+
const PopoverContent = ({ className, align = "center", sideOffset = 4, ...props }) => {
|
|
1465
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
|
|
1466
|
+
"data-slot": "popover-content",
|
|
1467
|
+
align,
|
|
1468
|
+
sideOffset,
|
|
1469
|
+
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden", className),
|
|
1470
|
+
...props
|
|
1471
|
+
}) });
|
|
1472
|
+
};
|
|
1473
|
+
const PopoverAnchor = ({ ...props }) => {
|
|
1474
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
|
|
1475
|
+
"data-slot": "popover-anchor",
|
|
1476
|
+
...props
|
|
1477
|
+
});
|
|
1478
|
+
};
|
|
1479
|
+
|
|
1480
|
+
//#endregion
|
|
1481
|
+
//#region ../shadcn/ui/radio-group.tsx
|
|
1482
|
+
function RadioGroup$1({ className, ...props }) {
|
|
1483
|
+
return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
|
|
1484
|
+
"data-slot": "radio-group",
|
|
1485
|
+
className: cn("grid gap-3", className),
|
|
1486
|
+
...props
|
|
1487
|
+
});
|
|
1488
|
+
}
|
|
1489
|
+
function RadioGroupItem$1({ className, ...props }) {
|
|
1490
|
+
return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
|
|
1491
|
+
"data-slot": "radio-group-item",
|
|
1492
|
+
className: cn("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
1493
|
+
...props,
|
|
1494
|
+
children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
|
|
1495
|
+
"data-slot": "radio-group-indicator",
|
|
1496
|
+
className: "relative flex items-center justify-center",
|
|
1497
|
+
children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
|
|
1498
|
+
})
|
|
1499
|
+
});
|
|
817
1500
|
}
|
|
818
|
-
Label$1.displayName = "Label";
|
|
819
1501
|
|
|
820
1502
|
//#endregion
|
|
821
1503
|
//#region src/components/base/radio-group/radio-group.tsx
|
|
822
|
-
function RadioGroup
|
|
823
|
-
return /* @__PURE__ */ jsx(RadioGroup, {
|
|
1504
|
+
function RadioGroup({ ref, className, ...props }) {
|
|
1505
|
+
return /* @__PURE__ */ jsx(RadioGroup$1, {
|
|
824
1506
|
ref,
|
|
825
|
-
className: cn(className),
|
|
1507
|
+
className: cn$1(className),
|
|
826
1508
|
...props
|
|
827
1509
|
});
|
|
828
1510
|
}
|
|
829
|
-
RadioGroup
|
|
830
|
-
function RadioGroupItem
|
|
831
|
-
return /* @__PURE__ */ jsx(RadioGroupItem, {
|
|
1511
|
+
RadioGroup.displayName = "RadioGroup";
|
|
1512
|
+
function RadioGroupItem({ ref, className, ...props }) {
|
|
1513
|
+
return /* @__PURE__ */ jsx(RadioGroupItem$1, {
|
|
832
1514
|
ref,
|
|
833
|
-
className: cn(className),
|
|
1515
|
+
className: cn$1(className),
|
|
834
1516
|
...props
|
|
835
1517
|
});
|
|
836
1518
|
}
|
|
837
|
-
RadioGroupItem
|
|
1519
|
+
RadioGroupItem.displayName = "RadioGroupItem";
|
|
1520
|
+
|
|
1521
|
+
//#endregion
|
|
1522
|
+
//#region ../shadcn/ui/select.tsx
|
|
1523
|
+
const Select$1 = ({ ...props }) => {
|
|
1524
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
|
|
1525
|
+
"data-slot": "select",
|
|
1526
|
+
...props
|
|
1527
|
+
});
|
|
1528
|
+
};
|
|
1529
|
+
const SelectGroup$1 = ({ ...props }) => {
|
|
1530
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
|
|
1531
|
+
"data-slot": "select-group",
|
|
1532
|
+
...props
|
|
1533
|
+
});
|
|
1534
|
+
};
|
|
1535
|
+
const SelectValue$1 = ({ ...props }) => {
|
|
1536
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
|
|
1537
|
+
"data-slot": "select-value",
|
|
1538
|
+
...props
|
|
1539
|
+
});
|
|
1540
|
+
};
|
|
1541
|
+
const SelectTrigger$1 = ({ className, children, ...props }) => {
|
|
1542
|
+
return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
|
|
1543
|
+
"data-slot": "select-trigger",
|
|
1544
|
+
className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive rounded-md border bg-transparent py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "flex h-auto min-h-10 w-full items-center justify-between px-3 text-sm font-medium", className),
|
|
1545
|
+
...props,
|
|
1546
|
+
children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
|
|
1547
|
+
asChild: true,
|
|
1548
|
+
children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
|
|
1549
|
+
})]
|
|
1550
|
+
});
|
|
1551
|
+
};
|
|
1552
|
+
const SelectContent$1 = ({ className, children, position = "popper", ...props }) => {
|
|
1553
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
|
|
1554
|
+
"data-slot": "select-content",
|
|
1555
|
+
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "w-[var(--radix-select-trigger-width)]", className),
|
|
1556
|
+
position,
|
|
1557
|
+
...props,
|
|
1558
|
+
children: [
|
|
1559
|
+
/* @__PURE__ */ jsx(SelectScrollUpButton$1, {}),
|
|
1560
|
+
/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
|
|
1561
|
+
className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
|
|
1562
|
+
children
|
|
1563
|
+
}),
|
|
1564
|
+
/* @__PURE__ */ jsx(SelectScrollDownButton$1, {})
|
|
1565
|
+
]
|
|
1566
|
+
}) });
|
|
1567
|
+
};
|
|
1568
|
+
const SelectLabel$1 = ({ className, ...props }) => {
|
|
1569
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
|
|
1570
|
+
"data-slot": "select-label",
|
|
1571
|
+
className: cn("px-2 py-1.5 text-sm font-medium", className),
|
|
1572
|
+
...props
|
|
1573
|
+
});
|
|
1574
|
+
};
|
|
1575
|
+
const SelectItem$1 = ({ className, children, ...props }) => {
|
|
1576
|
+
return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
|
|
1577
|
+
"data-slot": "select-item",
|
|
1578
|
+
className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
|
|
1579
|
+
...props,
|
|
1580
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
1581
|
+
className: "absolute right-2 flex size-3.5 items-center justify-center",
|
|
1582
|
+
children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
|
|
1583
|
+
}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
|
|
1584
|
+
});
|
|
1585
|
+
};
|
|
1586
|
+
const SelectSeparator$1 = ({ className, ...props }) => {
|
|
1587
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
|
|
1588
|
+
"data-slot": "select-separator",
|
|
1589
|
+
className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
|
|
1590
|
+
...props
|
|
1591
|
+
});
|
|
1592
|
+
};
|
|
1593
|
+
const SelectScrollUpButton$1 = ({ className, ...props }) => {
|
|
1594
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
|
|
1595
|
+
"data-slot": "select-scroll-up-button",
|
|
1596
|
+
className: cn("flex cursor-default items-center justify-center py-1", className),
|
|
1597
|
+
...props,
|
|
1598
|
+
children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
|
|
1599
|
+
});
|
|
1600
|
+
};
|
|
1601
|
+
const SelectScrollDownButton$1 = ({ className, ...props }) => {
|
|
1602
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
|
|
1603
|
+
"data-slot": "select-scroll-down-button",
|
|
1604
|
+
className: cn("flex cursor-default items-center justify-center py-1", className),
|
|
1605
|
+
...props,
|
|
1606
|
+
children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
|
|
1607
|
+
});
|
|
1608
|
+
};
|
|
838
1609
|
|
|
839
1610
|
//#endregion
|
|
840
1611
|
//#region src/components/base/select/select.tsx
|
|
841
|
-
const Select
|
|
842
|
-
const SelectValue
|
|
843
|
-
function SelectGroup
|
|
844
|
-
return /* @__PURE__ */ jsx(SelectGroup, {
|
|
1612
|
+
const Select = Select$1;
|
|
1613
|
+
const SelectValue = SelectValue$1;
|
|
1614
|
+
function SelectGroup({ ref, className, ...props }) {
|
|
1615
|
+
return /* @__PURE__ */ jsx(SelectGroup$1, {
|
|
845
1616
|
ref,
|
|
846
|
-
className: cn(className),
|
|
1617
|
+
className: cn$1(className),
|
|
847
1618
|
...props
|
|
848
1619
|
});
|
|
849
1620
|
}
|
|
850
|
-
SelectGroup
|
|
851
|
-
function SelectTrigger
|
|
852
|
-
return /* @__PURE__ */ jsx(SelectTrigger, {
|
|
1621
|
+
SelectGroup.displayName = "SelectGroup";
|
|
1622
|
+
function SelectTrigger({ ref, className, ...props }) {
|
|
1623
|
+
return /* @__PURE__ */ jsx(SelectTrigger$1, {
|
|
853
1624
|
ref,
|
|
854
|
-
className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
|
|
1625
|
+
className: cn$1("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
|
|
855
1626
|
...props
|
|
856
1627
|
});
|
|
857
1628
|
}
|
|
858
|
-
SelectTrigger
|
|
859
|
-
function SelectContent
|
|
860
|
-
return /* @__PURE__ */ jsx(SelectContent, {
|
|
1629
|
+
SelectTrigger.displayName = "SelectTrigger";
|
|
1630
|
+
function SelectContent({ ref, className, ...props }) {
|
|
1631
|
+
return /* @__PURE__ */ jsx(SelectContent$1, {
|
|
861
1632
|
ref,
|
|
862
|
-
className: cn(className),
|
|
1633
|
+
className: cn$1(className),
|
|
863
1634
|
...props
|
|
864
1635
|
});
|
|
865
1636
|
}
|
|
866
|
-
SelectContent
|
|
867
|
-
function SelectLabel
|
|
868
|
-
return /* @__PURE__ */ jsx(SelectLabel, {
|
|
1637
|
+
SelectContent.displayName = "SelectContent";
|
|
1638
|
+
function SelectLabel({ ref, className, ...props }) {
|
|
1639
|
+
return /* @__PURE__ */ jsx(SelectLabel$1, {
|
|
869
1640
|
ref,
|
|
870
|
-
className: cn(className),
|
|
1641
|
+
className: cn$1(className),
|
|
871
1642
|
...props
|
|
872
1643
|
});
|
|
873
1644
|
}
|
|
874
|
-
SelectLabel
|
|
875
|
-
function SelectItem
|
|
876
|
-
return /* @__PURE__ */ jsx(SelectItem, {
|
|
1645
|
+
SelectLabel.displayName = "SelectLabel";
|
|
1646
|
+
function SelectItem({ ref, className, ...props }) {
|
|
1647
|
+
return /* @__PURE__ */ jsx(SelectItem$1, {
|
|
877
1648
|
ref,
|
|
878
|
-
className: cn(className),
|
|
1649
|
+
className: cn$1(className),
|
|
879
1650
|
...props
|
|
880
1651
|
});
|
|
881
1652
|
}
|
|
882
|
-
SelectItem
|
|
883
|
-
function SelectSeparator
|
|
884
|
-
return /* @__PURE__ */ jsx(SelectSeparator, {
|
|
1653
|
+
SelectItem.displayName = "SelectItem";
|
|
1654
|
+
function SelectSeparator({ ref, className, ...props }) {
|
|
1655
|
+
return /* @__PURE__ */ jsx(SelectSeparator$1, {
|
|
885
1656
|
ref,
|
|
886
|
-
className: cn(className),
|
|
1657
|
+
className: cn$1(className),
|
|
887
1658
|
...props
|
|
888
1659
|
});
|
|
889
1660
|
}
|
|
890
|
-
SelectSeparator
|
|
891
|
-
function SelectScrollUpButton
|
|
892
|
-
return /* @__PURE__ */ jsx(SelectScrollUpButton, {
|
|
1661
|
+
SelectSeparator.displayName = "SelectSeparator";
|
|
1662
|
+
function SelectScrollUpButton({ ref, className, ...props }) {
|
|
1663
|
+
return /* @__PURE__ */ jsx(SelectScrollUpButton$1, {
|
|
893
1664
|
ref,
|
|
894
|
-
className: cn(className),
|
|
1665
|
+
className: cn$1(className),
|
|
895
1666
|
...props
|
|
896
1667
|
});
|
|
897
1668
|
}
|
|
898
|
-
SelectScrollUpButton
|
|
899
|
-
function SelectScrollDownButton
|
|
900
|
-
return /* @__PURE__ */ jsx(SelectScrollDownButton, {
|
|
1669
|
+
SelectScrollUpButton.displayName = "SelectScrollUpButton";
|
|
1670
|
+
function SelectScrollDownButton({ ref, className, ...props }) {
|
|
1671
|
+
return /* @__PURE__ */ jsx(SelectScrollDownButton$1, {
|
|
901
1672
|
ref,
|
|
902
|
-
className: cn(className),
|
|
1673
|
+
className: cn$1(className),
|
|
903
1674
|
...props
|
|
904
1675
|
});
|
|
905
1676
|
}
|
|
906
|
-
SelectScrollDownButton
|
|
1677
|
+
SelectScrollDownButton.displayName = "SelectScrollDownButton";
|
|
1678
|
+
|
|
1679
|
+
//#endregion
|
|
1680
|
+
//#region ../shadcn/ui/sheet.tsx
|
|
1681
|
+
const Sheet$1 = ({ ...props }) => {
|
|
1682
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
|
|
1683
|
+
"data-slot": "sheet",
|
|
1684
|
+
...props
|
|
1685
|
+
});
|
|
1686
|
+
};
|
|
1687
|
+
const SheetTrigger = ({ ...props }) => {
|
|
1688
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
|
|
1689
|
+
"data-slot": "sheet-trigger",
|
|
1690
|
+
...props
|
|
1691
|
+
});
|
|
1692
|
+
};
|
|
1693
|
+
const SheetPortal = ({ ...props }) => {
|
|
1694
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
|
|
1695
|
+
"data-slot": "sheet-portal",
|
|
1696
|
+
...props
|
|
1697
|
+
});
|
|
1698
|
+
};
|
|
1699
|
+
const SheetOverlay$1 = ({ className, ...props }) => {
|
|
1700
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
|
|
1701
|
+
"data-slot": "sheet-overlay",
|
|
1702
|
+
className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
|
|
1703
|
+
...props
|
|
1704
|
+
});
|
|
1705
|
+
};
|
|
1706
|
+
const SheetContent$1 = ({ className, children, side = "right", ...props }) => {
|
|
1707
|
+
return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay$1, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
|
|
1708
|
+
"data-slot": "sheet-content",
|
|
1709
|
+
className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
|
|
1710
|
+
...props,
|
|
1711
|
+
children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
|
|
1712
|
+
className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1713
|
+
children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
|
|
1714
|
+
className: "sr-only",
|
|
1715
|
+
children: "Close"
|
|
1716
|
+
})]
|
|
1717
|
+
})]
|
|
1718
|
+
})] });
|
|
1719
|
+
};
|
|
1720
|
+
const SheetHeader = ({ className, ...props }) => {
|
|
1721
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1722
|
+
"data-slot": "sheet-header",
|
|
1723
|
+
className: cn("flex flex-col gap-1.5 p-4", className),
|
|
1724
|
+
...props
|
|
1725
|
+
});
|
|
1726
|
+
};
|
|
1727
|
+
const SheetFooter = ({ className, ...props }) => {
|
|
1728
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1729
|
+
"data-slot": "sheet-footer",
|
|
1730
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
1731
|
+
...props
|
|
1732
|
+
});
|
|
1733
|
+
};
|
|
1734
|
+
const SheetTitle = ({ className, ...props }) => {
|
|
1735
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
|
|
1736
|
+
"data-slot": "sheet-title",
|
|
1737
|
+
className: cn("text-foreground font-semibold", className),
|
|
1738
|
+
...props
|
|
1739
|
+
});
|
|
1740
|
+
};
|
|
1741
|
+
const SheetDescription = ({ className, ...props }) => {
|
|
1742
|
+
return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
|
|
1743
|
+
"data-slot": "sheet-description",
|
|
1744
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1745
|
+
...props
|
|
1746
|
+
});
|
|
1747
|
+
};
|
|
907
1748
|
|
|
908
1749
|
//#endregion
|
|
909
1750
|
//#region src/components/base/sheet/sheet.tsx
|
|
@@ -911,16 +1752,16 @@ const SheetClose = DialogPrimitive.Close;
|
|
|
911
1752
|
function SheetOverlay({ className, ...props }) {
|
|
912
1753
|
return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
|
|
913
1754
|
"data-slot": "sheet-overlay",
|
|
914
|
-
className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-dialog-overlay/50 fixed inset-0 z-50 backdrop-blur-[2px]", className),
|
|
1755
|
+
className: cn$1("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-dialog-overlay/50 fixed inset-0 z-50 backdrop-blur-[2px]", className),
|
|
915
1756
|
...props
|
|
916
1757
|
});
|
|
917
1758
|
}
|
|
918
|
-
function SheetContent
|
|
1759
|
+
function SheetContent({ className, children, side = "right", ...props }) {
|
|
919
1760
|
return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, {
|
|
920
1761
|
"data-slot": "sheet-portal",
|
|
921
1762
|
children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
|
|
922
1763
|
"data-slot": "sheet-content",
|
|
923
|
-
className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
|
|
1764
|
+
className: cn$1("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
|
|
924
1765
|
...props,
|
|
925
1766
|
children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
|
|
926
1767
|
className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
@@ -932,26 +1773,123 @@ function SheetContent$1({ className, children, side = "right", ...props }) {
|
|
|
932
1773
|
})]
|
|
933
1774
|
});
|
|
934
1775
|
}
|
|
935
|
-
const Sheet
|
|
1776
|
+
const Sheet = Object.assign(Sheet$1, {
|
|
936
1777
|
Trigger: SheetTrigger,
|
|
937
|
-
Content: SheetContent
|
|
1778
|
+
Content: SheetContent,
|
|
938
1779
|
Close: SheetClose,
|
|
939
|
-
Header: SheetHeader
|
|
1780
|
+
Header: SheetHeader,
|
|
940
1781
|
Footer: SheetFooter,
|
|
941
|
-
Title: SheetTitle
|
|
942
|
-
Description: SheetDescription
|
|
1782
|
+
Title: SheetTitle,
|
|
1783
|
+
Description: SheetDescription
|
|
943
1784
|
});
|
|
944
1785
|
|
|
1786
|
+
//#endregion
|
|
1787
|
+
//#region ../shadcn/ui/skeleton.tsx
|
|
1788
|
+
function Skeleton({ className, ...props }) {
|
|
1789
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1790
|
+
className: cn("bg-muted animate-pulse rounded-md", className),
|
|
1791
|
+
...props
|
|
1792
|
+
});
|
|
1793
|
+
}
|
|
1794
|
+
|
|
1795
|
+
//#endregion
|
|
1796
|
+
//#region ../shadcn/ui/spinner.tsx
|
|
1797
|
+
function Spinner({ className, ...props }) {
|
|
1798
|
+
return /* @__PURE__ */ jsx(Loader2Icon, {
|
|
1799
|
+
role: "status",
|
|
1800
|
+
"aria-label": "Loading",
|
|
1801
|
+
className: cn("size-4 animate-spin", className),
|
|
1802
|
+
...props
|
|
1803
|
+
});
|
|
1804
|
+
}
|
|
1805
|
+
|
|
1806
|
+
//#endregion
|
|
1807
|
+
//#region ../shadcn/ui/switch.tsx
|
|
1808
|
+
function Switch$1({ className, ...props }) {
|
|
1809
|
+
return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
|
|
1810
|
+
"data-slot": "switch",
|
|
1811
|
+
className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
1812
|
+
...props,
|
|
1813
|
+
children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
|
|
1814
|
+
"data-slot": "switch-thumb",
|
|
1815
|
+
className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
|
|
1816
|
+
})
|
|
1817
|
+
});
|
|
1818
|
+
}
|
|
1819
|
+
|
|
945
1820
|
//#endregion
|
|
946
1821
|
//#region src/components/base/switch/switch.tsx
|
|
947
|
-
function Switch
|
|
948
|
-
return /* @__PURE__ */ jsx(Switch, {
|
|
1822
|
+
function Switch({ ref, className, ...props }) {
|
|
1823
|
+
return /* @__PURE__ */ jsx(Switch$1, {
|
|
949
1824
|
ref,
|
|
950
|
-
className: cn(className),
|
|
1825
|
+
className: cn$1(className),
|
|
951
1826
|
...props
|
|
952
1827
|
});
|
|
953
1828
|
}
|
|
954
|
-
Switch
|
|
1829
|
+
Switch.displayName = "Switch";
|
|
1830
|
+
|
|
1831
|
+
//#endregion
|
|
1832
|
+
//#region ../shadcn/ui/table.tsx
|
|
1833
|
+
const Table = ({ className, ...props }) => {
|
|
1834
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1835
|
+
"data-slot": "table-container",
|
|
1836
|
+
className: "relative w-full overflow-x-auto",
|
|
1837
|
+
children: /* @__PURE__ */ jsx("table", {
|
|
1838
|
+
"data-slot": "table",
|
|
1839
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
1840
|
+
...props
|
|
1841
|
+
})
|
|
1842
|
+
});
|
|
1843
|
+
};
|
|
1844
|
+
const TableHeader = ({ className, ...props }) => {
|
|
1845
|
+
return /* @__PURE__ */ jsx("thead", {
|
|
1846
|
+
"data-slot": "table-header",
|
|
1847
|
+
className: cn("[&_tr]:border-b", className),
|
|
1848
|
+
...props
|
|
1849
|
+
});
|
|
1850
|
+
};
|
|
1851
|
+
const TableBody = ({ className, ...props }) => {
|
|
1852
|
+
return /* @__PURE__ */ jsx("tbody", {
|
|
1853
|
+
"data-slot": "table-body",
|
|
1854
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
1855
|
+
...props
|
|
1856
|
+
});
|
|
1857
|
+
};
|
|
1858
|
+
const TableFooter = ({ className, ...props }) => {
|
|
1859
|
+
return /* @__PURE__ */ jsx("tfoot", {
|
|
1860
|
+
"data-slot": "table-footer",
|
|
1861
|
+
className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
|
|
1862
|
+
...props
|
|
1863
|
+
});
|
|
1864
|
+
};
|
|
1865
|
+
const TableRow = ({ className, ...props }) => {
|
|
1866
|
+
return /* @__PURE__ */ jsx("tr", {
|
|
1867
|
+
"data-slot": "table-row",
|
|
1868
|
+
className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
|
|
1869
|
+
...props
|
|
1870
|
+
});
|
|
1871
|
+
};
|
|
1872
|
+
const TableHead = ({ className, ...props }) => {
|
|
1873
|
+
return /* @__PURE__ */ jsx("th", {
|
|
1874
|
+
"data-slot": "table-head",
|
|
1875
|
+
className: cn("text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
1876
|
+
...props
|
|
1877
|
+
});
|
|
1878
|
+
};
|
|
1879
|
+
const TableCell = ({ className, ...props }) => {
|
|
1880
|
+
return /* @__PURE__ */ jsx("td", {
|
|
1881
|
+
"data-slot": "table-cell",
|
|
1882
|
+
className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
1883
|
+
...props
|
|
1884
|
+
});
|
|
1885
|
+
};
|
|
1886
|
+
const TableCaption = ({ className, ...props }) => {
|
|
1887
|
+
return /* @__PURE__ */ jsx("caption", {
|
|
1888
|
+
"data-slot": "table-caption",
|
|
1889
|
+
className: cn("text-muted-foreground mt-4 text-sm", className),
|
|
1890
|
+
...props
|
|
1891
|
+
});
|
|
1892
|
+
};
|
|
955
1893
|
|
|
956
1894
|
//#endregion
|
|
957
1895
|
//#region src/components/base/tabs/tabs.tsx
|
|
@@ -963,25 +1901,25 @@ Switch$1.displayName = "Switch";
|
|
|
963
1901
|
*/
|
|
964
1902
|
function Tabs({ className, ...props }) {
|
|
965
1903
|
return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
|
|
966
|
-
className: cn("flex flex-col gap-2", className),
|
|
1904
|
+
className: cn$1("flex flex-col gap-2", className),
|
|
967
1905
|
...props
|
|
968
1906
|
});
|
|
969
1907
|
}
|
|
970
1908
|
function TabsList({ className, ...props }) {
|
|
971
1909
|
return /* @__PURE__ */ jsx(TabsPrimitive.List, {
|
|
972
|
-
className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1", className),
|
|
1910
|
+
className: cn$1("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1", className),
|
|
973
1911
|
...props
|
|
974
1912
|
});
|
|
975
1913
|
}
|
|
976
1914
|
function TabsTrigger({ className, ...props }) {
|
|
977
1915
|
return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
|
|
978
|
-
className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground data-[state=active]:text-foreground dark:hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
1916
|
+
className: cn$1("data-[state=active]:bg-background dark:data-[state=active]:text-foreground data-[state=active]:text-foreground dark:hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
979
1917
|
...props
|
|
980
1918
|
});
|
|
981
1919
|
}
|
|
982
1920
|
function TabsContent({ className, ...props }) {
|
|
983
1921
|
return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
|
|
984
|
-
className: cn("flex-1 outline-none", className),
|
|
1922
|
+
className: cn$1("flex-1 outline-none", className),
|
|
985
1923
|
...props
|
|
986
1924
|
});
|
|
987
1925
|
}
|
|
@@ -1001,40 +1939,71 @@ function TabsLinkTrigger({ value, href, linkComponent: LinkComp = "a", children,
|
|
|
1001
1939
|
|
|
1002
1940
|
//#endregion
|
|
1003
1941
|
//#region src/components/base/textarea/textarea.tsx
|
|
1004
|
-
function Textarea
|
|
1005
|
-
return /* @__PURE__ */ jsx(Textarea, {
|
|
1942
|
+
function Textarea({ ref, className, ...props }) {
|
|
1943
|
+
return /* @__PURE__ */ jsx(Textarea$1, {
|
|
1006
1944
|
ref,
|
|
1007
|
-
className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
|
|
1945
|
+
className: cn$1("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
|
|
1008
1946
|
...props
|
|
1009
1947
|
});
|
|
1010
1948
|
}
|
|
1011
|
-
Textarea
|
|
1949
|
+
Textarea.displayName = "Textarea";
|
|
1950
|
+
|
|
1951
|
+
//#endregion
|
|
1952
|
+
//#region ../shadcn/ui/tooltip.tsx
|
|
1953
|
+
const TooltipProvider = ({ delayDuration = 0, ...props }) => {
|
|
1954
|
+
return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
|
|
1955
|
+
"data-slot": "tooltip-provider",
|
|
1956
|
+
delayDuration,
|
|
1957
|
+
...props
|
|
1958
|
+
});
|
|
1959
|
+
};
|
|
1960
|
+
const Tooltip$1 = ({ ...props }) => {
|
|
1961
|
+
return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
|
|
1962
|
+
"data-slot": "tooltip",
|
|
1963
|
+
...props
|
|
1964
|
+
}) });
|
|
1965
|
+
};
|
|
1966
|
+
const TooltipTrigger = ({ ...props }) => {
|
|
1967
|
+
return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
|
|
1968
|
+
"data-slot": "tooltip-trigger",
|
|
1969
|
+
...props
|
|
1970
|
+
});
|
|
1971
|
+
};
|
|
1972
|
+
const TooltipContent$1 = ({ className, sideOffset = 0, children, ...props }) => {
|
|
1973
|
+
return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
|
|
1974
|
+
"data-slot": "tooltip-content",
|
|
1975
|
+
sideOffset,
|
|
1976
|
+
className: cn("tooltip-content", "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className),
|
|
1977
|
+
...props,
|
|
1978
|
+
children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
|
|
1979
|
+
}) });
|
|
1980
|
+
};
|
|
1012
1981
|
|
|
1013
1982
|
//#endregion
|
|
1014
1983
|
//#region src/components/base/tooltip/tooltip.tsx
|
|
1015
|
-
function TooltipContent
|
|
1016
|
-
return /* @__PURE__ */ jsx(
|
|
1984
|
+
function TooltipContent({ className, arrowClassName, sideOffset = 0, children, ...props }) {
|
|
1985
|
+
return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
|
|
1017
1986
|
"data-slot": "tooltip-content",
|
|
1018
1987
|
sideOffset,
|
|
1019
|
-
className: cn("tooltip-content", "bg-secondary text-secondary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className),
|
|
1988
|
+
className: cn$1("tooltip-content", "bg-secondary text-secondary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className),
|
|
1020
1989
|
...props,
|
|
1021
|
-
children: [children, /* @__PURE__ */ jsx(
|
|
1022
|
-
className: cn("fill-secondary -my-px border-none drop-shadow-[0_1px_0_secondary]", arrowClassName),
|
|
1990
|
+
children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
|
|
1991
|
+
className: cn$1("fill-secondary -my-px border-none drop-shadow-[0_1px_0_secondary]", arrowClassName),
|
|
1023
1992
|
width: 12,
|
|
1024
1993
|
height: 7,
|
|
1025
1994
|
"aria-hidden": "true"
|
|
1026
1995
|
})]
|
|
1027
1996
|
}) });
|
|
1028
1997
|
}
|
|
1029
|
-
function Tooltip
|
|
1030
|
-
return /* @__PURE__ */ jsxs(Tooltip, {
|
|
1998
|
+
function Tooltip({ message, children, delayDuration = 200, side, align, sideOffset, hidden, open, onOpenChange, contentClassName, arrowClassName }) {
|
|
1999
|
+
return /* @__PURE__ */ jsxs(Tooltip$1, {
|
|
1031
2000
|
delayDuration,
|
|
1032
2001
|
open,
|
|
1033
2002
|
onOpenChange,
|
|
1034
2003
|
children: [/* @__PURE__ */ jsx(TooltipTrigger, {
|
|
1035
2004
|
asChild: true,
|
|
1036
2005
|
children
|
|
1037
|
-
}), /* @__PURE__ */ jsx(TooltipContent
|
|
2006
|
+
}), /* @__PURE__ */ jsx(TooltipContent, {
|
|
1038
2007
|
side,
|
|
1039
2008
|
align,
|
|
1040
2009
|
sideOffset,
|
|
@@ -1046,11 +2015,15 @@ function Tooltip$1({ message, children, delayDuration = 200, side, align, sideOf
|
|
|
1046
2015
|
});
|
|
1047
2016
|
}
|
|
1048
2017
|
|
|
2018
|
+
//#endregion
|
|
2019
|
+
//#region ../shadcn/ui/visuallyhidden.tsx
|
|
2020
|
+
const VisuallyHidden$1 = { Root: VisuallyHidden };
|
|
2021
|
+
|
|
1049
2022
|
//#endregion
|
|
1050
2023
|
//#region src/components/features/loader-overlay/loader-overlay.tsx
|
|
1051
2024
|
function LoaderOverlay({ message, className }) {
|
|
1052
2025
|
return /* @__PURE__ */ jsxs("div", {
|
|
1053
|
-
className: cn("bg-background/80 absolute inset-0 z-10 flex items-center justify-center gap-2 backdrop-blur-[1px]", className),
|
|
2026
|
+
className: cn$1("bg-background/80 absolute inset-0 z-10 flex items-center justify-center gap-2 backdrop-blur-[1px]", className),
|
|
1054
2027
|
children: [/* @__PURE__ */ jsx(SpinnerIcon, { size: "sm" }), typeof message === "string" ? /* @__PURE__ */ jsx("span", {
|
|
1055
2028
|
className: "text-sm font-medium",
|
|
1056
2029
|
children: message
|
|
@@ -1085,7 +2058,7 @@ function Trigger({ ref, selectedOption, renderValue, placeholder, loading, disab
|
|
|
1085
2058
|
role: "combobox",
|
|
1086
2059
|
"aria-expanded": open,
|
|
1087
2060
|
disabled: disabled || loading,
|
|
1088
|
-
className: cn("text-input-foreground placeholder:text-input-placeholder", "border-input-border bg-input-background/50 relative flex h-10 w-full items-center justify-between rounded-lg border px-3 py-2 text-left text-sm transition-all", "focus-visible:border-input-focus-border focus-visible:shadow-(--input-focus-shadow)", "focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-hidden", "aria-invalid:border-destructive", (disabled || loading) && "cursor-not-allowed opacity-50", className),
|
|
2061
|
+
className: cn$1("text-input-foreground placeholder:text-input-placeholder", "border-input-border bg-input-background/50 relative flex h-10 w-full items-center justify-between rounded-lg border px-3 py-2 text-left text-sm transition-all", "focus-visible:border-input-focus-border focus-visible:shadow-(--input-focus-shadow)", "focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-hidden", "aria-invalid:border-destructive", (disabled || loading) && "cursor-not-allowed opacity-50", className),
|
|
1089
2062
|
...rest,
|
|
1090
2063
|
children: [
|
|
1091
2064
|
loading && /* @__PURE__ */ jsx(LoaderOverlay, {}),
|
|
@@ -1158,7 +2131,7 @@ function VirtualizedOptions({ options, selectedValue, onSelect, renderOption, it
|
|
|
1158
2131
|
]);
|
|
1159
2132
|
return /* @__PURE__ */ jsx("div", {
|
|
1160
2133
|
ref: parentRef,
|
|
1161
|
-
className: cn("max-h-[200px] overflow-auto", listClassName),
|
|
2134
|
+
className: cn$1("max-h-[200px] overflow-auto", listClassName),
|
|
1162
2135
|
children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx("div", {
|
|
1163
2136
|
style: { height: `${virtualizer.getTotalSize()}px` },
|
|
1164
2137
|
className: "relative w-full",
|
|
@@ -1261,7 +2234,7 @@ function Autocomplete({ options, value, onValueChange, onSearchChange, searchPla
|
|
|
1261
2234
|
if (isExternalSearch) onSearchChange?.(val);
|
|
1262
2235
|
}, [isExternalSearch, onSearchChange]);
|
|
1263
2236
|
return /* @__PURE__ */ jsxs("div", {
|
|
1264
|
-
className: cn("relative", className),
|
|
2237
|
+
className: cn$1("relative", className),
|
|
1265
2238
|
children: [/* @__PURE__ */ jsxs(Popover, {
|
|
1266
2239
|
open,
|
|
1267
2240
|
onOpenChange: handleOpenChange,
|
|
@@ -1279,9 +2252,9 @@ function Autocomplete({ options, value, onValueChange, onSearchChange, searchPla
|
|
|
1279
2252
|
className: triggerClassName
|
|
1280
2253
|
})
|
|
1281
2254
|
}), /* @__PURE__ */ jsx(PopoverContent, {
|
|
1282
|
-
className: cn("popover-content-width-full p-0", contentClassName),
|
|
2255
|
+
className: cn$1("popover-content-width-full p-0", contentClassName),
|
|
1283
2256
|
align: "start",
|
|
1284
|
-
children: /* @__PURE__ */ jsxs(Command, {
|
|
2257
|
+
children: /* @__PURE__ */ jsxs(Command$1, {
|
|
1285
2258
|
shouldFilter: !isExternalSearch && !creatable,
|
|
1286
2259
|
defaultValue: value,
|
|
1287
2260
|
children: [
|
|
@@ -1294,7 +2267,7 @@ function Autocomplete({ options, value, onValueChange, onSearchChange, searchPla
|
|
|
1294
2267
|
onValueChange: handleSearchChange
|
|
1295
2268
|
}),
|
|
1296
2269
|
/* @__PURE__ */ jsxs(CommandList, {
|
|
1297
|
-
className: cn(!virtualize && "max-h-[300px]", listClassName),
|
|
2270
|
+
className: cn$1(!virtualize && "max-h-[300px]", listClassName),
|
|
1298
2271
|
children: [
|
|
1299
2272
|
!showCreatableItem && /* @__PURE__ */ jsx(CommandEmpty, { children: typeof emptyContent === "string" ? /* @__PURE__ */ jsx("span", {
|
|
1300
2273
|
className: "text-muted-foreground text-xs",
|
|
@@ -1343,6 +2316,30 @@ function Autocomplete({ options, value, onValueChange, onSearchChange, searchPla
|
|
|
1343
2316
|
}
|
|
1344
2317
|
Autocomplete.displayName = "Autocomplete";
|
|
1345
2318
|
|
|
2319
|
+
//#endregion
|
|
2320
|
+
//#region ../shadcn/ui/avatar.tsx
|
|
2321
|
+
const Avatar = ({ className, ...props }) => {
|
|
2322
|
+
return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
|
|
2323
|
+
"data-slot": "avatar",
|
|
2324
|
+
className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
|
|
2325
|
+
...props
|
|
2326
|
+
});
|
|
2327
|
+
};
|
|
2328
|
+
const AvatarImage = ({ className, ...props }) => {
|
|
2329
|
+
return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
|
|
2330
|
+
"data-slot": "avatar-image",
|
|
2331
|
+
className: cn("aspect-square size-full", className),
|
|
2332
|
+
...props
|
|
2333
|
+
});
|
|
2334
|
+
};
|
|
2335
|
+
const AvatarFallback = ({ className, ...props }) => {
|
|
2336
|
+
return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
|
|
2337
|
+
"data-slot": "avatar-fallback",
|
|
2338
|
+
className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
|
|
2339
|
+
...props
|
|
2340
|
+
});
|
|
2341
|
+
};
|
|
2342
|
+
|
|
1346
2343
|
//#endregion
|
|
1347
2344
|
//#region src/components/features/avatar-stack/avatar-stack.tsx
|
|
1348
2345
|
const avatarStackVariants = cva("flex", {
|
|
@@ -1367,23 +2364,23 @@ function AvatarStack({ className, orientation, avatars, spacing, maxAvatarsAmoun
|
|
|
1367
2364
|
const shownAvatars = avatars.slice(0, maxAvatarsAmount);
|
|
1368
2365
|
const hiddenAvatars = avatars.slice(maxAvatarsAmount);
|
|
1369
2366
|
return /* @__PURE__ */ jsxs("div", {
|
|
1370
|
-
className: cn(avatarStackVariants({
|
|
2367
|
+
className: cn$1(avatarStackVariants({
|
|
1371
2368
|
orientation,
|
|
1372
2369
|
spacing
|
|
1373
2370
|
}), className, orientation === "horizontal" ? "-space-x-0" : "-space-y-0"),
|
|
1374
2371
|
...props,
|
|
1375
|
-
children: [shownAvatars.map(({ name, image }, index) => /* @__PURE__ */ jsx(Tooltip
|
|
2372
|
+
children: [shownAvatars.map(({ name, image }, index) => /* @__PURE__ */ jsx(Tooltip, {
|
|
1376
2373
|
message: name,
|
|
1377
2374
|
delayDuration: 300,
|
|
1378
2375
|
children: /* @__PURE__ */ jsxs(Avatar, {
|
|
1379
|
-
className: cn(avatarStackVariants(), "hover:z-10", avatarClassName),
|
|
2376
|
+
className: cn$1(avatarStackVariants(), "hover:z-10", avatarClassName),
|
|
1380
2377
|
children: [/* @__PURE__ */ jsx(AvatarImage, { src: image }), /* @__PURE__ */ jsx(AvatarFallback, { children: name?.split(" ")?.map((word) => word[0])?.join("")?.toUpperCase() })]
|
|
1381
2378
|
})
|
|
1382
|
-
}, `${image}-${index + 1}`)), hiddenAvatars.length ? /* @__PURE__ */ jsx(Tooltip
|
|
2379
|
+
}, `${image}-${index + 1}`)), hiddenAvatars.length ? /* @__PURE__ */ jsx(Tooltip, {
|
|
1383
2380
|
message: /* @__PURE__ */ jsx(Fragment$1, { children: hiddenAvatars.map(({ name }, index) => /* @__PURE__ */ jsx("p", { children: name }, `${name}-${index + 1}`)) }),
|
|
1384
2381
|
delayDuration: 300,
|
|
1385
2382
|
children: /* @__PURE__ */ jsx(Avatar, {
|
|
1386
|
-
className: cn(avatarClassName),
|
|
2383
|
+
className: cn$1(avatarClassName),
|
|
1387
2384
|
children: /* @__PURE__ */ jsxs(AvatarFallback, { children: ["+", avatars.length - shownAvatars.length] })
|
|
1388
2385
|
}, "Excesive avatars")
|
|
1389
2386
|
}) : null]
|
|
@@ -1809,7 +2806,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1809
2806
|
id: "date",
|
|
1810
2807
|
ref,
|
|
1811
2808
|
...props,
|
|
1812
|
-
className: cn("w-full", triggerClassName, multiSelectVariants({
|
|
2809
|
+
className: cn$1("w-full", triggerClassName, multiSelectVariants({
|
|
1813
2810
|
variant,
|
|
1814
2811
|
className
|
|
1815
2812
|
})),
|
|
@@ -1822,7 +2819,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1822
2819
|
children: [/* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: date?.from ? date.to ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
1823
2820
|
/* @__PURE__ */ jsx("span", {
|
|
1824
2821
|
id: `firstDay-${id}`,
|
|
1825
|
-
className: cn("date-part", highlightedPart === "firstDay" && "font-bold underline"),
|
|
2822
|
+
className: cn$1("date-part", highlightedPart === "firstDay" && "font-bold underline"),
|
|
1826
2823
|
onMouseOver: () => handleMouseOver("firstDay"),
|
|
1827
2824
|
onMouseLeave: handleMouseLeave,
|
|
1828
2825
|
children: formatWithTz(date.from, "dd")
|
|
@@ -1830,7 +2827,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1830
2827
|
" ",
|
|
1831
2828
|
/* @__PURE__ */ jsx("span", {
|
|
1832
2829
|
id: `firstMonth-${id}`,
|
|
1833
|
-
className: cn("date-part", highlightedPart === "firstMonth" && "font-bold underline"),
|
|
2830
|
+
className: cn$1("date-part", highlightedPart === "firstMonth" && "font-bold underline"),
|
|
1834
2831
|
onMouseOver: () => handleMouseOver("firstMonth"),
|
|
1835
2832
|
onMouseLeave: handleMouseLeave,
|
|
1836
2833
|
children: formatWithTz(date.from, "LLL")
|
|
@@ -1839,7 +2836,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1839
2836
|
" ",
|
|
1840
2837
|
/* @__PURE__ */ jsx("span", {
|
|
1841
2838
|
id: `firstYear-${id}`,
|
|
1842
|
-
className: cn("date-part", highlightedPart === "firstYear" && "font-bold underline"),
|
|
2839
|
+
className: cn$1("date-part", highlightedPart === "firstYear" && "font-bold underline"),
|
|
1843
2840
|
onMouseOver: () => handleMouseOver("firstYear"),
|
|
1844
2841
|
onMouseLeave: handleMouseLeave,
|
|
1845
2842
|
children: formatWithTz(date.from, "y")
|
|
@@ -1848,7 +2845,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1848
2845
|
" - ",
|
|
1849
2846
|
/* @__PURE__ */ jsx("span", {
|
|
1850
2847
|
id: `secondDay-${id}`,
|
|
1851
|
-
className: cn("date-part", highlightedPart === "secondDay" && "font-bold underline"),
|
|
2848
|
+
className: cn$1("date-part", highlightedPart === "secondDay" && "font-bold underline"),
|
|
1852
2849
|
onMouseOver: () => handleMouseOver("secondDay"),
|
|
1853
2850
|
onMouseLeave: handleMouseLeave,
|
|
1854
2851
|
children: formatWithTz(date.to, "dd")
|
|
@@ -1856,7 +2853,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1856
2853
|
" ",
|
|
1857
2854
|
/* @__PURE__ */ jsx("span", {
|
|
1858
2855
|
id: `secondMonth-${id}`,
|
|
1859
|
-
className: cn("date-part", highlightedPart === "secondMonth" && "font-bold underline"),
|
|
2856
|
+
className: cn$1("date-part", highlightedPart === "secondMonth" && "font-bold underline"),
|
|
1860
2857
|
onMouseOver: () => handleMouseOver("secondMonth"),
|
|
1861
2858
|
onMouseLeave: handleMouseLeave,
|
|
1862
2859
|
children: formatWithTz(date.to, "LLL")
|
|
@@ -1865,7 +2862,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1865
2862
|
" ",
|
|
1866
2863
|
/* @__PURE__ */ jsx("span", {
|
|
1867
2864
|
id: `secondYear-${id}`,
|
|
1868
|
-
className: cn("date-part", highlightedPart === "secondYear" && "font-bold underline"),
|
|
2865
|
+
className: cn$1("date-part", highlightedPart === "secondYear" && "font-bold underline"),
|
|
1869
2866
|
onMouseOver: () => handleMouseOver("secondYear"),
|
|
1870
2867
|
onMouseLeave: handleMouseLeave,
|
|
1871
2868
|
children: formatWithTz(date.to, "y")
|
|
@@ -1874,7 +2871,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1874
2871
|
] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
1875
2872
|
/* @__PURE__ */ jsx("span", {
|
|
1876
2873
|
id: "day",
|
|
1877
|
-
className: cn("date-part", highlightedPart === "day" && "font-bold underline"),
|
|
2874
|
+
className: cn$1("date-part", highlightedPart === "day" && "font-bold underline"),
|
|
1878
2875
|
onMouseOver: () => handleMouseOver("day"),
|
|
1879
2876
|
onMouseLeave: handleMouseLeave,
|
|
1880
2877
|
children: formatWithTz(date.from, "dd")
|
|
@@ -1882,7 +2879,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1882
2879
|
" ",
|
|
1883
2880
|
/* @__PURE__ */ jsx("span", {
|
|
1884
2881
|
id: "month",
|
|
1885
|
-
className: cn("date-part", highlightedPart === "month" && "font-bold underline"),
|
|
2882
|
+
className: cn$1("date-part", highlightedPart === "month" && "font-bold underline"),
|
|
1886
2883
|
onMouseOver: () => handleMouseOver("month"),
|
|
1887
2884
|
onMouseLeave: handleMouseLeave,
|
|
1888
2885
|
children: formatWithTz(date.from, "LLL")
|
|
@@ -1891,7 +2888,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1891
2888
|
" ",
|
|
1892
2889
|
/* @__PURE__ */ jsx("span", {
|
|
1893
2890
|
id: "year",
|
|
1894
|
-
className: cn("date-part", highlightedPart === "year" && "font-bold underline"),
|
|
2891
|
+
className: cn$1("date-part", highlightedPart === "year" && "font-bold underline"),
|
|
1895
2892
|
onMouseOver: () => handleMouseOver("year"),
|
|
1896
2893
|
onMouseLeave: handleMouseLeave,
|
|
1897
2894
|
children: formatWithTz(date.from, "y")
|
|
@@ -1927,7 +2924,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1927
2924
|
children: dateRanges.map(({ key, label, start, end }) => /* @__PURE__ */ jsx(Button, {
|
|
1928
2925
|
variant: "ghost",
|
|
1929
2926
|
size: "sm",
|
|
1930
|
-
className: cn("hover:bg-primary/90 hover:text-background justify-start", selectedRange === label && "bg-primary text-background hover:bg-primary/90 hover:text-background"),
|
|
2927
|
+
className: cn$1("hover:bg-primary/90 hover:text-background justify-start", selectedRange === label && "bg-primary text-background hover:bg-primary/90 hover:text-background"),
|
|
1931
2928
|
onClick: () => {
|
|
1932
2929
|
selectDateRange(start, end, label);
|
|
1933
2930
|
setMonthFrom(start);
|
|
@@ -1944,58 +2941,58 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
1944
2941
|
className: "flex items-center gap-4",
|
|
1945
2942
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
1946
2943
|
className: "ml-3 flex gap-2",
|
|
1947
|
-
children: [/* @__PURE__ */ jsxs(Select
|
|
2944
|
+
children: [/* @__PURE__ */ jsxs(Select, {
|
|
1948
2945
|
onValueChange: (value) => {
|
|
1949
2946
|
handleMonthChange(months.indexOf(value), "from");
|
|
1950
2947
|
setSelectedRange(null);
|
|
1951
2948
|
},
|
|
1952
2949
|
value: monthFrom ? months[monthFrom.getMonth()] : void 0,
|
|
1953
|
-
children: [/* @__PURE__ */ jsx(SelectTrigger
|
|
2950
|
+
children: [/* @__PURE__ */ jsx(SelectTrigger, {
|
|
1954
2951
|
className: "hover:bg-accent hover:text-accent-foreground hidden w-[122px] font-medium focus:ring-0 focus:ring-offset-0 sm:flex",
|
|
1955
|
-
children: /* @__PURE__ */ jsx(SelectValue
|
|
1956
|
-
}), /* @__PURE__ */ jsx(SelectContent
|
|
2952
|
+
children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Month" })
|
|
2953
|
+
}), /* @__PURE__ */ jsx(SelectContent, { children: months.map((month, idx) => /* @__PURE__ */ jsx(SelectItem, {
|
|
1957
2954
|
value: month,
|
|
1958
2955
|
children: month
|
|
1959
2956
|
}, idx)) })]
|
|
1960
|
-
}), /* @__PURE__ */ jsxs(Select
|
|
2957
|
+
}), /* @__PURE__ */ jsxs(Select, {
|
|
1961
2958
|
onValueChange: (value) => {
|
|
1962
2959
|
handleYearChange(Number(value), "from");
|
|
1963
2960
|
setSelectedRange(null);
|
|
1964
2961
|
},
|
|
1965
2962
|
value: yearFrom ? yearFrom.toString() : void 0,
|
|
1966
|
-
children: [/* @__PURE__ */ jsx(SelectTrigger
|
|
2963
|
+
children: [/* @__PURE__ */ jsx(SelectTrigger, {
|
|
1967
2964
|
className: "hover:bg-accent hover:text-accent-foreground hidden w-[122px] font-medium focus:ring-0 focus:ring-offset-0 sm:flex",
|
|
1968
|
-
children: /* @__PURE__ */ jsx(SelectValue
|
|
1969
|
-
}), /* @__PURE__ */ jsx(SelectContent
|
|
2965
|
+
children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Year" })
|
|
2966
|
+
}), /* @__PURE__ */ jsx(SelectContent, { children: years.map((year, idx) => /* @__PURE__ */ jsx(SelectItem, {
|
|
1970
2967
|
value: year.toString(),
|
|
1971
2968
|
children: year
|
|
1972
2969
|
}, idx)) })]
|
|
1973
2970
|
})]
|
|
1974
2971
|
}), numberOfMonths === 2 && /* @__PURE__ */ jsxs("div", {
|
|
1975
2972
|
className: "flex gap-2",
|
|
1976
|
-
children: [/* @__PURE__ */ jsxs(Select
|
|
2973
|
+
children: [/* @__PURE__ */ jsxs(Select, {
|
|
1977
2974
|
onValueChange: (value) => {
|
|
1978
2975
|
handleMonthChange(months.indexOf(value), "to");
|
|
1979
2976
|
setSelectedRange(null);
|
|
1980
2977
|
},
|
|
1981
2978
|
value: monthTo ? months[monthTo.getMonth()] : void 0,
|
|
1982
|
-
children: [/* @__PURE__ */ jsx(SelectTrigger
|
|
2979
|
+
children: [/* @__PURE__ */ jsx(SelectTrigger, {
|
|
1983
2980
|
className: "hover:bg-accent hover:text-accent-foreground hidden w-[122px] font-medium focus:ring-0 focus:ring-offset-0 sm:flex",
|
|
1984
|
-
children: /* @__PURE__ */ jsx(SelectValue
|
|
1985
|
-
}), /* @__PURE__ */ jsx(SelectContent
|
|
2981
|
+
children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Month" })
|
|
2982
|
+
}), /* @__PURE__ */ jsx(SelectContent, { children: months.map((month, idx) => /* @__PURE__ */ jsx(SelectItem, {
|
|
1986
2983
|
value: month,
|
|
1987
2984
|
children: month
|
|
1988
2985
|
}, idx)) })]
|
|
1989
|
-
}), /* @__PURE__ */ jsxs(Select
|
|
2986
|
+
}), /* @__PURE__ */ jsxs(Select, {
|
|
1990
2987
|
onValueChange: (value) => {
|
|
1991
2988
|
handleYearChange(Number(value), "to");
|
|
1992
2989
|
setSelectedRange(null);
|
|
1993
2990
|
},
|
|
1994
2991
|
value: yearTo ? yearTo.toString() : void 0,
|
|
1995
|
-
children: [/* @__PURE__ */ jsx(SelectTrigger
|
|
2992
|
+
children: [/* @__PURE__ */ jsx(SelectTrigger, {
|
|
1996
2993
|
className: "hover:bg-accent hover:text-accent-foreground hidden w-[122px] font-medium focus:ring-0 focus:ring-offset-0 sm:flex",
|
|
1997
|
-
children: /* @__PURE__ */ jsx(SelectValue
|
|
1998
|
-
}), /* @__PURE__ */ jsx(SelectContent
|
|
2994
|
+
children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Year" })
|
|
2995
|
+
}), /* @__PURE__ */ jsx(SelectContent, { children: years.map((year, idx) => /* @__PURE__ */ jsx(SelectItem, {
|
|
1999
2996
|
value: year.toString(),
|
|
2000
2997
|
children: year
|
|
2001
2998
|
}, idx)) })]
|
|
@@ -2061,7 +3058,7 @@ function DropdownMenuTrigger({ ...props }) {
|
|
|
2061
3058
|
function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
|
|
2062
3059
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
|
|
2063
3060
|
sideOffset,
|
|
2064
|
-
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
|
|
3061
|
+
className: cn$1("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
|
|
2065
3062
|
...props
|
|
2066
3063
|
}) });
|
|
2067
3064
|
}
|
|
@@ -2072,13 +3069,13 @@ function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
|
|
|
2072
3069
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
|
|
2073
3070
|
"data-inset": inset,
|
|
2074
3071
|
"data-variant": variant,
|
|
2075
|
-
className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
3072
|
+
className: cn$1("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
2076
3073
|
...props
|
|
2077
3074
|
});
|
|
2078
3075
|
}
|
|
2079
3076
|
function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
|
|
2080
3077
|
return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
|
|
2081
|
-
className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
3078
|
+
className: cn$1("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
2082
3079
|
checked,
|
|
2083
3080
|
...props,
|
|
2084
3081
|
children: [/* @__PURE__ */ jsx("span", {
|
|
@@ -2095,7 +3092,7 @@ function DropdownMenuRadioGroup({ ...props }) {
|
|
|
2095
3092
|
}
|
|
2096
3093
|
function DropdownMenuRadioItem({ className, children, ...props }) {
|
|
2097
3094
|
return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
|
|
2098
|
-
className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
3095
|
+
className: cn$1("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
2099
3096
|
...props,
|
|
2100
3097
|
children: [/* @__PURE__ */ jsx("span", {
|
|
2101
3098
|
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
@@ -2109,19 +3106,19 @@ function DropdownMenuRadioItem({ className, children, ...props }) {
|
|
|
2109
3106
|
function DropdownMenuLabel({ className, inset, ...props }) {
|
|
2110
3107
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
|
|
2111
3108
|
"data-inset": inset,
|
|
2112
|
-
className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
|
|
3109
|
+
className: cn$1("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
|
|
2113
3110
|
...props
|
|
2114
3111
|
});
|
|
2115
3112
|
}
|
|
2116
3113
|
function DropdownMenuSeparator({ className, ...props }) {
|
|
2117
3114
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
|
|
2118
|
-
className: cn("bg-border -mx-1 my-1 h-px", className),
|
|
3115
|
+
className: cn$1("bg-border -mx-1 my-1 h-px", className),
|
|
2119
3116
|
...props
|
|
2120
3117
|
});
|
|
2121
3118
|
}
|
|
2122
3119
|
function DropdownMenuShortcut({ className, ...props }) {
|
|
2123
3120
|
return /* @__PURE__ */ jsx("span", {
|
|
2124
|
-
className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
3121
|
+
className: cn$1("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
2125
3122
|
...props
|
|
2126
3123
|
});
|
|
2127
3124
|
}
|
|
@@ -2131,7 +3128,7 @@ function DropdownMenuSub({ ...props }) {
|
|
|
2131
3128
|
function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
|
|
2132
3129
|
return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
|
|
2133
3130
|
"data-inset": inset,
|
|
2134
|
-
className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", className),
|
|
3131
|
+
className: cn$1("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", className),
|
|
2135
3132
|
...props,
|
|
2136
3133
|
children: [children, /* @__PURE__ */ jsx(Icon, {
|
|
2137
3134
|
icon: ChevronRightIcon,
|
|
@@ -2141,7 +3138,7 @@ function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
|
|
|
2141
3138
|
}
|
|
2142
3139
|
function DropdownMenuSubContent({ className, ...props }) {
|
|
2143
3140
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
|
|
2144
|
-
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className),
|
|
3141
|
+
className: cn$1("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className),
|
|
2145
3142
|
...props
|
|
2146
3143
|
});
|
|
2147
3144
|
}
|
|
@@ -2193,7 +3190,7 @@ function Dropzone({ accept, maxFiles = 1, maxSize, minSize, onDrop, onError, dis
|
|
|
2193
3190
|
maxFiles
|
|
2194
3191
|
},
|
|
2195
3192
|
children: /* @__PURE__ */ jsxs(Button, {
|
|
2196
|
-
className: cn("relative h-auto w-full flex-col overflow-hidden rounded-lg border border-dashed border-[#90969C99] bg-transparent p-9 text-base", isDragActive && "ring-ring ring-1 outline-none", className),
|
|
3193
|
+
className: cn$1("relative h-auto w-full flex-col overflow-hidden rounded-lg border border-dashed border-[#90969C99] bg-transparent p-9 text-base", isDragActive && "ring-ring ring-1 outline-none", className),
|
|
2197
3194
|
disabled,
|
|
2198
3195
|
type: "button",
|
|
2199
3196
|
variant: "outline",
|
|
@@ -2221,7 +3218,7 @@ function DropzoneContent({ children, className, icon, label, description }) {
|
|
|
2221
3218
|
if (children) return children;
|
|
2222
3219
|
const renderedLabel = typeof label === "function" ? label(src) : label;
|
|
2223
3220
|
return /* @__PURE__ */ jsxs("div", {
|
|
2224
|
-
className: cn("flex flex-col items-center justify-center", className),
|
|
3221
|
+
className: cn$1("flex flex-col items-center justify-center", className),
|
|
2225
3222
|
children: [
|
|
2226
3223
|
icon ?? /* @__PURE__ */ jsx(Icon, {
|
|
2227
3224
|
icon: UploadIcon,
|
|
@@ -2254,7 +3251,7 @@ function DropzoneEmptyState({ children, className, icon, label, description, sho
|
|
|
2254
3251
|
else if (maxSize) caption += ` less than ${renderBytes(maxSize)}`;
|
|
2255
3252
|
}
|
|
2256
3253
|
return /* @__PURE__ */ jsxs("div", {
|
|
2257
|
-
className: cn("flex flex-col items-center justify-center", className),
|
|
3254
|
+
className: cn$1("flex flex-col items-center justify-center", className),
|
|
2258
3255
|
children: [
|
|
2259
3256
|
icon ?? /* @__PURE__ */ jsx(Icon, {
|
|
2260
3257
|
icon: UploadIcon,
|
|
@@ -2413,7 +3410,7 @@ function EmptyContent({ title = "No data found", subtitle, variant = "default",
|
|
|
2413
3410
|
}, action.label);
|
|
2414
3411
|
};
|
|
2415
3412
|
return /* @__PURE__ */ jsxs("div", {
|
|
2416
|
-
className: cn(containerVariants({
|
|
3413
|
+
className: cn$1(containerVariants({
|
|
2417
3414
|
variant,
|
|
2418
3415
|
size,
|
|
2419
3416
|
orientation
|
|
@@ -2622,7 +3619,7 @@ function FormAutocomplete({ disabled, className, ...props }) {
|
|
|
2622
3619
|
value: selectValue ?? "",
|
|
2623
3620
|
onValueChange: control.change,
|
|
2624
3621
|
disabled: isDisabled,
|
|
2625
|
-
triggerClassName: cn(hasErrors && "border-destructive", props.triggerClassName),
|
|
3622
|
+
triggerClassName: cn$1(hasErrors && "border-destructive", props.triggerClassName),
|
|
2626
3623
|
className
|
|
2627
3624
|
});
|
|
2628
3625
|
}
|
|
@@ -2702,8 +3699,8 @@ function FormCheckbox({ label, disabled, className }) {
|
|
|
2702
3699
|
};
|
|
2703
3700
|
const checkboxId = fieldMeta.id;
|
|
2704
3701
|
return /* @__PURE__ */ jsxs("div", {
|
|
2705
|
-
className: cn("flex items-center space-x-2", className),
|
|
2706
|
-
children: [/* @__PURE__ */ jsx(Checkbox
|
|
3702
|
+
className: cn$1("flex items-center space-x-2", className),
|
|
3703
|
+
children: [/* @__PURE__ */ jsx(Checkbox, {
|
|
2707
3704
|
id: checkboxId,
|
|
2708
3705
|
name: fieldMeta.name,
|
|
2709
3706
|
checked: isChecked,
|
|
@@ -2711,9 +3708,9 @@ function FormCheckbox({ label, disabled, className }) {
|
|
|
2711
3708
|
disabled: isDisabled,
|
|
2712
3709
|
"aria-invalid": hasErrors || void 0,
|
|
2713
3710
|
"aria-describedby": hasErrors ? `${fieldMeta.id}-error` : void 0
|
|
2714
|
-
}), label && /* @__PURE__ */ jsx(Label
|
|
3711
|
+
}), label && /* @__PURE__ */ jsx(Label, {
|
|
2715
3712
|
htmlFor: checkboxId,
|
|
2716
|
-
className: cn("cursor-pointer text-sm font-normal", isDisabled && "cursor-not-allowed opacity-70"),
|
|
3713
|
+
className: cn$1("cursor-pointer text-sm font-normal", isDisabled && "cursor-not-allowed opacity-70"),
|
|
2717
3714
|
children: label
|
|
2718
3715
|
})]
|
|
2719
3716
|
});
|
|
@@ -2801,9 +3798,9 @@ function FormCopyBox({ variant = "default", className, contentClassName, buttonC
|
|
|
2801
3798
|
});
|
|
2802
3799
|
};
|
|
2803
3800
|
return /* @__PURE__ */ jsxs("div", {
|
|
2804
|
-
className: cn("group border-input flex h-10 w-full overflow-hidden rounded-lg border bg-[#F6F6F580] text-xs focus-within:outline-hidden", className),
|
|
3801
|
+
className: cn$1("group border-input flex h-10 w-full overflow-hidden rounded-lg border bg-[#F6F6F580] text-xs focus-within:outline-hidden", className),
|
|
2805
3802
|
children: [/* @__PURE__ */ jsx("div", {
|
|
2806
|
-
className: cn("flex w-full items-center overflow-hidden px-3 py-2 text-xs opacity-50", contentClassName),
|
|
3803
|
+
className: cn$1("flex w-full items-center overflow-hidden px-3 py-2 text-xs opacity-50", contentClassName),
|
|
2807
3804
|
children: /* @__PURE__ */ jsx("span", {
|
|
2808
3805
|
className: "truncate",
|
|
2809
3806
|
children: String(value)
|
|
@@ -2812,14 +3809,14 @@ function FormCopyBox({ variant = "default", className, contentClassName, buttonC
|
|
|
2812
3809
|
className: "flex items-center py-2 pr-3",
|
|
2813
3810
|
children: variant === "icon-only" ? /* @__PURE__ */ jsx("button", {
|
|
2814
3811
|
type: "button",
|
|
2815
|
-
className: cn("text-muted-foreground hover:text-foreground flex size-7 items-center justify-center rounded-sm transition-colors", buttonClassName),
|
|
3812
|
+
className: cn$1("text-muted-foreground hover:text-foreground flex size-7 items-center justify-center rounded-sm transition-colors", buttonClassName),
|
|
2816
3813
|
onClick: copyToClipboard,
|
|
2817
3814
|
children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" })
|
|
2818
3815
|
}) : /* @__PURE__ */ jsxs(Button$1, {
|
|
2819
3816
|
type: "quaternary",
|
|
2820
3817
|
theme: "outline",
|
|
2821
3818
|
size: "small",
|
|
2822
|
-
className: cn("h-7 w-fit gap-1 px-2 text-xs", buttonClassName),
|
|
3819
|
+
className: cn$1("h-7 w-fit gap-1 px-2 text-xs", buttonClassName),
|
|
2823
3820
|
onClick: copyToClipboard,
|
|
2824
3821
|
children: [/* @__PURE__ */ jsx(CopyIcon, { className: "size-3!" }), copied ? "Copied" : "Copy"]
|
|
2825
3822
|
})
|
|
@@ -2881,7 +3878,7 @@ function FormDescription({ children, className }) {
|
|
|
2881
3878
|
const fieldContext = useOptionalFieldContext();
|
|
2882
3879
|
return /* @__PURE__ */ jsx("p", {
|
|
2883
3880
|
id: fieldContext ? `${fieldContext.id}-description` : void 0,
|
|
2884
|
-
className: cn("text-muted-foreground text-xs text-wrap", className),
|
|
3881
|
+
className: cn$1("text-muted-foreground text-xs text-wrap", className),
|
|
2885
3882
|
children
|
|
2886
3883
|
});
|
|
2887
3884
|
}
|
|
@@ -2974,10 +3971,10 @@ function FormDialog({ open, onOpenChange, defaultOpen, title, description, trigg
|
|
|
2974
3971
|
const handleCancel = React$1.useCallback(() => {
|
|
2975
3972
|
handleOpenChange(false);
|
|
2976
3973
|
}, [handleOpenChange]);
|
|
2977
|
-
return /* @__PURE__ */ jsxs(Dialog
|
|
3974
|
+
return /* @__PURE__ */ jsxs(Dialog, {
|
|
2978
3975
|
open: isOpen,
|
|
2979
3976
|
onOpenChange: handleOpenChange,
|
|
2980
|
-
children: [trigger && /* @__PURE__ */ jsx(Dialog
|
|
3977
|
+
children: [trigger && /* @__PURE__ */ jsx(Dialog.Trigger, { children: trigger }), /* @__PURE__ */ jsx(Dialog.Content, {
|
|
2981
3978
|
className,
|
|
2982
3979
|
children: /* @__PURE__ */ jsx(Form.Root, {
|
|
2983
3980
|
schema,
|
|
@@ -2988,20 +3985,20 @@ function FormDialog({ open, onOpenChange, defaultOpen, title, description, trigg
|
|
|
2988
3985
|
mode: "onSubmit",
|
|
2989
3986
|
formComponent,
|
|
2990
3987
|
telemetry,
|
|
2991
|
-
className: cn("space-y-0", formClassName),
|
|
3988
|
+
className: cn$1("space-y-0", formClassName),
|
|
2992
3989
|
children: (renderProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
2993
|
-
/* @__PURE__ */ jsx(Dialog
|
|
3990
|
+
/* @__PURE__ */ jsx(Dialog.Header, {
|
|
2994
3991
|
title,
|
|
2995
3992
|
description,
|
|
2996
3993
|
onClose: handleCancel,
|
|
2997
3994
|
className: "border-b",
|
|
2998
3995
|
descriptionClassName: "text-foreground/80"
|
|
2999
3996
|
}),
|
|
3000
|
-
/* @__PURE__ */ jsx(Dialog
|
|
3997
|
+
/* @__PURE__ */ jsx(Dialog.Body, {
|
|
3001
3998
|
className: "space-y-0",
|
|
3002
3999
|
children: typeof children === "function" ? children(renderProps) : children
|
|
3003
4000
|
}),
|
|
3004
|
-
/* @__PURE__ */ jsxs(Dialog
|
|
4001
|
+
/* @__PURE__ */ jsxs(Dialog.Footer, {
|
|
3005
4002
|
className: "border-t",
|
|
3006
4003
|
children: [showCancel && /* @__PURE__ */ jsx(Form.Button, {
|
|
3007
4004
|
type: "quaternary",
|
|
@@ -3051,7 +4048,7 @@ function FormError({ children, className }) {
|
|
|
3051
4048
|
if (!errors || errors.length === 0) return null;
|
|
3052
4049
|
if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment$1, { children: children(errors) });
|
|
3053
4050
|
return /* @__PURE__ */ jsx("ul", {
|
|
3054
|
-
className: cn("text-destructive space-y-1 text-sm font-medium", errors.length > 1 && "list-disc pl-4", className),
|
|
4051
|
+
className: cn$1("text-destructive space-y-1 text-sm font-medium", errors.length > 1 && "list-disc pl-4", className),
|
|
3055
4052
|
role: "alert",
|
|
3056
4053
|
"aria-live": "polite",
|
|
3057
4054
|
children: errors.map((error) => /* @__PURE__ */ jsx("li", {
|
|
@@ -3071,15 +4068,15 @@ function FieldLabel({ htmlFor, label, hasErrors, required, tooltip, className })
|
|
|
3071
4068
|
const [isTooltipVisible, setIsTooltipVisible] = React$1.useState(false);
|
|
3072
4069
|
return /* @__PURE__ */ jsxs("div", {
|
|
3073
4070
|
className: "relative flex w-fit items-center space-x-2",
|
|
3074
|
-
children: [/* @__PURE__ */ jsxs(Label
|
|
4071
|
+
children: [/* @__PURE__ */ jsxs(Label, {
|
|
3075
4072
|
htmlFor,
|
|
3076
|
-
className: cn("text-foreground/80 gap-0 text-xs font-semibold", hasErrors && "text-destructive", className),
|
|
4073
|
+
className: cn$1("text-foreground/80 gap-0 text-xs font-semibold", hasErrors && "text-destructive", className),
|
|
3077
4074
|
children: [label, required && /* @__PURE__ */ jsx("span", {
|
|
3078
4075
|
className: "text-destructive/80 align-super text-sm leading-0",
|
|
3079
4076
|
"aria-hidden": "true",
|
|
3080
4077
|
children: "*"
|
|
3081
4078
|
})]
|
|
3082
|
-
}), tooltip && /* @__PURE__ */ jsx(Tooltip
|
|
4079
|
+
}), tooltip && /* @__PURE__ */ jsx(Tooltip, {
|
|
3083
4080
|
message: tooltip,
|
|
3084
4081
|
open: isTooltipVisible,
|
|
3085
4082
|
onOpenChange: setIsTooltipVisible,
|
|
@@ -3087,7 +4084,7 @@ function FieldLabel({ htmlFor, label, hasErrors, required, tooltip, className })
|
|
|
3087
4084
|
contentClassName: "max-w-xs text-wrap",
|
|
3088
4085
|
children: /* @__PURE__ */ jsx(Icon, {
|
|
3089
4086
|
icon: CircleHelp,
|
|
3090
|
-
className: cn("text-ring absolute top-0.5 -right-3 size-3.5 cursor-pointer transition-opacity duration-400")
|
|
4087
|
+
className: cn$1("text-ring absolute top-0.5 -right-3 size-3.5 cursor-pointer transition-opacity duration-400")
|
|
3091
4088
|
})
|
|
3092
4089
|
})]
|
|
3093
4090
|
});
|
|
@@ -3186,7 +4183,7 @@ function FormField({ name, children, label, description, tooltip, required = fal
|
|
|
3186
4183
|
return /* @__PURE__ */ jsx(FieldProvider, {
|
|
3187
4184
|
value: contextValue,
|
|
3188
4185
|
children: /* @__PURE__ */ jsxs("div", {
|
|
3189
|
-
className: cn("flex flex-col space-y-2", className),
|
|
4186
|
+
className: cn$1("flex flex-col space-y-2", className),
|
|
3190
4187
|
children: [
|
|
3191
4188
|
label && /* @__PURE__ */ jsx(FieldLabel, {
|
|
3192
4189
|
htmlFor: fieldId,
|
|
@@ -3204,7 +4201,7 @@ function FormField({ name, children, label, description, tooltip, required = fal
|
|
|
3204
4201
|
}),
|
|
3205
4202
|
hasErrors && /* @__PURE__ */ jsx("ul", {
|
|
3206
4203
|
id: errorId,
|
|
3207
|
-
className: cn("text-destructive space-y-1 text-xs font-medium", errors.length > 1 && "list-disc pl-4"),
|
|
4204
|
+
className: cn$1("text-destructive space-y-1 text-xs font-medium", errors.length > 1 && "list-disc pl-4"),
|
|
3208
4205
|
role: "alert",
|
|
3209
4206
|
"aria-live": "polite",
|
|
3210
4207
|
children: errors.map((error) => /* @__PURE__ */ jsx("li", {
|
|
@@ -3359,7 +4356,7 @@ function FormInput({ ref, type = "text", className, disabled, ...props }) {
|
|
|
3359
4356
|
const inputProps = getInputProps(fieldMeta, { type });
|
|
3360
4357
|
const isDisabled = disabled ?? fieldDisabled;
|
|
3361
4358
|
const hasErrors = errors && errors.length > 0;
|
|
3362
|
-
return /* @__PURE__ */ jsx(Input
|
|
4359
|
+
return /* @__PURE__ */ jsx(Input, {
|
|
3363
4360
|
ref,
|
|
3364
4361
|
...inputProps,
|
|
3365
4362
|
...props,
|
|
@@ -3367,7 +4364,7 @@ function FormInput({ ref, type = "text", className, disabled, ...props }) {
|
|
|
3367
4364
|
disabled: isDisabled,
|
|
3368
4365
|
"aria-invalid": hasErrors || void 0,
|
|
3369
4366
|
"aria-describedby": hasErrors ? `${fieldMeta.id}-error` : void 0,
|
|
3370
|
-
className: cn("!text-xs", className)
|
|
4367
|
+
className: cn$1("!text-xs", className)
|
|
3371
4368
|
});
|
|
3372
4369
|
}
|
|
3373
4370
|
FormInput.displayName = "Form.Input";
|
|
@@ -3396,14 +4393,14 @@ function FormRadioGroup({ orientation = "vertical", disabled, className, childre
|
|
|
3396
4393
|
const isDisabled = disabled ?? fieldDisabled;
|
|
3397
4394
|
const hasErrors = errors && errors.length > 0;
|
|
3398
4395
|
const radioValue = Array.isArray(control.value) ? control.value[0] : control.value;
|
|
3399
|
-
return /* @__PURE__ */ jsx(RadioGroup
|
|
4396
|
+
return /* @__PURE__ */ jsx(RadioGroup, {
|
|
3400
4397
|
name: fieldMeta.name,
|
|
3401
4398
|
value: radioValue ?? "",
|
|
3402
4399
|
onValueChange: control.change,
|
|
3403
4400
|
disabled: isDisabled,
|
|
3404
4401
|
"aria-invalid": hasErrors || void 0,
|
|
3405
4402
|
"aria-describedby": hasErrors ? `${fieldMeta.id}-error` : void 0,
|
|
3406
|
-
className: cn(orientation === "horizontal" ? "flex flex-row space-x-4" : "flex flex-col space-y-2", className),
|
|
4403
|
+
className: cn$1(orientation === "horizontal" ? "flex flex-row space-x-4" : "flex flex-col space-y-2", className),
|
|
3407
4404
|
children
|
|
3408
4405
|
});
|
|
3409
4406
|
}
|
|
@@ -3420,16 +4417,16 @@ function FormRadioItem({ value, label, description, disabled }) {
|
|
|
3420
4417
|
const radioId = `radio-${value}`;
|
|
3421
4418
|
return /* @__PURE__ */ jsxs("div", {
|
|
3422
4419
|
className: "flex items-start space-x-2",
|
|
3423
|
-
children: [/* @__PURE__ */ jsx(RadioGroupItem
|
|
4420
|
+
children: [/* @__PURE__ */ jsx(RadioGroupItem, {
|
|
3424
4421
|
id: radioId,
|
|
3425
4422
|
value,
|
|
3426
4423
|
disabled,
|
|
3427
4424
|
className: "mt-1"
|
|
3428
4425
|
}), /* @__PURE__ */ jsxs("div", {
|
|
3429
4426
|
className: "flex flex-col",
|
|
3430
|
-
children: [/* @__PURE__ */ jsx(Label
|
|
4427
|
+
children: [/* @__PURE__ */ jsx(Label, {
|
|
3431
4428
|
htmlFor: radioId,
|
|
3432
|
-
className: cn("cursor-pointer text-sm font-normal", disabled && "cursor-not-allowed opacity-70"),
|
|
4429
|
+
className: cn$1("cursor-pointer text-sm font-normal", disabled && "cursor-not-allowed opacity-70"),
|
|
3433
4430
|
children: label
|
|
3434
4431
|
}), description && /* @__PURE__ */ jsx("span", {
|
|
3435
4432
|
className: "text-muted-foreground text-xs",
|
|
@@ -3604,7 +4601,7 @@ function FormRoot({ schema, children, onSubmit, action, method = "POST", formCom
|
|
|
3604
4601
|
},
|
|
3605
4602
|
method,
|
|
3606
4603
|
action,
|
|
3607
|
-
className: cn("space-y-6", className),
|
|
4604
|
+
className: cn$1("space-y-6", className),
|
|
3608
4605
|
autoComplete: "off",
|
|
3609
4606
|
children: renderChildren()
|
|
3610
4607
|
})
|
|
@@ -3637,18 +4634,18 @@ function FormSelect({ placeholder, disabled, className, children }) {
|
|
|
3637
4634
|
const isDisabled = disabled ?? fieldDisabled;
|
|
3638
4635
|
const hasErrors = errors && errors.length > 0;
|
|
3639
4636
|
const selectValue = Array.isArray(control.value) ? control.value[0] : control.value;
|
|
3640
|
-
return /* @__PURE__ */ jsxs(Select
|
|
4637
|
+
return /* @__PURE__ */ jsxs(Select, {
|
|
3641
4638
|
name: fieldMeta.name,
|
|
3642
4639
|
value: selectValue ?? "",
|
|
3643
4640
|
onValueChange: control.change,
|
|
3644
4641
|
disabled: isDisabled,
|
|
3645
|
-
children: [/* @__PURE__ */ jsx(SelectTrigger
|
|
4642
|
+
children: [/* @__PURE__ */ jsx(SelectTrigger, {
|
|
3646
4643
|
id: fieldMeta.id,
|
|
3647
4644
|
"aria-invalid": hasErrors || void 0,
|
|
3648
4645
|
"aria-describedby": hasErrors ? `${fieldMeta.id}-error` : void 0,
|
|
3649
|
-
className: cn(className),
|
|
3650
|
-
children: /* @__PURE__ */ jsx(SelectValue
|
|
3651
|
-
}), /* @__PURE__ */ jsx(SelectContent
|
|
4646
|
+
className: cn$1(className),
|
|
4647
|
+
children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
|
|
4648
|
+
}), /* @__PURE__ */ jsx(SelectContent, { children })]
|
|
3652
4649
|
});
|
|
3653
4650
|
}
|
|
3654
4651
|
FormSelect.displayName = "Form.Select";
|
|
@@ -3661,7 +4658,7 @@ FormSelect.displayName = "Form.Select";
|
|
|
3661
4658
|
* ```
|
|
3662
4659
|
*/
|
|
3663
4660
|
function FormSelectItem({ value, children, disabled }) {
|
|
3664
|
-
return /* @__PURE__ */ jsx(SelectItem
|
|
4661
|
+
return /* @__PURE__ */ jsx(SelectItem, {
|
|
3665
4662
|
value,
|
|
3666
4663
|
disabled,
|
|
3667
4664
|
children
|
|
@@ -3719,8 +4716,8 @@ function FormSwitch({ label, disabled, className }) {
|
|
|
3719
4716
|
};
|
|
3720
4717
|
const switchId = fieldMeta.id;
|
|
3721
4718
|
return /* @__PURE__ */ jsxs("div", {
|
|
3722
|
-
className: cn("flex items-center space-x-2", className),
|
|
3723
|
-
children: [/* @__PURE__ */ jsx(Switch
|
|
4719
|
+
className: cn$1("flex items-center space-x-2", className),
|
|
4720
|
+
children: [/* @__PURE__ */ jsx(Switch, {
|
|
3724
4721
|
id: switchId,
|
|
3725
4722
|
name: fieldMeta.name,
|
|
3726
4723
|
checked: isChecked,
|
|
@@ -3728,9 +4725,9 @@ function FormSwitch({ label, disabled, className }) {
|
|
|
3728
4725
|
disabled: isDisabled,
|
|
3729
4726
|
"aria-invalid": hasErrors || void 0,
|
|
3730
4727
|
"aria-describedby": hasErrors ? `${fieldMeta.id}-error` : void 0
|
|
3731
|
-
}), label && /* @__PURE__ */ jsx(Label
|
|
4728
|
+
}), label && /* @__PURE__ */ jsx(Label, {
|
|
3732
4729
|
htmlFor: switchId,
|
|
3733
|
-
className: cn("cursor-pointer text-sm font-normal", isDisabled && "cursor-not-allowed opacity-70"),
|
|
4730
|
+
className: cn$1("cursor-pointer text-sm font-normal", isDisabled && "cursor-not-allowed opacity-70"),
|
|
3734
4731
|
children: label
|
|
3735
4732
|
})]
|
|
3736
4733
|
});
|
|
@@ -3756,7 +4753,7 @@ function FormTextarea({ ref, className, disabled, rows = 3, ...props }) {
|
|
|
3756
4753
|
const textareaProps = getTextareaProps(fieldMeta);
|
|
3757
4754
|
const isDisabled = disabled ?? fieldDisabled;
|
|
3758
4755
|
const hasErrors = errors && errors.length > 0;
|
|
3759
|
-
return /* @__PURE__ */ jsx(Textarea
|
|
4756
|
+
return /* @__PURE__ */ jsx(Textarea, {
|
|
3760
4757
|
ref,
|
|
3761
4758
|
...textareaProps,
|
|
3762
4759
|
...props,
|
|
@@ -3764,7 +4761,7 @@ function FormTextarea({ ref, className, disabled, rows = 3, ...props }) {
|
|
|
3764
4761
|
disabled: isDisabled,
|
|
3765
4762
|
"aria-invalid": hasErrors || void 0,
|
|
3766
4763
|
"aria-describedby": hasErrors ? `${fieldMeta.id}-error` : void 0,
|
|
3767
|
-
className: cn(className)
|
|
4764
|
+
className: cn$1(className)
|
|
3768
4765
|
});
|
|
3769
4766
|
}
|
|
3770
4767
|
FormTextarea.displayName = "Form.Textarea";
|
|
@@ -3920,7 +4917,7 @@ function defineStepper(...steps) {
|
|
|
3920
4917
|
const methods = useStepper();
|
|
3921
4918
|
return /* @__PURE__ */ jsx("div", {
|
|
3922
4919
|
"date-component": "stepper",
|
|
3923
|
-
className: cn("w-full", className),
|
|
4920
|
+
className: cn$1("w-full", className),
|
|
3924
4921
|
...props,
|
|
3925
4922
|
children: typeof children === "function" ? children({ methods }) : children
|
|
3926
4923
|
});
|
|
@@ -3978,7 +4975,7 @@ function defineStepper(...steps) {
|
|
|
3978
4975
|
const panel = childMap.get("panel");
|
|
3979
4976
|
if (variant === "circle") return /* @__PURE__ */ jsxs("li", {
|
|
3980
4977
|
"date-component": "stepper-step",
|
|
3981
|
-
className: cn("flex shrink-0 items-center gap-4 rounded-md transition-colors", className),
|
|
4978
|
+
className: cn$1("flex shrink-0 items-center gap-4 rounded-md transition-colors", className),
|
|
3982
4979
|
children: [/* @__PURE__ */ jsx(CircleStepIndicator, {
|
|
3983
4980
|
currentStep: stepIndex + 1,
|
|
3984
4981
|
totalSteps: steps.length
|
|
@@ -3991,7 +4988,7 @@ function defineStepper(...steps) {
|
|
|
3991
4988
|
return /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
3992
4989
|
/* @__PURE__ */ jsxs("li", {
|
|
3993
4990
|
"date-component": "stepper-step",
|
|
3994
|
-
className: cn([
|
|
4991
|
+
className: cn$1([
|
|
3995
4992
|
"group peer relative flex items-center gap-2",
|
|
3996
4993
|
"data-[variant=vertical]:flex-row",
|
|
3997
4994
|
"data-[label-orientation=vertical]:w-full",
|
|
@@ -4009,7 +5006,7 @@ function defineStepper(...steps) {
|
|
|
4009
5006
|
type: "button",
|
|
4010
5007
|
role: "tab",
|
|
4011
5008
|
tabIndex: dataState !== "inactive" ? 0 : -1,
|
|
4012
|
-
className: cn("rounded-full", className),
|
|
5009
|
+
className: cn$1("rounded-full", className),
|
|
4013
5010
|
variant: dataState !== "inactive" ? "default" : "secondary",
|
|
4014
5011
|
size: "icon",
|
|
4015
5012
|
"aria-controls": `step-panel-${props.of}`,
|
|
@@ -4073,7 +5070,7 @@ function defineStepper(...steps) {
|
|
|
4073
5070
|
Controls: ({ children, className, asChild, ...props }) => {
|
|
4074
5071
|
return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
|
|
4075
5072
|
"date-component": "stepper-controls",
|
|
4076
|
-
className: cn("flex justify-end gap-4", className),
|
|
5073
|
+
className: cn$1("flex justify-end gap-4", className),
|
|
4077
5074
|
...props,
|
|
4078
5075
|
children
|
|
4079
5076
|
});
|
|
@@ -4084,7 +5081,7 @@ function defineStepper(...steps) {
|
|
|
4084
5081
|
function Title({ children, className, asChild, ...props }) {
|
|
4085
5082
|
return /* @__PURE__ */ jsx(asChild ? Slot : "h4", {
|
|
4086
5083
|
"date-component": "stepper-step-title",
|
|
4087
|
-
className: cn("text-base font-medium", className),
|
|
5084
|
+
className: cn$1("text-base font-medium", className),
|
|
4088
5085
|
...props,
|
|
4089
5086
|
children
|
|
4090
5087
|
});
|
|
@@ -4092,7 +5089,7 @@ function Title({ children, className, asChild, ...props }) {
|
|
|
4092
5089
|
function Description({ children, className, asChild, ...props }) {
|
|
4093
5090
|
return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
|
|
4094
5091
|
"date-component": "stepper-step-description",
|
|
4095
|
-
className: cn("text-muted-foreground text-sm", className),
|
|
5092
|
+
className: cn$1("text-muted-foreground text-sm", className),
|
|
4096
5093
|
...props,
|
|
4097
5094
|
children
|
|
4098
5095
|
});
|
|
@@ -4477,7 +5474,7 @@ function StepForm({ steps, stepper, currentStepConfig, combinedSchema, storedVal
|
|
|
4477
5474
|
ref: formRef,
|
|
4478
5475
|
...getFormProps(form),
|
|
4479
5476
|
method: "POST",
|
|
4480
|
-
className: cn("space-y-6", className),
|
|
5477
|
+
className: cn$1("space-y-6", className),
|
|
4481
5478
|
autoComplete: "off",
|
|
4482
5479
|
children: resolvedChildren
|
|
4483
5480
|
})
|
|
@@ -4560,7 +5557,7 @@ function StepperControls({ prevLabel = "Previous", nextLabel = (isLast) => isLas
|
|
|
4560
5557
|
}
|
|
4561
5558
|
};
|
|
4562
5559
|
return /* @__PURE__ */ jsxs("div", {
|
|
4563
|
-
className: cn("flex items-center justify-between gap-3", className),
|
|
5560
|
+
className: cn$1("flex items-center justify-between gap-3", className),
|
|
4564
5561
|
children: [/* @__PURE__ */ jsx("div", { children: showPrev && /* @__PURE__ */ jsx(Button$1, {
|
|
4565
5562
|
htmlType: "button",
|
|
4566
5563
|
type: "quaternary",
|
|
@@ -4598,7 +5595,7 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
|
|
|
4598
5595
|
const { steps, currentIndex } = useFormStepperContext();
|
|
4599
5596
|
if (variant === "horizontal" && labelOrientation === "vertical") return /* @__PURE__ */ jsx("nav", {
|
|
4600
5597
|
"aria-label": "Form steps",
|
|
4601
|
-
className: cn("flex flex-row items-start justify-between", className),
|
|
5598
|
+
className: cn$1("flex flex-row items-start justify-between", className),
|
|
4602
5599
|
children: steps.map((step, index) => {
|
|
4603
5600
|
const isActive = index === currentIndex;
|
|
4604
5601
|
const isCompleted = index < currentIndex;
|
|
@@ -4607,14 +5604,14 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
|
|
|
4607
5604
|
children: [
|
|
4608
5605
|
!(index === steps.length - 1) && /* @__PURE__ */ jsx("div", { className: "bg-stepper-line absolute top-4 right-[calc(-50%+20px)] left-[calc(50%+20px)] h-0.5" }),
|
|
4609
5606
|
/* @__PURE__ */ jsx("div", {
|
|
4610
|
-
className: cn("relative z-10 flex h-8 w-8 items-center justify-center rounded-full border bg-transparent text-sm font-medium transition-colors", isActive && "border-primary bg-primary text-primary-foreground", isCompleted && "border-tertiary-foreground bg-tertiary-foreground text-tertiary", !isActive && !isCompleted && "border-stepper-label text-stepper-label"),
|
|
5607
|
+
className: cn$1("relative z-10 flex h-8 w-8 items-center justify-center rounded-full border bg-transparent text-sm font-medium transition-colors", isActive && "border-primary bg-primary text-primary-foreground", isCompleted && "border-tertiary-foreground bg-tertiary-foreground text-tertiary", !isActive && !isCompleted && "border-stepper-label text-stepper-label"),
|
|
4611
5608
|
"aria-current": isActive ? "step" : void 0,
|
|
4612
5609
|
children: isCompleted ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-tertiary h-4 w-4" }) : index + 1
|
|
4613
5610
|
}),
|
|
4614
5611
|
/* @__PURE__ */ jsxs("div", {
|
|
4615
5612
|
className: "mt-1",
|
|
4616
5613
|
children: [/* @__PURE__ */ jsx("span", {
|
|
4617
|
-
className: cn("text-xs font-medium", isActive && "text-foreground", isCompleted && "text-stepper-label", !isActive && !isCompleted && "text-stepper-label"),
|
|
5614
|
+
className: cn$1("text-xs font-medium", isActive && "text-foreground", isCompleted && "text-stepper-label", !isActive && !isCompleted && "text-stepper-label"),
|
|
4618
5615
|
children: step.label
|
|
4619
5616
|
}), step.description && /* @__PURE__ */ jsx("p", {
|
|
4620
5617
|
className: "text-muted-foreground mt-0.5 text-xs",
|
|
@@ -4627,7 +5624,7 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
|
|
|
4627
5624
|
});
|
|
4628
5625
|
if (variant === "horizontal") return /* @__PURE__ */ jsx("nav", {
|
|
4629
5626
|
"aria-label": "Form steps",
|
|
4630
|
-
className: cn("flex flex-row items-center", className),
|
|
5627
|
+
className: cn$1("flex flex-row items-center", className),
|
|
4631
5628
|
children: steps.map((step, index) => {
|
|
4632
5629
|
const isActive = index === currentIndex;
|
|
4633
5630
|
const isCompleted = index < currentIndex;
|
|
@@ -4635,13 +5632,13 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
|
|
|
4635
5632
|
return /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsxs("div", {
|
|
4636
5633
|
className: "flex items-center",
|
|
4637
5634
|
children: [/* @__PURE__ */ jsx("div", {
|
|
4638
|
-
className: cn("flex h-8 w-8 items-center justify-center rounded-full border text-sm font-medium transition-colors", isActive && "border-primary bg-primary text-primary-foreground", isCompleted && "border-tertiary-foreground bg-tertiary-foreground text-tertiary", !isActive && !isCompleted && "border-stepper-label text-stepper-label"),
|
|
5635
|
+
className: cn$1("flex h-8 w-8 items-center justify-center rounded-full border text-sm font-medium transition-colors", isActive && "border-primary bg-primary text-primary-foreground", isCompleted && "border-tertiary-foreground bg-tertiary-foreground text-tertiary", !isActive && !isCompleted && "border-stepper-label text-stepper-label"),
|
|
4639
5636
|
"aria-current": isActive ? "step" : void 0,
|
|
4640
5637
|
children: isCompleted ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-tertiary size-4" }) : index + 1
|
|
4641
5638
|
}), /* @__PURE__ */ jsx("div", {
|
|
4642
5639
|
className: "ml-2",
|
|
4643
5640
|
children: /* @__PURE__ */ jsx("span", {
|
|
4644
|
-
className: cn("text-sm font-medium", isActive && "text-foreground", isCompleted && "text-stepper-label", !isActive && !isCompleted && "text-stepper-label"),
|
|
5641
|
+
className: cn$1("text-sm font-medium", isActive && "text-foreground", isCompleted && "text-stepper-label", !isActive && !isCompleted && "text-stepper-label"),
|
|
4645
5642
|
children: step.label
|
|
4646
5643
|
})
|
|
4647
5644
|
})]
|
|
@@ -4650,7 +5647,7 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
|
|
|
4650
5647
|
});
|
|
4651
5648
|
return /* @__PURE__ */ jsx("nav", {
|
|
4652
5649
|
"aria-label": "Form steps",
|
|
4653
|
-
className: cn("flex flex-col", className),
|
|
5650
|
+
className: cn$1("flex flex-col", className),
|
|
4654
5651
|
children: steps.map((step, index) => {
|
|
4655
5652
|
const isActive = index === currentIndex;
|
|
4656
5653
|
const isCompleted = index < currentIndex;
|
|
@@ -4660,14 +5657,14 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
|
|
|
4660
5657
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
4661
5658
|
className: "flex flex-col items-center",
|
|
4662
5659
|
children: [/* @__PURE__ */ jsx("div", {
|
|
4663
|
-
className: cn("flex h-8 w-8 items-center justify-center rounded-full border text-sm font-medium transition-colors", isActive && "border-primary bg-primary text-primary-foreground", isCompleted && "border-tertiary-foreground bg-tertiary-foreground text-tertiary", !isActive && !isCompleted && "border-stepper-label text-stepper-label"),
|
|
5660
|
+
className: cn$1("flex h-8 w-8 items-center justify-center rounded-full border text-sm font-medium transition-colors", isActive && "border-primary bg-primary text-primary-foreground", isCompleted && "border-tertiary-foreground bg-tertiary-foreground text-tertiary", !isActive && !isCompleted && "border-stepper-label text-stepper-label"),
|
|
4664
5661
|
"aria-current": isActive ? "step" : void 0,
|
|
4665
5662
|
children: isCompleted ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-tertiary size-4" }) : index + 1
|
|
4666
5663
|
}), !isLast && /* @__PURE__ */ jsx("div", { className: "bg-stepper-line my-1 min-h-8 w-0.5 flex-1" })]
|
|
4667
5664
|
}), /* @__PURE__ */ jsxs("div", {
|
|
4668
5665
|
className: "ml-3 pb-8",
|
|
4669
5666
|
children: [/* @__PURE__ */ jsx("span", {
|
|
4670
|
-
className: cn("text-sm font-medium", isActive && "text-foreground", isCompleted && "text-stepper-label", !isActive && !isCompleted && "text-stepper-label"),
|
|
5667
|
+
className: cn$1("text-sm font-medium", isActive && "text-foreground", isCompleted && "text-stepper-label", !isActive && !isCompleted && "text-stepper-label"),
|
|
4671
5668
|
children: step.label
|
|
4672
5669
|
}), step.description && /* @__PURE__ */ jsx("p", {
|
|
4673
5670
|
className: "text-muted-foreground mt-0.5 text-xs",
|
|
@@ -4684,14 +5681,14 @@ StepperNavigation.displayName = "Form.StepperNavigation";
|
|
|
4684
5681
|
//#region src/components/features/input-with-addons/input-with-addons.tsx
|
|
4685
5682
|
function InputWithAddons({ ref, leading, trailing, containerClassName, className, ...props }) {
|
|
4686
5683
|
return /* @__PURE__ */ jsxs("div", {
|
|
4687
|
-
className: cn("border-input-border bg-input-background/50 text-input-foreground placeholder:text-input-placeholder", "focus-within:border-input-focus-border focus-within:shadow-(--input-focus-shadow)", "group flex h-10 w-full items-stretch overflow-hidden rounded-lg border transition-all", "focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden", containerClassName),
|
|
5684
|
+
className: cn$1("border-input-border bg-input-background/50 text-input-foreground placeholder:text-input-placeholder", "focus-within:border-input-focus-border focus-within:shadow-(--input-focus-shadow)", "group flex h-10 w-full items-stretch overflow-hidden rounded-lg border transition-all", "focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden", containerClassName),
|
|
4688
5685
|
children: [
|
|
4689
5686
|
leading ? /* @__PURE__ */ jsx("div", {
|
|
4690
5687
|
className: "text-muted-foreground flex items-center bg-transparent pl-3",
|
|
4691
5688
|
children: leading
|
|
4692
5689
|
}) : null,
|
|
4693
5690
|
/* @__PURE__ */ jsx("input", {
|
|
4694
|
-
className: cn("flex-1 bg-transparent px-3 text-base md:text-sm", "placeholder:text-input-placeholder text-input-foreground", "focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-hidden", "focus-visible:border-transparent focus-visible:shadow-none", "read-only:cursor-not-allowed read-only:opacity-50 disabled:cursor-not-allowed disabled:opacity-50", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", leading && "pl-2", trailing && "pr-2", className),
|
|
5691
|
+
className: cn$1("flex-1 bg-transparent px-3 text-base md:text-sm", "placeholder:text-input-placeholder text-input-foreground", "focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-hidden", "focus-visible:border-transparent focus-visible:shadow-none", "read-only:cursor-not-allowed read-only:opacity-50 disabled:cursor-not-allowed disabled:opacity-50", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", leading && "pl-2", trailing && "pr-2", className),
|
|
4695
5692
|
"data-slot": "input-with-addons",
|
|
4696
5693
|
ref,
|
|
4697
5694
|
...props
|
|
@@ -4732,7 +5729,7 @@ function FormInputGroup({ ref, type = "text", className, disabled, ...props }) {
|
|
|
4732
5729
|
disabled: isDisabled,
|
|
4733
5730
|
"aria-invalid": hasErrors || void 0,
|
|
4734
5731
|
"aria-describedby": hasErrors ? `${fieldMeta.id}-error` : void 0,
|
|
4735
|
-
className: cn("text-xs!", className)
|
|
5732
|
+
className: cn$1("text-xs!", className)
|
|
4736
5733
|
});
|
|
4737
5734
|
}
|
|
4738
5735
|
FormInputGroup.displayName = "Form.InputGroup";
|
|
@@ -5143,7 +6140,7 @@ const Row = ({ type, align, justify, className, style, children, gutter = 0, pre
|
|
|
5143
6140
|
}, [gutter]);
|
|
5144
6141
|
const gutters = getGutter(gutter, screens);
|
|
5145
6142
|
const prefix = `${prefixCls}-row`;
|
|
5146
|
-
const classes = cn({
|
|
6143
|
+
const classes = cn$1({
|
|
5147
6144
|
[prefix]: type !== "flex",
|
|
5148
6145
|
[`${prefix}-${type}`]: type,
|
|
5149
6146
|
[`${prefix}-${type}-${justify}`]: type && justify,
|
|
@@ -5192,7 +6189,7 @@ const Col = ({ span, order, offset, push, pull, className, prefixCls = GRID_PREF
|
|
|
5192
6189
|
[`${prefix}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull !== void 0
|
|
5193
6190
|
};
|
|
5194
6191
|
});
|
|
5195
|
-
const classes = cn(prefix, {
|
|
6192
|
+
const classes = cn$1(prefix, {
|
|
5196
6193
|
[`${prefix}-${span}`]: span !== void 0,
|
|
5197
6194
|
[`${prefix}-order-${order}`]: order !== void 0,
|
|
5198
6195
|
[`${prefix}-offset-${offset}`]: offset !== void 0,
|
|
@@ -5282,7 +6279,7 @@ function InputNumber({ ref, stepper, thousandSeparator, placeholder, defaultValu
|
|
|
5282
6279
|
min,
|
|
5283
6280
|
suffix,
|
|
5284
6281
|
prefix,
|
|
5285
|
-
customInput: Input
|
|
6282
|
+
customInput: Input,
|
|
5286
6283
|
placeholder,
|
|
5287
6284
|
className: "relative [appearance:textfield] rounded-r-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
|
|
5288
6285
|
getInputRef: combinedRef,
|
|
@@ -5334,8 +6331,8 @@ function MoreActions({ row, actions, className, disabled = false, iconClassName
|
|
|
5334
6331
|
theme: "borderless",
|
|
5335
6332
|
size: "icon",
|
|
5336
6333
|
disabled,
|
|
5337
|
-
className: cn("data-[state=open]:bg-accent size-7 p-0 focus-visible:ring-0 focus-visible:ring-offset-0", className),
|
|
5338
|
-
children: /* @__PURE__ */ jsx(Ellipsis, { className: cn("size-5", iconClassName) })
|
|
6334
|
+
className: cn$1("data-[state=open]:bg-accent size-7 p-0 focus-visible:ring-0 focus-visible:ring-offset-0", className),
|
|
6335
|
+
children: /* @__PURE__ */ jsx(Ellipsis, { className: cn$1("size-5", iconClassName) })
|
|
5339
6336
|
})
|
|
5340
6337
|
}), /* @__PURE__ */ jsx(DropdownMenuContent, {
|
|
5341
6338
|
align: "end",
|
|
@@ -5348,11 +6345,11 @@ function MoreActions({ row, actions, className, disabled = false, iconClassName
|
|
|
5348
6345
|
setOpen(false);
|
|
5349
6346
|
action.action(row);
|
|
5350
6347
|
},
|
|
5351
|
-
className: cn("cursor-pointer text-xs", action.variant === "destructive" && "text-destructive [&_svg]:!text-destructive hover:!text-destructive hover:[&_svg]:!text-destructive", action.className),
|
|
6348
|
+
className: cn$1("cursor-pointer text-xs", action.variant === "destructive" && "text-destructive [&_svg]:!text-destructive hover:!text-destructive hover:[&_svg]:!text-destructive", action.className),
|
|
5352
6349
|
disabled: action.disabled?.(row) ?? false,
|
|
5353
6350
|
children: [action.icon, action.label]
|
|
5354
6351
|
});
|
|
5355
|
-
if (tooltipText && tooltipText !== action.label) return /* @__PURE__ */ jsx(Tooltip
|
|
6352
|
+
if (tooltipText && tooltipText !== action.label) return /* @__PURE__ */ jsx(Tooltip, {
|
|
5356
6353
|
message: tooltipText,
|
|
5357
6354
|
children: menuItem
|
|
5358
6355
|
}, action.key);
|
|
@@ -5396,18 +6393,18 @@ function configureProgress() {
|
|
|
5396
6393
|
function PageTitle({ title, description, actions, className, titleClassName, descriptionClassName, actionsClassName, actionsPosition = "inline" }) {
|
|
5397
6394
|
const isInline = actionsPosition === "inline";
|
|
5398
6395
|
return /* @__PURE__ */ jsxs("div", {
|
|
5399
|
-
className: cn("flex w-full", isInline ? "items-center justify-between" : "flex-col gap-3", className),
|
|
6396
|
+
className: cn$1("flex w-full", isInline ? "items-center justify-between" : "flex-col gap-3", className),
|
|
5400
6397
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
5401
|
-
className: cn("flex", isInline ? "flex-col justify-start gap-1" : "w-full flex-col gap-1"),
|
|
6398
|
+
className: cn$1("flex", isInline ? "flex-col justify-start gap-1" : "w-full flex-col gap-1"),
|
|
5402
6399
|
children: [title && /* @__PURE__ */ jsx("span", {
|
|
5403
|
-
className: cn("text-2xl leading-none font-medium", titleClassName),
|
|
6400
|
+
className: cn$1("text-2xl leading-none font-medium", titleClassName),
|
|
5404
6401
|
children: title
|
|
5405
6402
|
}), description && /* @__PURE__ */ jsx("div", {
|
|
5406
|
-
className: cn("text-sm font-normal", descriptionClassName),
|
|
6403
|
+
className: cn$1("text-sm font-normal", descriptionClassName),
|
|
5407
6404
|
children: description
|
|
5408
6405
|
})]
|
|
5409
6406
|
}), actions && /* @__PURE__ */ jsx("div", {
|
|
5410
|
-
className: cn("flex gap-1", isInline ? "justify-end pl-2" : "w-full", actionsClassName),
|
|
6407
|
+
className: cn$1("flex gap-1", isInline ? "justify-end pl-2" : "w-full", actionsClassName),
|
|
5411
6408
|
children: actions
|
|
5412
6409
|
})]
|
|
5413
6410
|
});
|
|
@@ -5425,7 +6422,7 @@ function NavIcon({ icon: IconComponent, className, size = "default" }) {
|
|
|
5425
6422
|
if (!IconComponent) return null;
|
|
5426
6423
|
return /* @__PURE__ */ jsx(Icon, {
|
|
5427
6424
|
icon: IconComponent,
|
|
5428
|
-
className: cn(size === "small" ? NAV_STYLES.iconSmall : NAV_STYLES.icon, className)
|
|
6425
|
+
className: cn$1(size === "small" ? NAV_STYLES.iconSmall : NAV_STYLES.icon, className)
|
|
5429
6426
|
});
|
|
5430
6427
|
}
|
|
5431
6428
|
NavIcon.displayName = "NavIcon";
|
|
@@ -5436,7 +6433,7 @@ function NavSidebarMenuButton({ ref, item, isActive, disableTooltip, className,
|
|
|
5436
6433
|
isActive,
|
|
5437
6434
|
disabled: item.disabled,
|
|
5438
6435
|
asChild,
|
|
5439
|
-
className: cn(NAV_STYLES.menuButton, item.disabled && NAV_STYLES.disabled, className),
|
|
6436
|
+
className: cn$1(NAV_STYLES.menuButton, item.disabled && NAV_STYLES.disabled, className),
|
|
5440
6437
|
...props,
|
|
5441
6438
|
children: asChild ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(NavIcon, { icon: item.icon }), children] })
|
|
5442
6439
|
});
|
|
@@ -5608,7 +6605,7 @@ function NavMain({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
5608
6605
|
onClick: () => {
|
|
5609
6606
|
handleNavigation();
|
|
5610
6607
|
},
|
|
5611
|
-
children: /* @__PURE__ */ jsx("span", { className: cn("size-1 rounded-full", isSubItemActive ? "bg-primary" : "bg-sidebar-primary-foreground") })
|
|
6608
|
+
children: /* @__PURE__ */ jsx("span", { className: cn$1("size-1 rounded-full", isSubItemActive ? "bg-primary" : "bg-sidebar-primary-foreground") })
|
|
5612
6609
|
})
|
|
5613
6610
|
})
|
|
5614
6611
|
}, `collapsed-dot-${subItem.href}-${level}`);
|
|
@@ -5665,7 +6662,7 @@ function NavMain({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
5665
6662
|
initial: isInitialMount.current || previousOpenItems.current[item.href] === openItems[item.href] && previousState.current === state && previousPathname.current === pathname && !hasActiveChild ? "visible" : "hidden",
|
|
5666
6663
|
animate: isOpen ? "visible" : "hidden",
|
|
5667
6664
|
children: /* @__PURE__ */ jsx(SidebarMenuSub, {
|
|
5668
|
-
className: cn(level >= 1 ? "mr-0 pr-[.1rem]" : "", level === 2 ? "pl-4" : "", level === 3 ? "pl-6" : "", "mr-0 gap-0.5 pr-0"),
|
|
6665
|
+
className: cn$1(level >= 1 ? "mr-0 pr-[.1rem]" : "", level === 2 ? "pl-4" : "", level === 3 ? "pl-6" : "", "mr-0 gap-0.5 pr-0"),
|
|
5669
6666
|
children: item.children?.map((subItem, index) => /* @__PURE__ */ jsx(motion.div, {
|
|
5670
6667
|
variants: {
|
|
5671
6668
|
hidden: { opacity: 0 },
|
|
@@ -5721,7 +6718,7 @@ function NavMain({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
5721
6718
|
overflow: "hidden"
|
|
5722
6719
|
},
|
|
5723
6720
|
children: /* @__PURE__ */ jsx(SidebarMenuSub, {
|
|
5724
|
-
className: cn(currentLevel >= 1 ? "mr-0 pr-[.1rem]" : "", "gap-0.5"),
|
|
6721
|
+
className: cn$1(currentLevel >= 1 ? "mr-0 pr-[.1rem]" : "", "gap-0.5"),
|
|
5725
6722
|
children: currentItem.children?.map((subItem) => renderNavItem(subItem, currentLevel + 1))
|
|
5726
6723
|
})
|
|
5727
6724
|
})
|
|
@@ -5739,14 +6736,14 @@ function NavMain({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
5739
6736
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
5740
6737
|
item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
|
|
5741
6738
|
/* @__PURE__ */ jsx(SidebarMenu, {
|
|
5742
|
-
className: cn(`level_${level} px-2`),
|
|
6739
|
+
className: cn$1(`level_${level} px-2`),
|
|
5743
6740
|
children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(NavSidebarMenuButton, {
|
|
5744
6741
|
asChild: true,
|
|
5745
6742
|
item,
|
|
5746
6743
|
isActive: isActive && !hasActiveChild,
|
|
5747
6744
|
disableTooltip,
|
|
5748
6745
|
onClick: () => hasChildren && toggleItem(item.href),
|
|
5749
|
-
className: cn(level >= 1 && "h-6", itemClassName),
|
|
6746
|
+
className: cn$1(level >= 1 && "h-6", itemClassName),
|
|
5750
6747
|
children: item.type === "externalLink" ? /* @__PURE__ */ jsxs("a", {
|
|
5751
6748
|
href: item.href || "",
|
|
5752
6749
|
target: "_blank",
|
|
@@ -5779,7 +6776,7 @@ function NavMain({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
5779
6776
|
return /* @__PURE__ */ jsx("ul", {
|
|
5780
6777
|
ref,
|
|
5781
6778
|
"data-sidebar": "menu",
|
|
5782
|
-
className: cn("flex h-full w-full min-w-0 flex-col gap-0.5 py-2", className),
|
|
6779
|
+
className: cn$1("flex h-full w-full min-w-0 flex-col gap-0.5 py-2", className),
|
|
5783
6780
|
...props,
|
|
5784
6781
|
children: (items || []).map((item) => renderNavItem(item))
|
|
5785
6782
|
});
|
|
@@ -5819,6 +6816,23 @@ function AppSidebar({ navItems, title, closeOnNavigation, defaultOpen, currentPa
|
|
|
5819
6816
|
});
|
|
5820
6817
|
}
|
|
5821
6818
|
|
|
6819
|
+
//#endregion
|
|
6820
|
+
//#region ../shadcn/hooks/use-mobile.ts
|
|
6821
|
+
const MOBILE_BREAKPOINT = 768;
|
|
6822
|
+
function useIsMobile() {
|
|
6823
|
+
const [isMobile, setIsMobile] = React$1.useState(void 0);
|
|
6824
|
+
React$1.useEffect(() => {
|
|
6825
|
+
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
6826
|
+
const onChange = () => {
|
|
6827
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
6828
|
+
};
|
|
6829
|
+
mql.addEventListener("change", onChange);
|
|
6830
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
6831
|
+
return () => mql.removeEventListener("change", onChange);
|
|
6832
|
+
}, []);
|
|
6833
|
+
return !!isMobile;
|
|
6834
|
+
}
|
|
6835
|
+
|
|
5822
6836
|
//#endregion
|
|
5823
6837
|
//#region src/components/features/sidebar/sidebar.tsx
|
|
5824
6838
|
const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
@@ -5989,7 +7003,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
|
|
|
5989
7003
|
"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
|
|
5990
7004
|
...style
|
|
5991
7005
|
},
|
|
5992
|
-
className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
|
|
7006
|
+
className: cn$1("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
|
|
5993
7007
|
...props,
|
|
5994
7008
|
children
|
|
5995
7009
|
})
|
|
@@ -6021,15 +7035,15 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
|
|
|
6021
7035
|
]);
|
|
6022
7036
|
if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
|
|
6023
7037
|
"data-slot": "sidebar",
|
|
6024
|
-
className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", side === "left" ? "border-r" : "border-l", className),
|
|
7038
|
+
className: cn$1("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", side === "left" ? "border-r" : "border-l", className),
|
|
6025
7039
|
...props,
|
|
6026
7040
|
children
|
|
6027
7041
|
});
|
|
6028
|
-
if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
|
|
7042
|
+
if (isMobile) return /* @__PURE__ */ jsx(Sheet$1, {
|
|
6029
7043
|
open: openMobile,
|
|
6030
7044
|
onOpenChange: setOpenMobile,
|
|
6031
7045
|
...props,
|
|
6032
|
-
children: /* @__PURE__ */ jsxs(SheetContent, {
|
|
7046
|
+
children: /* @__PURE__ */ jsxs(SheetContent$1, {
|
|
6033
7047
|
"data-sidebar": "sidebar",
|
|
6034
7048
|
"data-slot": "sidebar",
|
|
6035
7049
|
"data-mobile": "true",
|
|
@@ -6056,19 +7070,19 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
|
|
|
6056
7070
|
onMouseEnter: handleMouseEnter,
|
|
6057
7071
|
onMouseLeave: handleMouseLeave,
|
|
6058
7072
|
children: [
|
|
6059
|
-
/* @__PURE__ */ jsx("div", { className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)]", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", expandBehavior === "overlay" ? variant === "floating" || variant === "inset" ? "w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "w-(--sidebar-width-icon)" : variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }),
|
|
7073
|
+
/* @__PURE__ */ jsx("div", { className: cn$1("relative w-(--sidebar-width) bg-transparent transition-[width] duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)]", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", expandBehavior === "overlay" ? variant === "floating" || variant === "inset" ? "w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "w-(--sidebar-width-icon)" : variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }),
|
|
6060
7074
|
/* @__PURE__ */ jsx("div", {
|
|
6061
7075
|
ref: sidebarRef,
|
|
6062
|
-
className: cn("border-sidebar-border fixed inset-y-0 hidden w-(--sidebar-width) transition-[left,right,width] duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] md:flex", expandBehavior === "overlay" ? "z-50" : "z-10", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
|
|
7076
|
+
className: cn$1("border-sidebar-border fixed inset-y-0 hidden w-(--sidebar-width) transition-[left,right,width] duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] md:flex", expandBehavior === "overlay" ? "z-50" : "z-10", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
|
|
6063
7077
|
...props,
|
|
6064
7078
|
children: /* @__PURE__ */ jsx("div", {
|
|
6065
7079
|
"data-sidebar": "sidebar",
|
|
6066
|
-
className: cn("bg-sidebar flex h-full w-full flex-col", "group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm", expandBehavior === "overlay" && state === "expanded" && "shadow-lg"),
|
|
7080
|
+
className: cn$1("bg-sidebar flex h-full w-full flex-col", "group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm", expandBehavior === "overlay" && state === "expanded" && "shadow-lg"),
|
|
6067
7081
|
children
|
|
6068
7082
|
})
|
|
6069
7083
|
}),
|
|
6070
7084
|
showBackdropElement && /* @__PURE__ */ jsx("div", {
|
|
6071
|
-
className: cn("fixed inset-0 z-40 hidden bg-black/50 transition-opacity duration-200 ease-in-out md:block", backdropVisible ? "opacity-100" : "opacity-0"),
|
|
7085
|
+
className: cn$1("fixed inset-0 z-40 hidden bg-black/50 transition-opacity duration-200 ease-in-out md:block", backdropVisible ? "opacity-100" : "opacity-0"),
|
|
6072
7086
|
onMouseEnter: () => forceClose(),
|
|
6073
7087
|
onClick: () => forceClose(),
|
|
6074
7088
|
"aria-hidden": "true"
|
|
@@ -6078,7 +7092,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
|
|
|
6078
7092
|
}
|
|
6079
7093
|
function SidebarTrigger({ className, onClick, ...props }) {
|
|
6080
7094
|
const { toggleSidebar, open } = useSidebar();
|
|
6081
|
-
return /* @__PURE__ */ jsx(Tooltip
|
|
7095
|
+
return /* @__PURE__ */ jsx(Tooltip, {
|
|
6082
7096
|
message: open ? "Close Sidebar" : "Open Sidebar",
|
|
6083
7097
|
side: "right",
|
|
6084
7098
|
align: "center",
|
|
@@ -6088,7 +7102,7 @@ function SidebarTrigger({ className, onClick, ...props }) {
|
|
|
6088
7102
|
"data-slot": "sidebar-trigger",
|
|
6089
7103
|
variant: "ghost",
|
|
6090
7104
|
size: "icon",
|
|
6091
|
-
className: cn("text-icon-primary hover:bg-sidebar hover:text-sidebar-primary h-8 w-8 rounded-lg transition-all", className),
|
|
7105
|
+
className: cn$1("text-icon-primary hover:bg-sidebar hover:text-sidebar-primary h-8 w-8 rounded-lg transition-all", className),
|
|
6092
7106
|
onClick: (event) => {
|
|
6093
7107
|
onClick?.(event);
|
|
6094
7108
|
toggleSidebar();
|
|
@@ -6116,22 +7130,22 @@ function SidebarRail({ className, ...props }) {
|
|
|
6116
7130
|
tabIndex: -1,
|
|
6117
7131
|
onClick: toggleSidebar,
|
|
6118
7132
|
title: "Toggle Sidebar",
|
|
6119
|
-
className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-[cubic-bezier(0.25,0.1,0.25,1)] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
|
|
7133
|
+
className: cn$1("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-[cubic-bezier(0.25,0.1,0.25,1)] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
|
|
6120
7134
|
...props
|
|
6121
7135
|
});
|
|
6122
7136
|
}
|
|
6123
7137
|
function SidebarInset({ className, ...props }) {
|
|
6124
7138
|
return /* @__PURE__ */ jsx("main", {
|
|
6125
7139
|
"data-slot": "sidebar-inset",
|
|
6126
|
-
className: cn("bg-background relative flex w-full min-w-0 flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
|
|
7140
|
+
className: cn$1("bg-background relative flex w-full min-w-0 flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
|
|
6127
7141
|
...props
|
|
6128
7142
|
});
|
|
6129
7143
|
}
|
|
6130
7144
|
function SidebarInput({ className, ...props }) {
|
|
6131
|
-
return /* @__PURE__ */ jsx(Input
|
|
7145
|
+
return /* @__PURE__ */ jsx(Input, {
|
|
6132
7146
|
"data-slot": "sidebar-input",
|
|
6133
7147
|
"data-sidebar": "input",
|
|
6134
|
-
className: cn("bg-background h-8 w-full shadow-none", className),
|
|
7148
|
+
className: cn$1("bg-background h-8 w-full shadow-none", className),
|
|
6135
7149
|
...props
|
|
6136
7150
|
});
|
|
6137
7151
|
}
|
|
@@ -6139,7 +7153,7 @@ function SidebarHeader({ className, ...props }) {
|
|
|
6139
7153
|
return /* @__PURE__ */ jsx("div", {
|
|
6140
7154
|
"data-slot": "sidebar-header",
|
|
6141
7155
|
"data-sidebar": "header",
|
|
6142
|
-
className: cn("flex flex-col gap-2 p-2", className),
|
|
7156
|
+
className: cn$1("flex flex-col gap-2 p-2", className),
|
|
6143
7157
|
...props
|
|
6144
7158
|
});
|
|
6145
7159
|
}
|
|
@@ -6147,7 +7161,7 @@ function SidebarFooter({ className, ...props }) {
|
|
|
6147
7161
|
return /* @__PURE__ */ jsx("div", {
|
|
6148
7162
|
"data-slot": "sidebar-footer",
|
|
6149
7163
|
"data-sidebar": "footer",
|
|
6150
|
-
className: cn("flex flex-col gap-2 p-2", className),
|
|
7164
|
+
className: cn$1("flex flex-col gap-2 p-2", className),
|
|
6151
7165
|
...props
|
|
6152
7166
|
});
|
|
6153
7167
|
}
|
|
@@ -6155,7 +7169,7 @@ function SidebarSeparator({ className, ...props }) {
|
|
|
6155
7169
|
return /* @__PURE__ */ jsx(Separator, {
|
|
6156
7170
|
"data-slot": "sidebar-separator",
|
|
6157
7171
|
"data-sidebar": "separator",
|
|
6158
|
-
className: cn("bg-sidebar-border w-full", className),
|
|
7172
|
+
className: cn$1("bg-sidebar-border w-full", className),
|
|
6159
7173
|
...props
|
|
6160
7174
|
});
|
|
6161
7175
|
}
|
|
@@ -6163,7 +7177,7 @@ function SidebarContent({ className, ...props }) {
|
|
|
6163
7177
|
return /* @__PURE__ */ jsx("div", {
|
|
6164
7178
|
"data-slot": "sidebar-content",
|
|
6165
7179
|
"data-sidebar": "content",
|
|
6166
|
-
className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
|
|
7180
|
+
className: cn$1("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
|
|
6167
7181
|
...props
|
|
6168
7182
|
});
|
|
6169
7183
|
}
|
|
@@ -6171,7 +7185,7 @@ function SidebarGroup({ className, ...props }) {
|
|
|
6171
7185
|
return /* @__PURE__ */ jsx("div", {
|
|
6172
7186
|
"data-slot": "sidebar-group",
|
|
6173
7187
|
"data-sidebar": "group",
|
|
6174
|
-
className: cn("relative flex w-full min-w-0 flex-col p-2", className),
|
|
7188
|
+
className: cn$1("relative flex w-full min-w-0 flex-col p-2", className),
|
|
6175
7189
|
...props
|
|
6176
7190
|
});
|
|
6177
7191
|
}
|
|
@@ -6179,7 +7193,7 @@ function SidebarGroupLabel({ className, asChild = false, ...props }) {
|
|
|
6179
7193
|
return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
|
|
6180
7194
|
"data-slot": "sidebar-group-label",
|
|
6181
7195
|
"data-sidebar": "group-label",
|
|
6182
|
-
className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-[cubic-bezier(0.25,0.1,0.25,1)] focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
|
|
7196
|
+
className: cn$1("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-[cubic-bezier(0.25,0.1,0.25,1)] focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
|
|
6183
7197
|
...props
|
|
6184
7198
|
});
|
|
6185
7199
|
}
|
|
@@ -6187,7 +7201,7 @@ function SidebarGroupAction({ className, asChild = false, ...props }) {
|
|
|
6187
7201
|
return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
|
|
6188
7202
|
"data-slot": "sidebar-group-action",
|
|
6189
7203
|
"data-sidebar": "group-action",
|
|
6190
|
-
className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
|
|
7204
|
+
className: cn$1("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
|
|
6191
7205
|
...props
|
|
6192
7206
|
});
|
|
6193
7207
|
}
|
|
@@ -6195,7 +7209,7 @@ function SidebarGroupContent({ className, ...props }) {
|
|
|
6195
7209
|
return /* @__PURE__ */ jsx("div", {
|
|
6196
7210
|
"data-slot": "sidebar-group-content",
|
|
6197
7211
|
"data-sidebar": "group-content",
|
|
6198
|
-
className: cn("w-full text-sm", className),
|
|
7212
|
+
className: cn$1("w-full text-sm", className),
|
|
6199
7213
|
...props
|
|
6200
7214
|
});
|
|
6201
7215
|
}
|
|
@@ -6203,7 +7217,7 @@ function SidebarMenu({ className, ...props }) {
|
|
|
6203
7217
|
return /* @__PURE__ */ jsx("ul", {
|
|
6204
7218
|
"data-slot": "sidebar-menu",
|
|
6205
7219
|
"data-sidebar": "menu",
|
|
6206
|
-
className: cn("flex w-full min-w-0 flex-col gap-1", className),
|
|
7220
|
+
className: cn$1("flex w-full min-w-0 flex-col gap-1", className),
|
|
6207
7221
|
...props
|
|
6208
7222
|
});
|
|
6209
7223
|
}
|
|
@@ -6211,7 +7225,7 @@ function SidebarMenuItem({ className, ...props }) {
|
|
|
6211
7225
|
return /* @__PURE__ */ jsx("li", {
|
|
6212
7226
|
"data-slot": "sidebar-menu-item",
|
|
6213
7227
|
"data-sidebar": "menu-item",
|
|
6214
|
-
className: cn("group/menu-item relative", className),
|
|
7228
|
+
className: cn$1("group/menu-item relative", className),
|
|
6215
7229
|
...props
|
|
6216
7230
|
});
|
|
6217
7231
|
}
|
|
@@ -6240,7 +7254,7 @@ function SidebarMenuButton({ asChild = false, isActive = false, variant = "defau
|
|
|
6240
7254
|
"data-sidebar": "menu-button",
|
|
6241
7255
|
"data-size": size,
|
|
6242
7256
|
"data-active": isActive,
|
|
6243
|
-
className: cn(sidebarMenuButtonVariants({
|
|
7257
|
+
className: cn$1(sidebarMenuButtonVariants({
|
|
6244
7258
|
variant,
|
|
6245
7259
|
size
|
|
6246
7260
|
}), className),
|
|
@@ -6252,7 +7266,7 @@ function SidebarMenuButton({ asChild = false, isActive = false, variant = "defau
|
|
|
6252
7266
|
side: tooltip.side,
|
|
6253
7267
|
align: tooltip.align
|
|
6254
7268
|
} : {};
|
|
6255
|
-
return /* @__PURE__ */ jsx(Tooltip
|
|
7269
|
+
return /* @__PURE__ */ jsx(Tooltip, {
|
|
6256
7270
|
message: tooltipMessage,
|
|
6257
7271
|
side: "right",
|
|
6258
7272
|
align: "center",
|
|
@@ -6265,7 +7279,7 @@ function SidebarMenuAction({ className, asChild = false, showOnHover = false, ..
|
|
|
6265
7279
|
return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
|
|
6266
7280
|
"data-slot": "sidebar-menu-action",
|
|
6267
7281
|
"data-sidebar": "menu-action",
|
|
6268
|
-
className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className),
|
|
7282
|
+
className: cn$1("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className),
|
|
6269
7283
|
...props
|
|
6270
7284
|
});
|
|
6271
7285
|
}
|
|
@@ -6273,7 +7287,7 @@ function SidebarMenuBadge({ className, ...props }) {
|
|
|
6273
7287
|
return /* @__PURE__ */ jsx("div", {
|
|
6274
7288
|
"data-slot": "sidebar-menu-badge",
|
|
6275
7289
|
"data-sidebar": "menu-badge",
|
|
6276
|
-
className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
|
|
7290
|
+
className: cn$1("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
|
|
6277
7291
|
...props
|
|
6278
7292
|
});
|
|
6279
7293
|
}
|
|
@@ -6284,7 +7298,7 @@ function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
|
|
|
6284
7298
|
return /* @__PURE__ */ jsxs("div", {
|
|
6285
7299
|
"data-slot": "sidebar-menu-skeleton",
|
|
6286
7300
|
"data-sidebar": "menu-skeleton",
|
|
6287
|
-
className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
|
|
7301
|
+
className: cn$1("flex h-8 items-center gap-2 rounded-md px-2", className),
|
|
6288
7302
|
...props,
|
|
6289
7303
|
children: [showIcon && /* @__PURE__ */ jsx(Skeleton, {
|
|
6290
7304
|
className: "size-4 rounded-md",
|
|
@@ -6300,7 +7314,7 @@ function SidebarMenuSub({ className, ...props }) {
|
|
|
6300
7314
|
return /* @__PURE__ */ jsx("ul", {
|
|
6301
7315
|
"data-slot": "sidebar-menu-sub",
|
|
6302
7316
|
"data-sidebar": "menu-sub",
|
|
6303
|
-
className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col px-2.5", "group-data-[collapsible=icon]:hidden", className),
|
|
7317
|
+
className: cn$1("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col px-2.5", "group-data-[collapsible=icon]:hidden", className),
|
|
6304
7318
|
...props
|
|
6305
7319
|
});
|
|
6306
7320
|
}
|
|
@@ -6308,7 +7322,7 @@ function SidebarMenuSubItem({ className, ...props }) {
|
|
|
6308
7322
|
return /* @__PURE__ */ jsx("li", {
|
|
6309
7323
|
"data-slot": "sidebar-menu-sub-item",
|
|
6310
7324
|
"data-sidebar": "menu-sub-item",
|
|
6311
|
-
className: cn("group/menu-sub-item relative", className),
|
|
7325
|
+
className: cn$1("group/menu-sub-item relative", className),
|
|
6312
7326
|
...props
|
|
6313
7327
|
});
|
|
6314
7328
|
}
|
|
@@ -6318,7 +7332,7 @@ function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false,
|
|
|
6318
7332
|
"data-sidebar": "menu-sub-button",
|
|
6319
7333
|
"data-size": size,
|
|
6320
7334
|
"data-active": isActive,
|
|
6321
|
-
className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className),
|
|
7335
|
+
className: cn$1("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className),
|
|
6322
7336
|
...props
|
|
6323
7337
|
});
|
|
6324
7338
|
}
|
|
@@ -6530,7 +7544,7 @@ function TagsInput({ ref, value, onValueChange, placeholder, maxItems, minItems,
|
|
|
6530
7544
|
...props,
|
|
6531
7545
|
ref,
|
|
6532
7546
|
dir,
|
|
6533
|
-
className: cn("border-input-border bg-input-background/50 text-input-foreground flex min-h-10 flex-wrap items-center gap-1 overflow-hidden rounded-lg border px-3 py-2 transition-all", activeIndex === -1 ? "focus-within:border-input-focus-border focus-within:shadow-(--input-focus-shadow) focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden" : "focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden", className),
|
|
7547
|
+
className: cn$1("border-input-border bg-input-background/50 text-input-foreground flex min-h-10 flex-wrap items-center gap-1 overflow-hidden rounded-lg border px-3 py-2 transition-all", activeIndex === -1 ? "focus-within:border-input-focus-border focus-within:shadow-(--input-focus-shadow) focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden" : "focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden", className),
|
|
6534
7548
|
suppressHydrationWarning: true,
|
|
6535
7549
|
children: [
|
|
6536
7550
|
(showValidationErrors && validationError || error) && /* @__PURE__ */ jsx("div", {
|
|
@@ -6541,7 +7555,7 @@ function TagsInput({ ref, value, onValueChange, placeholder, maxItems, minItems,
|
|
|
6541
7555
|
tabIndex: activeIndex !== -1 ? 0 : activeIndex,
|
|
6542
7556
|
"aria-disabled": disableButton,
|
|
6543
7557
|
"data-active": activeIndex === index,
|
|
6544
|
-
className: cn("data-[active='true']:ring-muted-foreground relative flex items-center gap-1 truncate rounded px-1 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 data-[active='true']:ring-2"),
|
|
7558
|
+
className: cn$1("data-[active='true']:ring-muted-foreground relative flex items-center gap-1 truncate rounded px-1 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 data-[active='true']:ring-2"),
|
|
6545
7559
|
type: "secondary",
|
|
6546
7560
|
children: [/* @__PURE__ */ jsx("span", {
|
|
6547
7561
|
className: "text-xs",
|
|
@@ -6568,7 +7582,7 @@ function TagsInput({ ref, value, onValueChange, placeholder, maxItems, minItems,
|
|
|
6568
7582
|
})]
|
|
6569
7583
|
})]
|
|
6570
7584
|
}, item)),
|
|
6571
|
-
/* @__PURE__ */ jsx(Input
|
|
7585
|
+
/* @__PURE__ */ jsx(Input, {
|
|
6572
7586
|
tabIndex: 0,
|
|
6573
7587
|
"aria-label": "input tag",
|
|
6574
7588
|
disabled: disableInput,
|
|
@@ -6580,7 +7594,7 @@ function TagsInput({ ref, value, onValueChange, placeholder, maxItems, minItems,
|
|
|
6580
7594
|
onChange: activeIndex === -1 ? handleChange : void 0,
|
|
6581
7595
|
placeholder,
|
|
6582
7596
|
onClick: () => setActiveIndex(-1),
|
|
6583
|
-
className: cn("text-input-foreground h-6 min-w-fit flex-1 border-0 bg-transparent p-0 py-1 shadow-none", "placeholder:text-input-placeholder", "focus-visible:border-transparent focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0", activeIndex !== -1 && "caret-transparent")
|
|
7597
|
+
className: cn$1("text-input-foreground h-6 min-w-fit flex-1 border-0 bg-transparent p-0 py-1 shadow-none", "placeholder:text-input-placeholder", "focus-visible:border-transparent focus-visible:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0", activeIndex !== -1 && "caret-transparent")
|
|
6584
7598
|
})
|
|
6585
7599
|
]
|
|
6586
7600
|
}), /* @__PURE__ */ jsxs("select", {
|
|
@@ -7538,7 +8552,7 @@ function TaskPanelCounter({ total, completed, failed = 0, status }) {
|
|
|
7538
8552
|
return /* @__PURE__ */ jsx("span", {
|
|
7539
8553
|
className: "text-muted-foreground text-xs",
|
|
7540
8554
|
children: parts.map((part, i) => /* @__PURE__ */ jsxs("span", { children: [i > 0 && ", ", /* @__PURE__ */ jsx("span", {
|
|
7541
|
-
className: cn(part.destructive && "text-destructive"),
|
|
8555
|
+
className: cn$1(part.destructive && "text-destructive"),
|
|
7542
8556
|
children: part.text
|
|
7543
8557
|
})] }, i))
|
|
7544
8558
|
});
|
|
@@ -7649,19 +8663,19 @@ function TaskStatusAction({ task, onCancel }) {
|
|
|
7649
8663
|
children: [/* @__PURE__ */ jsx("div", {
|
|
7650
8664
|
className: "pointer-events-none absolute inset-0 flex items-center justify-center transition-opacity group-hover:opacity-0",
|
|
7651
8665
|
children: /* @__PURE__ */ jsx(SpinnerIcon, { size: "sm" })
|
|
7652
|
-
}), task.cancelable && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
|
|
8666
|
+
}), task.cancelable && /* @__PURE__ */ jsxs(Tooltip$1, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
|
|
7653
8667
|
asChild: true,
|
|
7654
8668
|
children: /* @__PURE__ */ jsx("button", {
|
|
7655
8669
|
type: "button",
|
|
7656
8670
|
onClick: onCancel,
|
|
7657
|
-
className: cn("flex size-5 items-center justify-center rounded-md transition-colors", "text-muted-foreground hover:bg-accent hover:text-foreground", "absolute inset-0 opacity-0 transition-opacity group-hover:opacity-100"),
|
|
8671
|
+
className: cn$1("flex size-5 items-center justify-center rounded-md transition-colors", "text-muted-foreground hover:bg-accent hover:text-foreground", "absolute inset-0 opacity-0 transition-opacity group-hover:opacity-100"),
|
|
7658
8672
|
"aria-label": "Cancel task",
|
|
7659
8673
|
children: /* @__PURE__ */ jsx(Icon, {
|
|
7660
8674
|
icon: X,
|
|
7661
8675
|
className: "size-4"
|
|
7662
8676
|
})
|
|
7663
8677
|
})
|
|
7664
|
-
}), /* @__PURE__ */ jsx(TooltipContent, {
|
|
8678
|
+
}), /* @__PURE__ */ jsx(TooltipContent$1, {
|
|
7665
8679
|
side: "left",
|
|
7666
8680
|
children: "Cancel"
|
|
7667
8681
|
})] })]
|
|
@@ -7689,7 +8703,7 @@ function TaskPanel() {
|
|
|
7689
8703
|
const { tasks, cancel } = useTaskQueue();
|
|
7690
8704
|
if (tasks.length === 0) return null;
|
|
7691
8705
|
return /* @__PURE__ */ jsxs("div", {
|
|
7692
|
-
className: cn("bg-background fixed right-4 bottom-4 z-50 w-96 overflow-hidden", "border-border/50 rounded-xl border shadow-xl shadow-black/10", "animate-in slide-in-from-bottom-4 fade-in duration-200"),
|
|
8706
|
+
className: cn$1("bg-background fixed right-4 bottom-4 z-50 w-96 overflow-hidden", "border-border/50 rounded-xl border shadow-xl shadow-black/10", "animate-in slide-in-from-bottom-4 fade-in duration-200"),
|
|
7693
8707
|
children: [/* @__PURE__ */ jsx(TaskPanelHeader, {}), /* @__PURE__ */ jsx("div", {
|
|
7694
8708
|
className: "max-h-80 overflow-y-auto",
|
|
7695
8709
|
children: tasks.map((task) => /* @__PURE__ */ jsx(TaskPanelItem, {
|
|
@@ -7725,20 +8739,20 @@ function TaskQueueTrigger({ ref, tasks, ...props }) {
|
|
|
7725
8739
|
prevAllComplete.current = false;
|
|
7726
8740
|
}
|
|
7727
8741
|
}, [tasks.length]);
|
|
7728
|
-
return /* @__PURE__ */ jsx(Tooltip
|
|
8742
|
+
return /* @__PURE__ */ jsx(Tooltip, {
|
|
7729
8743
|
message: "Tasks",
|
|
7730
8744
|
children: /* @__PURE__ */ jsxs(Button$1, {
|
|
7731
8745
|
ref,
|
|
7732
8746
|
type: "quaternary",
|
|
7733
8747
|
theme: "borderless",
|
|
7734
8748
|
size: "small",
|
|
7735
|
-
className: cn("hover:bg-sidebar-accent relative h-7 w-7 rounded-lg p-0 transition-colors duration-300", flash && "bg-primary/10"),
|
|
8749
|
+
className: cn$1("hover:bg-sidebar-accent relative h-7 w-7 rounded-lg p-0 transition-colors duration-300", flash && "bg-primary/10"),
|
|
7736
8750
|
"aria-label": `Tasks${activeCount > 0 ? ` (${activeCount} active)` : ""}`,
|
|
7737
8751
|
...props,
|
|
7738
8752
|
children: [
|
|
7739
8753
|
/* @__PURE__ */ jsx(Icon, {
|
|
7740
8754
|
icon: ListTodo,
|
|
7741
|
-
className: cn("text-icon-header size-4", flash ? "text-primary" : "text-icon-header")
|
|
8755
|
+
className: cn$1("text-icon-header size-4", flash ? "text-primary" : "text-icon-header")
|
|
7742
8756
|
}),
|
|
7743
8757
|
hasRunning && /* @__PURE__ */ jsx("span", { className: "border-t-primary pointer-events-none absolute inset-[-3px] animate-spin rounded-full border-2 border-transparent" }),
|
|
7744
8758
|
activeCount > 0 && /* @__PURE__ */ jsx(Badge, {
|
|
@@ -7776,9 +8790,9 @@ function StatusCell({ item }) {
|
|
|
7776
8790
|
className: "flex items-center gap-1.5",
|
|
7777
8791
|
children: [/* @__PURE__ */ jsx(Icon, {
|
|
7778
8792
|
icon: config.icon,
|
|
7779
|
-
className: cn("size-4", config.className)
|
|
8793
|
+
className: cn$1("size-4", config.className)
|
|
7780
8794
|
}), /* @__PURE__ */ jsx("span", {
|
|
7781
|
-
className: cn("text-xs font-medium", config.className),
|
|
8795
|
+
className: cn$1("text-xs font-medium", config.className),
|
|
7782
8796
|
children: config.label
|
|
7783
8797
|
})]
|
|
7784
8798
|
}), item.message && item.status !== "success" && /* @__PURE__ */ jsx("span", {
|
|
@@ -7843,23 +8857,23 @@ function TaskSummaryDialog(props) {
|
|
|
7843
8857
|
const resolvedItems = props.items ?? taskIdItems;
|
|
7844
8858
|
const successCount = resolvedItems.filter((i) => i.status === "success").length;
|
|
7845
8859
|
const failedCount = resolvedItems.filter((i) => i.status === "failed").length;
|
|
7846
|
-
return /* @__PURE__ */ jsx(Dialog
|
|
8860
|
+
return /* @__PURE__ */ jsx(Dialog, {
|
|
7847
8861
|
open,
|
|
7848
8862
|
onOpenChange,
|
|
7849
|
-
children: /* @__PURE__ */ jsxs(Dialog
|
|
8863
|
+
children: /* @__PURE__ */ jsxs(Dialog.Content, {
|
|
7850
8864
|
className: "w-full sm:max-w-[774px]",
|
|
7851
8865
|
children: [
|
|
7852
|
-
/* @__PURE__ */ jsx(Dialog
|
|
8866
|
+
/* @__PURE__ */ jsx(Dialog.Header, {
|
|
7853
8867
|
title,
|
|
7854
8868
|
description: description ?? `${successCount} succeeded, ${failedCount} failed`,
|
|
7855
8869
|
onClose: () => onOpenChange(false),
|
|
7856
8870
|
className: "border-b-0"
|
|
7857
8871
|
}),
|
|
7858
|
-
/* @__PURE__ */ jsx(Dialog
|
|
8872
|
+
/* @__PURE__ */ jsx(Dialog.Body, {
|
|
7859
8873
|
className: "px-5 py-0",
|
|
7860
8874
|
children: renderContent ? renderContent(resolvedItems) : /* @__PURE__ */ jsx(DefaultTableContent, { items: resolvedItems })
|
|
7861
8875
|
}),
|
|
7862
|
-
/* @__PURE__ */ jsxs(Dialog
|
|
8876
|
+
/* @__PURE__ */ jsxs(Dialog.Footer, {
|
|
7863
8877
|
className: "border-t-0",
|
|
7864
8878
|
children: [actions, /* @__PURE__ */ jsx(Button$1, {
|
|
7865
8879
|
type: "primary",
|
|
@@ -8192,7 +9206,7 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
|
|
|
8192
9206
|
notifyChangeDebounced
|
|
8193
9207
|
]);
|
|
8194
9208
|
return /* @__PURE__ */ jsxs("div", {
|
|
8195
|
-
className: cn("flex flex-col gap-2", className),
|
|
9209
|
+
className: cn$1("flex flex-col gap-2", className),
|
|
8196
9210
|
children: [/* @__PURE__ */ jsx("p", {
|
|
8197
9211
|
className: "text-muted-foreground text-xs font-medium",
|
|
8198
9212
|
children: "Custom Range"
|
|
@@ -8227,12 +9241,12 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
|
|
|
8227
9241
|
initialFocus: true
|
|
8228
9242
|
})
|
|
8229
9243
|
})]
|
|
8230
|
-
}), /* @__PURE__ */ jsx(Input
|
|
9244
|
+
}), /* @__PURE__ */ jsx(Input, {
|
|
8231
9245
|
type: "time",
|
|
8232
9246
|
id: startTimeId,
|
|
8233
9247
|
value: startTime,
|
|
8234
9248
|
onChange: handleStartTimeChange,
|
|
8235
|
-
className: cn("h-8 w-[80px] px-2 text-xs md:text-xs", "appearance-none bg-transparent", "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none")
|
|
9249
|
+
className: cn$1("h-8 w-[80px] px-2 text-xs md:text-xs", "appearance-none bg-transparent", "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none")
|
|
8236
9250
|
})]
|
|
8237
9251
|
}),
|
|
8238
9252
|
/* @__PURE__ */ jsx("span", {
|
|
@@ -8267,12 +9281,12 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
|
|
|
8267
9281
|
initialFocus: true
|
|
8268
9282
|
})
|
|
8269
9283
|
})]
|
|
8270
|
-
}), /* @__PURE__ */ jsx(Input
|
|
9284
|
+
}), /* @__PURE__ */ jsx(Input, {
|
|
8271
9285
|
type: "time",
|
|
8272
9286
|
id: endTimeId,
|
|
8273
9287
|
value: endTime,
|
|
8274
9288
|
onChange: handleEndTimeChange,
|
|
8275
|
-
className: cn("h-8 w-[80px] px-2 text-xs md:text-xs", "appearance-none bg-transparent", "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none")
|
|
9289
|
+
className: cn$1("h-8 w-[80px] px-2 text-xs md:text-xs", "appearance-none bg-transparent", "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none")
|
|
8276
9290
|
})]
|
|
8277
9291
|
})
|
|
8278
9292
|
]
|
|
@@ -8285,7 +9299,7 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
|
|
|
8285
9299
|
function QuickRangesPanel({ presets, value, onPresetSelect, className }) {
|
|
8286
9300
|
const selectedPreset = value?.type === "preset" ? value.preset : void 0;
|
|
8287
9301
|
return /* @__PURE__ */ jsxs("div", {
|
|
8288
|
-
className: cn("flex flex-col gap-2", className),
|
|
9302
|
+
className: cn$1("flex flex-col gap-2", className),
|
|
8289
9303
|
children: [/* @__PURE__ */ jsx("p", {
|
|
8290
9304
|
className: "text-muted-foreground px-3 text-xs font-medium",
|
|
8291
9305
|
children: "Presets"
|
|
@@ -8296,9 +9310,9 @@ function QuickRangesPanel({ presets, value, onPresetSelect, className }) {
|
|
|
8296
9310
|
return /* @__PURE__ */ jsxs("button", {
|
|
8297
9311
|
type: "button",
|
|
8298
9312
|
onClick: () => onPresetSelect(preset),
|
|
8299
|
-
className: cn("flex items-center justify-between gap-2 rounded-lg px-3 py-1.5 text-xs transition-colors", "hover:bg-accent hover:text-accent-foreground", isSelected ? "bg-accent text-primary border-border border font-medium" : "border border-transparent"),
|
|
9313
|
+
className: cn$1("flex items-center justify-between gap-2 rounded-lg px-3 py-1.5 text-xs transition-colors", "hover:bg-accent hover:text-accent-foreground", isSelected ? "bg-accent text-primary border-border border font-medium" : "border border-transparent"),
|
|
8300
9314
|
children: [/* @__PURE__ */ jsx("span", { children: preset.label }), /* @__PURE__ */ jsx("kbd", {
|
|
8301
|
-
className: cn("bg-muted pointer-events-none hidden h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium select-none sm:flex", isSelected ? "border-primary" : "bg-muted/50 border-transparent"),
|
|
9315
|
+
className: cn$1("bg-muted pointer-events-none hidden h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium select-none sm:flex", isSelected ? "border-primary" : "bg-muted/50 border-transparent"),
|
|
8302
9316
|
children: preset.shortcut
|
|
8303
9317
|
})]
|
|
8304
9318
|
}, preset.key);
|
|
@@ -8312,17 +9326,17 @@ function QuickRangesPanel({ presets, value, onPresetSelect, className }) {
|
|
|
8312
9326
|
function TimezoneSelector({ value, onChange, options, className }) {
|
|
8313
9327
|
const selectedOption = options.find((opt) => opt.value === value);
|
|
8314
9328
|
return /* @__PURE__ */ jsxs("div", {
|
|
8315
|
-
className: cn("flex items-center gap-2", className),
|
|
8316
|
-
children: [/* @__PURE__ */ jsx(Globe, { className: "text-muted-foreground h-4 w-4 shrink-0" }), /* @__PURE__ */ jsxs(Select
|
|
9329
|
+
className: cn$1("flex items-center gap-2", className),
|
|
9330
|
+
children: [/* @__PURE__ */ jsx(Globe, { className: "text-muted-foreground h-4 w-4 shrink-0" }), /* @__PURE__ */ jsxs(Select, {
|
|
8317
9331
|
value,
|
|
8318
9332
|
onValueChange: onChange,
|
|
8319
|
-
children: [/* @__PURE__ */ jsx(SelectTrigger
|
|
9333
|
+
children: [/* @__PURE__ */ jsx(SelectTrigger, {
|
|
8320
9334
|
className: "hover:bg-accent h-8 min-w-[180px] border-0 bg-transparent px-2 text-xs shadow-none",
|
|
8321
|
-
children: /* @__PURE__ */ jsx(SelectValue
|
|
9335
|
+
children: /* @__PURE__ */ jsx(SelectValue, {
|
|
8322
9336
|
placeholder: "Select timezone",
|
|
8323
9337
|
children: selectedOption?.label ?? value
|
|
8324
9338
|
})
|
|
8325
|
-
}), /* @__PURE__ */ jsx(SelectContent
|
|
9339
|
+
}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
|
|
8326
9340
|
value: option.value,
|
|
8327
9341
|
className: "text-xs",
|
|
8328
9342
|
children: option.label
|
|
@@ -8652,7 +9666,7 @@ function TimeRangePicker({ value, onChange, onClear, timezone: timezoneProp, pre
|
|
|
8652
9666
|
type: "quaternary",
|
|
8653
9667
|
theme: "outline",
|
|
8654
9668
|
disabled,
|
|
8655
|
-
className: cn("text-foreground min-w-[200px] items-center justify-between gap-2 px-3 font-normal", className),
|
|
9669
|
+
className: cn$1("text-foreground min-w-[200px] items-center justify-between gap-2 px-3 font-normal", className),
|
|
8656
9670
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
8657
9671
|
className: "flex flex-1 items-center gap-2",
|
|
8658
9672
|
children: [/* @__PURE__ */ jsx(Icon, {
|
|
@@ -8668,7 +9682,7 @@ function TimeRangePicker({ value, onChange, onClear, timezone: timezoneProp, pre
|
|
|
8668
9682
|
e.preventDefault();
|
|
8669
9683
|
handleClear(e);
|
|
8670
9684
|
},
|
|
8671
|
-
className: cn("size-[14px] shrink-0 p-0 hover:bg-transparent", "hover:text-destructive text-icon-quaternary hover:bg-transparent dark:text-white", "focus:ring-ring focus:ring-2 focus:ring-offset-1 focus:outline-none", "disabled:pointer-events-none disabled:opacity-50", "transition-colors"),
|
|
9685
|
+
className: cn$1("size-[14px] shrink-0 p-0 hover:bg-transparent", "hover:text-destructive text-icon-quaternary hover:bg-transparent dark:text-white", "focus:ring-ring focus:ring-2 focus:ring-offset-1 focus:outline-none", "disabled:pointer-events-none disabled:opacity-50", "transition-colors"),
|
|
8672
9686
|
"aria-label": "Clear time range",
|
|
8673
9687
|
children: /* @__PURE__ */ jsx(Icon, {
|
|
8674
9688
|
icon: X,
|
|
@@ -8837,5 +9851,4 @@ const ThemeScript = React$1.memo(({ forcedTheme, storageKey = "theme", attribute
|
|
|
8837
9851
|
});
|
|
8838
9852
|
|
|
8839
9853
|
//#endregion
|
|
8840
|
-
export { SidebarGroupAction as $,
|
|
8841
|
-
//# sourceMappingURL=theme-script-B_TkiYs4.mjs.map
|
|
9854
|
+
export { SidebarGroupAction as $, TableBody as $n, CommandSeparator as $r, FormSwitch as $t, TaskPanel as A, BreadcrumbLink as Ai, DropdownMenuPortal as An, Popover as Ar, getGutter as At, TaskQueueProvider as B, AvatarStack as Bn, InputGroupTextarea as Br, useFormContext as Bt, localInputStringToUtc as C, Separator as Ci, DropzoneEmptyState as Cn, SelectScrollDownButton as Cr, startProgress as Ct, TaskQueueDropdown as D, Breadcrumb as Di, DropdownMenuGroup as Dn, SelectValue as Dr, Col as Dt, zonedDateToUtcString as E, buttonVariants$1 as Ei, DropdownMenuContent as En, SelectTrigger as Er, InputNumber as Et, getContextLabel as F, badgeVariants as Fi, DropdownMenuSub as Fn, InputGroup as Fr, GRID_PREFIX as Ft, createOrgMetadata as G, Tooltip as Gn, Dialog as Gr, StepperControls as Gt, detectStorage as H, Autocomplete as Hn, HoverCard as Hr, useField as Ht, matchesCurrentScope as I, Alert as Ii, DropdownMenuSubContent as In, InputGroupAddon as Ir, RESPONSIVE_ARRAY as It, TagsInput as J, TabsContent as Jn, CommandEmpty as Jr, defineStepper as Jt, createProjectMetadata as K, Textarea as Kn, Command$1 as Kr, FormStep as Kt, useCurrentScope as L, AlertDescription as Li, DropdownMenuSubTrigger as Ln, InputGroupButton as Lr, RESPONSIVE_MAP as Lt, TaskPanelCounter as M, BreadcrumbPage as Mi, DropdownMenuRadioItem as Mn, PopoverContent as Mr, registerMediaQuery as Mt, TaskPanelActions as N, BreadcrumbSeparator as Ni, DropdownMenuSeparator as Nn, PopoverTrigger as Nr, GRID_BREAKPOINTS as Nt, TaskSummaryDialog as O, BreadcrumbEllipsis as Oi, DropdownMenuItem as On, RadioGroup as Or, Row as Ot, TaskPanelHeader as P, Badge as Pi, DropdownMenuShortcut as Pn, Label as Pr, GRID_COLUMNS as Pt, SidebarGroup as Q, Table as Qn, CommandList as Qr, FormTextarea as Qt, useTasksWithLabels as R, AlertTitle as Ri, DropdownMenuTrigger as Rn, InputGroupInput as Rr, Form as Rt, getTimezoneOffset as S, buttonGroupVariants as Si, DropzoneContent as Sn, SelectLabel as Sr, configureProgress as St, utcToLocalInputString as T, Button$1 as Ti, DropdownMenuCheckboxItem as Tn, SelectSeparator as Tr, MoreActions as Tt, RedisTaskStorage as U, LoaderOverlay as Un, HoverCardContent as Ur, InputWithAddons as Ut, TaskQueue as V, avatarStackVariants as Vn, Input as Vr, useFieldContext as Vt, LocalTaskStorage as W, VisuallyHidden$1 as Wn, HoverCardTrigger as Wr, StepperNavigation as Wt, SidebarContent as X, TabsList as Xn, CommandInput as Xr, useWatch as Xt, Sidebar as Y, TabsLinkTrigger as Yn, CommandGroup as Yr, FormWhen as Yt, SidebarFooter as Z, TabsTrigger as Zn, CommandItem as Zr, useWatchAll as Zt, formatTimezoneLabel as _, Calendar$1 as _i, FormButton as _n, SheetTrigger as _r, SidebarTrigger as _t, formatDateForInput as a, ChartContainer as ai, FormRadioItem as an, TableRow as ar, SidebarMenu as at, getDefaultTimezoneOptions as b, ButtonGroupSeparator as bi, EmptyContent as bn, SelectGroup as br, NavMain as bt, DEFAULT_PRESETS as c, ChartStyle as ci, FormField as cn, Skeleton as cr, SidebarMenuButton as ct, getPresetByShortcut as d, Card as di, FormDescription as dn, SheetContent as dr, SidebarMenuSub as dt, CommandShortcut as ei, FormSubmit as en, TableCaption as er, SidebarGroupContent as et, getPresetRange as f, CardFooter as fi, FormCustom as fn, SheetOverlay as fr, SidebarMenuSubButton as ft, createTimezoneOption as g, CardTitle as gi, FormCheckbox as gn, SheetTitle as gr, SidebarSeparator as gt, CustomRangePanel as h, CardDescription as hi, Toaster$1 as hn, SheetHeader as hr, SidebarRail as ht, TimeRangePicker as i, Checkbox as ii, FormRadioGroup as in, TableHeader as ir, SidebarInset as it, TaskPanelItem as j, BreadcrumbList as ji, DropdownMenuRadioGroup as jn, PopoverAnchor as jr, getResponsiveValue as jt, TaskQueueTrigger as k, BreadcrumbItem as ki, DropdownMenuLabel as kn, RadioGroupItem as kr, RowContext as kt, getDefaultPreset as l, ChartTooltip as li, FormError as ln, Sheet as lr, SidebarMenuItem as lt, QuickRangesPanel as m, CardContent as mi, useToast as mn, SheetFooter as mr, SidebarProvider as mt, ClientOnly as n, CollapsibleContent as ni, FormSelectItem as nn, TableFooter as nr, SidebarHeader as nt, formatSingleTimeDisplay as o, ChartLegend as oi, FormInput as on, Switch as or, SidebarMenuAction as ot, TimezoneSelector as p, CardHeader as pi, FormCopyBox as pn, SheetDescription as pr, SidebarMenuSubItem as pt, createUserMetadata as q, Tabs as qn, CommandDialog as qr, FormStepper as qt, toApiTimeRange as r, CollapsibleTrigger as ri, FormRoot as rn, TableHead as rr, SidebarInput as rt, formatTimeRangeDisplay as s, ChartLegendContent as si, FormFieldArray as sn, Spinner as sr, SidebarMenuBadge as st, ThemeScript as t, Collapsible as ti, FormSelect as tn, TableCell as tr, SidebarGroupLabel as tt, getPresetByKey as u, ChartTooltipContent as ui, FormDialog as un, SheetClose as ur, SidebarMenuSkeleton as ut, formatUtcForDisplay as v, CalendarDayButton as vi, FormAutocomplete as vn, Select as vr, useSidebar as vt, utcStringToZonedDate as w, LinkButton as wi, DropdownMenu as wn, SelectScrollUpButton as wr, stopProgress as wt, getShortTimezoneDisplay as x, ButtonGroupText as xi, Dropzone as xn, SelectItem as xr, PageTitle as xt, getBrowserTimezone as y, ButtonGroup as yi, FileInputButton as yn, SelectContent as yr, AppSidebar as yt, useTaskQueue as z, CalendarDatePicker as zn, InputGroupText as zr, useStepper as zt };
|