@godxjp/ui 13.9.3 → 13.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/app-provider.d.ts +30 -0
- package/dist/app/app-provider.js +244 -0
- package/dist/app/date-format-labels.d.ts +8 -0
- package/dist/app/date-format-labels.js +16 -0
- package/dist/app/date-formats.d.ts +10 -0
- package/dist/app/date-formats.js +27 -0
- package/dist/app/index.d.ts +13 -136
- package/dist/app/index.js +65 -38
- package/dist/app/locales.d.ts +12 -0
- package/dist/app/locales.js +26 -0
- package/dist/app/request-headers.d.ts +7 -0
- package/dist/app/request-headers.js +27 -0
- package/dist/app/storage.d.ts +11 -0
- package/dist/app/storage.js +32 -0
- package/dist/app/time-format-labels.d.ts +8 -0
- package/dist/app/time-format-labels.js +14 -0
- package/dist/app/time-formats.d.ts +7 -0
- package/dist/app/time-formats.js +14 -0
- package/dist/app/timezones.d.ts +31 -0
- package/dist/app/timezones.js +161 -0
- package/dist/app/types.d.ts +21 -0
- package/dist/app/types.js +30 -0
- package/dist/app/use-formatting.d.ts +19 -0
- package/dist/app/use-formatting.js +37 -0
- package/dist/components/admin/index.d.ts +26 -66
- package/dist/components/admin/index.js +96 -49
- package/dist/components/data-display/accordion.d.ts +1 -0
- package/dist/components/data-display/accordion.js +7 -0
- package/dist/components/data-display/avatar.d.ts +1 -0
- package/dist/components/data-display/avatar.js +6 -0
- package/dist/components/data-display/badge.d.ts +9 -13
- package/dist/components/data-display/badge.js +111 -5
- package/dist/components/data-display/card.d.ts +22 -26
- package/dist/components/data-display/card.js +153 -2
- package/dist/components/data-display/carousel.d.ts +11 -13
- package/dist/components/data-display/carousel.js +220 -4
- package/dist/components/data-display/collapsible.d.ts +4 -0
- package/dist/components/data-display/collapsible.js +9 -0
- package/dist/components/data-display/data-table.d.ts +53 -0
- package/dist/components/data-display/data-table.js +424 -0
- package/dist/components/data-display/descriptions.d.ts +19 -0
- package/dist/components/data-display/descriptions.js +25 -0
- package/dist/components/data-display/empty-state.d.ts +3 -0
- package/dist/{chunk-YD7V2HGZ.js → components/data-display/empty-state.js} +5 -5
- package/dist/components/data-display/hover-card.d.ts +1 -0
- package/dist/components/data-display/hover-card.js +6 -0
- package/dist/components/data-display/index.d.ts +24 -79
- package/dist/components/data-display/index.js +95 -176
- package/dist/components/data-display/popover.d.ts +9 -13
- package/dist/components/data-display/popover.js +61 -2
- package/dist/components/data-display/progress.d.ts +7 -0
- package/dist/components/data-display/progress.js +27 -0
- package/dist/components/data-display/scroll-area.d.ts +4 -7
- package/dist/components/data-display/scroll-area.js +38 -2
- package/dist/components/data-display/table.d.ts +7 -10
- package/dist/components/data-display/table.js +36 -3
- package/dist/components/data-display/timeline.d.ts +12 -0
- package/dist/components/data-display/timeline.js +35 -0
- package/dist/components/data-display/tree-list.d.ts +13 -0
- package/dist/components/data-display/tree-list.js +30 -0
- package/dist/components/data-entry/calendar.d.ts +3 -19
- package/dist/components/data-entry/calendar.js +96 -6
- package/dist/components/data-entry/cascader.d.ts +4 -35
- package/dist/components/data-entry/cascader.js +327 -10
- package/dist/components/data-entry/checkbox-group.d.ts +3 -0
- package/dist/{chunk-BE6GJGKJ.js → components/data-entry/checkbox-group.js} +9 -26
- package/dist/components/data-entry/checkbox.d.ts +7 -16
- package/dist/components/data-entry/checkbox.js +26 -4
- package/dist/components/data-entry/choice-option.d.ts +10 -0
- package/dist/components/data-entry/choice-option.js +7 -0
- package/dist/components/data-entry/color-picker.d.ts +3 -19
- package/dist/components/data-entry/color-picker.js +75 -6
- package/dist/components/data-entry/command.d.ts +7 -10
- package/dist/components/data-entry/command.js +51 -3
- package/dist/components/data-entry/date-picker.d.ts +3 -19
- package/dist/components/data-entry/date-picker.js +153 -9
- package/dist/components/data-entry/date-range-picker.d.ts +3 -19
- package/dist/components/data-entry/date-range-picker.js +191 -8
- package/dist/components/data-entry/field.d.ts +4 -0
- package/dist/{chunk-44YRPSZ7.js → components/data-entry/field.js} +6 -11
- package/dist/components/data-entry/form-field.d.ts +3 -0
- package/dist/{chunk-LBYSX3VM.js → components/data-entry/form-field.js} +14 -47
- package/dist/components/data-entry/form.d.ts +29 -0
- package/dist/components/data-entry/form.js +41 -0
- package/dist/components/data-entry/index.d.ts +61 -164
- package/dist/components/data-entry/index.js +117 -37
- package/dist/components/data-entry/input-otp.d.ts +1 -0
- package/dist/components/data-entry/input-otp.js +7 -0
- package/dist/components/data-entry/input.d.ts +3 -6
- package/dist/components/data-entry/input.js +98 -4
- package/dist/components/data-entry/label.d.ts +4 -8
- package/dist/components/data-entry/label.js +25 -2
- package/dist/components/data-entry/month-picker.d.ts +9 -0
- package/dist/components/data-entry/month-picker.js +188 -0
- package/dist/components/data-entry/month-range-picker.d.ts +11 -0
- package/dist/components/data-entry/month-range-picker.js +245 -0
- package/dist/components/data-entry/number-input.d.ts +12 -0
- package/dist/components/data-entry/number-input.js +219 -0
- package/dist/components/data-entry/password-input.d.ts +2 -0
- package/dist/components/data-entry/password-input.js +4 -0
- package/dist/components/data-entry/password-strength.d.ts +20 -0
- package/dist/{chunk-VSUYVT2Q.js → components/data-entry/password-strength.js} +8 -62
- package/dist/components/data-entry/radio.d.ts +7 -20
- package/dist/components/data-entry/radio.js +93 -4
- package/dist/components/data-entry/rating.d.ts +2 -0
- package/dist/components/data-entry/rating.js +4 -0
- package/dist/components/data-entry/search-input.d.ts +18 -0
- package/dist/{chunk-LVLPNKJP.js → components/data-entry/search-input.js} +11 -11
- package/dist/components/data-entry/search-select.d.ts +11 -0
- package/dist/{chunk-6S2ZU26B.js → components/data-entry/search-select.js} +14 -239
- package/dist/components/data-entry/select.d.ts +14 -30
- package/dist/components/data-entry/select.js +243 -9
- package/dist/components/data-entry/slider.d.ts +4 -18
- package/dist/components/data-entry/slider.js +52 -2
- package/dist/components/data-entry/switch.d.ts +4 -18
- package/dist/components/data-entry/switch.js +40 -2
- package/dist/components/data-entry/tag-input.d.ts +2 -0
- package/dist/components/data-entry/tag-input.js +4 -0
- package/dist/components/data-entry/textarea.d.ts +3 -6
- package/dist/components/data-entry/textarea.js +86 -5
- package/dist/components/data-entry/time-input.d.ts +3 -6
- package/dist/components/data-entry/time-input.js +137 -3
- package/dist/components/data-entry/time-picker.d.ts +3 -19
- package/dist/components/data-entry/time-picker.js +329 -7
- package/dist/components/data-entry/toggle-group.d.ts +1 -0
- package/dist/components/data-entry/toggle-group.js +5 -0
- package/dist/components/data-entry/toggle.d.ts +2 -0
- package/dist/components/data-entry/toggle.js +4 -0
- package/dist/components/data-entry/transfer.d.ts +3 -20
- package/dist/components/data-entry/transfer.js +193 -13
- package/dist/components/data-entry/tree-select-strategy.d.ts +5 -0
- package/dist/components/data-entry/tree-select-strategy.js +8 -0
- package/dist/components/data-entry/tree-select.d.ts +5 -25
- package/dist/components/data-entry/tree-select.js +299 -13
- package/dist/components/data-entry/tree-utils.d.ts +48 -0
- package/dist/{chunk-SMLKNECP.js → components/data-entry/tree-utils.js} +33 -5
- package/dist/components/data-entry/upload-crop-dialog.d.ts +9 -0
- package/dist/components/data-entry/upload-crop-dialog.js +102 -0
- package/dist/components/data-entry/upload-types.d.ts +39 -0
- package/dist/components/data-entry/upload-types.js +41 -0
- package/dist/components/data-entry/upload.d.ts +6 -45
- package/dist/components/data-entry/upload.js +417 -12
- package/dist/components/data-entry/use-upload-draft.d.ts +25 -0
- package/dist/components/data-entry/use-upload-draft.js +64 -0
- package/dist/components/data-grid/data-grid.d.ts +67 -0
- package/dist/components/data-grid/data-grid.js +402 -0
- package/dist/components/data-grid/index.d.ts +2 -71
- package/dist/components/data-grid/index.js +3 -371
- package/dist/components/feedback/alert.d.ts +37 -42
- package/dist/components/feedback/alert.js +127 -7
- package/dist/components/feedback/dialog.d.ts +21 -25
- package/dist/components/feedback/dialog.js +356 -8
- package/dist/components/feedback/index.d.ts +10 -28
- package/dist/components/feedback/index.js +105 -18
- package/dist/components/feedback/overlay-header-tone.d.ts +7 -0
- package/dist/{chunk-VU4GFGDG.js → components/feedback/overlay-header-tone.js} +4 -4
- package/dist/components/feedback/sheet.d.ts +18 -23
- package/dist/components/feedback/sheet.js +192 -3
- package/dist/components/feedback/skeleton.d.ts +17 -0
- package/dist/{chunk-2BR7KFCP.js → components/feedback/skeleton.js} +10 -6
- package/dist/components/feedback/sonner.d.ts +2 -5
- package/dist/components/feedback/sonner.js +50 -1
- package/dist/components/feedback/tooltip.d.ts +10 -0
- package/dist/{chunk-32WO3YLB.js → components/feedback/tooltip.js} +12 -9
- package/dist/components/feedback/use-toast.d.ts +3 -0
- package/dist/components/feedback/use-toast.js +5 -0
- package/dist/components/general/button.d.ts +12 -18
- package/dist/components/general/button.js +118 -4
- package/dist/components/general/index.d.ts +4 -37
- package/dist/components/general/index.js +8 -48
- package/dist/components/general/typography.d.ts +30 -0
- package/dist/components/general/typography.js +46 -0
- package/dist/components/layout/app-shell.d.ts +3 -0
- package/dist/components/layout/app-shell.js +33 -0
- package/dist/components/layout/aspect-ratio.d.ts +1 -0
- package/dist/components/layout/aspect-ratio.js +4 -0
- package/dist/components/layout/breadcrumb.d.ts +7 -0
- package/dist/components/layout/breadcrumb.js +16 -0
- package/dist/components/layout/flex.d.ts +3 -0
- package/dist/components/layout/flex.js +29 -0
- package/dist/components/layout/index.d.ts +19 -60
- package/dist/components/layout/index.js +29 -12
- package/dist/components/layout/page-container.d.ts +8 -0
- package/dist/components/layout/page-container.js +77 -0
- package/dist/components/layout/resizable.d.ts +8 -12
- package/dist/components/layout/resizable.js +44 -2
- package/dist/components/layout/responsive-grid.d.ts +7 -0
- package/dist/{chunk-C3PKEV6S.js → components/layout/responsive-grid.js} +4 -5
- package/dist/components/layout/separator.d.ts +1 -0
- package/dist/components/layout/separator.js +4 -0
- package/dist/components/layout/sidebar.d.ts +21 -0
- package/dist/components/layout/sidebar.js +254 -0
- package/dist/components/layout/split-pane.d.ts +7 -0
- package/dist/components/layout/split-pane.js +10 -0
- package/dist/components/layout/topbar.d.ts +3 -0
- package/dist/components/layout/topbar.js +133 -0
- package/dist/components/navigation/app-setting-picker.d.ts +9 -0
- package/dist/{chunk-RHPFCKB2.js → components/navigation/app-setting-picker.js} +24 -49
- package/dist/components/navigation/context-menu.d.ts +16 -20
- package/dist/components/navigation/context-menu.js +144 -2
- package/dist/components/navigation/dropdown-menu.d.ts +17 -21
- package/dist/components/navigation/dropdown-menu.js +164 -2
- package/dist/components/navigation/filter-bar.d.ts +4 -0
- package/dist/components/navigation/filter-bar.js +43 -0
- package/dist/components/navigation/index.d.ts +12 -36
- package/dist/components/navigation/index.js +140 -17
- package/dist/components/navigation/menubar.d.ts +18 -23
- package/dist/components/navigation/menubar.js +135 -2
- package/dist/components/navigation/navigation-menu.d.ts +10 -13
- package/dist/components/navigation/navigation-menu.js +90 -2
- package/dist/components/navigation/pagination-utils.d.ts +2 -0
- package/dist/components/navigation/pagination-utils.js +25 -0
- package/dist/components/navigation/pagination.d.ts +6 -12
- package/dist/components/navigation/pagination.js +222 -10
- package/dist/components/navigation/steps.d.ts +3 -12
- package/dist/components/navigation/steps.js +150 -5
- package/dist/components/navigation/tabs.d.ts +8 -12
- package/dist/components/navigation/tabs.js +109 -2
- package/dist/components/query/data-state.d.ts +7 -0
- package/dist/components/query/data-state.js +44 -0
- package/dist/components/query/index.d.ts +10 -43
- package/dist/components/query/index.js +13 -195
- package/dist/components/query/infinite-query-state.d.ts +13 -0
- package/dist/components/query/infinite-query-state.js +70 -0
- package/dist/components/query/mutation-feedback.d.ts +7 -0
- package/dist/components/query/mutation-feedback.js +23 -0
- package/dist/components/query/prefetch-link.d.ts +7 -0
- package/dist/components/query/prefetch-link.js +36 -0
- package/dist/components/query/query-refetch-button.d.ts +4 -0
- package/dist/components/query/query-refetch-button.js +40 -0
- package/dist/components/ui/accordion.d.ts +6 -0
- package/dist/components/ui/accordion.js +47 -0
- package/dist/components/ui/alert-dialog.d.ts +1 -0
- package/dist/components/ui/alert-dialog.js +1 -0
- package/dist/components/ui/alert.d.ts +1 -0
- package/dist/components/ui/alert.js +1 -0
- package/dist/components/ui/aspect-ratio.d.ts +3 -0
- package/dist/components/ui/aspect-ratio.js +18 -0
- package/dist/components/ui/avatar.d.ts +5 -0
- package/dist/{chunk-QTUJSRDH.js → components/ui/avatar.js} +12 -10
- package/dist/components/ui/badge.d.ts +1 -0
- package/dist/components/ui/badge.js +1 -0
- package/dist/components/ui/button.d.ts +1 -0
- package/dist/components/ui/button.js +1 -0
- package/dist/components/ui/calendar.d.ts +1 -0
- package/dist/components/ui/calendar.js +1 -0
- package/dist/components/ui/card.d.ts +1 -0
- package/dist/components/ui/card.js +1 -0
- package/dist/components/ui/carousel.d.ts +1 -0
- package/dist/components/ui/carousel.js +1 -0
- package/dist/components/ui/checkbox.d.ts +1 -0
- package/dist/components/ui/checkbox.js +1 -0
- package/dist/components/ui/color-picker.d.ts +1 -0
- package/dist/components/ui/color-picker.js +1 -0
- package/dist/components/ui/command.d.ts +1 -0
- package/dist/components/ui/command.js +1 -0
- package/dist/components/ui/context-menu.d.ts +1 -0
- package/dist/components/ui/context-menu.js +1 -0
- package/dist/components/ui/date-picker.d.ts +1 -0
- package/dist/components/ui/date-picker.js +1 -0
- package/dist/components/ui/date-range-picker.d.ts +1 -0
- package/dist/components/ui/date-range-picker.js +1 -0
- package/dist/components/ui/dialog.d.ts +1 -0
- package/dist/components/ui/dialog.js +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +1 -0
- package/dist/components/ui/dropdown-menu.js +1 -0
- package/dist/components/ui/hover-card.d.ts +10 -0
- package/dist/components/ui/hover-card.js +45 -0
- package/dist/components/ui/index.d.ts +43 -80
- package/dist/components/ui/index.js +50 -47
- package/dist/components/ui/input-otp.d.ts +33 -0
- package/dist/components/ui/input-otp.js +55 -0
- package/dist/components/ui/input.d.ts +1 -0
- package/dist/components/ui/input.js +1 -0
- package/dist/components/ui/label.d.ts +1 -0
- package/dist/components/ui/label.js +1 -0
- package/dist/components/ui/menubar.d.ts +1 -0
- package/dist/components/ui/menubar.js +1 -0
- package/dist/components/ui/navigation-menu.d.ts +1 -0
- package/dist/components/ui/navigation-menu.js +1 -0
- package/dist/components/ui/pagination.d.ts +1 -0
- package/dist/components/ui/pagination.js +1 -0
- package/dist/components/ui/password-input.d.ts +4 -0
- package/dist/components/ui/password-input.js +38 -0
- package/dist/components/ui/password-strength.d.ts +1 -0
- package/dist/components/ui/password-strength.js +1 -0
- package/dist/components/ui/popover.d.ts +1 -0
- package/dist/components/ui/popover.js +1 -0
- package/dist/components/ui/radio.d.ts +1 -0
- package/dist/components/ui/radio.js +1 -0
- package/dist/components/ui/rating.d.ts +13 -0
- package/dist/components/ui/rating.js +90 -0
- package/dist/components/ui/resizable.d.ts +1 -0
- package/dist/components/ui/resizable.js +1 -0
- package/dist/components/ui/scroll-area.d.ts +1 -0
- package/dist/components/ui/scroll-area.js +1 -0
- package/dist/components/ui/select.d.ts +1 -0
- package/dist/components/ui/select.js +1 -0
- package/dist/components/ui/separator.d.ts +3 -0
- package/dist/components/ui/separator.js +20 -0
- package/dist/components/ui/sheet.d.ts +1 -0
- package/dist/components/ui/sheet.js +1 -0
- package/dist/components/ui/skeleton.d.ts +1 -0
- package/dist/components/ui/skeleton.js +4 -0
- package/dist/components/ui/slider.d.ts +1 -0
- package/dist/components/ui/slider.js +1 -0
- package/dist/components/ui/sonner.d.ts +1 -0
- package/dist/components/ui/sonner.js +1 -0
- package/dist/components/ui/switch.d.ts +1 -0
- package/dist/components/ui/switch.js +1 -0
- package/dist/components/ui/table.d.ts +1 -0
- package/dist/components/ui/table.js +1 -0
- package/dist/components/ui/tabs.d.ts +1 -0
- package/dist/components/ui/tabs.js +1 -0
- package/dist/components/ui/tag-input.d.ts +13 -0
- package/dist/components/ui/tag-input.js +100 -0
- package/dist/components/ui/textarea.d.ts +1 -0
- package/dist/components/ui/textarea.js +1 -0
- package/dist/components/ui/time-input.d.ts +1 -0
- package/dist/components/ui/time-input.js +1 -0
- package/dist/components/ui/time-picker.d.ts +1 -0
- package/dist/components/ui/time-picker.js +1 -0
- package/dist/components/ui/toggle-group.d.ts +11 -0
- package/dist/components/ui/toggle-group.js +32 -0
- package/dist/components/ui/toggle.d.ts +13 -0
- package/dist/components/ui/toggle.js +36 -0
- package/dist/components/ui/upload.d.ts +1 -0
- package/dist/components/ui/upload.js +1 -0
- package/dist/form/form-field-control.d.ts +4 -0
- package/dist/form/form-field-control.js +42 -0
- package/dist/form/form-root.d.ts +4 -0
- package/dist/form/form-root.js +26 -0
- package/dist/form/index.d.ts +7 -21
- package/dist/form/index.js +8 -73
- package/dist/form/use-zod-form.d.ts +10 -0
- package/dist/form/use-zod-form.js +14 -0
- package/dist/i18n/index.d.ts +3 -326
- package/dist/i18n/index.js +17 -2
- package/dist/i18n/messages/en.json +279 -0
- package/dist/i18n/messages/ja.json +276 -0
- package/dist/i18n/messages/vi.json +276 -0
- package/dist/i18n/translate.d.ts +15 -0
- package/dist/i18n/translate.js +82 -0
- package/dist/i18n/use-translation.d.ts +19 -0
- package/dist/i18n/use-translation.js +46 -0
- package/dist/index.d.ts +11 -47
- package/dist/index.js +16 -62
- package/dist/lib/control-styles.d.ts +26 -0
- package/dist/lib/control-styles.js +34 -0
- package/dist/lib/datetime/detect.d.ts +4 -0
- package/dist/lib/datetime/detect.js +16 -0
- package/dist/lib/datetime/format-date.d.ts +22 -0
- package/dist/lib/datetime/format-date.js +73 -0
- package/dist/lib/datetime/format.d.ts +23 -0
- package/dist/lib/datetime/format.js +94 -0
- package/dist/lib/datetime/index.d.ts +5 -35
- package/dist/lib/datetime/index.js +50 -1
- package/dist/lib/datetime/parse.d.ts +12 -0
- package/dist/lib/datetime/parse.js +56 -0
- package/dist/lib/datetime/sync.d.ts +19 -0
- package/dist/lib/datetime/sync.js +45 -0
- package/dist/lib/format.d.ts +21 -0
- package/dist/{chunk-X6AJ5HEI.js → lib/format.js} +35 -5
- package/dist/lib/hooks.d.ts +4 -6
- package/dist/lib/hooks.js +70 -1
- package/dist/lib/utils.d.ts +2 -5
- package/dist/lib/utils.js +8 -1
- package/dist/lib/variants.d.ts +12 -0
- package/dist/lib/variants.js +38 -0
- package/dist/{app.prop-CVY8V4ss.d.ts → props/components/app.prop.d.ts} +8 -12
- package/dist/props/components/app.prop.js +0 -0
- package/dist/{data-display.prop-CT0nVMdp.d.ts → props/components/data-display.prop.d.ts} +7 -15
- package/dist/props/components/data-display.prop.js +0 -0
- package/dist/{data-entry.prop-BSUaseKh.d.ts → props/components/data-entry.prop.d.ts} +46 -91
- package/dist/props/components/data-entry.prop.js +0 -0
- package/dist/{feedback.prop-CHlHDYZK.d.ts → props/components/feedback.prop.d.ts} +10 -16
- package/dist/props/components/feedback.prop.js +0 -0
- package/dist/{form.prop-5cyL3bvT.d.ts → props/components/form.prop.d.ts} +10 -14
- package/dist/props/components/form.prop.js +0 -0
- package/dist/{general.prop-CzlQin6v.d.ts → props/components/general.prop.d.ts} +5 -10
- package/dist/props/components/general.prop.js +0 -0
- package/dist/props/components/index.d.ts +9 -27
- package/dist/props/components/index.js +0 -1
- package/dist/{layout.prop-fCz-Vlie.d.ts → props/components/layout.prop.d.ts} +19 -26
- package/dist/props/components/layout.prop.js +0 -0
- package/dist/{navigation.prop-FCsOVGrP.d.ts → props/components/navigation.prop.d.ts} +10 -15
- package/dist/props/components/navigation.prop.js +0 -0
- package/dist/{query.prop-CT2gFtr4.d.ts → props/components/query.prop.d.ts} +12 -15
- package/dist/props/components/query.prop.js +0 -0
- package/dist/props/index.d.ts +7 -28
- package/dist/props/index.js +12 -3
- package/dist/props/registry.d.ts +5 -7
- package/dist/props/registry.js +998 -1
- package/dist/{content.prop-DrV_zDy-.d.ts → props/vocabulary/content.prop.d.ts} +12 -16
- package/dist/props/vocabulary/content.prop.js +0 -0
- package/dist/props/vocabulary/data.prop.d.ts +45 -0
- package/dist/props/vocabulary/data.prop.js +0 -0
- package/dist/props/vocabulary/index.d.ts +7 -7
- package/dist/props/vocabulary/index.js +0 -1
- package/dist/props/vocabulary/interaction.prop.d.ts +45 -0
- package/dist/props/vocabulary/interaction.prop.js +0 -0
- package/dist/props/vocabulary/layout.prop.d.ts +14 -0
- package/dist/props/vocabulary/layout.prop.js +0 -0
- package/dist/{navigation.prop-CXDaVNaR.d.ts → props/vocabulary/navigation.prop.d.ts} +3 -7
- package/dist/props/vocabulary/navigation.prop.js +0 -0
- package/dist/{shared.prop-BvMSLFJ6.d.ts → props/vocabulary/shared.prop.d.ts} +23 -27
- package/dist/props/vocabulary/shared.prop.js +0 -0
- package/dist/styles/table-layout.css +38 -0
- package/dist/tokens/components/table.css +2 -0
- package/package.json +2 -2
- package/dist/aspect-ratio-CZZJd9Km.d.ts +0 -9
- package/dist/avatar-D9MdXzfF.d.ts +0 -8
- package/dist/checkbox-bBfLARyF.d.ts +0 -13
- package/dist/chunk-2H65B4JA.js +0 -1
- package/dist/chunk-2RGPEFAW.js +0 -46
- package/dist/chunk-3JORZPS7.js +0 -232
- package/dist/chunk-3VFNWVR7.js +0 -153
- package/dist/chunk-4FGE5XVC.js +0 -996
- package/dist/chunk-5732TWQF.js +0 -1206
- package/dist/chunk-57VDEN64.js +0 -881
- package/dist/chunk-5LTW2LWF.js +0 -182
- package/dist/chunk-65RWSIZF.js +0 -327
- package/dist/chunk-7PWBC4BY.js +0 -25
- package/dist/chunk-B4K4BXEF.js +0 -18
- package/dist/chunk-B6S6LTWT.js +0 -464
- package/dist/chunk-B73NA66T.js +0 -122
- package/dist/chunk-B775Y6BE.js +0 -1
- package/dist/chunk-D4JX6O2W.js +0 -114
- package/dist/chunk-DV52WNXO.js +0 -8
- package/dist/chunk-DY5C44UP.js +0 -55
- package/dist/chunk-EG3RDM6F.js +0 -288
- package/dist/chunk-ES4Q3KGL.js +0 -1
- package/dist/chunk-FQGGF7GQ.js +0 -320
- package/dist/chunk-GJXOBDER.js +0 -1
- package/dist/chunk-HIEGUYPP.js +0 -95
- package/dist/chunk-HL3G4SVG.js +0 -131
- package/dist/chunk-I6G4IO7V.js +0 -485
- package/dist/chunk-I7NQ2LIL.js +0 -40
- package/dist/chunk-IJ5ALJGA.js +0 -31
- package/dist/chunk-INIIF7F7.js +0 -47
- package/dist/chunk-ION2KFXK.js +0 -75
- package/dist/chunk-J2DEWIYY.js +0 -37
- package/dist/chunk-K24AQV4R.js +0 -98
- package/dist/chunk-LFW37FGG.js +0 -68
- package/dist/chunk-LMKUKCTN.js +0 -150
- package/dist/chunk-NU2SOVTU.js +0 -96
- package/dist/chunk-NVTZ2EDW.js +0 -389
- package/dist/chunk-NZBAFFWP.js +0 -214
- package/dist/chunk-OO5DZH45.js +0 -587
- package/dist/chunk-Q3KUZG4P.js +0 -86
- package/dist/chunk-QROC2RMH.js +0 -150
- package/dist/chunk-QVBOICFU.js +0 -145
- package/dist/chunk-R2TXLS7S.js +0 -137
- package/dist/chunk-RZ32HY5E.js +0 -331
- package/dist/chunk-S2IJKT3D.js +0 -89
- package/dist/chunk-TBJBVEIP.js +0 -52
- package/dist/chunk-TO7URV7U.js +0 -51
- package/dist/chunk-U7N2A7A3.js +0 -9
- package/dist/chunk-V3N266PT.js +0 -106
- package/dist/chunk-W4REF4TD.js +0 -42
- package/dist/chunk-WGWI7EGL.js +0 -83
- package/dist/chunk-WY3VYUMX.js +0 -193
- package/dist/chunk-XBFUROAY.js +0 -117
- package/dist/chunk-XK3M3VRR.js +0 -32
- package/dist/chunk-YXVJFYQE.js +0 -191
- package/dist/chunk-ZT5UEUBO.js +0 -1
- package/dist/data-table-DRr70ULe.d.ts +0 -80
- package/dist/data.prop-D0UEEczj.d.ts +0 -42
- package/dist/filter-bar-DoDtwYrr.d.ts +0 -7
- package/dist/flex-1Cy46L0M.d.ts +0 -12
- package/dist/format-date-ByyZoqI5.d.ts +0 -51
- package/dist/interaction.prop-DD46aTro.d.ts +0 -47
- package/dist/layout.prop-CXvl2rVR.d.ts +0 -16
- package/dist/password-strength-DVRvXEOK.d.ts +0 -47
- package/dist/search-input-D4v1JGOA.d.ts +0 -27
- package/dist/skeleton-cj9kh5wo.d.ts +0 -20
- package/dist/types-mvzYGrma.d.ts +0 -37
package/dist/chunk-QROC2RMH.js
DELETED
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
import { controlIconClass } from './chunk-B4K4BXEF.js';
|
|
2
|
-
import { useTranslation } from './chunk-B6S6LTWT.js';
|
|
3
|
-
import { cn } from './chunk-U7N2A7A3.js';
|
|
4
|
-
import { Check, Loader2, X, Circle } from 'lucide-react';
|
|
5
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
function resolveStepStatus(index, current, itemStatus, currentStatus) {
|
|
8
|
-
if (itemStatus) return itemStatus;
|
|
9
|
-
if (index < current) return "finish";
|
|
10
|
-
if (index === current) return currentStatus ?? "process";
|
|
11
|
-
return "wait";
|
|
12
|
-
}
|
|
13
|
-
function StepIcon({
|
|
14
|
-
status,
|
|
15
|
-
icon,
|
|
16
|
-
type
|
|
17
|
-
}) {
|
|
18
|
-
if (icon)
|
|
19
|
-
return /* @__PURE__ */ jsx("span", { className: cn("flex items-center justify-center", controlIconClass), children: icon });
|
|
20
|
-
if (type === "dot") {
|
|
21
|
-
return /* @__PURE__ */ jsx(
|
|
22
|
-
"span",
|
|
23
|
-
{
|
|
24
|
-
className: cn(
|
|
25
|
-
"block size-2.5 rounded-full",
|
|
26
|
-
status === "finish" && "bg-primary",
|
|
27
|
-
status === "process" && "bg-primary ring-primary/20 ring-4",
|
|
28
|
-
status === "error" && "bg-destructive",
|
|
29
|
-
status === "wait" && "bg-muted-foreground/30"
|
|
30
|
-
)
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
return /* @__PURE__ */ jsxs(
|
|
35
|
-
"span",
|
|
36
|
-
{
|
|
37
|
-
className: cn(
|
|
38
|
-
"flex items-center justify-center",
|
|
39
|
-
controlIconClass,
|
|
40
|
-
"rounded-full border-2 text-sm font-medium",
|
|
41
|
-
status === "finish" && "border-primary bg-primary text-primary-foreground",
|
|
42
|
-
status === "process" && "border-primary text-primary",
|
|
43
|
-
status === "error" && "border-destructive bg-destructive text-destructive-foreground",
|
|
44
|
-
status === "wait" && "border-muted-foreground/30 text-muted-foreground"
|
|
45
|
-
),
|
|
46
|
-
children: [
|
|
47
|
-
status === "finish" && /* @__PURE__ */ jsx(Check, { className: "size-4", "aria-hidden": "true" }),
|
|
48
|
-
status === "process" && /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
|
|
49
|
-
status === "error" && /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }),
|
|
50
|
-
status === "wait" && /* @__PURE__ */ jsx(Circle, { className: "size-3 fill-current", "aria-hidden": "true" })
|
|
51
|
-
]
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
function Steps({
|
|
56
|
-
items = [],
|
|
57
|
-
value: current = 0,
|
|
58
|
-
defaultValue = 0,
|
|
59
|
-
status: currentStatus = "process",
|
|
60
|
-
orientation = "horizontal",
|
|
61
|
-
type = "default",
|
|
62
|
-
size = "md",
|
|
63
|
-
titlePlacement = "horizontal",
|
|
64
|
-
onValueChange,
|
|
65
|
-
className
|
|
66
|
-
}) {
|
|
67
|
-
const { t } = useTranslation();
|
|
68
|
-
const base = defaultValue;
|
|
69
|
-
const isVertical = orientation === "vertical";
|
|
70
|
-
const compact = size === "sm";
|
|
71
|
-
return /* @__PURE__ */ jsx(
|
|
72
|
-
"ol",
|
|
73
|
-
{
|
|
74
|
-
className: cn(
|
|
75
|
-
"flex w-full",
|
|
76
|
-
isVertical ? "flex-col gap-0" : "flex-row items-start",
|
|
77
|
-
className
|
|
78
|
-
),
|
|
79
|
-
"aria-label": t("navigation.steps.ariaLabel"),
|
|
80
|
-
children: items.map((item, index) => {
|
|
81
|
-
const absoluteIndex = base + index;
|
|
82
|
-
const stepStatus = resolveStepStatus(absoluteIndex, current, item.status, currentStatus);
|
|
83
|
-
const interactive = Boolean(onValueChange);
|
|
84
|
-
const clickable = interactive && !item.disabled;
|
|
85
|
-
const description = item.description;
|
|
86
|
-
const isCurrent = absoluteIndex === current;
|
|
87
|
-
const stepClassName = cn(
|
|
88
|
-
"group flex min-w-0",
|
|
89
|
-
isVertical ? "flex-row items-start gap-3" : "flex-col items-center",
|
|
90
|
-
clickable ? "cursor-pointer" : "cursor-default"
|
|
91
|
-
);
|
|
92
|
-
const stepInner = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
93
|
-
/* @__PURE__ */ jsx(StepIcon, { status: stepStatus, icon: item.icon, type }),
|
|
94
|
-
/* @__PURE__ */ jsxs(
|
|
95
|
-
"div",
|
|
96
|
-
{
|
|
97
|
-
className: cn(
|
|
98
|
-
"min-w-0",
|
|
99
|
-
isVertical ? "pt-1 text-start" : "mt-2 px-2",
|
|
100
|
-
titlePlacement === "vertical" && !isVertical && "mt-1"
|
|
101
|
-
),
|
|
102
|
-
children: [
|
|
103
|
-
/* @__PURE__ */ jsx(
|
|
104
|
-
"div",
|
|
105
|
-
{
|
|
106
|
-
className: cn(
|
|
107
|
-
"font-medium",
|
|
108
|
-
compact ? "text-xs" : "text-sm",
|
|
109
|
-
stepStatus === "process" && "text-foreground",
|
|
110
|
-
stepStatus === "wait" && "text-muted-foreground",
|
|
111
|
-
stepStatus === "error" && "text-destructive"
|
|
112
|
-
),
|
|
113
|
-
children: item.title
|
|
114
|
-
}
|
|
115
|
-
),
|
|
116
|
-
item.subtitle && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs", children: item.subtitle }),
|
|
117
|
-
description && /* @__PURE__ */ jsx("div", { className: cn("text-muted-foreground", compact ? "text-xs" : "text-sm"), children: description })
|
|
118
|
-
]
|
|
119
|
-
}
|
|
120
|
-
)
|
|
121
|
-
] });
|
|
122
|
-
return /* @__PURE__ */ jsx(
|
|
123
|
-
"li",
|
|
124
|
-
{
|
|
125
|
-
"aria-current": isCurrent ? "step" : void 0,
|
|
126
|
-
className: cn(
|
|
127
|
-
"relative flex min-w-0 flex-1",
|
|
128
|
-
isVertical ? "flex-row gap-3 pb-8 last:pb-0" : "flex-col items-center text-center",
|
|
129
|
-
!isVertical && index < items.length - 1 && "after:bg-border after:absolute after:top-4 after:h-px",
|
|
130
|
-
!isVertical && index < items.length - 1 && "after:left-[calc(50%+1.25rem)] after:w-[calc(100%-2.5rem)]"
|
|
131
|
-
),
|
|
132
|
-
children: interactive ? /* @__PURE__ */ jsx(
|
|
133
|
-
"button",
|
|
134
|
-
{
|
|
135
|
-
type: "button",
|
|
136
|
-
disabled: !clickable,
|
|
137
|
-
onClick: clickable ? () => onValueChange?.(absoluteIndex) : void 0,
|
|
138
|
-
className: stepClassName,
|
|
139
|
-
children: stepInner
|
|
140
|
-
}
|
|
141
|
-
) : /* @__PURE__ */ jsx("span", { className: stepClassName, children: stepInner })
|
|
142
|
-
},
|
|
143
|
-
index
|
|
144
|
-
);
|
|
145
|
-
})
|
|
146
|
-
}
|
|
147
|
-
);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
export { Steps };
|
package/dist/chunk-QVBOICFU.js
DELETED
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
import { cn } from './chunk-U7N2A7A3.js';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var cardVariants = cva("group/card border", {
|
|
7
|
-
variants: {
|
|
8
|
-
size: {
|
|
9
|
-
md: "",
|
|
10
|
-
compact: ""
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
defaultVariants: { size: "md" }
|
|
14
|
-
});
|
|
15
|
-
var Card = React.forwardRef(
|
|
16
|
-
({ className, size = "md", accent, variant, density, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
17
|
-
"div",
|
|
18
|
-
{
|
|
19
|
-
ref,
|
|
20
|
-
className: cn(cardVariants({ size }), className),
|
|
21
|
-
"data-slot": "card",
|
|
22
|
-
"data-size": size === "compact" ? "compact" : void 0,
|
|
23
|
-
"data-accent": accent,
|
|
24
|
-
"data-variant": variant && variant !== "default" ? variant : void 0,
|
|
25
|
-
"data-density": density,
|
|
26
|
-
...props
|
|
27
|
-
}
|
|
28
|
-
)
|
|
29
|
-
);
|
|
30
|
-
Card.displayName = "Card";
|
|
31
|
-
var CardCover = React.forwardRef(
|
|
32
|
-
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-cover", className: cn("ui-card-cover", className), ...props })
|
|
33
|
-
);
|
|
34
|
-
CardCover.displayName = "CardCover";
|
|
35
|
-
var CardHeader = React.forwardRef(
|
|
36
|
-
({ className, banded, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
37
|
-
"div",
|
|
38
|
-
{
|
|
39
|
-
ref,
|
|
40
|
-
"data-slot": "card-header",
|
|
41
|
-
"data-banded": banded ? "" : void 0,
|
|
42
|
-
className: cn(banded && "ui-card-header--banded", className),
|
|
43
|
-
...props
|
|
44
|
-
}
|
|
45
|
-
)
|
|
46
|
-
);
|
|
47
|
-
CardHeader.displayName = "CardHeader";
|
|
48
|
-
var CardTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, "data-slot": "card-title", className, ...props, children }));
|
|
49
|
-
CardTitle.displayName = "CardTitle";
|
|
50
|
-
var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, "data-slot": "card-description", className, ...props }));
|
|
51
|
-
CardDescription.displayName = "CardDescription";
|
|
52
|
-
var CardContent = React.forwardRef(
|
|
53
|
-
({ className, flush, tight, solo, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
54
|
-
"div",
|
|
55
|
-
{
|
|
56
|
-
ref,
|
|
57
|
-
"data-slot": "card-content",
|
|
58
|
-
"data-flush": flush ? "" : void 0,
|
|
59
|
-
"data-tight": tight ? "" : void 0,
|
|
60
|
-
"data-solo": solo ? "" : void 0,
|
|
61
|
-
className,
|
|
62
|
-
...props
|
|
63
|
-
}
|
|
64
|
-
)
|
|
65
|
-
);
|
|
66
|
-
CardContent.displayName = "CardContent";
|
|
67
|
-
var CardFooter = React.forwardRef(
|
|
68
|
-
({ className, separated, flush, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
69
|
-
"div",
|
|
70
|
-
{
|
|
71
|
-
ref,
|
|
72
|
-
"data-slot": "card-footer",
|
|
73
|
-
"data-separated": separated ? "" : void 0,
|
|
74
|
-
"data-flush": flush ? "" : void 0,
|
|
75
|
-
className,
|
|
76
|
-
...props
|
|
77
|
-
}
|
|
78
|
-
)
|
|
79
|
-
);
|
|
80
|
-
CardFooter.displayName = "CardFooter";
|
|
81
|
-
function getDeltaTone(delta, inverse) {
|
|
82
|
-
const text = typeof delta === "string" || typeof delta === "number" ? String(delta).trim() : "";
|
|
83
|
-
const sign = text.match(/^[+\-−]/)?.[0];
|
|
84
|
-
if (!sign) return void 0;
|
|
85
|
-
const isPositive = sign === "+";
|
|
86
|
-
const semanticPositive = inverse ? !isPositive : isPositive;
|
|
87
|
-
return semanticPositive ? "positive" : "negative";
|
|
88
|
-
}
|
|
89
|
-
function StatCard({
|
|
90
|
-
label,
|
|
91
|
-
value,
|
|
92
|
-
hint,
|
|
93
|
-
delta,
|
|
94
|
-
layout = "stacked",
|
|
95
|
-
align = "start",
|
|
96
|
-
inverse = false,
|
|
97
|
-
accent,
|
|
98
|
-
className,
|
|
99
|
-
size = "compact",
|
|
100
|
-
...props
|
|
101
|
-
}) {
|
|
102
|
-
const deltaTone = getDeltaTone(delta, inverse);
|
|
103
|
-
return /* @__PURE__ */ jsxs(
|
|
104
|
-
Card,
|
|
105
|
-
{
|
|
106
|
-
size: size ?? "compact",
|
|
107
|
-
accent,
|
|
108
|
-
className: cn("ui-stat-card", className),
|
|
109
|
-
"data-stat-card": "",
|
|
110
|
-
"data-stat-layout": layout,
|
|
111
|
-
"data-stat-align": align,
|
|
112
|
-
...props,
|
|
113
|
-
children: [
|
|
114
|
-
/* @__PURE__ */ jsxs("div", { "data-slot": "stat-card-body", children: [
|
|
115
|
-
/* @__PURE__ */ jsx("div", { "data-slot": "stat-card-label", children: label }),
|
|
116
|
-
hint && layout === "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "stat-card-hint", children: hint }) : null
|
|
117
|
-
] }),
|
|
118
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
119
|
-
/* @__PURE__ */ jsxs("div", { "data-slot": "stat-card-value-row", children: [
|
|
120
|
-
/* @__PURE__ */ jsx("span", { "data-slot": "stat-card-value", children: value }),
|
|
121
|
-
delta ? /* @__PURE__ */ jsx(
|
|
122
|
-
"span",
|
|
123
|
-
{
|
|
124
|
-
"data-slot": "stat-card-delta",
|
|
125
|
-
"data-delta-tone": deltaTone,
|
|
126
|
-
className: cn(
|
|
127
|
-
deltaTone === "positive" && "text-success",
|
|
128
|
-
deltaTone === "negative" && "text-destructive"
|
|
129
|
-
),
|
|
130
|
-
children: delta
|
|
131
|
-
}
|
|
132
|
-
) : null
|
|
133
|
-
] }),
|
|
134
|
-
hint && layout !== "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "stat-card-hint", children: hint }) : null
|
|
135
|
-
] })
|
|
136
|
-
]
|
|
137
|
-
}
|
|
138
|
-
);
|
|
139
|
-
}
|
|
140
|
-
var CardAction = React.forwardRef(
|
|
141
|
-
({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-action", className, ...props })
|
|
142
|
-
);
|
|
143
|
-
CardAction.displayName = "CardAction";
|
|
144
|
-
|
|
145
|
-
export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard };
|
package/dist/chunk-R2TXLS7S.js
DELETED
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
import { normalizeHhmm, isValidHhmm } from './chunk-5732TWQF.js';
|
|
2
|
-
import { cn } from './chunk-U7N2A7A3.js';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
function clampStep(step) {
|
|
7
|
-
if (!step || Number.isNaN(step)) return 1;
|
|
8
|
-
const parsed = Math.max(1, Math.floor(step));
|
|
9
|
-
if (!Number.isFinite(parsed)) return 1;
|
|
10
|
-
return Math.min(59, parsed);
|
|
11
|
-
}
|
|
12
|
-
function applyStep(value, step) {
|
|
13
|
-
const normalized = normalizeHhmm(value);
|
|
14
|
-
if (!normalized) return value;
|
|
15
|
-
const [hourText, minuteText] = normalized.split(":");
|
|
16
|
-
const hour = Number(hourText);
|
|
17
|
-
const minute = Number(minuteText);
|
|
18
|
-
const floored = Math.floor(minute / step) * step;
|
|
19
|
-
const safeMinute = Math.min(59, Math.max(0, floored));
|
|
20
|
-
return `${String(hour).padStart(2, "0")}:${String(safeMinute).padStart(2, "0")}`;
|
|
21
|
-
}
|
|
22
|
-
function maskTime(raw) {
|
|
23
|
-
const digits = raw.replace(/\D/g, "").slice(0, 4);
|
|
24
|
-
if (digits.length <= 2) return digits;
|
|
25
|
-
return `${digits.slice(0, 2)}:${digits.slice(2)}`;
|
|
26
|
-
}
|
|
27
|
-
function stepTime(value, deltaMinutes) {
|
|
28
|
-
const normalized = normalizeHhmm(value) ?? "00:00";
|
|
29
|
-
const [hourText, minuteText] = normalized.split(":");
|
|
30
|
-
const total = (Number(hourText) * 60 + Number(minuteText) + deltaMinutes + 24 * 60) % (24 * 60);
|
|
31
|
-
const hour = Math.floor(total / 60);
|
|
32
|
-
const minute = total % 60;
|
|
33
|
-
return `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}`;
|
|
34
|
-
}
|
|
35
|
-
function TimeInput({
|
|
36
|
-
value: controlledValue,
|
|
37
|
-
defaultValue = "",
|
|
38
|
-
onValueChange,
|
|
39
|
-
placeholder,
|
|
40
|
-
step = 1,
|
|
41
|
-
className,
|
|
42
|
-
name,
|
|
43
|
-
id,
|
|
44
|
-
...props
|
|
45
|
-
}) {
|
|
46
|
-
const safeStep = clampStep(step);
|
|
47
|
-
const [internal, setInternal] = React.useState(defaultValue);
|
|
48
|
-
const [displayValue, setDisplayValue] = React.useState(controlledValue ?? defaultValue);
|
|
49
|
-
const isControlled = controlledValue !== void 0;
|
|
50
|
-
const value = isControlled ? controlledValue ?? "" : internal;
|
|
51
|
-
React.useEffect(() => {
|
|
52
|
-
if (!isControlled) return;
|
|
53
|
-
setDisplayValue(controlledValue ?? "");
|
|
54
|
-
}, [controlledValue, isControlled]);
|
|
55
|
-
React.useEffect(() => {
|
|
56
|
-
if (isControlled) return;
|
|
57
|
-
setDisplayValue(internal);
|
|
58
|
-
}, [internal, isControlled]);
|
|
59
|
-
const commit = React.useCallback(
|
|
60
|
-
(next, fromBlur = false) => {
|
|
61
|
-
const normalized = normalizeHhmm(next);
|
|
62
|
-
if (!normalized) return;
|
|
63
|
-
const snapped = applyStep(normalized, safeStep);
|
|
64
|
-
if (!isControlled) {
|
|
65
|
-
setInternal(snapped);
|
|
66
|
-
}
|
|
67
|
-
if (isValidHhmm(snapped)) {
|
|
68
|
-
onValueChange?.(snapped);
|
|
69
|
-
setDisplayValue(snapped);
|
|
70
|
-
}
|
|
71
|
-
if (fromBlur && value !== snapped) {
|
|
72
|
-
onValueChange?.(snapped);
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
[isControlled, onValueChange, safeStep, value]
|
|
76
|
-
);
|
|
77
|
-
const valid = isValidHhmm(value);
|
|
78
|
-
return /* @__PURE__ */ jsx(
|
|
79
|
-
"input",
|
|
80
|
-
{
|
|
81
|
-
id,
|
|
82
|
-
name,
|
|
83
|
-
value: displayValue,
|
|
84
|
-
"data-slot": "time-input",
|
|
85
|
-
className: cn("ui-time-input", className),
|
|
86
|
-
role: "spinbutton",
|
|
87
|
-
"aria-valuemin": 0,
|
|
88
|
-
"aria-valuemax": 24 * 60 - 1,
|
|
89
|
-
"aria-valuenow": valid ? Number(value.slice(0, 2)) * 60 + Number(value.slice(3, 5)) : void 0,
|
|
90
|
-
"aria-valuetext": valid ? value : void 0,
|
|
91
|
-
"aria-invalid": displayValue !== "" && !isValidHhmm(displayValue) ? "true" : void 0,
|
|
92
|
-
placeholder: placeholder ?? "HH:mm",
|
|
93
|
-
inputMode: "numeric",
|
|
94
|
-
autoComplete: "off",
|
|
95
|
-
...props,
|
|
96
|
-
onChange: (event) => {
|
|
97
|
-
const masked = maskTime(event.target.value);
|
|
98
|
-
setDisplayValue(masked);
|
|
99
|
-
const normalized = normalizeHhmm(masked);
|
|
100
|
-
if (normalized) {
|
|
101
|
-
const snapped = applyStep(normalized, safeStep);
|
|
102
|
-
if (!isControlled) {
|
|
103
|
-
setInternal(snapped);
|
|
104
|
-
}
|
|
105
|
-
onValueChange?.(snapped);
|
|
106
|
-
setDisplayValue(snapped);
|
|
107
|
-
}
|
|
108
|
-
props.onChange?.(event);
|
|
109
|
-
},
|
|
110
|
-
onBlur: (event) => {
|
|
111
|
-
commit(event.target.value, true);
|
|
112
|
-
const normalized = normalizeHhmm(event.target.value);
|
|
113
|
-
if (!normalized) {
|
|
114
|
-
setDisplayValue(value);
|
|
115
|
-
}
|
|
116
|
-
props.onBlur?.(event);
|
|
117
|
-
},
|
|
118
|
-
onKeyDown: (event) => {
|
|
119
|
-
if (event.key === "Enter") {
|
|
120
|
-
commit(event.currentTarget.value, true);
|
|
121
|
-
} else if (event.key === "ArrowUp" || event.key === "ArrowDown") {
|
|
122
|
-
event.preventDefault();
|
|
123
|
-
const base = isValidHhmm(displayValue) ? displayValue : value || "00:00";
|
|
124
|
-
const next = stepTime(base, event.key === "ArrowUp" ? safeStep : -safeStep);
|
|
125
|
-
setDisplayValue(next);
|
|
126
|
-
if (!isControlled) {
|
|
127
|
-
setInternal(next);
|
|
128
|
-
}
|
|
129
|
-
onValueChange?.(next);
|
|
130
|
-
}
|
|
131
|
-
props.onKeyDown?.(event);
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
export { TimeInput };
|