@boxcustodia/library 2.0.0-alpha.17 → 2.0.0-alpha.19
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/components/accordion/accordion.cjs.js +2 -0
- package/dist/components/accordion/accordion.es.js +118 -0
- package/dist/components/alert/alert.cjs.js +2 -0
- package/dist/components/alert/alert.es.js +99 -0
- package/dist/components/alert-dialog/alert-dialog.cjs.js +2 -0
- package/dist/components/alert-dialog/alert-dialog.es.js +221 -0
- package/dist/components/auto-complete/auto-complete.cjs.js +2 -0
- package/dist/components/auto-complete/auto-complete.es.js +344 -0
- package/dist/components/avatar/avatar.cjs.js +2 -0
- package/dist/components/avatar/avatar.es.js +147 -0
- package/dist/components/button/button.cjs.js +2 -0
- package/dist/components/button/button.es.js +57 -0
- package/dist/components/button/components/base-button.cjs.js +2 -0
- package/dist/components/button/components/base-button.es.js +46 -0
- package/dist/components/calendar/calendar.cjs.js +2 -0
- package/dist/components/calendar/calendar.es.js +138 -0
- package/dist/components/card/card.cjs.js +2 -0
- package/dist/components/card/card.es.js +142 -0
- package/dist/components/center/center.cjs.js +2 -0
- package/dist/components/center/center.es.js +23 -0
- package/dist/components/checkbox/checkbox.cjs.js +2 -0
- package/dist/components/checkbox/checkbox.es.js +229 -0
- package/dist/components/checkbox-group/checkbox-group.cjs.js +2 -0
- package/dist/components/checkbox-group/checkbox-group.es.js +59 -0
- package/dist/components/combobox/combobox.cjs.js +2 -0
- package/dist/components/combobox/combobox.es.js +689 -0
- package/dist/components/date-picker/date-input.cjs.js +2 -0
- package/dist/components/date-picker/date-input.es.js +152 -0
- package/dist/components/date-picker/date-picker.cjs.js +2 -0
- package/dist/components/date-picker/date-picker.es.js +262 -0
- package/dist/components/date-picker/date-picker.utils.cjs.js +1 -0
- package/dist/components/date-picker/date-picker.utils.es.js +73 -0
- package/dist/components/date-picker/use-date-input-popover.cjs.js +1 -0
- package/dist/components/date-picker/use-date-input-popover.es.js +26 -0
- package/dist/components/date-picker/use-date-input.cjs.js +1 -0
- package/dist/components/date-picker/use-date-input.es.js +64 -0
- package/dist/components/dialog/dialog.cjs.js +2 -0
- package/dist/components/dialog/dialog.es.js +221 -0
- package/dist/components/divider/divider.cjs.js +2 -0
- package/dist/components/divider/divider.es.js +27 -0
- package/dist/components/dropzone/dropzone.cjs.js +2 -0
- package/dist/components/dropzone/dropzone.es.js +303 -0
- package/dist/components/dropzone/file-types.cjs.js +1 -0
- package/dist/components/dropzone/file-types.es.js +57 -0
- package/dist/components/empty/empty.cjs.js +2 -0
- package/dist/components/empty/empty.es.js +128 -0
- package/dist/components/field/field.cjs.js +2 -0
- package/dist/components/field/field.es.js +179 -0
- package/dist/components/form/form.cjs.js +2 -0
- package/dist/components/form/form.es.js +11 -0
- package/dist/components/input/input.cjs.js +2 -0
- package/dist/components/input/input.es.js +60 -0
- package/dist/components/kbd/kbd.cjs.js +2 -0
- package/dist/components/kbd/kbd.es.js +36 -0
- package/dist/components/label/label.cjs.js +2 -0
- package/dist/components/label/label.es.js +49 -0
- package/dist/components/loader/loader.cjs.js +2 -0
- package/dist/components/loader/loader.es.js +55 -0
- package/dist/components/menu/menu-primitives.cjs.js +2 -0
- package/dist/components/menu/menu-primitives.es.js +240 -0
- package/dist/components/menu/menu.cjs.js +2 -0
- package/dist/components/menu/menu.es.js +89 -0
- package/dist/components/number-input/number-input.cjs.js +2 -0
- package/dist/components/number-input/number-input.es.js +212 -0
- package/dist/components/pagination/pagination.cjs.js +2 -0
- package/dist/components/pagination/pagination.es.js +393 -0
- package/dist/components/pagination/pagination.model.cjs.js +1 -0
- package/dist/components/pagination/pagination.model.es.js +4 -0
- package/dist/components/password/password.cjs.js +2 -0
- package/dist/components/password/password.es.js +73 -0
- package/dist/components/popover/popover.cjs.js +2 -0
- package/dist/components/popover/popover.es.js +158 -0
- package/dist/components/progress/progress.cjs.js +2 -0
- package/dist/components/progress/progress.es.js +114 -0
- package/dist/components/scroll-area/scroll-area.cjs.js +2 -0
- package/dist/components/scroll-area/scroll-area.es.js +67 -0
- package/dist/components/select/select.cjs.js +2 -0
- package/dist/components/select/select.es.js +323 -0
- package/dist/components/skeleton/skeleton.cjs.js +2 -0
- package/dist/components/skeleton/skeleton.es.js +19 -0
- package/dist/components/stack/stack.cjs.js +2 -0
- package/dist/components/stack/stack.es.js +42 -0
- package/dist/components/stepper/stepper.cjs.js +2 -0
- package/dist/components/stepper/stepper.es.js +368 -0
- package/dist/components/switch/switch.cjs.js +2 -0
- package/dist/components/switch/switch.es.js +85 -0
- package/dist/components/table/table.cjs.js +2 -0
- package/dist/components/table/table.es.js +168 -0
- package/dist/components/tabs/tabs.cjs.js +2 -0
- package/dist/components/tabs/tabs.es.js +96 -0
- package/dist/components/tag/tag.cjs.js +2 -0
- package/dist/components/tag/tag.es.js +50 -0
- package/dist/components/textarea/textarea.cjs.js +2 -0
- package/dist/components/textarea/textarea.es.js +31 -0
- package/dist/components/timeline/timeline.cjs.js +2 -0
- package/dist/components/timeline/timeline.es.js +263 -0
- package/dist/components/toast/toast.cjs.js +2 -0
- package/dist/components/toast/toast.es.js +224 -0
- package/dist/components/tooltip/tooltip.cjs.js +2 -0
- package/dist/components/tooltip/tooltip.es.js +122 -0
- package/dist/components/tree/tree.cjs.js +2 -0
- package/dist/components/tree/tree.es.js +150 -0
- package/dist/hooks/internal/is-browser.cjs.js +1 -0
- package/dist/hooks/internal/is-browser.es.js +4 -0
- package/dist/hooks/internal/use-isomorphic-layout-effect.cjs.js +1 -0
- package/dist/hooks/internal/use-isomorphic-layout-effect.es.js +6 -0
- package/dist/hooks/use-array/use-array.cjs.js +1 -0
- package/dist/hooks/use-array/use-array.es.js +46 -0
- package/dist/hooks/use-async/use-async.cjs.js +1 -0
- package/dist/hooks/use-async/use-async.es.js +24 -0
- package/dist/hooks/use-click-outside/use-click-outside.cjs.js +1 -0
- package/dist/hooks/use-click-outside/use-click-outside.es.js +15 -0
- package/dist/hooks/use-clipboard/use-clipboard.cjs.js +1 -0
- package/dist/hooks/use-clipboard/use-clipboard.es.js +29 -0
- package/dist/hooks/use-debounce-callback/use-debounced-callback.cjs.js +1 -0
- package/dist/hooks/use-debounce-callback/use-debounced-callback.es.js +15 -0
- package/dist/hooks/use-debounce-value/use-debounced-value.cjs.js +1 -0
- package/dist/hooks/use-debounce-value/use-debounced-value.es.js +13 -0
- package/dist/hooks/use-disclosure/use-disclosure.cjs.js +1 -0
- package/dist/hooks/use-disclosure/use-disclosure.es.js +14 -0
- package/dist/hooks/use-document-title/use-document-title.cjs.js +1 -0
- package/dist/hooks/use-document-title/use-document-title.es.js +17 -0
- package/dist/hooks/use-event-listener/use-event-listener.cjs.js +1 -0
- package/dist/hooks/use-event-listener/use-event-listener.es.js +13 -0
- package/dist/hooks/use-focus-trap/scope-tab.cjs.js +1 -0
- package/dist/hooks/use-focus-trap/scope-tab.es.js +21 -0
- package/dist/hooks/use-focus-trap/tabbable.cjs.js +1 -0
- package/dist/hooks/use-focus-trap/tabbable.es.js +38 -0
- package/dist/hooks/use-focus-trap/use-focus-trap.cjs.js +1 -0
- package/dist/hooks/use-focus-trap/use-focus-trap.es.js +34 -0
- package/dist/hooks/use-hotkey/use-hotkey.cjs.js +1 -0
- package/dist/hooks/use-hotkey/use-hotkey.es.js +18 -0
- package/dist/hooks/use-hotkey/utils/create-hotkey-listener.cjs.js +1 -0
- package/dist/hooks/use-hotkey/utils/create-hotkey-listener.es.js +10 -0
- package/dist/hooks/use-hotkey/utils/is-input-field.cjs.js +1 -0
- package/dist/hooks/use-hotkey/utils/is-input-field.es.js +5 -0
- package/dist/hooks/use-hotkey/utils/match-key-modifiers.cjs.js +1 -0
- package/dist/hooks/use-hotkey/utils/match-key-modifiers.es.js +17 -0
- package/dist/hooks/use-hover/use-hover.cjs.js +1 -0
- package/dist/hooks/use-hover/use-hover.es.js +20 -0
- package/dist/hooks/use-is-visible/use-is-visible.cjs.js +1 -0
- package/dist/hooks/use-is-visible/use-is-visible.es.js +31 -0
- package/dist/hooks/use-local-storage/use-local-storage.cjs.js +1 -0
- package/dist/hooks/use-local-storage/use-local-storage.es.js +29 -0
- package/dist/hooks/use-media-query/use-media-query.cjs.js +1 -0
- package/dist/hooks/use-media-query/use-media-query.es.js +13 -0
- package/dist/hooks/use-memoized-fn/use-memoized-fn.cjs.js +1 -0
- package/dist/hooks/use-memoized-fn/use-memoized-fn.es.js +15 -0
- package/dist/hooks/use-mutation/use-mutation.cjs.js +1 -0
- package/dist/hooks/use-mutation/use-mutation.es.js +27 -0
- package/dist/hooks/use-object/use-object.cjs.js +1 -0
- package/dist/hooks/use-object/use-object.es.js +26 -0
- package/dist/hooks/use-on-mount/use-on-mount.cjs.js +1 -0
- package/dist/hooks/use-on-mount/use-on-mount.es.js +11 -0
- package/dist/hooks/use-pagination/use-pagination.cjs.js +1 -0
- package/dist/hooks/use-pagination/use-pagination.es.js +38 -0
- package/dist/hooks/use-portal/use-portal.cjs.js +1 -0
- package/dist/hooks/use-portal/use-portal.es.js +31 -0
- package/dist/hooks/use-prevent-close-window/use-prevent-close-window.cjs.js +1 -0
- package/dist/hooks/use-prevent-close-window/use-prevent-close-window.es.js +15 -0
- package/dist/hooks/use-range-pagination/use-range-pagination.cjs.js +1 -0
- package/dist/hooks/use-range-pagination/use-range-pagination.es.js +36 -0
- package/dist/hooks/use-selection/use-selection.cjs.js +1 -0
- package/dist/hooks/use-selection/use-selection.es.js +38 -0
- package/dist/hooks/use-step/use-step.cjs.js +1 -0
- package/dist/hooks/use-step/use-step.es.js +27 -0
- package/dist/hooks/use-toggle/use-toggle.cjs.js +1 -0
- package/dist/hooks/use-toggle/use-toggle.es.js +10 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +2 -2627
- package/dist/index.es.js +437 -7544
- package/dist/lib/cn.cjs.js +1 -0
- package/dist/lib/cn.es.js +10 -0
- package/dist/providers/library-provider.cjs.js +1 -0
- package/dist/providers/library-provider.es.js +13 -0
- package/dist/providers/theme/ThemeProvider.cjs.js +1 -0
- package/dist/providers/theme/ThemeProvider.es.js +10 -0
- package/dist/providers/theme/useThemeProps.cjs.js +1 -0
- package/dist/providers/theme/useThemeProps.es.js +12 -0
- package/dist/setupTests.d.ts +0 -0
- package/dist/src/__doc__/Examples.d.ts +7 -0
- package/dist/src/components/accordion/accordion.d.ts +28 -0
- package/dist/src/components/accordion/accordion.test.d.ts +1 -0
- package/dist/src/components/accordion/index.d.ts +1 -0
- package/dist/src/components/alert/alert.d.ts +26 -0
- package/dist/src/components/alert/alert.test.d.ts +1 -0
- package/dist/src/components/alert/index.d.ts +1 -0
- package/dist/src/components/alert-dialog/alert-dialog.d.ts +104 -0
- package/dist/src/components/alert-dialog/alert-dialog.test.d.ts +1 -0
- package/dist/src/components/alert-dialog/index.d.ts +1 -0
- package/dist/src/components/auto-complete/auto-complete.d.ts +95 -0
- package/dist/src/components/auto-complete/auto-complete.test.d.ts +1 -0
- package/dist/src/components/auto-complete/index.d.ts +1 -0
- package/dist/src/components/avatar/avatar.d.ts +31 -0
- package/dist/src/components/avatar/avatar.test.d.ts +1 -0
- package/dist/src/components/avatar/index.d.ts +1 -0
- package/dist/src/components/button/button.d.ts +11 -0
- package/dist/src/components/button/button.test.d.ts +1 -0
- package/dist/src/components/button/components/base-button.d.ts +7 -0
- package/dist/src/components/button/index.d.ts +2 -0
- package/dist/src/components/calendar/calendar.d.ts +3 -0
- package/dist/src/components/calendar/calendar.test.d.ts +1 -0
- package/dist/src/components/calendar/index.d.ts +1 -0
- package/dist/src/components/card/card.d.ts +35 -0
- package/dist/src/components/card/card.test.d.ts +1 -0
- package/dist/src/components/card/index.d.ts +1 -0
- package/dist/src/components/center/center.d.ts +7 -0
- package/dist/src/components/center/center.test.d.ts +1 -0
- package/dist/src/components/center/index.d.ts +1 -0
- package/dist/src/components/checkbox/checkbox.d.ts +74 -0
- package/dist/src/components/checkbox/checkbox.test.d.ts +1 -0
- package/dist/src/components/checkbox/index.d.ts +1 -0
- package/dist/src/components/checkbox-group/checkbox-group.d.ts +21 -0
- package/dist/src/components/checkbox-group/checkbox-group.test.d.ts +1 -0
- package/dist/src/components/checkbox-group/index.d.ts +1 -0
- package/dist/src/components/combobox/combobox.d.ts +112 -0
- package/dist/src/components/combobox/combobox.test.d.ts +1 -0
- package/dist/src/components/combobox/index.d.ts +1 -0
- package/dist/src/components/date-picker/date-input.d.ts +2 -0
- package/dist/src/components/date-picker/date-picker.d.ts +5 -0
- package/dist/src/components/date-picker/date-picker.model.d.ts +78 -0
- package/dist/src/components/date-picker/date-picker.test.d.ts +1 -0
- package/dist/src/components/date-picker/date-picker.utils.d.ts +12 -0
- package/dist/src/components/date-picker/date-picker.utils.test.d.ts +1 -0
- package/dist/src/components/date-picker/index.d.ts +3 -0
- package/dist/src/components/date-picker/use-date-input-popover.d.ts +12 -0
- package/dist/src/components/date-picker/use-date-input-popover.test.d.ts +1 -0
- package/dist/src/components/date-picker/use-date-input.d.ts +16 -0
- package/dist/src/components/dialog/dialog.d.ts +100 -0
- package/dist/src/components/dialog/dialog.test.d.ts +1 -0
- package/dist/src/components/dialog/index.d.ts +1 -0
- package/dist/src/components/divider/divider.d.ts +4 -0
- package/dist/src/components/divider/divider.test.d.ts +1 -0
- package/dist/src/components/divider/index.d.ts +1 -0
- package/dist/src/components/dropzone/dropzone.d.ts +67 -0
- package/dist/src/components/dropzone/dropzone.test.d.ts +1 -0
- package/dist/src/components/dropzone/file-types.d.ts +27 -0
- package/dist/src/components/dropzone/index.d.ts +2 -0
- package/dist/src/components/empty/empty.d.ts +33 -0
- package/dist/src/components/empty/empty.test.d.ts +1 -0
- package/dist/src/components/empty/index.d.ts +1 -0
- package/dist/src/components/field/field.d.ts +57 -0
- package/dist/src/components/field/field.test.d.ts +1 -0
- package/dist/src/components/field/index.d.ts +1 -0
- package/dist/src/components/form/form.d.ts +5 -0
- package/dist/src/components/form/form.test.d.ts +1 -0
- package/dist/src/components/form/index.d.ts +1 -0
- package/dist/src/components/index.d.ts +43 -0
- package/dist/src/components/input/index.d.ts +1 -0
- package/dist/src/components/input/input.d.ts +9 -0
- package/dist/src/components/input/input.test.d.ts +1 -0
- package/dist/src/components/kbd/index.d.ts +1 -0
- package/dist/src/components/kbd/kbd.d.ts +3 -0
- package/dist/src/components/kbd/kbd.test.d.ts +1 -0
- package/dist/src/components/label/index.d.ts +1 -0
- package/dist/src/components/label/label.d.ts +15 -0
- package/dist/src/components/label/label.test.d.ts +1 -0
- package/dist/src/components/loader/index.d.ts +1 -0
- package/dist/src/components/loader/loader.d.ts +18 -0
- package/dist/src/components/loader/loader.test.d.ts +1 -0
- package/dist/src/components/menu/index.d.ts +2 -0
- package/dist/src/components/menu/menu-primitives.d.ts +29 -0
- package/dist/src/components/menu/menu.d.ts +57 -0
- package/dist/src/components/menu/menu.test.d.ts +1 -0
- package/dist/src/components/number-input/index.d.ts +1 -0
- package/dist/src/components/number-input/number-input.d.ts +31 -0
- package/dist/src/components/number-input/number-input.test.d.ts +1 -0
- package/dist/src/components/otp/index.d.ts +1 -0
- package/dist/src/components/otp/otp.d.ts +16 -0
- package/dist/src/components/otp/otp.test.d.ts +1 -0
- package/dist/src/components/pagination/index.d.ts +2 -0
- package/dist/src/components/pagination/pagination.d.ts +131 -0
- package/dist/src/components/pagination/pagination.model.d.ts +2 -0
- package/dist/src/components/pagination/pagination.test.d.ts +1 -0
- package/dist/src/components/password/index.d.ts +1 -0
- package/dist/src/components/password/password.d.ts +19 -0
- package/dist/src/components/password/password.test.d.ts +1 -0
- package/dist/src/components/popover/index.d.ts +1 -0
- package/dist/src/components/popover/popover.d.ts +41 -0
- package/dist/src/components/popover/popover.test.d.ts +1 -0
- package/dist/src/components/progress/index.d.ts +1 -0
- package/dist/src/components/progress/progress.d.ts +22 -0
- package/dist/src/components/progress/progress.test.d.ts +1 -0
- package/dist/src/components/radio-group/index.d.ts +1 -0
- package/dist/src/components/radio-group/radio-group.d.ts +41 -0
- package/dist/src/components/radio-group/radio-group.test.d.ts +1 -0
- package/dist/src/components/scroll-area/index.d.ts +1 -0
- package/dist/src/components/scroll-area/scroll-area.d.ts +8 -0
- package/dist/src/components/scroll-area/scroll-area.test.d.ts +1 -0
- package/dist/src/components/select/index.d.ts +1 -0
- package/dist/src/components/select/select.d.ts +71 -0
- package/dist/src/components/select/select.test.d.ts +1 -0
- package/dist/src/components/skeleton/index.d.ts +1 -0
- package/dist/src/components/skeleton/skeleton.d.ts +2 -0
- package/dist/src/components/skeleton/skeleton.test.d.ts +1 -0
- package/dist/src/components/stack/index.d.ts +1 -0
- package/dist/src/components/stack/stack.d.ts +14 -0
- package/dist/src/components/stack/stack.test.d.ts +1 -0
- package/dist/src/components/stepper/index.d.ts +1 -0
- package/dist/src/components/stepper/stepper.d.ts +83 -0
- package/dist/src/components/stepper/stepper.test.d.ts +1 -0
- package/dist/src/components/switch/index.d.ts +1 -0
- package/dist/src/components/switch/switch.d.ts +21 -0
- package/dist/src/components/switch/switch.test.d.ts +1 -0
- package/dist/src/components/table/index.d.ts +1 -0
- package/dist/src/components/table/table.d.ts +50 -0
- package/dist/src/components/table/table.test.d.ts +1 -0
- package/dist/src/components/tabs/index.d.ts +1 -0
- package/dist/src/components/tabs/tabs.d.ts +11 -0
- package/dist/src/components/tabs/tabs.test.d.ts +1 -0
- package/dist/src/components/tag/index.d.ts +1 -0
- package/dist/src/components/tag/tag.d.ts +7 -0
- package/dist/src/components/tag/tag.test.d.ts +1 -0
- package/dist/src/components/textarea/index.d.ts +1 -0
- package/dist/src/components/textarea/textarea.d.ts +5 -0
- package/dist/src/components/textarea/textarea.test.d.ts +1 -0
- package/dist/src/components/timeline/index.d.ts +1 -0
- package/dist/src/components/timeline/timeline.d.ts +50 -0
- package/dist/src/components/timeline/timeline.test.d.ts +1 -0
- package/dist/src/components/toast/index.d.ts +1 -0
- package/dist/src/components/toast/toast.d.ts +101 -0
- package/dist/src/components/toast/toast.test.d.ts +1 -0
- package/dist/src/components/tooltip/index.d.ts +1 -0
- package/dist/src/components/tooltip/tooltip.d.ts +52 -0
- package/dist/src/components/tooltip/tooltip.test.d.ts +1 -0
- package/dist/src/components/tree/index.d.ts +1 -0
- package/dist/src/components/tree/tree.d.ts +18 -0
- package/dist/src/components/tree/tree.test.d.ts +1 -0
- package/dist/src/hooks/index.d.ts +27 -0
- package/dist/src/hooks/internal/index.d.ts +2 -0
- package/dist/src/hooks/internal/is-browser.d.ts +1 -0
- package/dist/src/hooks/internal/use-isomorphic-layout-effect.d.ts +2 -0
- package/dist/src/hooks/use-array/index.d.ts +1 -0
- package/dist/src/hooks/use-array/use-array.d.ts +11 -0
- package/dist/src/hooks/use-array/use-array.test.d.ts +1 -0
- package/dist/src/hooks/use-async/index.d.ts +1 -0
- package/dist/src/hooks/use-async/use-async.d.ts +18 -0
- package/dist/src/hooks/use-async/use-async.test.d.ts +1 -0
- package/dist/src/hooks/use-click-outside/index.d.ts +1 -0
- package/dist/src/hooks/use-click-outside/use-click-outside.d.ts +1 -0
- package/dist/src/hooks/use-click-outside/use-click-outside.test.d.ts +1 -0
- package/dist/src/hooks/use-clipboard/index.d.ts +1 -0
- package/dist/src/hooks/use-clipboard/use-clipboard.d.ts +15 -0
- package/dist/src/hooks/use-clipboard/use-clipboard.test.d.ts +1 -0
- package/dist/src/hooks/use-debounce-callback/index.d.ts +1 -0
- package/dist/src/hooks/use-debounce-callback/use-debounced-callback.d.ts +1 -0
- package/dist/src/hooks/use-debounce-callback/use-debounced-callback.test.d.ts +1 -0
- package/dist/src/hooks/use-debounce-value/index.d.ts +1 -0
- package/dist/src/hooks/use-debounce-value/use-debounced-value.d.ts +1 -0
- package/dist/src/hooks/use-debounce-value/use-debounced-value.test.d.ts +1 -0
- package/dist/src/hooks/use-disclosure/index.d.ts +1 -0
- package/dist/src/hooks/use-disclosure/use-disclosure.d.ts +8 -0
- package/dist/src/hooks/use-disclosure/use-disclosure.test.d.ts +1 -0
- package/dist/src/hooks/use-document-title/index.d.ts +1 -0
- package/dist/src/hooks/use-document-title/use-document-title.d.ts +5 -0
- package/dist/src/hooks/use-document-title/use-document-title.test.d.ts +1 -0
- package/dist/src/hooks/use-event-listener/index.d.ts +1 -0
- package/dist/src/hooks/use-event-listener/use-event-listener.d.ts +1 -0
- package/dist/src/hooks/use-event-listener/use-event-listener.test.d.ts +1 -0
- package/dist/src/hooks/use-focus-trap/index.d.ts +1 -0
- package/dist/src/hooks/use-focus-trap/scope-tab.d.ts +1 -0
- package/dist/src/hooks/use-focus-trap/tabbable.d.ts +4 -0
- package/dist/src/hooks/use-focus-trap/use-focus-trap.d.ts +1 -0
- package/dist/src/hooks/use-focus-trap/use-focus-trap.test.d.ts +1 -0
- package/dist/src/hooks/use-hotkey/index.d.ts +1 -0
- package/dist/src/hooks/use-hotkey/use-hotkey.d.ts +9 -0
- package/dist/src/hooks/use-hotkey/use-hotkey.test.d.ts +1 -0
- package/dist/src/hooks/use-hotkey/utils/create-hotkey-listener.d.ts +1 -0
- package/dist/src/hooks/use-hotkey/utils/index.d.ts +3 -0
- package/dist/src/hooks/use-hotkey/utils/is-input-field.d.ts +2 -0
- package/dist/src/hooks/use-hotkey/utils/match-key-modifiers.d.ts +8 -0
- package/dist/src/hooks/use-hover/index.d.ts +1 -0
- package/dist/src/hooks/use-hover/use-hover.d.ts +12 -0
- package/dist/src/hooks/use-hover/use-hover.test.d.ts +1 -0
- package/dist/src/hooks/use-is-visible/index.d.ts +1 -0
- package/dist/src/hooks/use-is-visible/use-is-visible.d.ts +10 -0
- package/dist/src/hooks/use-is-visible/use-is-visible.test.d.ts +1 -0
- package/dist/src/hooks/use-local-storage/index.d.ts +1 -0
- package/dist/src/hooks/use-local-storage/use-local-storage.d.ts +2 -0
- package/dist/src/hooks/use-local-storage/use-local-storage.test.d.ts +1 -0
- package/dist/src/hooks/use-media-query/index.d.ts +1 -0
- package/dist/src/hooks/use-media-query/use-media-query.d.ts +1 -0
- package/dist/src/hooks/use-memoized-fn/index.d.ts +1 -0
- package/dist/src/hooks/use-memoized-fn/use-memoized-fn.d.ts +3 -0
- package/dist/src/hooks/use-memoized-fn/use-memoized-fn.test.d.ts +1 -0
- package/dist/src/hooks/use-mutation/index.d.ts +1 -0
- package/dist/src/hooks/use-mutation/use-mutation.d.ts +15 -0
- package/dist/src/hooks/use-mutation/use-mutation.test.d.ts +1 -0
- package/dist/src/hooks/use-object/index.d.ts +1 -0
- package/dist/src/hooks/use-object/use-object.d.ts +6 -0
- package/dist/src/hooks/use-object/use-object.test.d.ts +1 -0
- package/dist/src/hooks/use-on-mount/index.d.ts +1 -0
- package/dist/src/hooks/use-on-mount/use-on-mount.d.ts +2 -0
- package/dist/src/hooks/use-on-mount/use-on-mount.test.d.ts +1 -0
- package/dist/src/hooks/use-pagination/index.d.ts +1 -0
- package/dist/src/hooks/use-pagination/use-pagination.d.ts +46 -0
- package/dist/src/hooks/use-pagination/use-pagination.test.d.ts +1 -0
- package/dist/src/hooks/use-portal/index.d.ts +1 -0
- package/dist/src/hooks/use-portal/use-portal.d.ts +4 -0
- package/dist/src/hooks/use-portal/use-portal.test.d.ts +1 -0
- package/dist/src/hooks/use-prevent-close-window/index.d.ts +1 -0
- package/dist/src/hooks/use-prevent-close-window/use-prevent-close-window.d.ts +13 -0
- package/dist/src/hooks/use-prevent-close-window/use-prevent-close-window.test.d.ts +1 -0
- package/dist/src/hooks/use-range-pagination/index.d.ts +1 -0
- package/dist/src/hooks/use-range-pagination/use-range-pagination.d.ts +22 -0
- package/dist/src/hooks/use-range-pagination/use-range-pagination.test.d.ts +1 -0
- package/dist/src/hooks/use-selection/index.d.ts +1 -0
- package/dist/src/hooks/use-selection/use-selection.d.ts +54 -0
- package/dist/src/hooks/use-selection/use-selection.test.d.ts +1 -0
- package/dist/src/hooks/use-step/index.d.ts +1 -0
- package/dist/src/hooks/use-step/use-step.d.ts +14 -0
- package/dist/src/hooks/use-step/use-step.test.d.ts +1 -0
- package/dist/src/hooks/use-toggle/index.d.ts +1 -0
- package/dist/src/hooks/use-toggle/use-toggle.d.ts +3 -0
- package/dist/src/hooks/use-toggle/use-toggle.test.d.ts +1 -0
- package/dist/src/index.d.ts +6 -0
- package/dist/src/lib/cn.d.ts +3 -0
- package/dist/src/lib/index.d.ts +1 -0
- package/dist/src/models/Generic.model.d.ts +37 -0
- package/dist/src/models/index.d.ts +1 -0
- package/dist/src/providers/index.d.ts +2 -0
- package/dist/src/providers/library-provider.d.ts +28 -0
- package/dist/src/providers/theme/ThemeProvider.d.ts +11 -0
- package/dist/src/providers/theme/index.d.ts +3 -0
- package/dist/src/providers/theme/types.d.ts +10 -0
- package/dist/src/providers/theme/useThemeProps.d.ts +10 -0
- package/dist/src/stores/theme.store.d.ts +10 -0
- package/dist/src/utils/dates/parseDateRange.utility.d.ts +14 -0
- package/dist/src/utils/form.d.ts +32 -0
- package/dist/src/utils/form.test.d.ts +1 -0
- package/dist/src/utils/functions/createSafeContext.d.ts +2 -0
- package/dist/src/utils/functions/createSafeContext.test.d.ts +1 -0
- package/dist/src/utils/functions/ensureReactElement.d.ts +9 -0
- package/dist/src/utils/functions/ensureReactElement.test.d.ts +1 -0
- package/dist/src/utils/functions/getFormData.d.ts +2 -0
- package/dist/src/utils/functions/getFormData.test.d.ts +1 -0
- package/dist/src/utils/functions/index.d.ts +4 -0
- package/dist/src/utils/functions/mergeRefs.d.ts +2 -0
- package/dist/src/utils/functions/mergeRefs.test.d.ts +1 -0
- package/dist/src/utils/index.d.ts +3 -0
- package/dist/src/utils/strings/extractInitials.utility.d.ts +6 -0
- package/dist/src/utils/strings/index.d.ts +1 -0
- package/dist/src/utils/tests/click.d.ts +1 -0
- package/dist/src/utils/tests/index.d.ts +2 -0
- package/dist/src/utils/tests/keyboard.d.ts +10 -0
- package/dist/src/utils/tests/type.d.ts +1 -0
- package/dist/utils/form.cjs.js +1 -0
- package/dist/utils/form.es.js +62 -0
- package/dist/utils/functions/createSafeContext.cjs.js +1 -0
- package/dist/utils/functions/createSafeContext.es.js +13 -0
- package/dist/utils/functions/ensureReactElement.cjs.js +1 -0
- package/dist/utils/functions/ensureReactElement.es.js +13 -0
- package/dist/utils/functions/getFormData.cjs.js +1 -0
- package/dist/utils/functions/getFormData.es.js +11 -0
- package/dist/utils/functions/mergeRefs.cjs.js +1 -0
- package/dist/utils/functions/mergeRefs.es.js +10 -0
- package/dist/utils/strings/extractInitials.utility.cjs.js +1 -0
- package/dist/utils/strings/extractInitials.utility.es.js +4 -0
- package/package.json +6 -10
- package/src/components/accordion/accordion.test.tsx +117 -0
- package/src/components/accordion/accordion.tsx +2 -0
- package/src/components/alert/alert.test.tsx +185 -0
- package/src/components/alert/alert.tsx +2 -0
- package/src/components/alert-dialog/alert-dialog.test.tsx +208 -22
- package/src/components/alert-dialog/alert-dialog.tsx +6 -4
- package/src/components/auto-complete/auto-complete.test.tsx +709 -0
- package/src/components/auto-complete/auto-complete.tsx +8 -10
- package/src/components/avatar/avatar.test.tsx +307 -27
- package/src/components/avatar/avatar.tsx +2 -0
- package/src/components/button/button.test.tsx +206 -10
- package/src/components/button/button.tsx +2 -0
- package/src/components/button/components/base-button.tsx +2 -0
- package/src/components/calendar/calendar.test.tsx +174 -5
- package/src/components/card/card.test.tsx +207 -0
- package/src/components/card/card.tsx +2 -0
- package/src/components/center/center.test.tsx +63 -0
- package/src/components/center/center.tsx +2 -0
- package/src/components/checkbox/checkbox.test.tsx +388 -0
- package/src/components/checkbox/checkbox.tsx +2 -0
- package/src/components/checkbox-group/checkbox-group.test.tsx +156 -0
- package/src/components/checkbox-group/checkbox-group.tsx +2 -0
- package/src/components/combobox/combobox.test.tsx +458 -0
- package/src/components/combobox/combobox.tsx +14 -12
- package/src/components/date-picker/date-input.tsx +2 -0
- package/src/components/date-picker/date-picker.test.tsx +546 -2
- package/src/components/date-picker/date-picker.tsx +2 -0
- package/src/components/date-picker/date-picker.utils.test.ts +251 -0
- package/src/components/date-picker/use-date-input-popover.test.ts +61 -0
- package/src/components/dialog/dialog.test.tsx +302 -3
- package/src/components/dialog/dialog.tsx +3 -1
- package/src/components/divider/divider.test.tsx +41 -1
- package/src/components/divider/divider.tsx +3 -1
- package/src/components/dropzone/dropzone.test.tsx +355 -0
- package/src/components/dropzone/dropzone.tsx +2 -0
- package/src/components/empty/empty.test.tsx +219 -0
- package/src/components/empty/empty.tsx +2 -0
- package/src/components/field/field.test.tsx +324 -0
- package/src/components/field/field.tsx +2 -0
- package/src/components/form/form.test.tsx +44 -0
- package/src/components/form/form.tsx +2 -0
- package/src/components/index.ts +1 -0
- package/src/components/input/input.stories.tsx +2 -3
- package/src/components/input/input.test.tsx +109 -0
- package/src/components/input/input.tsx +2 -0
- package/src/components/kbd/kbd.test.tsx +66 -0
- package/src/components/kbd/kbd.tsx +2 -0
- package/src/components/label/label.test.tsx +46 -0
- package/src/components/label/label.tsx +3 -1
- package/src/components/loader/loader.test.tsx +63 -1
- package/src/components/loader/loader.tsx +2 -0
- package/src/components/menu/menu.test.tsx +167 -0
- package/src/components/number-input/number-input.test.tsx +216 -47
- package/src/components/otp/otp.test.tsx +103 -0
- package/src/components/otp/otp.tsx +2 -0
- package/src/components/pagination/pagination.test.tsx +61 -1
- package/src/components/pagination/pagination.tsx +2 -0
- package/src/components/password/password.test.tsx +115 -0
- package/src/components/password/password.tsx +2 -0
- package/src/components/popover/popover.test.tsx +175 -0
- package/src/components/progress/progress.test.tsx +102 -1
- package/src/components/progress/progress.tsx +2 -0
- package/src/components/radio-group/radio-group.test.tsx +169 -0
- package/src/components/radio-group/radio-group.tsx +2 -0
- package/src/components/scroll-area/scroll-area.test.tsx +140 -0
- package/src/components/select/select.test.tsx +357 -0
- package/src/components/select/select.tsx +1 -1
- package/src/components/skeleton/skeleton.test.tsx +37 -0
- package/src/components/skeleton/skeleton.tsx +2 -0
- package/src/components/stack/stack.test.tsx +134 -0
- package/src/components/stack/stack.tsx +2 -0
- package/src/components/stepper/stepper.test.tsx +378 -23
- package/src/components/switch/switch.test.tsx +68 -2
- package/src/components/switch/switch.tsx +2 -0
- package/src/components/table/table.test.tsx +168 -1
- package/src/components/table/table.tsx +2 -0
- package/src/components/tabs/tabs.test.tsx +138 -1
- package/src/components/tag/tag.test.tsx +40 -1
- package/src/components/tag/tag.tsx +2 -0
- package/src/components/textarea/textarea.test.tsx +57 -0
- package/src/components/timeline/timeline.test.tsx +202 -0
- package/src/components/timeline/timeline.tsx +2 -0
- package/src/components/toast/toast.test.tsx +287 -3
- package/src/components/toast/toast.tsx +3 -1
- package/src/components/tooltip/tooltip.test.tsx +120 -7
- package/src/components/tooltip/tooltip.tsx +2 -0
- package/src/components/tree/tree.test.tsx +146 -5
- package/src/hooks/index.ts +26 -25
- package/src/hooks/internal/index.ts +2 -0
- package/src/hooks/internal/is-browser.ts +1 -0
- package/src/hooks/internal/use-isomorphic-layout-effect.ts +4 -0
- package/src/hooks/use-array/index.ts +1 -0
- package/src/hooks/{useArray/__doc__/useArray.stories.tsx → use-array/use-array.stories.tsx} +2 -2
- package/src/hooks/{useArray/__test__/useArray.test.tsx → use-array/use-array.test.tsx} +25 -1
- package/src/hooks/{useArray/useArray.ts → use-array/use-array.ts} +4 -6
- package/src/hooks/use-async/index.ts +1 -0
- package/src/hooks/{useAsync/__doc__/useAsync.stories.tsx → use-async/use-async.stories.tsx} +5 -6
- package/src/hooks/{useAsync/__test__/useAsync.test.tsx → use-async/use-async.test.tsx} +1 -1
- package/src/hooks/{useAsync/useAsync.ts → use-async/use-async.ts} +1 -2
- package/src/hooks/use-click-outside/index.ts +1 -0
- package/src/hooks/{useClickOutside/__doc__/useClickOutside.stories.tsx → use-click-outside/use-click-outside.stories.tsx} +2 -2
- package/src/hooks/use-click-outside/use-click-outside.test.tsx +39 -0
- package/src/hooks/{useClickOutside/useClickOutside.ts → use-click-outside/use-click-outside.ts} +1 -2
- package/src/hooks/use-clipboard/index.ts +1 -0
- package/src/hooks/use-clipboard/use-clipboard.stories.tsx +168 -0
- package/src/hooks/use-clipboard/use-clipboard.test.tsx +114 -0
- package/src/hooks/use-clipboard/use-clipboard.tsx +70 -0
- package/src/hooks/use-debounce-callback/index.ts +1 -0
- package/src/hooks/{useDebounceCallback/__doc__/useDebouncedCallback.stories.tsx → use-debounce-callback/use-debounced-callback.stories.tsx} +3 -3
- package/src/hooks/use-debounce-callback/use-debounced-callback.test.ts +88 -0
- package/src/hooks/{useDebounceCallback/useDebouncedCallback.ts → use-debounce-callback/use-debounced-callback.ts} +1 -2
- package/src/hooks/use-debounce-value/index.ts +1 -0
- package/src/hooks/{useDebounceValue/__doc__/useDebouncedValue.stories.tsx → use-debounce-value/use-debounced-value.stories.tsx} +2 -2
- package/src/hooks/use-debounce-value/use-debounced-value.test.ts +101 -0
- package/src/hooks/{useDebounceValue/useDebouncedValue.ts → use-debounce-value/use-debounced-value.ts} +1 -2
- package/src/hooks/use-disclosure/index.ts +1 -0
- package/src/hooks/{useDisclosure/__doc__/useDisclosure.stories.tsx → use-disclosure/use-disclosure.stories.tsx} +3 -3
- package/src/hooks/use-disclosure/use-disclosure.test.ts +72 -0
- package/src/hooks/{useDisclosure/useDisclosure.ts → use-disclosure/use-disclosure.ts} +1 -2
- package/src/hooks/use-document-title/index.ts +1 -0
- package/src/hooks/use-document-title/use-document-title.stories.tsx +72 -0
- package/src/hooks/use-document-title/use-document-title.test.tsx +75 -0
- package/src/hooks/use-document-title/use-document-title.tsx +32 -0
- package/src/hooks/use-event-listener/index.ts +1 -0
- package/src/hooks/{useEventListener/__doc__/useEventListener.stories.tsx → use-event-listener/use-event-listener.stories.tsx} +2 -2
- package/src/hooks/{useEventListener/__test__/useEventListener.test.tsx → use-event-listener/use-event-listener.test.tsx} +6 -3
- package/src/hooks/{useEventListener/useEventListener.ts → use-event-listener/use-event-listener.ts} +3 -4
- package/src/hooks/use-focus-trap/index.ts +1 -0
- package/src/hooks/{useFocusTrap/__doc__/useFocusTrap.stories.tsx → use-focus-trap/use-focus-trap.stories.tsx} +2 -2
- package/src/hooks/use-focus-trap/use-focus-trap.test.ts +330 -0
- package/src/hooks/{useFocusTrap/useFocusTrap.ts → use-focus-trap/use-focus-trap.ts} +2 -3
- package/src/hooks/use-hotkey/index.ts +1 -0
- package/src/hooks/{useHotkey/__docs__/useHotkey.stories.tsx → use-hotkey/use-hotkey.stories.tsx} +2 -2
- package/src/hooks/{useHotkey/__test__/useHotkey.test.tsx → use-hotkey/use-hotkey.test.tsx} +34 -3
- package/src/hooks/{useHotkey/useHotkey.ts → use-hotkey/use-hotkey.ts} +3 -4
- package/src/hooks/use-hover/index.ts +1 -0
- package/src/hooks/use-hover/use-hover.stories.tsx +90 -0
- package/src/hooks/use-hover/use-hover.test.tsx +93 -0
- package/src/hooks/use-hover/use-hover.tsx +45 -0
- package/src/hooks/use-is-visible/index.ts +1 -0
- package/src/hooks/{useIsVisible/__doc__/useIsVisible.stories.tsx → use-is-visible/use-is-visible.stories.tsx} +2 -2
- package/src/hooks/use-is-visible/use-is-visible.test.tsx +135 -0
- package/src/hooks/{useIsVisible/useIsVisible.tsx → use-is-visible/use-is-visible.tsx} +1 -2
- package/src/hooks/use-local-storage/index.ts +1 -0
- package/src/hooks/{useLocalStorage/__doc__/useLocalStorage.stories.tsx → use-local-storage/use-local-storage.stories.tsx} +2 -2
- package/src/hooks/{useLocalStorage/__test__/useLocalStorage.test.ts → use-local-storage/use-local-storage.test.ts} +47 -1
- package/src/hooks/{useLocalStorage/useLocalStorage.ts → use-local-storage/use-local-storage.ts} +3 -4
- package/src/hooks/use-media-query/index.ts +1 -0
- package/src/hooks/{useMediaQuery/__doc__/useMediaQuery.stories.tsx → use-media-query/use-media-query.stories.tsx} +1 -1
- package/src/hooks/{useMediaQuery/useMediaQuery.ts → use-media-query/use-media-query.ts} +1 -3
- package/src/hooks/use-memoized-fn/index.ts +1 -0
- package/src/hooks/use-memoized-fn/use-memoized-fn.test.ts +52 -0
- package/src/hooks/{useMemoizedFn/useMemoizedFn.ts → use-memoized-fn/use-memoized-fn.ts} +2 -4
- package/src/hooks/use-mutation/index.ts +1 -0
- package/src/hooks/{useMutation/__doc__/useMutation.stories.tsx → use-mutation/use-mutation.stories.tsx} +4 -4
- package/src/hooks/{useMutation/__test__/useMutation.test.tsx → use-mutation/use-mutation.test.tsx} +1 -1
- package/src/hooks/{useMutation/useMutation.tsx → use-mutation/use-mutation.tsx} +3 -4
- package/src/hooks/use-object/index.ts +1 -0
- package/src/hooks/{useObject/__doc__/useObject.stories.tsx → use-object/use-object.stories.tsx} +2 -2
- package/src/hooks/{useObject/__test__/useObject.test.tsx → use-object/use-object.test.tsx} +18 -3
- package/src/hooks/{useObject/useObject.tsx → use-object/use-object.tsx} +6 -8
- package/src/hooks/use-on-mount/index.ts +1 -0
- package/src/hooks/use-on-mount/use-on-mount.stories.tsx +85 -0
- package/src/hooks/use-on-mount/use-on-mount.test.tsx +51 -0
- package/src/hooks/use-on-mount/use-on-mount.tsx +13 -0
- package/src/hooks/use-pagination/index.ts +1 -0
- package/src/hooks/{usePagination/__doc__/usePagination.stories.tsx → use-pagination/use-pagination.stories.tsx} +2 -2
- package/src/hooks/{usePagination/__test__/usePagination.test.tsx → use-pagination/use-pagination.test.tsx} +1 -1
- package/src/hooks/{usePagination/usePagination.tsx → use-pagination/use-pagination.tsx} +1 -2
- package/src/hooks/use-portal/index.ts +1 -0
- package/src/hooks/{usePortal/__doc__/usePortal.stories.tsx → use-portal/use-portal.stories.tsx} +1 -1
- package/src/hooks/use-portal/use-portal.test.tsx +77 -0
- package/src/hooks/use-portal/use-portal.ts +59 -0
- package/src/hooks/use-prevent-close-window/index.ts +1 -0
- package/src/hooks/{usePreventCloseWindow/__doc__/usePreventCloseWindow.stories.tsx → use-prevent-close-window/use-prevent-close-window.stories.tsx} +1 -1
- package/src/hooks/use-prevent-close-window/use-prevent-close-window.test.ts +79 -0
- package/src/hooks/{usePreventCloseWindow/usePreventCloseWindow.ts → use-prevent-close-window/use-prevent-close-window.ts} +4 -4
- package/src/hooks/use-range-pagination/index.ts +1 -0
- package/src/hooks/{useRangePagination/__test__/useRangePagination.test.tsx → use-range-pagination/use-range-pagination.test.tsx} +1 -1
- package/src/hooks/{useRangePagination/useRangePagination.tsx → use-range-pagination/use-range-pagination.tsx} +4 -3
- package/src/hooks/use-selection/index.ts +1 -0
- package/src/hooks/{useSelection/__doc__/useSelection.stories.tsx → use-selection/use-selection.stories.tsx} +3 -3
- package/src/hooks/use-selection/use-selection.test.tsx +79 -0
- package/src/hooks/{useSelection/useSelection.ts → use-selection/use-selection.ts} +1 -2
- package/src/hooks/use-step/index.ts +1 -0
- package/src/hooks/{useStep/__doc__/useStep.stories.tsx → use-step/use-step.stories.tsx} +3 -3
- package/src/hooks/use-step/use-step.test.ts +73 -0
- package/src/hooks/{useStep/useStep.ts → use-step/use-step.ts} +4 -6
- package/src/hooks/use-toggle/index.ts +1 -0
- package/src/hooks/{useToggle/__doc__/useToggle.stories.tsx → use-toggle/use-toggle.stories.tsx} +2 -2
- package/src/hooks/{useToggle/__test__/useToggle.test.tsx → use-toggle/use-toggle.test.tsx} +22 -1
- package/src/hooks/{useToggle/useToggle.ts → use-toggle/use-toggle.ts} +2 -4
- package/src/utils/form.test.tsx +138 -0
- package/src/utils/form.tsx +0 -2
- package/src/utils/functions/createSafeContext.test.tsx +37 -0
- package/src/utils/functions/ensureReactElement.test.tsx +49 -0
- package/src/utils/functions/getFormData.test.ts +57 -0
- package/src/utils/functions/mergeRefs.test.ts +56 -0
- package/src/__doc__/Changelog.mdx +0 -6
- package/src/__doc__/Components.mdx +0 -73
- package/src/__doc__/Examples.tsx +0 -69
- package/src/__doc__/Icons.mdx +0 -41
- package/src/__doc__/Intro.mdx +0 -138
- package/src/__doc__/MCP.mdx +0 -71
- package/src/__doc__/Tabs.mdx +0 -112
- package/src/__doc__/Theme.mdx +0 -132
- package/src/__doc__/Types.mdx +0 -252
- package/src/__doc__/V2.mdx +0 -1245
- package/src/components/calendar/calendar.model.ts +0 -86
- package/src/components/calendar/components/calendar-navigation.tsx +0 -141
- package/src/components/calendar/components/day.tsx +0 -61
- package/src/components/calendar/components/decade-view.tsx +0 -45
- package/src/components/calendar/components/index.ts +0 -6
- package/src/components/calendar/components/month-view.tsx +0 -58
- package/src/components/calendar/components/week-days.tsx +0 -27
- package/src/components/calendar/components/year-view.tsx +0 -29
- package/src/components/calendar/hooks/index.ts +0 -4
- package/src/components/calendar/hooks/use-calendar-navigation.ts +0 -79
- package/src/components/calendar/hooks/use-calendar.ts +0 -90
- package/src/components/calendar/hooks/use-multiple-calendar.ts +0 -34
- package/src/components/calendar/hooks/use-range-calendar.ts +0 -91
- package/src/components/calendar/hooks/use-single-calendar.ts +0 -18
- package/src/components/calendar/utils/typeguards.ts +0 -7
- package/src/hooks/useArray/index.ts +0 -1
- package/src/hooks/useAsync/index.ts +0 -1
- package/src/hooks/useClickOutside/__test__/useClickOutside.test.tsx +0 -33
- package/src/hooks/useClickOutside/index.ts +0 -1
- package/src/hooks/useClipboard/__doc__/useClipboard.stories.tsx +0 -43
- package/src/hooks/useClipboard/__test__/useClipboard.test.tsx +0 -19
- package/src/hooks/useClipboard/index.ts +0 -1
- package/src/hooks/useClipboard/useClipboard.tsx +0 -28
- package/src/hooks/useDebounceCallback/index.ts +0 -1
- package/src/hooks/useDebounceValue/index.ts +0 -1
- package/src/hooks/useDisclosure/__test__/useDisclosure.test.ts +0 -43
- package/src/hooks/useDisclosure/index.ts +0 -1
- package/src/hooks/useDocumentTitle/__doc__/useDocumentTitle.stories.tsx +0 -26
- package/src/hooks/useDocumentTitle/index.ts +0 -1
- package/src/hooks/useDocumentTitle/useDocumentTitle.tsx +0 -11
- package/src/hooks/useEventListener/index.ts +0 -1
- package/src/hooks/useFocusTrap/index.ts +0 -1
- package/src/hooks/useHotkey/index.ts +0 -1
- package/src/hooks/useHover/__doc__/useHover.stories.tsx +0 -41
- package/src/hooks/useHover/__test__/useHover.test.tsx +0 -45
- package/src/hooks/useHover/index.ts +0 -1
- package/src/hooks/useHover/useHover.tsx +0 -40
- package/src/hooks/useIsVisible/index.ts +0 -1
- package/src/hooks/useLocalStorage/index.ts +0 -1
- package/src/hooks/useMediaQuery/index.ts +0 -1
- package/src/hooks/useMemoizedFn/index.ts +0 -1
- package/src/hooks/useMutation/index.ts +0 -1
- package/src/hooks/useObject/index.ts +0 -1
- package/src/hooks/usePagination/index.ts +0 -2
- package/src/hooks/usePortal/__test__/usePortal.test.tsx +0 -20
- package/src/hooks/usePortal/index.ts +0 -1
- package/src/hooks/usePortal/usePortal.ts +0 -40
- package/src/hooks/usePreventCloseWindow/index.ts +0 -1
- package/src/hooks/useRangePagination/index.ts +0 -2
- package/src/hooks/useSelection/__test__/useSelection.test.tsx +0 -57
- package/src/hooks/useSelection/index.ts +0 -1
- package/src/hooks/useStep/__test__/useStep.test.ts +0 -51
- package/src/hooks/useStep/index.ts +0 -1
- package/src/hooks/useToggle/index.ts +0 -1
- /package/src/hooks/{useFocusTrap/scopeTab.ts → use-focus-trap/scope-tab.ts} +0 -0
- /package/src/hooks/{useFocusTrap → use-focus-trap}/tabbable.ts +0 -0
- /package/src/hooks/{useHotkey/__utils__ → use-hotkey/utils}/create-hotkey-listener.ts +0 -0
- /package/src/hooks/{useHotkey/__utils__ → use-hotkey/utils}/index.ts +0 -0
- /package/src/hooks/{useHotkey/__utils__ → use-hotkey/utils}/is-input-field.ts +0 -0
- /package/src/hooks/{useHotkey/__utils__ → use-hotkey/utils}/match-key-modifiers.ts +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,2627 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
|
|
4
|
-
import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
|
|
5
|
-
import { Button as Button_2 } from '@base-ui/react/button';
|
|
6
|
-
import { ChangeEvent } from 'react';
|
|
7
|
-
import { CheckboxGroup as CheckboxGroup_3 } from '@base-ui/react/checkbox-group';
|
|
8
|
-
import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
|
|
9
|
-
import { ClassNameValue } from 'tailwind-merge';
|
|
10
|
-
import { ClassProp } from 'class-variance-authority/types';
|
|
11
|
-
import { ClassValue } from 'clsx';
|
|
12
|
-
import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
|
|
13
|
-
import { ComponentProps } from 'react';
|
|
14
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
15
|
-
import { ComponentType } from 'react';
|
|
16
|
-
import { ControllerRenderProps } from 'react-hook-form';
|
|
17
|
-
import { CSSProperties } from 'react';
|
|
18
|
-
import { DayPicker } from 'react-day-picker';
|
|
19
|
-
import { default as default_2 } from 'react';
|
|
20
|
-
import { DependencyList } from 'react';
|
|
21
|
-
import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
|
|
22
|
-
import { Dispatch } from 'react';
|
|
23
|
-
import { ElementType } from 'react';
|
|
24
|
-
import { FieldPath } from 'react-hook-form';
|
|
25
|
-
import { Field as FieldPrimitive } from '@base-ui/react/field';
|
|
26
|
-
import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
|
|
27
|
-
import { FieldValues } from 'react-hook-form';
|
|
28
|
-
import { FormEvent } from 'react';
|
|
29
|
-
import { Form as FormPrimitive } from '@base-ui/react/form';
|
|
30
|
-
import { HTMLAttributes } from 'react';
|
|
31
|
-
import { HTMLProps } from 'react';
|
|
32
|
-
import { Input as InputPrimitive } from '@base-ui/react/input';
|
|
33
|
-
import { ItemInstance } from '@headless-tree/core';
|
|
34
|
-
import { JSX } from 'react/jsx-runtime';
|
|
35
|
-
import { JSXElementConstructor } from 'react';
|
|
36
|
-
import { ListIterateeCustom } from 'lodash';
|
|
37
|
-
import { LucideIcon } from 'lucide-react';
|
|
38
|
-
import { LucideProps } from 'lucide-react';
|
|
39
|
-
import { Menu as Menu_2 } from '@base-ui/react/menu';
|
|
40
|
-
import { MutableRefObject } from 'react';
|
|
41
|
-
import { NumberField as NumberInputPrimitive } from '@base-ui/react/number-field';
|
|
42
|
-
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
43
|
-
import { Progress as Progress_2 } from '@base-ui/react/progress';
|
|
44
|
-
import * as React_2 from 'react';
|
|
45
|
-
import { ReactElement } from 'react';
|
|
46
|
-
import { ReactNode } from 'react';
|
|
47
|
-
import { ReactPortal } from 'react';
|
|
48
|
-
import { RefObject } from 'react';
|
|
49
|
-
import { RegisterOptions } from 'react-hook-form';
|
|
50
|
-
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
51
|
-
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
52
|
-
import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
|
|
53
|
-
import { SetStateAction } from 'react';
|
|
54
|
-
import { SubmitHandler } from 'react-hook-form';
|
|
55
|
-
import { Switch as Switch_2 } from '@base-ui/react/switch';
|
|
56
|
-
import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
|
|
57
|
-
import { ToastManager } from '@base-ui/react';
|
|
58
|
-
import { ToastManagerAddOptions as ToastManagerAddOptions_2 } from '@base-ui/react/toast';
|
|
59
|
-
import { ToastManagerPromiseOptions } from '@base-ui/react';
|
|
60
|
-
import { ToastManagerUpdateOptions } from '@base-ui/react';
|
|
61
|
-
import { ToastObject } from '@base-ui/react/toast';
|
|
62
|
-
import { Toast as ToastPrimitive } from '@base-ui/react/toast';
|
|
63
|
-
import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
|
|
64
|
-
import { TreeInstance } from '@headless-tree/core';
|
|
65
|
-
import { useControllableState } from '@radix-ui/react-use-controllable-state';
|
|
66
|
-
import { UseFormProps } from 'react-hook-form';
|
|
67
|
-
import { UseFormReturn } from 'react-hook-form';
|
|
68
|
-
import { useRender } from '@base-ui/react/use-render';
|
|
69
|
-
import { VariantProps } from 'class-variance-authority';
|
|
70
|
-
import { z } from 'zod';
|
|
71
|
-
|
|
72
|
-
export declare function Accordion({ items, className, classNames, ...props }: AccordionProps): JSX.Element;
|
|
73
|
-
|
|
74
|
-
export declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props): JSX.Element;
|
|
75
|
-
|
|
76
|
-
export declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): JSX.Element;
|
|
77
|
-
|
|
78
|
-
declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): JSX.Element;
|
|
79
|
-
|
|
80
|
-
declare interface AccordionItem_2 {
|
|
81
|
-
value: string;
|
|
82
|
-
trigger: ReactNode;
|
|
83
|
-
content: ReactNode;
|
|
84
|
-
disabled?: boolean;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
export { AccordionPrimitive }
|
|
88
|
-
|
|
89
|
-
declare interface AccordionProps extends Omit<AccordionPrimitive.Root.Props, "children" | "className"> {
|
|
90
|
-
items: AccordionItem_2[];
|
|
91
|
-
/** Styles the accordion root container. */
|
|
92
|
-
className?: string;
|
|
93
|
-
/** Styles applied to each internal slot. */
|
|
94
|
-
classNames?: {
|
|
95
|
-
/** Each collapsible item wrapper. */
|
|
96
|
-
item?: string;
|
|
97
|
-
/** Trigger button that toggles the item. */
|
|
98
|
-
trigger?: string;
|
|
99
|
-
/** Panel that contains the item content. */
|
|
100
|
-
content?: string;
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
export declare function AccordionRoot({ className, ...props }: AccordionPrimitive.Root.Props): JSX.Element;
|
|
105
|
-
|
|
106
|
-
export declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props): JSX.Element;
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* Accessible confirmation dialog with cancel and action buttons.
|
|
110
|
-
*
|
|
111
|
-
* The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
|
|
112
|
-
* making it composable with `<Tooltip>` at the primitive level.
|
|
113
|
-
* For full structural control, use the exported primitives directly.
|
|
114
|
-
*
|
|
115
|
-
* `className` styles the popup panel. `classNames` exposes the `backdrop`,
|
|
116
|
-
* `header`, `title`, `description`, `footer`, `closeButton`, and `actionButton`
|
|
117
|
-
* slots for fine-grained tweaks without dropping to primitives.
|
|
118
|
-
*
|
|
119
|
-
* @example
|
|
120
|
-
* ```tsx
|
|
121
|
-
* <AlertDialog
|
|
122
|
-
* trigger={<Button variant="error">Delete account</Button>}
|
|
123
|
-
* title="Delete account?"
|
|
124
|
-
* description="This action cannot be undone."
|
|
125
|
-
* variant="error"
|
|
126
|
-
* actionText="Delete"
|
|
127
|
-
* onAction={handleDelete}
|
|
128
|
-
* />
|
|
129
|
-
* ```
|
|
130
|
-
*/
|
|
131
|
-
export declare function AlertDialog({ trigger, title, description, children, onClose, onAction, variant, closeText, actionText, className, classNames, ...props }: AlertDialogProps): JSX.Element;
|
|
132
|
-
|
|
133
|
-
/** Semi-transparent overlay rendered behind the popup. */
|
|
134
|
-
export declare function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): JSX.Element;
|
|
135
|
-
|
|
136
|
-
/** Closes the dialog and merges an optional `onClick` into the `render` element. */
|
|
137
|
-
export declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): JSX.Element;
|
|
138
|
-
|
|
139
|
-
/** Supplementary description rendered below the title. */
|
|
140
|
-
export declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): JSX.Element;
|
|
141
|
-
|
|
142
|
-
/** Layout wrapper for action buttons. */
|
|
143
|
-
export declare function AlertDialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
144
|
-
|
|
145
|
-
/** Layout wrapper for title and description. */
|
|
146
|
-
export declare function AlertDialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
147
|
-
|
|
148
|
-
/**
|
|
149
|
-
* Dialog content container. Includes Portal, Backdrop and Viewport internally.
|
|
150
|
-
* Pass `portalProps` to configure the portal (e.g. a custom `container`).
|
|
151
|
-
* `classNames` styles the internal `backdrop` and `viewport` slots.
|
|
152
|
-
*/
|
|
153
|
-
export declare function AlertDialogPopup({ className, classNames, portalProps, ...props }: AlertDialogPrimitive.Popup.Props & {
|
|
154
|
-
portalProps?: AlertDialogPrimitive.Portal.Props;
|
|
155
|
-
classNames?: {
|
|
156
|
-
/** Overlay rendered behind the dialog. */
|
|
157
|
-
backdrop?: string;
|
|
158
|
-
/** Full-screen container that centers the popup. */
|
|
159
|
-
viewport?: string;
|
|
160
|
-
};
|
|
161
|
-
}): JSX.Element;
|
|
162
|
-
|
|
163
|
-
export { AlertDialogPrimitive }
|
|
164
|
-
|
|
165
|
-
export declare type AlertDialogProps = Omit<AlertDialogPrimitive.Root.Props, "children"> & {
|
|
166
|
-
/** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
|
|
167
|
-
trigger?: ReactElement;
|
|
168
|
-
/** Dialog heading. */
|
|
169
|
-
title?: ReactNode;
|
|
170
|
-
/** Supporting text rendered below the title. */
|
|
171
|
-
description?: ReactNode;
|
|
172
|
-
/** Custom content rendered between the description and the footer buttons. */
|
|
173
|
-
children?: ReactNode;
|
|
174
|
-
/** Called when the cancel button is clicked. */
|
|
175
|
-
onClose?: () => void;
|
|
176
|
-
/** Called when the action button is clicked. */
|
|
177
|
-
onAction?: () => void;
|
|
178
|
-
/** Visual variant for the action button. @default "default" */
|
|
179
|
-
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
180
|
-
/** Label for the cancel button. @default "Cancel" */
|
|
181
|
-
closeText?: ReactNode;
|
|
182
|
-
/** Label for the action button. @default "Confirm" */
|
|
183
|
-
actionText?: ReactNode;
|
|
184
|
-
/** Styles the dialog popup panel. */
|
|
185
|
-
className?: string;
|
|
186
|
-
/** Styles applied to each internal slot. */
|
|
187
|
-
classNames?: {
|
|
188
|
-
/** Overlay rendered behind the dialog. */
|
|
189
|
-
backdrop?: string;
|
|
190
|
-
/** Layout wrapper for title and description. */
|
|
191
|
-
header?: string;
|
|
192
|
-
/** Dialog heading. */
|
|
193
|
-
title?: string;
|
|
194
|
-
/** Supporting text below the title. */
|
|
195
|
-
description?: string;
|
|
196
|
-
/** Layout wrapper for action buttons. */
|
|
197
|
-
footer?: string;
|
|
198
|
-
/** Cancel button. */
|
|
199
|
-
closeButton?: string;
|
|
200
|
-
/** Action button. */
|
|
201
|
-
actionButton?: string;
|
|
202
|
-
};
|
|
203
|
-
};
|
|
204
|
-
|
|
205
|
-
/** Context root. Holds open state and wraps all dialog parts. */
|
|
206
|
-
export declare function AlertDialogRoot(props: AlertDialogPrimitive.Root.Props): JSX.Element;
|
|
207
|
-
|
|
208
|
-
/** Accessible title rendered as `<h2>`. Required for a11y. */
|
|
209
|
-
export declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): JSX.Element;
|
|
210
|
-
|
|
211
|
-
/**
|
|
212
|
-
* Renders as its `render` element (defaults to `<button>`).
|
|
213
|
-
* Because it uses Base UI's render prop — not Radix Slot — it composes cleanly
|
|
214
|
-
* with `<Tooltip>` and other Base UI triggers on the same DOM element.
|
|
215
|
-
*/
|
|
216
|
-
export declare function AlertDialogTrigger({ className, ...props }: AlertDialogPrimitive.Trigger.Props): JSX.Element;
|
|
217
|
-
|
|
218
|
-
/** Full-screen container that centers the popup. */
|
|
219
|
-
export declare function AlertDialogViewport({ className, ...props }: AlertDialogPrimitive.Viewport.Props): JSX.Element;
|
|
220
|
-
|
|
221
|
-
export declare type ArrayUnion<V, T extends ReadonlyArray<V>> = T[number];
|
|
222
|
-
|
|
223
|
-
declare type ArrowProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;
|
|
224
|
-
|
|
225
|
-
declare interface AsyncState<T> {
|
|
226
|
-
loading: boolean;
|
|
227
|
-
error: Error | null;
|
|
228
|
-
data: T | null;
|
|
229
|
-
refetch: () => void;
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
export declare type AtLeastOne<T> = [T, ...T[]];
|
|
233
|
-
|
|
234
|
-
export declare function Autocomplete<TOption extends AutocompleteOption = AutocompleteOption>({ items, value, defaultValue, onValueChange, disabled, readOnly, isLoading, filter, autoHighlight, placeholder, emptyMessage, loadingMessage, renderOption, adornment, startAddon, className, classNames, }: AutocompleteProps<TOption>): default_2.ReactElement;
|
|
235
|
-
|
|
236
|
-
export declare function AutocompleteClear({ className, children, ...props }: AutocompletePrimitive.Clear.Props): default_2.ReactElement;
|
|
237
|
-
|
|
238
|
-
export declare function AutocompleteCollection({ ...props }: AutocompletePrimitive.Collection.Props): default_2.ReactElement;
|
|
239
|
-
|
|
240
|
-
export declare function AutocompleteEmpty({ className, ...props }: AutocompletePrimitive.Empty.Props): default_2.ReactElement;
|
|
241
|
-
|
|
242
|
-
export declare function AutocompleteGroup({ className, ...props }: AutocompletePrimitive.Group.Props): default_2.ReactElement;
|
|
243
|
-
|
|
244
|
-
export declare function AutocompleteGroupLabel({ className, ...props }: AutocompletePrimitive.GroupLabel.Props): default_2.ReactElement;
|
|
245
|
-
|
|
246
|
-
export declare function AutocompleteInput({ className, adornment, startAddon, triggerProps, clearProps, ...props }: AutocompletePrimitive.Input.Props & {
|
|
247
|
-
adornment?: "trigger" | "clear";
|
|
248
|
-
startAddon?: default_2.ReactNode;
|
|
249
|
-
ref?: default_2.Ref<HTMLInputElement>;
|
|
250
|
-
triggerProps?: AutocompletePrimitive.Trigger.Props;
|
|
251
|
-
clearProps?: AutocompletePrimitive.Clear.Props;
|
|
252
|
-
}): default_2.ReactElement;
|
|
253
|
-
|
|
254
|
-
export declare function AutocompleteItem({ className, children, ...props }: AutocompletePrimitive.Item.Props): default_2.ReactElement;
|
|
255
|
-
|
|
256
|
-
export declare function AutocompleteList({ className, ...props }: AutocompletePrimitive.List.Props): default_2.ReactElement;
|
|
257
|
-
|
|
258
|
-
export declare interface AutocompleteOption {
|
|
259
|
-
value: string;
|
|
260
|
-
label: string;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
export declare function AutocompletePopup({ className, children, side, sideOffset, alignOffset, align, anchor, portalProps, ...props }: AutocompletePrimitive.Popup.Props & {
|
|
264
|
-
align?: AutocompletePrimitive.Positioner.Props["align"];
|
|
265
|
-
sideOffset?: AutocompletePrimitive.Positioner.Props["sideOffset"];
|
|
266
|
-
alignOffset?: AutocompletePrimitive.Positioner.Props["alignOffset"];
|
|
267
|
-
side?: AutocompletePrimitive.Positioner.Props["side"];
|
|
268
|
-
anchor?: AutocompletePrimitive.Positioner.Props["anchor"];
|
|
269
|
-
portalProps?: AutocompletePrimitive.Portal.Props;
|
|
270
|
-
}): default_2.ReactElement;
|
|
271
|
-
|
|
272
|
-
export { AutocompletePrimitive }
|
|
273
|
-
|
|
274
|
-
declare interface AutocompleteProps<TOption extends AutocompleteOption = AutocompleteOption> {
|
|
275
|
-
items: TOption[];
|
|
276
|
-
value?: TOption | null;
|
|
277
|
-
defaultValue?: TOption | null;
|
|
278
|
-
onValueChange?: (value: TOption | null) => void;
|
|
279
|
-
disabled?: boolean;
|
|
280
|
-
readOnly?: boolean;
|
|
281
|
-
isLoading?: boolean;
|
|
282
|
-
filter?: AutocompletePrimitive.Root.Props<TOption>["filter"];
|
|
283
|
-
autoHighlight?: boolean | "always";
|
|
284
|
-
placeholder?: string;
|
|
285
|
-
emptyMessage?: string;
|
|
286
|
-
loadingMessage?: string;
|
|
287
|
-
renderOption?: (option: TOption) => default_2.ReactNode;
|
|
288
|
-
adornment?: "trigger" | "clear";
|
|
289
|
-
startAddon?: default_2.ReactNode;
|
|
290
|
-
/** Styles the input field. */
|
|
291
|
-
className?: string;
|
|
292
|
-
/** Styles applied to each internal slot. */
|
|
293
|
-
classNames?: {
|
|
294
|
-
/** Dropdown popup container. */
|
|
295
|
-
popup?: string;
|
|
296
|
-
/** Scrollable list inside the popup. */
|
|
297
|
-
list?: string;
|
|
298
|
-
/** Each option item. */
|
|
299
|
-
item?: string;
|
|
300
|
-
/** Empty state message. */
|
|
301
|
-
empty?: string;
|
|
302
|
-
/** Status row (e.g. loading message). */
|
|
303
|
-
status?: string;
|
|
304
|
-
};
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
export declare const AutocompleteRoot: typeof AutocompletePrimitive.Root;
|
|
308
|
-
|
|
309
|
-
/**
|
|
310
|
-
* Groups items into a horizontal row within the list.
|
|
311
|
-
* Use to create multi-column grid layouts (color swatches, icon grids, emoji pickers).
|
|
312
|
-
* Each `AutocompleteItem` inside the row remains fully keyboard-navigable.
|
|
313
|
-
*
|
|
314
|
-
* ```tsx
|
|
315
|
-
* <AutocompleteList>
|
|
316
|
-
* {(row) => (
|
|
317
|
-
* <AutocompleteRow key={row.id}>
|
|
318
|
-
* {row.items.map((item) => (
|
|
319
|
-
* <AutocompleteItem key={item.value} value={item}>
|
|
320
|
-
* {item.label}
|
|
321
|
-
* </AutocompleteItem>
|
|
322
|
-
* ))}
|
|
323
|
-
* </AutocompleteRow>
|
|
324
|
-
* )}
|
|
325
|
-
* </AutocompleteList>
|
|
326
|
-
* ```
|
|
327
|
-
*/
|
|
328
|
-
export declare function AutocompleteRow({ className, ...props }: AutocompletePrimitive.Row.Props): default_2.ReactElement;
|
|
329
|
-
|
|
330
|
-
export declare function AutocompleteSeparator({ className, ...props }: AutocompletePrimitive.Separator.Props): default_2.ReactElement;
|
|
331
|
-
|
|
332
|
-
export declare function AutocompleteStatus({ className, ...props }: AutocompletePrimitive.Status.Props): default_2.ReactElement;
|
|
333
|
-
|
|
334
|
-
export declare function AutocompleteTrigger({ className, children, ...props }: AutocompletePrimitive.Trigger.Props): default_2.ReactElement;
|
|
335
|
-
|
|
336
|
-
/**
|
|
337
|
-
* Renders the selected value's label outside the input element.
|
|
338
|
-
* Useful when building custom trigger-style layouts where the selected item
|
|
339
|
-
* must be displayed independently — e.g., inside a badge, a button, or a custom
|
|
340
|
-
* trigger that replaces the input entirely.
|
|
341
|
-
* Renders nothing when no item is selected.
|
|
342
|
-
*/
|
|
343
|
-
export declare function AutocompleteValue({ ...props }: AutocompletePrimitive.Value.Props): default_2.ReactElement;
|
|
344
|
-
|
|
345
|
-
export declare function Avatar({ src, alt, fallback, badge, delay, size, className, classNames, ...props }: AvatarProps): JSX.Element;
|
|
346
|
-
|
|
347
|
-
export declare function AvatarBadge({ className, ...props }: ComponentProps<"span">): JSX.Element;
|
|
348
|
-
|
|
349
|
-
export declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): JSX.Element;
|
|
350
|
-
|
|
351
|
-
export declare function AvatarGroup({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
352
|
-
|
|
353
|
-
export declare function AvatarGroupCount({ className, size, ...props }: ComponentProps<"div"> & VariantProps<typeof avatarVariants>): JSX.Element;
|
|
354
|
-
|
|
355
|
-
export declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): JSX.Element;
|
|
356
|
-
|
|
357
|
-
export { AvatarPrimitive }
|
|
358
|
-
|
|
359
|
-
declare interface AvatarProps extends Omit<AvatarPrimitive.Root.Props, "children"> {
|
|
360
|
-
src?: string;
|
|
361
|
-
alt: string;
|
|
362
|
-
fallback?: ReactNode;
|
|
363
|
-
badge?: ReactNode;
|
|
364
|
-
delay?: AvatarPrimitive.Fallback.Props["delay"];
|
|
365
|
-
size?: VariantProps<typeof avatarVariants>["size"];
|
|
366
|
-
/** Styles applied to each internal slot. */
|
|
367
|
-
classNames?: {
|
|
368
|
-
/** Image element rendered when `src` loads successfully. */
|
|
369
|
-
image?: string;
|
|
370
|
-
/** Fallback rendered when no image is available. */
|
|
371
|
-
fallback?: string;
|
|
372
|
-
/** Status/notification badge rendered over the avatar. */
|
|
373
|
-
badge?: string;
|
|
374
|
-
};
|
|
375
|
-
}
|
|
376
|
-
|
|
377
|
-
export declare function AvatarRoot({ className, size, ...props }: AvatarPrimitive.Root.Props & VariantProps<typeof avatarVariants>): JSX.Element;
|
|
378
|
-
|
|
379
|
-
declare const avatarVariants: (props?: ({
|
|
380
|
-
size?: "xs" | "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
381
|
-
} & ClassProp) | undefined) => string;
|
|
382
|
-
|
|
383
|
-
export declare const BaseButton: ({ onClick, loading: prop, style, children, ...props }: Props_2) => JSX.Element;
|
|
384
|
-
|
|
385
|
-
declare type BaseButtonProps = ComponentProps<typeof BaseButton>;
|
|
386
|
-
|
|
387
|
-
export declare type BaseEntity = {
|
|
388
|
-
id: string;
|
|
389
|
-
createdAt: Date;
|
|
390
|
-
};
|
|
391
|
-
|
|
392
|
-
export declare const Button: ({ variant, size, className, ...rest }: Props) => JSX.Element;
|
|
393
|
-
|
|
394
|
-
declare type ButtonOverrides = Omit<ComponentProps<typeof Button>, "onClick" | "disabled" | "render" | "children" | "nativeButton">;
|
|
395
|
-
|
|
396
|
-
declare type ButtonProps = ComponentProps<typeof Button>;
|
|
397
|
-
|
|
398
|
-
export declare const buttonVariants: (props?: ({
|
|
399
|
-
variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "error" | "success" | "warning" | null | undefined;
|
|
400
|
-
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
401
|
-
} & ClassProp) | undefined) => string;
|
|
402
|
-
|
|
403
|
-
export declare function Calendar({ className, classNames, showOutsideDays, components: userComponents, mode, captionLayout, startMonth, endMonth, ...props }: React_2.ComponentProps<typeof DayPicker>): React_2.ReactElement;
|
|
404
|
-
|
|
405
|
-
export declare function Card({ title, description, action, footer, children, size, className, classNames, ...props }: CardProps): JSX.Element;
|
|
406
|
-
|
|
407
|
-
export declare function CardAction({ className, ...props }: default_2.ComponentProps<"div">): JSX.Element;
|
|
408
|
-
|
|
409
|
-
export declare function CardContent({ className, ...props }: default_2.ComponentProps<"div">): JSX.Element;
|
|
410
|
-
|
|
411
|
-
export declare function CardDescription({ className, ...props }: default_2.ComponentProps<"div">): JSX.Element;
|
|
412
|
-
|
|
413
|
-
export declare function CardFooter({ className, ...props }: default_2.ComponentProps<"div">): JSX.Element;
|
|
414
|
-
|
|
415
|
-
export declare function CardHeader({ className, ...props }: default_2.ComponentProps<"div">): JSX.Element;
|
|
416
|
-
|
|
417
|
-
declare interface CardProps extends Omit<default_2.ComponentProps<"div">, "children" | "title"> {
|
|
418
|
-
title?: default_2.ReactNode;
|
|
419
|
-
description?: default_2.ReactNode;
|
|
420
|
-
action?: default_2.ReactNode;
|
|
421
|
-
footer?: default_2.ReactNode;
|
|
422
|
-
children?: default_2.ReactNode;
|
|
423
|
-
size?: "default" | "sm";
|
|
424
|
-
/** Styles applied to each internal slot. */
|
|
425
|
-
classNames?: {
|
|
426
|
-
/** Header wrapper holding title, description, and action. */
|
|
427
|
-
header?: string;
|
|
428
|
-
/** Card title text. */
|
|
429
|
-
title?: string;
|
|
430
|
-
/** Supporting description below the title. */
|
|
431
|
-
description?: string;
|
|
432
|
-
/** Action area on the right of the header. */
|
|
433
|
-
action?: string;
|
|
434
|
-
/** Body content rendered between the header and the footer. */
|
|
435
|
-
content?: string;
|
|
436
|
-
/** Footer area below the content. */
|
|
437
|
-
footer?: string;
|
|
438
|
-
};
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
export declare function CardRoot({ className, size, ...props }: default_2.ComponentProps<"div"> & {
|
|
442
|
-
size?: "default" | "sm";
|
|
443
|
-
}): JSX.Element;
|
|
444
|
-
|
|
445
|
-
export declare function CardTitle({ className, ...props }: default_2.ComponentProps<"div">): JSX.Element;
|
|
446
|
-
|
|
447
|
-
export declare const Center: ({ as: Tag, inline, className, ...props }: CenterProps) => JSX.Element;
|
|
448
|
-
|
|
449
|
-
declare interface CenterProps extends ComponentProps<"div"> {
|
|
450
|
-
as?: ElementType;
|
|
451
|
-
inline?: boolean;
|
|
452
|
-
}
|
|
453
|
-
|
|
454
|
-
export declare const Checkbox: typeof CheckboxSingle & {
|
|
455
|
-
Item: typeof CheckboxItem;
|
|
456
|
-
Group: typeof CheckboxGroup_2;
|
|
457
|
-
Legend: typeof CheckboxLegend;
|
|
458
|
-
};
|
|
459
|
-
|
|
460
|
-
export declare function CheckboxGroup({ legend, children, items, defaultValue, value, onValueChange, allValues, disabled, controlFirst, className, }: CheckboxGroupProps): JSX.Element;
|
|
461
|
-
|
|
462
|
-
declare function CheckboxGroup_2({ legend, children, error, description, defaultValue, value, onValueChange, allValues, disabled, controlFirst, className, classNames, }: CheckboxGroupProps_2): React_2.ReactElement;
|
|
463
|
-
|
|
464
|
-
export declare const CheckboxGroupContext: React_2.Context<{
|
|
465
|
-
controlFirst: boolean;
|
|
466
|
-
invalid: boolean;
|
|
467
|
-
}>;
|
|
468
|
-
|
|
469
|
-
export declare interface CheckboxGroupProps {
|
|
470
|
-
legend?: ReactNode;
|
|
471
|
-
children?: ReactNode;
|
|
472
|
-
items?: CheckboxOption[];
|
|
473
|
-
defaultValue?: string[];
|
|
474
|
-
value?: string[];
|
|
475
|
-
onValueChange?: (value: string[]) => void;
|
|
476
|
-
allValues?: string[];
|
|
477
|
-
disabled?: boolean;
|
|
478
|
-
controlFirst?: boolean;
|
|
479
|
-
className?: string;
|
|
480
|
-
}
|
|
481
|
-
|
|
482
|
-
declare interface CheckboxGroupProps_2 {
|
|
483
|
-
legend?: ReactNode;
|
|
484
|
-
children: ReactNode;
|
|
485
|
-
error?: string;
|
|
486
|
-
description?: ReactNode;
|
|
487
|
-
defaultValue?: string[];
|
|
488
|
-
value?: string[];
|
|
489
|
-
onValueChange?: (value: string[]) => void;
|
|
490
|
-
allValues?: string[];
|
|
491
|
-
disabled?: boolean;
|
|
492
|
-
controlFirst?: boolean;
|
|
493
|
-
className?: string;
|
|
494
|
-
/** Styles applied to each internal slot. */
|
|
495
|
-
classNames?: {
|
|
496
|
-
/** Legend element above the items. */
|
|
497
|
-
legend?: string;
|
|
498
|
-
/** Wrapper around the rendered children (items). */
|
|
499
|
-
items?: string;
|
|
500
|
-
/** Description shown below the items when there is no error. */
|
|
501
|
-
description?: string;
|
|
502
|
-
/** Error message shown below the items. */
|
|
503
|
-
error?: string;
|
|
504
|
-
};
|
|
505
|
-
}
|
|
506
|
-
|
|
507
|
-
export declare function CheckboxGroupRoot({ className, ...props }: CheckboxGroup_3.Props): JSX.Element;
|
|
508
|
-
|
|
509
|
-
export declare function CheckboxIndicator({ className, ...props }: CheckboxPrimitive.Indicator.Props): React_2.ReactElement;
|
|
510
|
-
|
|
511
|
-
declare function CheckboxItem({ className, classNames, label, id, ...props }: CheckboxItemProps): React_2.ReactElement;
|
|
512
|
-
|
|
513
|
-
export declare interface CheckboxItemProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
|
|
514
|
-
label: ReactNode;
|
|
515
|
-
/** Styles applied to each internal slot. */
|
|
516
|
-
classNames?: {
|
|
517
|
-
/** Flex wrapper around checkbox and label. */
|
|
518
|
-
wrapper?: string;
|
|
519
|
-
/** Checkmark indicator inside the checkbox. */
|
|
520
|
-
indicator?: string;
|
|
521
|
-
/** Label element next to the checkbox. */
|
|
522
|
-
label?: string;
|
|
523
|
-
};
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
declare function CheckboxLegend({ children, className, }: CheckboxLegendProps): React_2.ReactElement;
|
|
527
|
-
|
|
528
|
-
export declare interface CheckboxLegendProps {
|
|
529
|
-
children: ReactNode;
|
|
530
|
-
className?: string;
|
|
531
|
-
}
|
|
532
|
-
|
|
533
|
-
export declare interface CheckboxOption {
|
|
534
|
-
value: string;
|
|
535
|
-
label: ReactNode;
|
|
536
|
-
disabled?: boolean;
|
|
537
|
-
}
|
|
538
|
-
|
|
539
|
-
export { CheckboxPrimitive }
|
|
540
|
-
|
|
541
|
-
declare interface CheckboxProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
|
|
542
|
-
children?: ReactNode;
|
|
543
|
-
label?: ReactNode;
|
|
544
|
-
tooltip?: ReactNode;
|
|
545
|
-
controlFirst?: boolean;
|
|
546
|
-
/** Styles applied to each internal slot. */
|
|
547
|
-
classNames?: {
|
|
548
|
-
/** Flex wrapper around checkbox and label (only rendered when a label is provided). */
|
|
549
|
-
wrapper?: string;
|
|
550
|
-
/** Checkmark indicator inside the checkbox. */
|
|
551
|
-
indicator?: string;
|
|
552
|
-
/** Label element next to the checkbox. */
|
|
553
|
-
label?: string;
|
|
554
|
-
};
|
|
555
|
-
}
|
|
556
|
-
|
|
557
|
-
export declare function CheckboxRoot({ className, ...props }: CheckboxPrimitive.Root.Props): React_2.ReactElement;
|
|
558
|
-
|
|
559
|
-
declare function CheckboxSingle({ className, classNames, label, children, tooltip, controlFirst, required, id, ...props }: CheckboxProps): React_2.ReactElement;
|
|
560
|
-
|
|
561
|
-
export declare type ClassName = string | undefined;
|
|
562
|
-
|
|
563
|
-
export declare type ClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent>;
|
|
564
|
-
|
|
565
|
-
export declare function cn(...args: ClassValue[]): string;
|
|
566
|
-
|
|
567
|
-
export declare type ColumnDef<T> = {
|
|
568
|
-
header: string | (() => ReactNode);
|
|
569
|
-
key: keyof T;
|
|
570
|
-
cell?: (row: T, index: number) => ReactNode;
|
|
571
|
-
width?: string | number;
|
|
572
|
-
};
|
|
573
|
-
|
|
574
|
-
/**
|
|
575
|
-
* Composite combobox for single and multiple selection.
|
|
576
|
-
*
|
|
577
|
-
* Items shaped as `{ id, name }`, `{ label, value }`, or plain strings/numbers
|
|
578
|
-
* work with no extra props. For other shapes, provide `getLabel` and/or `getId`.
|
|
579
|
-
*
|
|
580
|
-
* In multiple mode, chips are fit dynamically based on the container width —
|
|
581
|
-
* overflowing items show as "+N más". The popup anchors to the chips container automatically.
|
|
582
|
-
*
|
|
583
|
-
* `renderItem` customizes the content **inside** each `ComboboxItem` (the
|
|
584
|
-
* checkmark indicator is always rendered by the item wrapper).
|
|
585
|
-
*
|
|
586
|
-
* Use `ComboboxRoot` + primitives directly when you need full structural
|
|
587
|
-
* control beyond what escape-hatch props offer.
|
|
588
|
-
*/
|
|
589
|
-
export declare function Combobox<TItem = unknown>(allProps: ComboboxProps<TItem>): React_2.ReactElement;
|
|
590
|
-
|
|
591
|
-
declare type ComboboxBaseProps<TItem = unknown> = Omit<ComboboxPrimitive.Root.Props<TItem, boolean>, "items" | "itemToStringLabel" | "itemToStringValue" | "children" | "multiple" | "onValueChange" | "value" | "defaultValue"> & {
|
|
592
|
-
items: readonly TItem[];
|
|
593
|
-
/** Returns the display text for an item. Used for filter matching, ARIA, and the trigger input. Defaults to `item.label`, `item.name`, `item.title`, or the stringified primitive. */
|
|
594
|
-
getLabel?: (item: TItem) => string;
|
|
595
|
-
/** Returns a stable string identifier for an item. Used as the React key and as the hidden form value when `name` is set. Defaults to `item.id`, `item.value`, or the stringified primitive. */
|
|
596
|
-
getId?: (item: TItem) => string;
|
|
597
|
-
renderItem?: (item: TItem) => React_2.ReactNode;
|
|
598
|
-
placeholder?: string;
|
|
599
|
-
emptyText?: string;
|
|
600
|
-
/** Icon or element displayed before the input text (single mode) or chips (multiple mode). */
|
|
601
|
-
startAddon?: React_2.ReactNode;
|
|
602
|
-
showClear?: boolean;
|
|
603
|
-
/** Styles applied to each internal slot. */
|
|
604
|
-
classNames?: {
|
|
605
|
-
/** Text input field in single-select mode. */
|
|
606
|
-
input?: string;
|
|
607
|
-
/** Chips container in multiple-select mode. */
|
|
608
|
-
chips?: string;
|
|
609
|
-
/** Search input inside the popup in multiple-select mode. */
|
|
610
|
-
chipsInput?: string;
|
|
611
|
-
/** Popup panel containing the item list. */
|
|
612
|
-
popup?: string;
|
|
613
|
-
/** Scrollable item list inside the popup. */
|
|
614
|
-
list?: string;
|
|
615
|
-
/** Individual item row. */
|
|
616
|
-
item?: string;
|
|
617
|
-
/** Rendered when no items match the search. */
|
|
618
|
-
empty?: string;
|
|
619
|
-
};
|
|
620
|
-
};
|
|
621
|
-
|
|
622
|
-
export declare function ComboboxChip({ children, removeProps, ...props }: ComboboxPrimitive.Chip.Props & {
|
|
623
|
-
removeProps?: ComboboxPrimitive.ChipRemove.Props;
|
|
624
|
-
}): React_2.ReactElement;
|
|
625
|
-
|
|
626
|
-
export declare function ComboboxChipRemove(props: ComboboxPrimitive.ChipRemove.Props): React_2.ReactElement;
|
|
627
|
-
|
|
628
|
-
export declare function ComboboxChips({ className, children, startAddon, ...props }: ComboboxPrimitive.Chips.Props & {
|
|
629
|
-
startAddon?: React_2.ReactNode;
|
|
630
|
-
}): React_2.ReactElement;
|
|
631
|
-
|
|
632
|
-
export declare function ComboboxChipsInput({ className, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
|
|
633
|
-
ref?: React_2.Ref<HTMLInputElement>;
|
|
634
|
-
}): React_2.ReactElement;
|
|
635
|
-
|
|
636
|
-
export declare function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props): React_2.ReactElement;
|
|
637
|
-
|
|
638
|
-
export declare function ComboboxCollection(props: ComboboxPrimitive.Collection.Props): React_2.ReactElement;
|
|
639
|
-
|
|
640
|
-
export declare const ComboboxContext: React_2.Context<{
|
|
641
|
-
chipsRef: React_2.RefObject<Element | null> | null;
|
|
642
|
-
multiple: boolean;
|
|
643
|
-
}>;
|
|
644
|
-
|
|
645
|
-
export declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React_2.ReactElement;
|
|
646
|
-
|
|
647
|
-
export declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React_2.ReactElement;
|
|
648
|
-
|
|
649
|
-
export declare function ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React_2.ReactElement;
|
|
650
|
-
|
|
651
|
-
export declare function ComboboxInput({ className, showTrigger, showClear, startAddon, triggerProps, clearProps, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
|
|
652
|
-
showTrigger?: boolean;
|
|
653
|
-
showClear?: boolean;
|
|
654
|
-
startAddon?: React_2.ReactNode;
|
|
655
|
-
ref?: React_2.Ref<HTMLInputElement>;
|
|
656
|
-
triggerProps?: ComboboxPrimitive.Trigger.Props;
|
|
657
|
-
clearProps?: ComboboxPrimitive.Clear.Props;
|
|
658
|
-
}): React_2.ReactElement;
|
|
659
|
-
|
|
660
|
-
export declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React_2.ReactElement;
|
|
661
|
-
|
|
662
|
-
export declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React_2.ReactElement;
|
|
663
|
-
|
|
664
|
-
export declare function ComboboxPopup({ className, children, side, sideOffset, alignOffset, align, anchor: anchorProp, portalProps, ...props }: ComboboxPrimitive.Popup.Props & {
|
|
665
|
-
align?: ComboboxPrimitive.Positioner.Props["align"];
|
|
666
|
-
sideOffset?: ComboboxPrimitive.Positioner.Props["sideOffset"];
|
|
667
|
-
alignOffset?: ComboboxPrimitive.Positioner.Props["alignOffset"];
|
|
668
|
-
side?: ComboboxPrimitive.Positioner.Props["side"];
|
|
669
|
-
anchor?: ComboboxPrimitive.Positioner.Props["anchor"];
|
|
670
|
-
portalProps?: ComboboxPrimitive.Portal.Props;
|
|
671
|
-
}): React_2.ReactElement;
|
|
672
|
-
|
|
673
|
-
export { ComboboxPrimitive }
|
|
674
|
-
|
|
675
|
-
export declare type ComboboxProps<TItem = unknown> = (ComboboxBaseProps<TItem> & {
|
|
676
|
-
multiple?: false;
|
|
677
|
-
value?: TItem | null;
|
|
678
|
-
defaultValue?: TItem | null;
|
|
679
|
-
onValueChange?: (value: TItem | null) => void;
|
|
680
|
-
}) | (ComboboxBaseProps<TItem> & {
|
|
681
|
-
multiple: true;
|
|
682
|
-
value?: TItem[];
|
|
683
|
-
defaultValue?: TItem[];
|
|
684
|
-
onValueChange?: (value: TItem[]) => void;
|
|
685
|
-
});
|
|
686
|
-
|
|
687
|
-
export declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>({ ...props }: ComboboxPrimitive.Root.Props<Value, Multiple>): React_2.ReactElement;
|
|
688
|
-
|
|
689
|
-
export declare function ComboboxRow({ className, ...props }: ComboboxPrimitive.Row.Props): React_2.ReactElement;
|
|
690
|
-
|
|
691
|
-
export declare function ComboboxSearchInput({ className, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
|
|
692
|
-
ref?: React_2.Ref<HTMLInputElement>;
|
|
693
|
-
}): React_2.ReactElement;
|
|
694
|
-
|
|
695
|
-
export declare function ComboboxSelectTrigger({ className, placeholder, children, showClear, clearProps, ...props }: ComboboxPrimitive.Trigger.Props & {
|
|
696
|
-
placeholder?: React_2.ReactNode;
|
|
697
|
-
showClear?: boolean;
|
|
698
|
-
clearProps?: ComboboxPrimitive.Clear.Props;
|
|
699
|
-
}): React_2.ReactElement;
|
|
700
|
-
|
|
701
|
-
export declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React_2.ReactElement;
|
|
702
|
-
|
|
703
|
-
export declare function ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props): React_2.ReactElement;
|
|
704
|
-
|
|
705
|
-
export declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React_2.ReactElement;
|
|
706
|
-
|
|
707
|
-
export declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React_2.ReactElement;
|
|
708
|
-
|
|
709
|
-
export declare type Controllable<C, T extends NonNullable<unknown>> = OverrideProps<HTMLProps<C>, ControllableState<T>>;
|
|
710
|
-
|
|
711
|
-
export declare type ControllableState<T> = {
|
|
712
|
-
value?: T;
|
|
713
|
-
defaultValue?: T;
|
|
714
|
-
onChange?: (state: T) => void;
|
|
715
|
-
};
|
|
716
|
-
|
|
717
|
-
declare type CopiedValue = string | null;
|
|
718
|
-
|
|
719
|
-
declare type CopyFunction = (text: string) => Promise<boolean>;
|
|
720
|
-
|
|
721
|
-
export declare const createSafeContext: <T>() => readonly [() => T & ({} | undefined), default_2.Provider<T | null>];
|
|
722
|
-
|
|
723
|
-
export declare function createToastManager(): ToastManager<any> & {
|
|
724
|
-
close: (id?: string) => any;
|
|
725
|
-
add: (options: ToastManagerAddOptions<any>) => any;
|
|
726
|
-
update: (id: string, options: Partial<ToastManagerAddOptions<any>>) => any;
|
|
727
|
-
promise: <T>(promise: Promise<T>, options: {
|
|
728
|
-
loading: ToastManagerAddOptions<any>;
|
|
729
|
-
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
730
|
-
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
731
|
-
}) => any;
|
|
732
|
-
};
|
|
733
|
-
|
|
734
|
-
export declare const DateInput: (props: DateInputProps) => JSX.Element;
|
|
735
|
-
|
|
736
|
-
export declare type DateInputFooterProps = {
|
|
737
|
-
value: Date | null;
|
|
738
|
-
clear: () => void;
|
|
739
|
-
selectToday: () => void;
|
|
740
|
-
setValue: (value: Date | null) => void;
|
|
741
|
-
};
|
|
742
|
-
|
|
743
|
-
export declare type DateInputProps = Omit<ComponentProps<"input">, "value" | "onChange" | "defaultValue"> & {
|
|
744
|
-
value?: Date | null;
|
|
745
|
-
defaultValue?: Date | null;
|
|
746
|
-
onValueChange?: (value: Date | null) => void;
|
|
747
|
-
disabledDate?: (date: Date) => boolean;
|
|
748
|
-
renderFooter?: (props: DateInputFooterProps) => ReactNode;
|
|
749
|
-
};
|
|
750
|
-
|
|
751
|
-
export declare function DatePicker(props: SingleDatePickerProps): ReactElement;
|
|
752
|
-
|
|
753
|
-
export declare function DatePicker(props: RangeDatePickerProps): ReactElement;
|
|
754
|
-
|
|
755
|
-
export declare function DatePicker(props: MultipleDatePickerProps): ReactElement;
|
|
756
|
-
|
|
757
|
-
declare type DatePickerBaseProps = {
|
|
758
|
-
disabled?: boolean;
|
|
759
|
-
disabledDate?: (date: Date) => boolean;
|
|
760
|
-
renderFooter?: (props: DatePickerFooterProps) => ReactNode;
|
|
761
|
-
className?: string;
|
|
762
|
-
required?: boolean;
|
|
763
|
-
/** Styles applied to each internal slot. */
|
|
764
|
-
classNames?: {
|
|
765
|
-
/** Popup panel that opens below the trigger. */
|
|
766
|
-
popup?: string;
|
|
767
|
-
/** Calendar grid inside the popup. */
|
|
768
|
-
calendar?: string;
|
|
769
|
-
/** Footer wrapper rendered below the calendar when `renderFooter` is provided. */
|
|
770
|
-
footer?: string;
|
|
771
|
-
};
|
|
772
|
-
};
|
|
773
|
-
|
|
774
|
-
export declare type DatePickerFooterProps = SingleFooterProps | RangeFooterProps | MultipleFooterProps;
|
|
775
|
-
|
|
776
|
-
export declare type DatePickerMode = "single" | "range" | "multiple";
|
|
777
|
-
|
|
778
|
-
export declare type DatePickerProps = SingleDatePickerProps | RangeDatePickerProps | MultipleDatePickerProps;
|
|
779
|
-
|
|
780
|
-
export declare type DateRange = {
|
|
781
|
-
start: Date | null;
|
|
782
|
-
end: Date | null;
|
|
783
|
-
};
|
|
784
|
-
|
|
785
|
-
/**
|
|
786
|
-
* General-purpose dialog with optional trigger, title, description, body, and footer.
|
|
787
|
-
*
|
|
788
|
-
* The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
|
|
789
|
-
* making it composable with `<Tooltip>` at the primitive level.
|
|
790
|
-
* For full structural control, use the exported primitives directly.
|
|
791
|
-
*
|
|
792
|
-
* `className` styles the popup panel. `classNames` exposes the `backdrop`,
|
|
793
|
-
* `viewport`, `header`, `title`, `description`, `footer`, and `closeButton`
|
|
794
|
-
* slots for fine-grained tweaks without dropping to primitives.
|
|
795
|
-
*
|
|
796
|
-
* @example
|
|
797
|
-
* ```tsx
|
|
798
|
-
* <Dialog
|
|
799
|
-
* trigger={<Button>Open settings</Button>}
|
|
800
|
-
* title="Settings"
|
|
801
|
-
* description="Manage your account preferences."
|
|
802
|
-
* footer={<Button onClick={handleSave}>Save</Button>}
|
|
803
|
-
* >
|
|
804
|
-
* <SettingsForm />
|
|
805
|
-
* </Dialog>
|
|
806
|
-
* ```
|
|
807
|
-
*/
|
|
808
|
-
export declare function Dialog({ trigger, title, description, children, footer, onClose, hideClose, className, classNames, onOpenChange, ...props }: DialogProps): JSX.Element;
|
|
809
|
-
|
|
810
|
-
/** Semi-transparent overlay rendered behind the popup. */
|
|
811
|
-
export declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): JSX.Element;
|
|
812
|
-
|
|
813
|
-
/** Closes the dialog and merges an optional `onClick` into the `render` element. */
|
|
814
|
-
export declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): JSX.Element;
|
|
815
|
-
|
|
816
|
-
/** Supplementary description rendered below the title. */
|
|
817
|
-
export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): JSX.Element;
|
|
818
|
-
|
|
819
|
-
/** Layout wrapper for action buttons. */
|
|
820
|
-
export declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
821
|
-
|
|
822
|
-
/** Layout wrapper for title and description. */
|
|
823
|
-
export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
824
|
-
|
|
825
|
-
/**
|
|
826
|
-
* Dialog content container. Includes Portal, Backdrop and Viewport internally.
|
|
827
|
-
* Pass `portalProps` to configure the portal (e.g. a custom `container`).
|
|
828
|
-
* `classNames` styles the internal `backdrop`, `viewport` and `closeButton` slots.
|
|
829
|
-
*/
|
|
830
|
-
export declare function DialogPopup({ className, classNames, children, hideClose, portalProps, ...props }: DialogPrimitive.Popup.Props & {
|
|
831
|
-
hideClose?: boolean;
|
|
832
|
-
portalProps?: DialogPrimitive.Portal.Props;
|
|
833
|
-
classNames?: {
|
|
834
|
-
/** Overlay rendered behind the dialog. */
|
|
835
|
-
backdrop?: string;
|
|
836
|
-
/** Full-screen container that centers the popup. */
|
|
837
|
-
viewport?: string;
|
|
838
|
-
/** Close (×) button rendered inside the popup. */
|
|
839
|
-
closeButton?: string;
|
|
840
|
-
};
|
|
841
|
-
}): JSX.Element;
|
|
842
|
-
|
|
843
|
-
export { DialogPrimitive }
|
|
844
|
-
|
|
845
|
-
export declare type DialogProps = Omit<DialogPrimitive.Root.Props, "children"> & {
|
|
846
|
-
/** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
|
|
847
|
-
trigger?: ReactElement;
|
|
848
|
-
/** Dialog heading. */
|
|
849
|
-
title?: ReactNode;
|
|
850
|
-
/** Supporting text rendered below the title. */
|
|
851
|
-
description?: ReactNode;
|
|
852
|
-
/** Body content rendered between the description and the footer. */
|
|
853
|
-
children?: ReactNode;
|
|
854
|
-
/** Content rendered inside the footer wrapper. */
|
|
855
|
-
footer?: ReactNode;
|
|
856
|
-
/** Called when the dialog closes. */
|
|
857
|
-
onClose?: () => void;
|
|
858
|
-
/** Hides the close (×) button inside the popup. */
|
|
859
|
-
hideClose?: boolean;
|
|
860
|
-
/** Styles the dialog popup panel. */
|
|
861
|
-
className?: string;
|
|
862
|
-
/** Styles applied to each internal slot. */
|
|
863
|
-
classNames?: {
|
|
864
|
-
/** Overlay rendered behind the dialog. */
|
|
865
|
-
backdrop?: string;
|
|
866
|
-
/** Full-screen container that centers the popup. */
|
|
867
|
-
viewport?: string;
|
|
868
|
-
/** Layout wrapper for title and description. */
|
|
869
|
-
header?: string;
|
|
870
|
-
/** Dialog heading. */
|
|
871
|
-
title?: string;
|
|
872
|
-
/** Supporting text below the title. */
|
|
873
|
-
description?: string;
|
|
874
|
-
/** Layout wrapper for footer content. */
|
|
875
|
-
footer?: string;
|
|
876
|
-
/** Close (×) button rendered inside the popup. */
|
|
877
|
-
closeButton?: string;
|
|
878
|
-
};
|
|
879
|
-
};
|
|
880
|
-
|
|
881
|
-
/** Context root. Holds open state and wraps all dialog parts. */
|
|
882
|
-
export declare function DialogRoot(props: DialogPrimitive.Root.Props): JSX.Element;
|
|
883
|
-
|
|
884
|
-
/** Accessible title rendered as `<h2>`. Required for a11y. */
|
|
885
|
-
export declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): JSX.Element;
|
|
886
|
-
|
|
887
|
-
/**
|
|
888
|
-
* Renders as its `render` element (defaults to `<button>`).
|
|
889
|
-
* Composes cleanly with `<Tooltip>` and other Base UI triggers on the same DOM element.
|
|
890
|
-
*/
|
|
891
|
-
export declare function DialogTrigger({ className, ...props }: DialogPrimitive.Trigger.Props): JSX.Element;
|
|
892
|
-
|
|
893
|
-
/** Full-screen container that centers the popup. */
|
|
894
|
-
export declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): JSX.Element;
|
|
895
|
-
|
|
896
|
-
export declare function Divider({ className, orientation, ...props }: SeparatorPrimitive.Props): default_2.ReactElement;
|
|
897
|
-
|
|
898
|
-
export declare const DOTS = "...";
|
|
899
|
-
|
|
900
|
-
export declare function Dropzone({ onFileAdd, onFileRemove, onFilesChange, files, maxFiles, allowedExtensions, maxFileSize, multiple, renderAcceptedFile, renderRejectedFile, showRejected, className, classNames, icon: Icon, iconSize, onError, label, ...props }: DropzoneProps): JSX.Element;
|
|
901
|
-
|
|
902
|
-
export declare function DropzoneAcceptedFiles(props: DropzoneFilesProps): JSX.Element;
|
|
903
|
-
|
|
904
|
-
export declare function DropzoneContent({ className, ...props }: ComponentPropsWithoutRef<"div">): JSX.Element;
|
|
905
|
-
|
|
906
|
-
export declare type DropzoneFilesProps = {
|
|
907
|
-
renderFile?: (file: File, remove: () => void) => ReactNode;
|
|
908
|
-
};
|
|
909
|
-
|
|
910
|
-
export declare function DropzoneItem({ file, onRemove, className, renderIcon, ...props }: DropzoneItemProps): JSX.Element;
|
|
911
|
-
|
|
912
|
-
export declare type DropzoneItemProps = ComponentPropsWithoutRef<"div"> & {
|
|
913
|
-
file: File;
|
|
914
|
-
onRemove: () => void;
|
|
915
|
-
renderIcon?: (file: File) => ReactNode;
|
|
916
|
-
};
|
|
917
|
-
|
|
918
|
-
export declare type DropzoneProps = {
|
|
919
|
-
onFileAdd?: (files: File[]) => void;
|
|
920
|
-
onFileRemove?: (index: number, type: "accepted" | "rejected") => void;
|
|
921
|
-
onFilesChange?: (files: File[]) => void;
|
|
922
|
-
files?: File[];
|
|
923
|
-
maxFiles?: number;
|
|
924
|
-
allowedExtensions?: FileTypeValue[];
|
|
925
|
-
maxFileSize?: number;
|
|
926
|
-
multiple?: boolean;
|
|
927
|
-
renderAcceptedFile?: (file: File, removeItem: () => void) => ReactNode;
|
|
928
|
-
renderRejectedFile?: (file: File, removeItem: () => void) => ReactNode;
|
|
929
|
-
showRejected?: boolean;
|
|
930
|
-
className?: string;
|
|
931
|
-
icon?: LucideIcon;
|
|
932
|
-
iconSize?: number;
|
|
933
|
-
onError?: (fileErrors: FileError[]) => void;
|
|
934
|
-
label?: string;
|
|
935
|
-
/** Styles applied to each internal slot. */
|
|
936
|
-
classNames?: {
|
|
937
|
-
/** Dashed drop area that contains the icon and label. */
|
|
938
|
-
trigger?: string;
|
|
939
|
-
/** Upload icon rendered inside the trigger. */
|
|
940
|
-
icon?: string;
|
|
941
|
-
/** Text container below the icon (label + meta lines). */
|
|
942
|
-
label?: string;
|
|
943
|
-
/** Wrapper around the accepted/rejected file lists. */
|
|
944
|
-
content?: string;
|
|
945
|
-
};
|
|
946
|
-
} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
|
|
947
|
-
|
|
948
|
-
export declare function DropzoneRejectedFiles(props: DropzoneFilesProps): JSX.Element;
|
|
949
|
-
|
|
950
|
-
export declare function DropzoneRoot({ onFileAdd, onFileRemove, onFilesChange, files: controlledFiles, maxFiles, allowedExtensions, maxFileSize, multiple, onError, children, className, ...props }: DropzoneRootProps): JSX.Element;
|
|
951
|
-
|
|
952
|
-
export declare type DropzoneRootProps = {
|
|
953
|
-
onFileAdd?: (files: File[]) => void;
|
|
954
|
-
onFileRemove?: (index: number, type: "accepted" | "rejected") => void;
|
|
955
|
-
onFilesChange?: (files: File[]) => void;
|
|
956
|
-
files?: File[];
|
|
957
|
-
maxFiles?: number;
|
|
958
|
-
allowedExtensions?: FileTypeValue[];
|
|
959
|
-
maxFileSize?: number;
|
|
960
|
-
multiple?: boolean;
|
|
961
|
-
onError?: (errors: FileError[]) => void;
|
|
962
|
-
children?: ReactNode;
|
|
963
|
-
} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
|
|
964
|
-
|
|
965
|
-
export declare function DropzoneTrigger({ render, className, onClick, children, ...props }: DropzoneTriggerProps): JSX.Element;
|
|
966
|
-
|
|
967
|
-
export declare type DropzoneTriggerProps = useRender.ComponentProps<"div">;
|
|
968
|
-
|
|
969
|
-
export declare function Empty({ icon, iconVariant, title, description, action, children, classNames, ...props }: EmptyProps): JSX.Element;
|
|
970
|
-
|
|
971
|
-
export declare function EmptyContent({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
972
|
-
|
|
973
|
-
export declare function EmptyDescription({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
974
|
-
|
|
975
|
-
export declare function EmptyHeader({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
976
|
-
|
|
977
|
-
export declare function EmptyMedia({ className, variant, ...props }: ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): JSX.Element;
|
|
978
|
-
|
|
979
|
-
declare const emptyMediaVariants: (props?: ({
|
|
980
|
-
variant?: "default" | "icon" | null | undefined;
|
|
981
|
-
} & ClassProp) | undefined) => string;
|
|
982
|
-
|
|
983
|
-
declare interface EmptyProps extends Omit<ComponentProps<typeof EmptyRoot>, "title"> {
|
|
984
|
-
icon?: ReactNode;
|
|
985
|
-
iconVariant?: VariantProps<typeof emptyMediaVariants>["variant"];
|
|
986
|
-
title?: ReactNode;
|
|
987
|
-
description?: ReactNode;
|
|
988
|
-
action?: ReactNode;
|
|
989
|
-
/** Styles applied to each internal slot. */
|
|
990
|
-
classNames?: {
|
|
991
|
-
/** Wrapper around media, title and description. */
|
|
992
|
-
header?: string;
|
|
993
|
-
/** Box that frames the icon (chip when `iconVariant="icon"`). */
|
|
994
|
-
media?: string;
|
|
995
|
-
/** Title text. */
|
|
996
|
-
title?: string;
|
|
997
|
-
/** Description text below the title. */
|
|
998
|
-
description?: string;
|
|
999
|
-
/** Wrapper around the `action` slot. */
|
|
1000
|
-
content?: string;
|
|
1001
|
-
};
|
|
1002
|
-
}
|
|
1003
|
-
|
|
1004
|
-
export declare function EmptyRoot({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
1005
|
-
|
|
1006
|
-
export declare function EmptyTitle({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
1007
|
-
|
|
1008
|
-
export declare const ensureReactElement: <P>({ children, as: Wrapper, props, }: EnsureReactElementProps<P>) => ReactElement;
|
|
1009
|
-
|
|
1010
|
-
declare type EnsureReactElementProps<P = {}> = {
|
|
1011
|
-
children: Renderable<P>;
|
|
1012
|
-
as?: default_2.ElementType;
|
|
1013
|
-
props?: P;
|
|
1014
|
-
};
|
|
1015
|
-
|
|
1016
|
-
export declare type Entity<T> = {
|
|
1017
|
-
[K in keyof T]: T[K];
|
|
1018
|
-
} & BaseEntity;
|
|
1019
|
-
|
|
1020
|
-
/**
|
|
1021
|
-
* Extracts the initials from a string.
|
|
1022
|
-
* @param {string} string - The input string.
|
|
1023
|
-
* @returns {string} The initials extracted from the input string.
|
|
1024
|
-
*/
|
|
1025
|
-
export declare const extractInitials: (string: string) => string;
|
|
1026
|
-
|
|
1027
|
-
export declare function Field({ label, description, error, required, tooltip, inline, children, className, classNames, invalid, ...rootProps }: FieldProps): JSX.Element;
|
|
1028
|
-
|
|
1029
|
-
export declare const FieldControl: typeof FieldPrimitive.Control;
|
|
1030
|
-
|
|
1031
|
-
export declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): JSX.Element;
|
|
1032
|
-
|
|
1033
|
-
export declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): JSX.Element;
|
|
1034
|
-
|
|
1035
|
-
export declare type FieldErrorItem = {
|
|
1036
|
-
message: ReactNode;
|
|
1037
|
-
match?: NonNullable<FieldErrorMatch>;
|
|
1038
|
-
};
|
|
1039
|
-
|
|
1040
|
-
export declare type FieldErrorMatch = FieldPrimitive.Error.Props["match"];
|
|
1041
|
-
|
|
1042
|
-
export declare type FieldErrorProp = string | FieldErrorItem | FieldErrorItem[];
|
|
1043
|
-
|
|
1044
|
-
export declare function FieldItem({ className, ...props }: FieldPrimitive.Item.Props): JSX.Element;
|
|
1045
|
-
|
|
1046
|
-
export declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): JSX.Element;
|
|
1047
|
-
|
|
1048
|
-
export declare function FieldLegend({ className, ...props }: FieldsetPrimitive.Legend.Props): JSX.Element;
|
|
1049
|
-
|
|
1050
|
-
export { FieldPrimitive }
|
|
1051
|
-
|
|
1052
|
-
export declare interface FieldProps extends Omit<FieldPrimitive.Root.Props, "children"> {
|
|
1053
|
-
/** Text rendered inside `FieldLabel`. */
|
|
1054
|
-
label?: ReactNode;
|
|
1055
|
-
/** Helper text rendered below the control. */
|
|
1056
|
-
description?: ReactNode;
|
|
1057
|
-
/**
|
|
1058
|
-
* Error message(s) rendered below the control:
|
|
1059
|
-
* - `string` → always renders once the field is invalid.
|
|
1060
|
-
* - `{ message, match }` → renders only when the `ValidityState` key matches.
|
|
1061
|
-
* - `FieldErrorItem[]` → multiple errors with individual matches.
|
|
1062
|
-
*/
|
|
1063
|
-
error?: FieldErrorProp;
|
|
1064
|
-
/** Shows a red asterisk after the label text. */
|
|
1065
|
-
required?: boolean;
|
|
1066
|
-
/** Renders an info icon with a tooltip next to the label. */
|
|
1067
|
-
tooltip?: ReactNode;
|
|
1068
|
-
/**
|
|
1069
|
-
* Renders the control before the label on the same row.
|
|
1070
|
-
* Use for single checkboxes and switches.
|
|
1071
|
-
*/
|
|
1072
|
-
inline?: boolean;
|
|
1073
|
-
children?: ReactNode;
|
|
1074
|
-
/** Styles applied to each internal slot. */
|
|
1075
|
-
classNames?: {
|
|
1076
|
-
/** Label rendered above (or beside, when `inline`) the control. */
|
|
1077
|
-
label?: string;
|
|
1078
|
-
/** Helper text below the control. */
|
|
1079
|
-
description?: string;
|
|
1080
|
-
/** Error message rendered when the field is invalid. */
|
|
1081
|
-
error?: string;
|
|
1082
|
-
};
|
|
1083
|
-
}
|
|
1084
|
-
|
|
1085
|
-
export declare function FieldRoot({ className, required, name, ...props }: FieldPrimitive.Root.Props & {
|
|
1086
|
-
required?: boolean;
|
|
1087
|
-
}): JSX.Element;
|
|
1088
|
-
|
|
1089
|
-
export declare function FieldSet({ className, ...props }: FieldsetPrimitive.Root.Props): JSX.Element;
|
|
1090
|
-
|
|
1091
|
-
export { FieldsetPrimitive }
|
|
1092
|
-
|
|
1093
|
-
export declare const FieldValidity: typeof FieldPrimitive.Validity;
|
|
1094
|
-
|
|
1095
|
-
export declare type FileError = {
|
|
1096
|
-
file: File;
|
|
1097
|
-
errorMessage: string;
|
|
1098
|
-
errorCode: FileErrorCode;
|
|
1099
|
-
};
|
|
1100
|
-
|
|
1101
|
-
export declare type FileErrorCode = "INVALID_EXTENSION" | "FILE_TOO_LARGE" | "MAX_FILES_EXCEEDED";
|
|
1102
|
-
|
|
1103
|
-
export declare const FileType: {
|
|
1104
|
-
readonly JPEG: "image/jpeg";
|
|
1105
|
-
readonly JPG: "image/jpg";
|
|
1106
|
-
readonly PNG: "image/png";
|
|
1107
|
-
readonly GIF: "image/gif";
|
|
1108
|
-
readonly WEBP: "image/webp";
|
|
1109
|
-
readonly SVG: "image/svg+xml";
|
|
1110
|
-
readonly PDF: "application/pdf";
|
|
1111
|
-
readonly DOC: "application/msword";
|
|
1112
|
-
readonly DOCX: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
|
|
1113
|
-
readonly XLS: "application/vnd.ms-excel";
|
|
1114
|
-
readonly XLSX: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
|
|
1115
|
-
readonly PPT: "application/vnd.ms-powerpoint";
|
|
1116
|
-
readonly PPTX: "application/vnd.openxmlformats-officedocument.presentationml.presentation";
|
|
1117
|
-
readonly TXT: "text/plain";
|
|
1118
|
-
readonly CSV: "text/csv";
|
|
1119
|
-
readonly ZIP: "application/zip";
|
|
1120
|
-
readonly RAR: "application/x-rar-compressed";
|
|
1121
|
-
readonly MP3: "audio/mpeg";
|
|
1122
|
-
readonly WAV: "audio/wav";
|
|
1123
|
-
readonly MP4: "video/mp4";
|
|
1124
|
-
readonly WEBM: "video/webm";
|
|
1125
|
-
readonly JSON: "application/json";
|
|
1126
|
-
readonly XML: "application/xml";
|
|
1127
|
-
};
|
|
1128
|
-
|
|
1129
|
-
export declare const FileTypeGroups: Record<string, FileTypeValue[]>;
|
|
1130
|
-
|
|
1131
|
-
export declare type FileTypeValue = (typeof FileType)[keyof typeof FileType];
|
|
1132
|
-
|
|
1133
|
-
export declare function Form(props: FormProps): default_2.ReactElement;
|
|
1134
|
-
|
|
1135
|
-
export { FormPrimitive }
|
|
1136
|
-
|
|
1137
|
-
export declare type FormProps = FormPrimitive.Props;
|
|
1138
|
-
|
|
1139
|
-
export declare type GenericObject<T = any> = {
|
|
1140
|
-
[key: string]: T;
|
|
1141
|
-
};
|
|
1142
|
-
|
|
1143
|
-
declare type GenericObject_2 = Record<string, any>;
|
|
1144
|
-
|
|
1145
|
-
export declare const getFormData: (event: FormEvent<HTMLFormElement>) => Record<string, string>;
|
|
1146
|
-
|
|
1147
|
-
export declare type GetPageHref = (state: {
|
|
1148
|
-
page: number;
|
|
1149
|
-
pageSize: number;
|
|
1150
|
-
}) => string;
|
|
1151
|
-
|
|
1152
|
-
export declare function HookField<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ name, rules, render, ...fieldProps }: HookFieldProps<T, TName>): JSX.Element;
|
|
1153
|
-
|
|
1154
|
-
declare type HookFieldProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> = Omit<FieldProps, "children" | "error" | "render" | "name"> & {
|
|
1155
|
-
name: TName;
|
|
1156
|
-
rules?: RegisterOptions<T, TName>;
|
|
1157
|
-
render: (field: HookFieldRenderProps<T, TName>) => ReactNode;
|
|
1158
|
-
};
|
|
1159
|
-
|
|
1160
|
-
export declare type HookFieldRenderProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> = ControllerRenderProps<T, TName> & {
|
|
1161
|
-
invalid: boolean;
|
|
1162
|
-
};
|
|
1163
|
-
|
|
1164
|
-
export declare function HookForm<T extends FieldValues>({ form, onFormSubmit, children, ...props }: HookFormProps<T>): JSX.Element;
|
|
1165
|
-
|
|
1166
|
-
declare type HookFormProps<T extends FieldValues> = Omit<ComponentProps<typeof Form>, "onSubmit" | "onFormSubmit" | "children"> & {
|
|
1167
|
-
form: UseFormReturn<T>;
|
|
1168
|
-
onFormSubmit: SubmitHandler<T>;
|
|
1169
|
-
children: ReactNode;
|
|
1170
|
-
};
|
|
1171
|
-
|
|
1172
|
-
declare type HotkeyEventName = "keydown" | "keypress" | "keyup";
|
|
1173
|
-
|
|
1174
|
-
declare type HotkeyOptions = {
|
|
1175
|
-
watch?: boolean;
|
|
1176
|
-
eventName?: HotkeyEventName;
|
|
1177
|
-
preventDefault?: boolean;
|
|
1178
|
-
ignoreInputFields?: boolean;
|
|
1179
|
-
};
|
|
1180
|
-
|
|
1181
|
-
export declare type ID = string | number;
|
|
1182
|
-
|
|
1183
|
-
export declare function Input({ className, nativeInput, onValueChange, ...props }: InputProps): JSX.Element;
|
|
1184
|
-
|
|
1185
|
-
export declare const inputBaseClasses = "h-8 w-full px-3 rounded-md border border-input bg-background text-sm outline-none transition-shadow placeholder:text-muted-foreground";
|
|
1186
|
-
|
|
1187
|
-
export { InputPrimitive }
|
|
1188
|
-
|
|
1189
|
-
export declare type InputProps = Omit<InputPrimitive.Props, "size" | "onChange"> & {
|
|
1190
|
-
onValueChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
1191
|
-
nativeInput?: boolean;
|
|
1192
|
-
};
|
|
1193
|
-
|
|
1194
|
-
export declare function Kbd({ className, ...props }: React_2.ComponentProps<"kbd">): React_2.ReactElement;
|
|
1195
|
-
|
|
1196
|
-
export declare function KbdGroup({ className, ...props }: React_2.ComponentProps<"kbd">): React_2.ReactElement;
|
|
1197
|
-
|
|
1198
|
-
export declare function Label({ className, render, required, tooltip, classNames, children, ...props }: LabelProps): default_2.ReactElement;
|
|
1199
|
-
|
|
1200
|
-
declare interface LabelProps extends useRender.ComponentProps<"label"> {
|
|
1201
|
-
required?: boolean;
|
|
1202
|
-
tooltip?: ReactNode;
|
|
1203
|
-
/** Styles applied to each internal slot. */
|
|
1204
|
-
classNames?: {
|
|
1205
|
-
/** Red asterisk rendered when `required` is true. */
|
|
1206
|
-
asterisk?: string;
|
|
1207
|
-
/** Info-icon button rendered when `tooltip` is set. */
|
|
1208
|
-
tooltip?: string;
|
|
1209
|
-
};
|
|
1210
|
-
}
|
|
1211
|
-
|
|
1212
|
-
/**
|
|
1213
|
-
* Single provider that wires up all library infrastructure.
|
|
1214
|
-
* Wrap your app once — no other providers needed.
|
|
1215
|
-
*
|
|
1216
|
-
* Includes:
|
|
1217
|
-
* - `TooltipProvider` — shared hover intent and delay grouping across all tooltips
|
|
1218
|
-
* - `ToastProvider` — enables `toast.*` imperative API from anywhere
|
|
1219
|
-
*
|
|
1220
|
-
* @example
|
|
1221
|
-
* ```tsx
|
|
1222
|
-
* <LibraryProvider tooltipDelay={400}>
|
|
1223
|
-
* <App />
|
|
1224
|
-
* </LibraryProvider>
|
|
1225
|
-
* ```
|
|
1226
|
-
*/
|
|
1227
|
-
export declare function LibraryProvider({ children, tooltipDelay, ...toastProps }: LibraryProviderProps): JSX.Element;
|
|
1228
|
-
|
|
1229
|
-
export declare type LibraryProviderProps = {
|
|
1230
|
-
children: ReactNode;
|
|
1231
|
-
/**
|
|
1232
|
-
* Delay in ms before a tooltip opens when no other tooltip is already visible.
|
|
1233
|
-
* Once a tooltip is open, subsequent ones open instantly until the cursor leaves.
|
|
1234
|
-
* @default 600
|
|
1235
|
-
*/
|
|
1236
|
-
tooltipDelay?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>["delay"];
|
|
1237
|
-
} & Omit<ToastProviderProps, "children">;
|
|
1238
|
-
|
|
1239
|
-
export declare type LinkComponent = ElementType<LinkRenderProps> | ComponentType<LinkRenderProps>;
|
|
1240
|
-
|
|
1241
|
-
export declare type LinkRenderProps = {
|
|
1242
|
-
href: string;
|
|
1243
|
-
children?: ReactNode;
|
|
1244
|
-
className?: string;
|
|
1245
|
-
onClick?: (event: React.MouseEvent) => void;
|
|
1246
|
-
};
|
|
1247
|
-
|
|
1248
|
-
export declare const Loader: ({ center, classNames, variant, size, ...props }: Props_3) => JSX.Element;
|
|
1249
|
-
|
|
1250
|
-
declare type LoaderVariants = VariantProps<typeof loaderVariants>;
|
|
1251
|
-
|
|
1252
|
-
declare const loaderVariants: (props?: ({
|
|
1253
|
-
variant?: "secondary" | "ghost" | "error" | "success" | "warning" | "primary" | "info" | null | undefined;
|
|
1254
|
-
size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
|
|
1255
|
-
} & ClassProp) | undefined) => string;
|
|
1256
|
-
|
|
1257
|
-
export declare type Loose<T> = T | (string & {});
|
|
1258
|
-
|
|
1259
|
-
export declare type Maybe<T> = T | undefined | null;
|
|
1260
|
-
|
|
1261
|
-
export declare type MaybeRef<T> = T | MutableRefObject<T>;
|
|
1262
|
-
|
|
1263
|
-
declare type MaybeReturn<TState> = Return<TState | undefined, ((state: TState | undefined) => Partial<TState>) | Partial<TState>>;
|
|
1264
|
-
|
|
1265
|
-
export declare const Menu: ({ trigger, items, className, side, align, offset, alignOffset, classNames, }: MenuProps) => JSX.Element;
|
|
1266
|
-
|
|
1267
|
-
export declare function MenuCheckboxItem({ className, children, checked, inset, ...props }: Menu_2.CheckboxItem.Props & {
|
|
1268
|
-
inset?: boolean;
|
|
1269
|
-
}): JSX.Element;
|
|
1270
|
-
|
|
1271
|
-
export declare function MenuGroup({ ...props }: Menu_2.Group.Props): JSX.Element;
|
|
1272
|
-
|
|
1273
|
-
export declare function MenuItem({ className, inset, variant, ...props }: Menu_2.Item.Props & {
|
|
1274
|
-
inset?: boolean;
|
|
1275
|
-
variant?: "default" | "error";
|
|
1276
|
-
}): JSX.Element;
|
|
1277
|
-
|
|
1278
|
-
declare type MenuItemCheckbox = {
|
|
1279
|
-
type: "checkbox";
|
|
1280
|
-
label: React_2.ReactNode;
|
|
1281
|
-
shortcut?: string;
|
|
1282
|
-
} & Omit<React_2.ComponentProps<typeof MenuCheckboxItem>, "children" | "label">;
|
|
1283
|
-
|
|
1284
|
-
declare type MenuItemGroup = {
|
|
1285
|
-
type: "group";
|
|
1286
|
-
label?: React_2.ReactNode;
|
|
1287
|
-
items: MenuItemType[];
|
|
1288
|
-
};
|
|
1289
|
-
|
|
1290
|
-
declare type MenuItemItem = {
|
|
1291
|
-
type: "item";
|
|
1292
|
-
label: React_2.ReactNode;
|
|
1293
|
-
shortcut?: string;
|
|
1294
|
-
} & Omit<React_2.ComponentProps<typeof MenuItem>, "children" | "label">;
|
|
1295
|
-
|
|
1296
|
-
declare type MenuItemLabel = {
|
|
1297
|
-
type: "label";
|
|
1298
|
-
label: React_2.ReactNode;
|
|
1299
|
-
} & Omit<React_2.ComponentProps<typeof MenuLabel>, "children">;
|
|
1300
|
-
|
|
1301
|
-
declare type MenuItemRadio = {
|
|
1302
|
-
type: "radio";
|
|
1303
|
-
label: React_2.ReactNode;
|
|
1304
|
-
shortcut?: string;
|
|
1305
|
-
} & Omit<React_2.ComponentProps<typeof MenuRadioItem>, "children" | "label">;
|
|
1306
|
-
|
|
1307
|
-
declare type MenuItemRadioGroup = {
|
|
1308
|
-
type: "radio-group";
|
|
1309
|
-
value?: string;
|
|
1310
|
-
onValueChange?: (value: string) => void;
|
|
1311
|
-
items: MenuItemRadio[];
|
|
1312
|
-
};
|
|
1313
|
-
|
|
1314
|
-
declare type MenuItemSeparator = {
|
|
1315
|
-
type: "separator";
|
|
1316
|
-
} & React_2.ComponentProps<typeof MenuSeparator>;
|
|
1317
|
-
|
|
1318
|
-
declare type MenuItemSubmenu = {
|
|
1319
|
-
type: "submenu";
|
|
1320
|
-
label: React_2.ReactNode;
|
|
1321
|
-
items: MenuItemType[];
|
|
1322
|
-
} & Omit<React_2.ComponentProps<typeof MenuSubTrigger>, "children" | "label">;
|
|
1323
|
-
|
|
1324
|
-
export declare type MenuItemType = MenuItemItem | MenuItemCheckbox | MenuItemRadio | MenuItemRadioGroup | MenuItemLabel | MenuItemSeparator | MenuItemGroup | MenuItemSubmenu;
|
|
1325
|
-
|
|
1326
|
-
export declare function MenuLabel({ className, inset, ...props }: Menu_2.GroupLabel.Props & {
|
|
1327
|
-
inset?: boolean;
|
|
1328
|
-
}): JSX.Element;
|
|
1329
|
-
|
|
1330
|
-
export declare function MenuPopup({ align, alignOffset, side, sideOffset, className, ...props }: Menu_2.Popup.Props & Pick<Menu_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): JSX.Element;
|
|
1331
|
-
|
|
1332
|
-
export declare function MenuPortal({ ...props }: Menu_2.Portal.Props): JSX.Element;
|
|
1333
|
-
|
|
1334
|
-
export declare interface MenuProps {
|
|
1335
|
-
trigger: React_2.ReactElement;
|
|
1336
|
-
items: MenuItemType[];
|
|
1337
|
-
className?: string;
|
|
1338
|
-
side?: React_2.ComponentProps<typeof MenuPopup>["side"];
|
|
1339
|
-
align?: React_2.ComponentProps<typeof MenuPopup>["align"];
|
|
1340
|
-
offset?: React_2.ComponentProps<typeof MenuPopup>["sideOffset"];
|
|
1341
|
-
alignOffset?: React_2.ComponentProps<typeof MenuPopup>["alignOffset"];
|
|
1342
|
-
/** Styles applied to each internal slot. */
|
|
1343
|
-
classNames?: {
|
|
1344
|
-
/** Popup panel that opens below the trigger. */
|
|
1345
|
-
popup?: string;
|
|
1346
|
-
};
|
|
1347
|
-
}
|
|
1348
|
-
|
|
1349
|
-
export declare function MenuRadioGroup({ ...props }: Menu_2.RadioGroup.Props): JSX.Element;
|
|
1350
|
-
|
|
1351
|
-
export declare function MenuRadioItem({ className, children, inset, ...props }: Menu_2.RadioItem.Props & {
|
|
1352
|
-
inset?: boolean;
|
|
1353
|
-
}): JSX.Element;
|
|
1354
|
-
|
|
1355
|
-
export declare function MenuRoot({ ...props }: Menu_2.Root.Props): JSX.Element;
|
|
1356
|
-
|
|
1357
|
-
export declare function MenuSeparator({ className, ...props }: Menu_2.Separator.Props): JSX.Element;
|
|
1358
|
-
|
|
1359
|
-
export declare function MenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
|
|
1360
|
-
|
|
1361
|
-
export declare function MenuSub({ ...props }: Menu_2.SubmenuRoot.Props): JSX.Element;
|
|
1362
|
-
|
|
1363
|
-
export declare function MenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React_2.ComponentProps<typeof MenuPopup>): JSX.Element;
|
|
1364
|
-
|
|
1365
|
-
export declare function MenuSubTrigger({ className, inset, children, ...props }: Menu_2.SubmenuTrigger.Props & {
|
|
1366
|
-
inset?: boolean;
|
|
1367
|
-
}): JSX.Element;
|
|
1368
|
-
|
|
1369
|
-
export declare function MenuTrigger({ ...props }: Menu_2.Trigger.Props): JSX.Element;
|
|
1370
|
-
|
|
1371
|
-
export declare function mergeRefs<T = any>(refs: Array<React_2.MutableRefObject<T> | React_2.LegacyRef<T> | undefined | null>): React_2.RefCallback<T>;
|
|
1372
|
-
|
|
1373
|
-
export declare type MultipleDatePickerProps = DatePickerBaseProps & {
|
|
1374
|
-
mode: "multiple";
|
|
1375
|
-
value?: Date[];
|
|
1376
|
-
defaultValue?: Date[];
|
|
1377
|
-
onValueChange?: (value: Date[]) => void;
|
|
1378
|
-
placeholder?: string;
|
|
1379
|
-
};
|
|
1380
|
-
|
|
1381
|
-
declare type MultipleFooterProps = {
|
|
1382
|
-
mode: "multiple";
|
|
1383
|
-
value: Date[];
|
|
1384
|
-
clear: () => void;
|
|
1385
|
-
setValue: (value: Date[]) => void;
|
|
1386
|
-
};
|
|
1387
|
-
|
|
1388
|
-
declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promise<TReturn>;
|
|
1389
|
-
|
|
1390
|
-
declare type noop = (this: any, ...args: any[]) => any;
|
|
1391
|
-
|
|
1392
|
-
export declare function normalizeError(error: FieldErrorProp | undefined): FieldErrorItem[];
|
|
1393
|
-
|
|
1394
|
-
export declare type Nullable<T> = T | null;
|
|
1395
|
-
|
|
1396
|
-
export declare function NumberInput({ className, hideControls, onValueChange, invalid, placeholder, classNames, ...props }: NumberInputProps): JSX.Element;
|
|
1397
|
-
|
|
1398
|
-
export declare function NumberInputCursorIcon(props: ComponentProps<"svg">): JSX.Element;
|
|
1399
|
-
|
|
1400
|
-
export declare function NumberInputDecrement({ className, children, ...props }: NumberInputPrimitive.Decrement.Props): JSX.Element;
|
|
1401
|
-
|
|
1402
|
-
export declare function NumberInputGroup({ className, ...props }: NumberInputPrimitive.Group.Props): JSX.Element;
|
|
1403
|
-
|
|
1404
|
-
export declare function NumberInputIncrement({ className, children, ...props }: NumberInputPrimitive.Increment.Props): JSX.Element;
|
|
1405
|
-
|
|
1406
|
-
export declare function NumberInputInput({ className, ...props }: NumberInputPrimitive.Input.Props): JSX.Element;
|
|
1407
|
-
|
|
1408
|
-
export { NumberInputPrimitive }
|
|
1409
|
-
|
|
1410
|
-
export declare interface NumberInputProps extends NumberInputPrimitive.Root.Props {
|
|
1411
|
-
/** Hides the increment/decrement buttons. */
|
|
1412
|
-
hideControls?: boolean;
|
|
1413
|
-
/** Marks the field as invalid, adding the error border to the group. */
|
|
1414
|
-
invalid?: boolean;
|
|
1415
|
-
/** Forwarded to the underlying input element. */
|
|
1416
|
-
placeholder?: string;
|
|
1417
|
-
/** Styles applied to each internal slot. */
|
|
1418
|
-
classNames?: {
|
|
1419
|
-
/** Native `<input>` element. */
|
|
1420
|
-
input?: string;
|
|
1421
|
-
/** Column wrapper around the increment/decrement buttons. */
|
|
1422
|
-
controls?: string;
|
|
1423
|
-
/** Increment button (Chevron up). */
|
|
1424
|
-
increment?: string;
|
|
1425
|
-
/** Decrement button (Chevron down). */
|
|
1426
|
-
decrement?: string;
|
|
1427
|
-
};
|
|
1428
|
-
}
|
|
1429
|
-
|
|
1430
|
-
export declare function NumberInputRoot({ className, ...props }: NumberInputPrimitive.Root.Props): JSX.Element;
|
|
1431
|
-
|
|
1432
|
-
export declare function NumberInputScrubArea({ className, ...props }: NumberInputPrimitive.ScrubArea.Props): JSX.Element;
|
|
1433
|
-
|
|
1434
|
-
export declare function NumberInputScrubAreaCursor({ className, ...props }: NumberInputPrimitive.ScrubAreaCursor.Props): JSX.Element;
|
|
1435
|
-
|
|
1436
|
-
declare interface Option_2<TValue = string> {
|
|
1437
|
-
label: string;
|
|
1438
|
-
value: TValue;
|
|
1439
|
-
disabled?: boolean;
|
|
1440
|
-
}
|
|
1441
|
-
export { Option_2 as Option }
|
|
1442
|
-
|
|
1443
|
-
export declare type OverrideProps<T, TOverridden> = Omit<T, keyof TOverridden> & TOverridden;
|
|
1444
|
-
|
|
1445
|
-
export declare type PageSize = (typeof PAGINATION_SIZES)[number] | number;
|
|
1446
|
-
|
|
1447
|
-
export declare function Pagination({ sizes, selectClassName, rangeClassName, previousClassName, nextClassName, className, ...rootProps }: PaginationProps): JSX.Element;
|
|
1448
|
-
|
|
1449
|
-
export declare const PAGINATION_SIZES: readonly [10, 25, 50];
|
|
1450
|
-
|
|
1451
|
-
export declare interface PaginationContextValue {
|
|
1452
|
-
currentPage: number;
|
|
1453
|
-
maxPage: number;
|
|
1454
|
-
pageSize: PageSize;
|
|
1455
|
-
totalItems: number;
|
|
1456
|
-
paginationRange: (string | number)[];
|
|
1457
|
-
range: {
|
|
1458
|
-
start: number;
|
|
1459
|
-
end: number;
|
|
1460
|
-
};
|
|
1461
|
-
isFirstPage: boolean;
|
|
1462
|
-
isLastPage: boolean;
|
|
1463
|
-
goTo: (page: number) => void;
|
|
1464
|
-
next: () => void;
|
|
1465
|
-
prev: () => void;
|
|
1466
|
-
setPageSize: (size: PageSize) => void;
|
|
1467
|
-
getPageHref?: GetPageHref;
|
|
1468
|
-
linkComponent: LinkComponent;
|
|
1469
|
-
texts: PaginationTexts;
|
|
1470
|
-
}
|
|
1471
|
-
|
|
1472
|
-
export declare function PaginationEllipsis({ className, ...props }: ComponentProps<"span">): JSX.Element;
|
|
1473
|
-
|
|
1474
|
-
export declare function PaginationFirst({ className, buttonProps, children, }: PaginationNavProps): JSX.Element;
|
|
1475
|
-
|
|
1476
|
-
export declare function PaginationLast({ className, buttonProps, children, }: PaginationNavProps): JSX.Element;
|
|
1477
|
-
|
|
1478
|
-
export declare function PaginationLink({ page, isActive: isActiveProp, className, children, buttonProps, }: PaginationLinkProps): JSX.Element;
|
|
1479
|
-
|
|
1480
|
-
declare interface PaginationLinkProps {
|
|
1481
|
-
page: number;
|
|
1482
|
-
isActive?: boolean;
|
|
1483
|
-
className?: string;
|
|
1484
|
-
children?: ReactNode;
|
|
1485
|
-
buttonProps?: ButtonOverrides;
|
|
1486
|
-
}
|
|
1487
|
-
|
|
1488
|
-
declare interface PaginationNavProps {
|
|
1489
|
-
className?: string;
|
|
1490
|
-
buttonProps?: ButtonOverrides;
|
|
1491
|
-
children?: ReactNode;
|
|
1492
|
-
}
|
|
1493
|
-
|
|
1494
|
-
export declare function PaginationNext({ className, buttonProps, children, }: PaginationNavProps): JSX.Element;
|
|
1495
|
-
|
|
1496
|
-
export declare function PaginationPageInfo({ children, className, ...props }: PaginationPageInfoProps): JSX.Element;
|
|
1497
|
-
|
|
1498
|
-
declare interface PaginationPageInfoProps {
|
|
1499
|
-
className?: string;
|
|
1500
|
-
/**
|
|
1501
|
-
* Custom content. Receives `{ page, max }`, or pass a static ReactNode.
|
|
1502
|
-
* @default `Página ${page} de ${max}`
|
|
1503
|
-
*/
|
|
1504
|
-
children?: ReactNode | ((state: {
|
|
1505
|
-
page: number;
|
|
1506
|
-
max: number;
|
|
1507
|
-
}) => ReactNode);
|
|
1508
|
-
}
|
|
1509
|
-
|
|
1510
|
-
export declare function PaginationPages({ className, linkClassName, ellipsisClassName, }: PaginationPagesProps): JSX.Element;
|
|
1511
|
-
|
|
1512
|
-
declare interface PaginationPagesProps {
|
|
1513
|
-
className?: string;
|
|
1514
|
-
linkClassName?: string;
|
|
1515
|
-
ellipsisClassName?: string;
|
|
1516
|
-
}
|
|
1517
|
-
|
|
1518
|
-
export declare function PaginationPrevious({ className, buttonProps, children, }: PaginationNavProps): JSX.Element;
|
|
1519
|
-
|
|
1520
|
-
export declare interface PaginationProps extends Omit<PaginationRootProps, "children"> {
|
|
1521
|
-
sizes?: readonly PageSize[] | PageSize[] | false;
|
|
1522
|
-
selectClassName?: string;
|
|
1523
|
-
rangeClassName?: string;
|
|
1524
|
-
previousClassName?: string;
|
|
1525
|
-
nextClassName?: string;
|
|
1526
|
-
}
|
|
1527
|
-
|
|
1528
|
-
export declare function PaginationRange({ children, className, ...props }: PaginationRangeProps): JSX.Element;
|
|
1529
|
-
|
|
1530
|
-
declare interface PaginationRangeProps {
|
|
1531
|
-
className?: string;
|
|
1532
|
-
/**
|
|
1533
|
-
* Custom content. Receives `{ start, end, total }`, or pass a static ReactNode.
|
|
1534
|
-
* @default `${start} - ${end} de ${total}`
|
|
1535
|
-
*/
|
|
1536
|
-
children?: ReactNode | ((state: {
|
|
1537
|
-
start: number;
|
|
1538
|
-
end: number;
|
|
1539
|
-
total: number;
|
|
1540
|
-
}) => ReactNode);
|
|
1541
|
-
}
|
|
1542
|
-
|
|
1543
|
-
export declare function PaginationRoot({ totalItems, pageSize: pageSizeProp, defaultPageSize, onPageSizeChange, currentPage, defaultCurrentPage, onCurrentPageChange, siblingCount, getPageHref, linkComponent, texts: textsProp, className, children, ...props }: PaginationRootProps): JSX.Element;
|
|
1544
|
-
|
|
1545
|
-
export declare interface PaginationRootProps extends Omit<ComponentProps<"nav">, "onChange"> {
|
|
1546
|
-
totalItems: number;
|
|
1547
|
-
pageSize?: PageSize;
|
|
1548
|
-
defaultPageSize?: PageSize;
|
|
1549
|
-
onPageSizeChange?: (size: PageSize) => void;
|
|
1550
|
-
currentPage?: number;
|
|
1551
|
-
defaultCurrentPage?: number;
|
|
1552
|
-
onCurrentPageChange?: (page: number) => void;
|
|
1553
|
-
siblingCount?: number;
|
|
1554
|
-
getPageHref?: GetPageHref;
|
|
1555
|
-
linkComponent?: LinkComponent;
|
|
1556
|
-
texts?: Partial<PaginationTexts>;
|
|
1557
|
-
}
|
|
1558
|
-
|
|
1559
|
-
export declare function PaginationSizeSelect({ sizes, className, ...props }: PaginationSizeSelectProps): JSX.Element;
|
|
1560
|
-
|
|
1561
|
-
declare interface PaginationSizeSelectProps extends Omit<ComponentProps<"select">, "value" | "onChange"> {
|
|
1562
|
-
sizes?: readonly PageSize[] | PageSize[];
|
|
1563
|
-
}
|
|
1564
|
-
|
|
1565
|
-
export declare interface PaginationTexts {
|
|
1566
|
-
goToFirst: string;
|
|
1567
|
-
goToPrevious: string;
|
|
1568
|
-
goToNext: string;
|
|
1569
|
-
goToLast: string;
|
|
1570
|
-
goToPage: (page: number) => string;
|
|
1571
|
-
total: (n: number) => string;
|
|
1572
|
-
pageInfo: (page: number, max: number) => string;
|
|
1573
|
-
range: (start: number, end: number, total: number) => string;
|
|
1574
|
-
morePages: string;
|
|
1575
|
-
}
|
|
1576
|
-
|
|
1577
|
-
export declare function PaginationTotal({ children, className, ...props }: PaginationTotalProps): JSX.Element;
|
|
1578
|
-
|
|
1579
|
-
declare interface PaginationTotalProps {
|
|
1580
|
-
className?: string;
|
|
1581
|
-
/**
|
|
1582
|
-
* Custom content. Receives the total number of items, or pass a static ReactNode.
|
|
1583
|
-
* @default `${total} resultados`
|
|
1584
|
-
*/
|
|
1585
|
-
children?: ReactNode | ((total: number) => ReactNode);
|
|
1586
|
-
}
|
|
1587
|
-
|
|
1588
|
-
declare type ParentIcon = ReactNode | ((isExpanded: boolean) => ReactNode);
|
|
1589
|
-
|
|
1590
|
-
/**
|
|
1591
|
-
* Validates `formValues` from `Form.onFormSubmit` against a Zod schema and
|
|
1592
|
-
* returns `{ data, errors }` ready to wire back into `Form`'s `errors` prop.
|
|
1593
|
-
*
|
|
1594
|
-
* - `data` is the typed, parsed value, or `null` when validation fails.
|
|
1595
|
-
* - `errors` is the flattened `fieldErrors` object (empty on success).
|
|
1596
|
-
*/
|
|
1597
|
-
export declare function parseFormValues<T extends z.ZodType>(schema: T, values: Record<string, unknown>): {
|
|
1598
|
-
data: z.infer<T> | null;
|
|
1599
|
-
errors: Record<string, string[]>;
|
|
1600
|
-
};
|
|
1601
|
-
|
|
1602
|
-
declare function Password({ className, showIcon, hideIcon, onShow, onHide, toggleable, onValueChange, classNames, ...rest }: PasswordProps): JSX.Element;
|
|
1603
|
-
export { Password }
|
|
1604
|
-
export { Password as PasswordRoot }
|
|
1605
|
-
|
|
1606
|
-
declare type PasswordProps = Omit<InputProps, "unstyled" | "nativeInput"> & {
|
|
1607
|
-
showIcon?: ReactNode;
|
|
1608
|
-
hideIcon?: ReactNode;
|
|
1609
|
-
onShow?: () => void;
|
|
1610
|
-
onHide?: () => void;
|
|
1611
|
-
toggleable?: boolean;
|
|
1612
|
-
/** Styles applied to each internal slot. */
|
|
1613
|
-
classNames?: {
|
|
1614
|
-
/** Native `<input>` element (transparent inside the wrapper). */
|
|
1615
|
-
input?: string;
|
|
1616
|
-
/** Show/hide toggle button on the right. */
|
|
1617
|
-
toggle?: string;
|
|
1618
|
-
};
|
|
1619
|
-
};
|
|
1620
|
-
export { PasswordProps }
|
|
1621
|
-
export { PasswordProps as PasswordRootProps }
|
|
1622
|
-
|
|
1623
|
-
export declare function Popover({ trigger, children, title, description, side, align, sideOffset, alignOffset, tooltipStyle, matchTriggerWidth, anchor, className, classNames, ...rootProps }: PopoverProps): default_2.ReactElement;
|
|
1624
|
-
|
|
1625
|
-
export declare function PopoverClose({ ...props }: PopoverPrimitive.Close.Props): default_2.ReactElement;
|
|
1626
|
-
|
|
1627
|
-
export declare const PopoverCreateHandle: typeof PopoverPrimitive.createHandle;
|
|
1628
|
-
|
|
1629
|
-
export declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): default_2.ReactElement;
|
|
1630
|
-
|
|
1631
|
-
declare function PopoverPopup({ children, className, side, align, sideOffset, alignOffset, tooltipStyle, matchTriggerWidth, anchor, portalProps, viewportClassName, ...props }: PopoverPrimitive.Popup.Props & {
|
|
1632
|
-
portalProps?: PopoverPrimitive.Portal.Props;
|
|
1633
|
-
viewportClassName?: string;
|
|
1634
|
-
side?: PopoverPrimitive.Positioner.Props["side"];
|
|
1635
|
-
align?: PopoverPrimitive.Positioner.Props["align"];
|
|
1636
|
-
sideOffset?: PopoverPrimitive.Positioner.Props["sideOffset"];
|
|
1637
|
-
alignOffset?: PopoverPrimitive.Positioner.Props["alignOffset"];
|
|
1638
|
-
tooltipStyle?: boolean;
|
|
1639
|
-
matchTriggerWidth?: boolean;
|
|
1640
|
-
anchor?: PopoverPrimitive.Positioner.Props["anchor"];
|
|
1641
|
-
}): default_2.ReactElement;
|
|
1642
|
-
export { PopoverPopup as PopoverContent }
|
|
1643
|
-
export { PopoverPopup }
|
|
1644
|
-
|
|
1645
|
-
export { PopoverPrimitive }
|
|
1646
|
-
|
|
1647
|
-
declare interface PopoverProps extends Omit<PopoverPrimitive.Root.Props, "children"> {
|
|
1648
|
-
trigger?: default_2.ReactElement;
|
|
1649
|
-
children: ReactNode;
|
|
1650
|
-
title?: ReactNode;
|
|
1651
|
-
description?: ReactNode;
|
|
1652
|
-
side?: PopoverPrimitive.Positioner.Props["side"];
|
|
1653
|
-
align?: PopoverPrimitive.Positioner.Props["align"];
|
|
1654
|
-
sideOffset?: PopoverPrimitive.Positioner.Props["sideOffset"];
|
|
1655
|
-
alignOffset?: PopoverPrimitive.Positioner.Props["alignOffset"];
|
|
1656
|
-
tooltipStyle?: boolean;
|
|
1657
|
-
matchTriggerWidth?: boolean;
|
|
1658
|
-
anchor?: PopoverPrimitive.Positioner.Props["anchor"];
|
|
1659
|
-
/** Styles the popup (visual root). */
|
|
1660
|
-
className?: string;
|
|
1661
|
-
/** Styles applied to each internal slot. */
|
|
1662
|
-
classNames?: {
|
|
1663
|
-
/** Inner viewport that holds the popup content (padding, overflow). */
|
|
1664
|
-
viewport?: string;
|
|
1665
|
-
};
|
|
1666
|
-
}
|
|
1667
|
-
|
|
1668
|
-
export declare const PopoverRoot: typeof PopoverPrimitive.Root;
|
|
1669
|
-
|
|
1670
|
-
export declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): default_2.ReactElement;
|
|
1671
|
-
|
|
1672
|
-
export declare function PopoverTrigger({ className, children, ...props }: PopoverPrimitive.Trigger.Props): default_2.ReactElement;
|
|
1673
|
-
|
|
1674
|
-
declare type PopupProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Popup>;
|
|
1675
|
-
|
|
1676
|
-
export declare function Progress({ size, variant, className, trackProps, indicatorProps, ...props }: ProgressProps): React_2.ReactElement;
|
|
1677
|
-
|
|
1678
|
-
export declare function ProgressIndicator({ className, variant, ...props }: Progress_2.Indicator.Props & VariantProps<typeof progressIndicatorVariants>): React_2.ReactElement;
|
|
1679
|
-
|
|
1680
|
-
declare const progressIndicatorVariants: (props?: ({
|
|
1681
|
-
variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
1682
|
-
} & ClassProp) | undefined) => string;
|
|
1683
|
-
|
|
1684
|
-
export declare function ProgressLabel({ className, ...props }: Progress_2.Label.Props): React_2.ReactElement;
|
|
1685
|
-
|
|
1686
|
-
declare interface ProgressProps extends Omit<Progress_2.Root.Props, "children"> {
|
|
1687
|
-
size?: VariantProps<typeof progressTrackVariants>["size"];
|
|
1688
|
-
variant?: VariantProps<typeof progressIndicatorVariants>["variant"];
|
|
1689
|
-
trackProps?: Progress_2.Track.Props;
|
|
1690
|
-
indicatorProps?: Progress_2.Indicator.Props;
|
|
1691
|
-
}
|
|
1692
|
-
|
|
1693
|
-
export declare function ProgressRoot({ className, ...props }: Progress_2.Root.Props): React_2.ReactElement;
|
|
1694
|
-
|
|
1695
|
-
export declare function ProgressTrack({ className, size, ...props }: Progress_2.Track.Props & VariantProps<typeof progressTrackVariants>): React_2.ReactElement;
|
|
1696
|
-
|
|
1697
|
-
declare const progressTrackVariants: (props?: ({
|
|
1698
|
-
size?: "sm" | "lg" | "md" | null | undefined;
|
|
1699
|
-
} & ClassProp) | undefined) => string;
|
|
1700
|
-
|
|
1701
|
-
export declare function ProgressValue({ className, ...props }: Progress_2.Value.Props): React_2.ReactElement;
|
|
1702
|
-
|
|
1703
|
-
declare type Props = BaseButtonProps & VariantProps<typeof buttonVariants>;
|
|
1704
|
-
|
|
1705
|
-
declare interface Props_2 extends ComponentProps<typeof Button_2> {
|
|
1706
|
-
loading?: boolean;
|
|
1707
|
-
}
|
|
1708
|
-
|
|
1709
|
-
declare type Props_3 = LucideProps & LoaderVariants & {
|
|
1710
|
-
/** Renders the loader fixed at the viewport center via `fixed inset-0`. */
|
|
1711
|
-
center?: boolean;
|
|
1712
|
-
/** Styles applied to each internal slot. */
|
|
1713
|
-
classNames?: {
|
|
1714
|
-
/** Wrapper around the spinner (used for `center` overlay). */
|
|
1715
|
-
container?: string;
|
|
1716
|
-
};
|
|
1717
|
-
};
|
|
1718
|
-
|
|
1719
|
-
declare interface Props_4<T> extends UseAsyncOptions<T> {
|
|
1720
|
-
fn: () => Promise<T>;
|
|
1721
|
-
dependencies?: DependencyList;
|
|
1722
|
-
}
|
|
1723
|
-
|
|
1724
|
-
declare type PropsWithoutValue<T> = Omit<T, "value" | "onChange" | "defaultValue">;
|
|
1725
|
-
|
|
1726
|
-
declare type ProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
|
|
1727
|
-
|
|
1728
|
-
export declare type RangeDatePickerProps = DatePickerBaseProps & {
|
|
1729
|
-
mode: "range";
|
|
1730
|
-
value?: DateRange;
|
|
1731
|
-
defaultValue?: DateRange;
|
|
1732
|
-
onValueChange?: (value: DateRange) => void;
|
|
1733
|
-
placeholder?: string;
|
|
1734
|
-
};
|
|
1735
|
-
|
|
1736
|
-
declare type RangeFooterProps = {
|
|
1737
|
-
mode: "range";
|
|
1738
|
-
value: DateRange;
|
|
1739
|
-
clear: () => void;
|
|
1740
|
-
setValue: (value: DateRange) => void;
|
|
1741
|
-
};
|
|
1742
|
-
|
|
1743
|
-
export declare type Renderable<T> = ReactNode | ((props: T) => ReactElement);
|
|
1744
|
-
|
|
1745
|
-
declare type Return<TState, TArgs = ((state: TState) => Partial<TState>) | Partial<TState>> = [TState, (arg: TArgs) => void, () => void];
|
|
1746
|
-
|
|
1747
|
-
declare type Return_2<T> = {
|
|
1748
|
-
/**
|
|
1749
|
-
* Indica si todos los elementos están seleccionados.
|
|
1750
|
-
*/
|
|
1751
|
-
isAllSelected: boolean;
|
|
1752
|
-
/**
|
|
1753
|
-
* Indica si algunos elementos están seleccionados.
|
|
1754
|
-
*/
|
|
1755
|
-
isSomeSelected: boolean;
|
|
1756
|
-
/**
|
|
1757
|
-
* Indica si ningun elemento está seleccionado.
|
|
1758
|
-
*/
|
|
1759
|
-
isNoneSelected: boolean;
|
|
1760
|
-
/**
|
|
1761
|
-
* Función que devuelve true si el elemento dado está seleccionado, false de lo contrario.
|
|
1762
|
-
* @param item El elemento a verificar.
|
|
1763
|
-
* @returns true si el elemento está seleccionado, false de lo contrario.
|
|
1764
|
-
*/
|
|
1765
|
-
isSelected: (item: T) => boolean;
|
|
1766
|
-
/**
|
|
1767
|
-
* Array de elementos seleccionados.
|
|
1768
|
-
*/
|
|
1769
|
-
selected: T[];
|
|
1770
|
-
/**
|
|
1771
|
-
* Establece los elementos seleccionados.
|
|
1772
|
-
* @param items Los elementos seleccionados.
|
|
1773
|
-
*/
|
|
1774
|
-
setSelected: (items: T[]) => void;
|
|
1775
|
-
/**
|
|
1776
|
-
* Selecciona un elemento.
|
|
1777
|
-
* @param item El elemento a seleccionar.
|
|
1778
|
-
*/
|
|
1779
|
-
select: (item: T) => void;
|
|
1780
|
-
/**
|
|
1781
|
-
* Deselecciona un elemento.
|
|
1782
|
-
* @param item El elemento a deseleccionar.
|
|
1783
|
-
*/
|
|
1784
|
-
unselect: (item: T) => void;
|
|
1785
|
-
/**
|
|
1786
|
-
* Alterna la selección de un elemento (si está seleccionado, lo deselecciona y viceversa).
|
|
1787
|
-
* @param item El elemento cuya selección se alternará.
|
|
1788
|
-
*/
|
|
1789
|
-
toggle: (item: T) => void;
|
|
1790
|
-
/**
|
|
1791
|
-
* Alterna la selección de todos los elementos (si todos están seleccionados, los deselecciona; de lo contrario, los selecciona).
|
|
1792
|
-
*/
|
|
1793
|
-
toggleAll: () => void;
|
|
1794
|
-
/**
|
|
1795
|
-
* Deselecciona todos los elementos.
|
|
1796
|
-
*/
|
|
1797
|
-
clear: () => void;
|
|
1798
|
-
};
|
|
1799
|
-
|
|
1800
|
-
declare interface Return_3<T = ReactNode> {
|
|
1801
|
-
currentStepIndex: number;
|
|
1802
|
-
step: T;
|
|
1803
|
-
steps: T[];
|
|
1804
|
-
isFirstStep: boolean;
|
|
1805
|
-
isLastStep: boolean;
|
|
1806
|
-
goTo: (i: number) => void;
|
|
1807
|
-
next: () => void;
|
|
1808
|
-
back: () => void;
|
|
1809
|
-
findAndGo: (callback: ListIterateeCustom<T, boolean>) => void;
|
|
1810
|
-
}
|
|
1811
|
-
|
|
1812
|
-
declare type Return_4 = [boolean, (newValue?: boolean) => void];
|
|
1813
|
-
|
|
1814
|
-
declare type RootProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
|
|
1815
|
-
|
|
1816
|
-
export declare type SafeOmit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
1817
|
-
|
|
1818
|
-
export declare function ScrollArea({ className, children, scrollFade, scrollbarGutter, ...props }: ScrollAreaPrimitive.Root.Props & {
|
|
1819
|
-
scrollFade?: boolean;
|
|
1820
|
-
scrollbarGutter?: boolean;
|
|
1821
|
-
}): default_2.ReactElement;
|
|
1822
|
-
|
|
1823
|
-
export { ScrollAreaPrimitive }
|
|
1824
|
-
|
|
1825
|
-
export declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): default_2.ReactElement;
|
|
1826
|
-
|
|
1827
|
-
/**
|
|
1828
|
-
* Composite select for single and multiple selection.
|
|
1829
|
-
*
|
|
1830
|
-
* Items shaped as `{ id, name }`, `{ label, value }`, or plain strings/numbers
|
|
1831
|
-
* work with no extra props. For other shapes, provide `getLabel` and/or `getId`.
|
|
1832
|
-
*
|
|
1833
|
-
* `renderItem` customizes the content **inside** each `SelectItem` (the
|
|
1834
|
-
* checkmark indicator is always rendered by the item wrapper).
|
|
1835
|
-
*
|
|
1836
|
-
* Use `SelectRoot` + primitives directly when you need full structural
|
|
1837
|
-
* control beyond what `className` + `classNames` slots offer.
|
|
1838
|
-
*/
|
|
1839
|
-
export declare function Select<TItem = unknown>(allProps: SelectProps<TItem>): React_2.ReactElement;
|
|
1840
|
-
|
|
1841
|
-
declare type SelectBaseProps<TItem = unknown> = Omit<SelectPrimitive.Root.Props<string, false>, "children" | "onValueChange" | "value" | "defaultValue" | "items" | "multiple"> & {
|
|
1842
|
-
items: readonly TItem[];
|
|
1843
|
-
/** Returns the display text for an item. Used for the trigger value and ARIA. Defaults to `item.label`, `item.name`, `item.title`, or the stringified primitive. */
|
|
1844
|
-
getLabel?: (item: TItem) => string;
|
|
1845
|
-
/** Returns a stable string identifier for an item. Used as the React key and the underlying option value. Defaults to `item.id`, `item.value`, or the stringified primitive. */
|
|
1846
|
-
getId?: (item: TItem) => string;
|
|
1847
|
-
/** Returns whether an item should be disabled. Defaults to `item.disabled === true`. */
|
|
1848
|
-
getDisabled?: (item: TItem) => boolean;
|
|
1849
|
-
renderItem?: (item: TItem) => React_2.ReactNode;
|
|
1850
|
-
placeholder?: string;
|
|
1851
|
-
className?: string;
|
|
1852
|
-
/** Styles applied to each internal slot. */
|
|
1853
|
-
classNames?: {
|
|
1854
|
-
/** Popup panel containing the item list. */
|
|
1855
|
-
popup?: string;
|
|
1856
|
-
/** Individual item row. */
|
|
1857
|
-
item?: string;
|
|
1858
|
-
};
|
|
1859
|
-
};
|
|
1860
|
-
|
|
1861
|
-
export declare function SelectButton({ className, render, children, ...props }: SelectButtonProps): React_2.ReactElement;
|
|
1862
|
-
|
|
1863
|
-
export declare type SelectButtonProps = useRender.ComponentProps<"button"> & {
|
|
1864
|
-
ref?: React_2.Ref<HTMLButtonElement>;
|
|
1865
|
-
};
|
|
1866
|
-
|
|
1867
|
-
export declare function SelectGroup(props: SelectPrimitive.Group.Props): React_2.ReactElement;
|
|
1868
|
-
|
|
1869
|
-
export declare function SelectGroupLabel(props: SelectPrimitive.GroupLabel.Props): React_2.ReactElement;
|
|
1870
|
-
|
|
1871
|
-
export declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): React_2.ReactElement;
|
|
1872
|
-
|
|
1873
|
-
export declare function SelectLabel({ className, ...props }: SelectPrimitive.Label.Props): React_2.ReactElement;
|
|
1874
|
-
|
|
1875
|
-
declare function SelectPopup({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, anchor, portalProps, ...props }: SelectPrimitive.Popup.Props & {
|
|
1876
|
-
portalProps?: SelectPrimitive.Portal.Props;
|
|
1877
|
-
side?: SelectPrimitive.Positioner.Props["side"];
|
|
1878
|
-
sideOffset?: SelectPrimitive.Positioner.Props["sideOffset"];
|
|
1879
|
-
align?: SelectPrimitive.Positioner.Props["align"];
|
|
1880
|
-
alignOffset?: SelectPrimitive.Positioner.Props["alignOffset"];
|
|
1881
|
-
alignItemWithTrigger?: SelectPrimitive.Positioner.Props["alignItemWithTrigger"];
|
|
1882
|
-
anchor?: SelectPrimitive.Positioner.Props["anchor"];
|
|
1883
|
-
}): React_2.ReactElement;
|
|
1884
|
-
export { SelectPopup as SelectContent }
|
|
1885
|
-
export { SelectPopup }
|
|
1886
|
-
|
|
1887
|
-
export { SelectPrimitive }
|
|
1888
|
-
|
|
1889
|
-
export declare type SelectProps<TItem = unknown> = (SelectBaseProps<TItem> & {
|
|
1890
|
-
multiple?: false;
|
|
1891
|
-
value?: TItem | null;
|
|
1892
|
-
defaultValue?: TItem | null;
|
|
1893
|
-
onValueChange?: (value: TItem | null) => void;
|
|
1894
|
-
}) | (SelectBaseProps<TItem> & {
|
|
1895
|
-
multiple: true;
|
|
1896
|
-
value?: TItem[];
|
|
1897
|
-
defaultValue?: TItem[];
|
|
1898
|
-
onValueChange?: (value: TItem[]) => void;
|
|
1899
|
-
});
|
|
1900
|
-
|
|
1901
|
-
export declare function SelectRoot<Value = string, Multiple extends boolean | undefined = false>({ ...props }: SelectPrimitive.Root.Props<Value, Multiple>): React_2.ReactElement;
|
|
1902
|
-
|
|
1903
|
-
export declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React_2.ReactElement;
|
|
1904
|
-
|
|
1905
|
-
export declare function SelectTrigger({ className, children, ...props }: SelectPrimitive.Trigger.Props): React_2.ReactElement;
|
|
1906
|
-
|
|
1907
|
-
export declare const selectTriggerClasses: string;
|
|
1908
|
-
|
|
1909
|
-
export declare const selectTriggerIconClassName = "-me-1 size-4.5 opacity-80 sm:size-4";
|
|
1910
|
-
|
|
1911
|
-
export declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React_2.ReactElement;
|
|
1912
|
-
|
|
1913
|
-
export { SeparatorPrimitive }
|
|
1914
|
-
|
|
1915
|
-
export declare type SetState<T> = Dispatch<SetStateAction<T>>;
|
|
1916
|
-
|
|
1917
|
-
export declare type SingleDatePickerProps = DatePickerBaseProps & {
|
|
1918
|
-
mode: "single";
|
|
1919
|
-
value?: Date | null;
|
|
1920
|
-
defaultValue?: Date | null;
|
|
1921
|
-
onValueChange?: (value: Date | null) => void;
|
|
1922
|
-
placeholder?: string;
|
|
1923
|
-
};
|
|
1924
|
-
|
|
1925
|
-
declare type SingleFooterProps = {
|
|
1926
|
-
mode: "single";
|
|
1927
|
-
value: Date | null;
|
|
1928
|
-
clear: () => void;
|
|
1929
|
-
selectToday: () => void;
|
|
1930
|
-
setValue: (value: Date | null) => void;
|
|
1931
|
-
};
|
|
1932
|
-
|
|
1933
|
-
export declare function Skeleton({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
1934
|
-
|
|
1935
|
-
export declare const Stack: ({ as: Tag, inline, direction, reverse, justify, align, gap, wrap, grow, className, style, ...props }: StackProps) => JSX.Element;
|
|
1936
|
-
|
|
1937
|
-
declare interface StackProps extends ComponentProps<"div"> {
|
|
1938
|
-
as?: ElementType;
|
|
1939
|
-
inline?: boolean;
|
|
1940
|
-
direction?: "horizontal" | "vertical";
|
|
1941
|
-
reverse?: boolean;
|
|
1942
|
-
justify?: CSSProperties["justifyContent"];
|
|
1943
|
-
align?: CSSProperties["alignItems"];
|
|
1944
|
-
gap?: CSSProperties["gap"];
|
|
1945
|
-
wrap?: CSSProperties["flexWrap"] | boolean;
|
|
1946
|
-
grow?: boolean;
|
|
1947
|
-
}
|
|
1948
|
-
|
|
1949
|
-
export declare type State<T> = [T, SetState<T>];
|
|
1950
|
-
|
|
1951
|
-
export declare type StepIndicators = Partial<Record<StepState, ReactNode>>;
|
|
1952
|
-
|
|
1953
|
-
declare interface StepItemContextValue {
|
|
1954
|
-
step: number;
|
|
1955
|
-
state: StepState;
|
|
1956
|
-
isDisabled: boolean;
|
|
1957
|
-
isLoading: boolean;
|
|
1958
|
-
}
|
|
1959
|
-
|
|
1960
|
-
export declare function Stepper({ items, classNames, ...props }: StepperProps): JSX.Element;
|
|
1961
|
-
|
|
1962
|
-
export declare function StepperContent({ value, forceMount, className, render, children, ...props }: StepperContentProps): ReactElement<unknown, string | JSXElementConstructor<any>> | null;
|
|
1963
|
-
|
|
1964
|
-
export declare interface StepperContentProps extends useRender.ComponentProps<"div"> {
|
|
1965
|
-
value: number;
|
|
1966
|
-
forceMount?: boolean;
|
|
1967
|
-
}
|
|
1968
|
-
|
|
1969
|
-
declare interface StepperContextValue {
|
|
1970
|
-
activeStep: number;
|
|
1971
|
-
setActiveStep: (step: number) => void;
|
|
1972
|
-
orientation: StepperOrientation;
|
|
1973
|
-
indicators: StepIndicators;
|
|
1974
|
-
triggerMode: StepperTriggerMode;
|
|
1975
|
-
}
|
|
1976
|
-
|
|
1977
|
-
export declare function StepperDescription({ className, render, children, ...props }: useRender.ComponentProps<"p">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
1978
|
-
|
|
1979
|
-
export declare function StepperIndicator({ className, render, children, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
1980
|
-
|
|
1981
|
-
export declare function StepperItem({ step, disabled, loading, className, render, children, ...props }: StepperItemProps): JSX.Element;
|
|
1982
|
-
|
|
1983
|
-
export declare interface StepperItemData {
|
|
1984
|
-
title?: ReactNode;
|
|
1985
|
-
description?: ReactNode;
|
|
1986
|
-
indicator?: ReactNode;
|
|
1987
|
-
content?: ReactNode;
|
|
1988
|
-
disabled?: boolean;
|
|
1989
|
-
loading?: boolean;
|
|
1990
|
-
}
|
|
1991
|
-
|
|
1992
|
-
export declare interface StepperItemProps extends useRender.ComponentProps<"div"> {
|
|
1993
|
-
step: number;
|
|
1994
|
-
disabled?: boolean;
|
|
1995
|
-
loading?: boolean;
|
|
1996
|
-
}
|
|
1997
|
-
|
|
1998
|
-
export declare function StepperNav({ className, render, children, ...props }: useRender.ComponentProps<"nav">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
1999
|
-
|
|
2000
|
-
export declare type StepperOrientation = "horizontal" | "vertical";
|
|
2001
|
-
|
|
2002
|
-
export declare function StepperPanel({ className, render, children, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2003
|
-
|
|
2004
|
-
export declare interface StepperProps extends Omit<StepperRootProps, "children"> {
|
|
2005
|
-
items: StepperItemData[];
|
|
2006
|
-
/** Styles applied to each internal slot. */
|
|
2007
|
-
classNames?: {
|
|
2008
|
-
/** Navigation list that holds every step. */
|
|
2009
|
-
nav?: string;
|
|
2010
|
-
/** Single step container (indicator + label + separator). */
|
|
2011
|
-
item?: string;
|
|
2012
|
-
/** Clickable step button. */
|
|
2013
|
-
trigger?: string;
|
|
2014
|
-
/** Round indicator (number, icon, or check). */
|
|
2015
|
-
indicator?: string;
|
|
2016
|
-
/** Step title above the description. */
|
|
2017
|
-
title?: string;
|
|
2018
|
-
/** Step description below the title. */
|
|
2019
|
-
description?: string;
|
|
2020
|
-
/** Line between steps. */
|
|
2021
|
-
separator?: string;
|
|
2022
|
-
/** Panel below the nav that holds the active step's content. */
|
|
2023
|
-
panel?: string;
|
|
2024
|
-
/** Single step content rendered when the step is active. */
|
|
2025
|
-
content?: string;
|
|
2026
|
-
};
|
|
2027
|
-
}
|
|
2028
|
-
|
|
2029
|
-
export declare function StepperRoot({ defaultValue, value, onValueChange, orientation, indicators, triggerMode, className, render, children, ...props }: StepperRootProps): JSX.Element;
|
|
2030
|
-
|
|
2031
|
-
export declare interface StepperRootProps extends useRender.ComponentProps<"div"> {
|
|
2032
|
-
defaultValue?: number;
|
|
2033
|
-
value?: number;
|
|
2034
|
-
onValueChange?: (value: number) => void;
|
|
2035
|
-
orientation?: StepperOrientation;
|
|
2036
|
-
indicators?: StepIndicators;
|
|
2037
|
-
triggerMode?: StepperTriggerMode;
|
|
2038
|
-
}
|
|
2039
|
-
|
|
2040
|
-
export declare function StepperSeparator({ className, render, children, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2041
|
-
|
|
2042
|
-
export declare function StepperTitle({ className, render, children, ...props }: useRender.ComponentProps<"h3">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2043
|
-
|
|
2044
|
-
export declare function StepperTrigger({ className, render, children, ...props }: useRender.ComponentProps<"button">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2045
|
-
|
|
2046
|
-
export declare type StepperTriggerMode = "both" | "forward-only" | "backward-only" | "none";
|
|
2047
|
-
|
|
2048
|
-
export declare type StepState = "active" | "completed" | "inactive" | "loading";
|
|
2049
|
-
|
|
2050
|
-
export declare function Switch({ children, label, className, id, controlFirst, tooltip, classNames, ...props }: SwitchProps): React_2.ReactElement;
|
|
2051
|
-
|
|
2052
|
-
declare interface SwitchProps extends Omit<Switch_2.Root.Props, "children"> {
|
|
2053
|
-
children?: React_2.ReactNode;
|
|
2054
|
-
label?: React_2.ReactNode;
|
|
2055
|
-
tooltip?: string;
|
|
2056
|
-
controlFirst?: boolean;
|
|
2057
|
-
/** Styles applied to each internal slot. */
|
|
2058
|
-
classNames?: {
|
|
2059
|
-
/** Outer flex wrapper that holds the switch and label. */
|
|
2060
|
-
wrapper?: string;
|
|
2061
|
-
/** Sliding thumb (knob) inside the switch. */
|
|
2062
|
-
thumb?: string;
|
|
2063
|
-
/** Label rendered next to the switch. */
|
|
2064
|
-
label?: string;
|
|
2065
|
-
};
|
|
2066
|
-
}
|
|
2067
|
-
|
|
2068
|
-
export declare function SwitchRoot({ className, ...props }: Switch_2.Root.Props): React_2.ReactElement;
|
|
2069
|
-
|
|
2070
|
-
export declare function SwitchThumb({ className, ...props }: Switch_2.Thumb.Props): React_2.ReactElement;
|
|
2071
|
-
|
|
2072
|
-
export declare function Table<T>({ data, columns, getRowKey, onRowClick, onRowDoubleClick, selected, classNames, ...tableProps }: TableProps<T>): JSX.Element;
|
|
2073
|
-
|
|
2074
|
-
export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
|
|
2075
|
-
|
|
2076
|
-
export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
|
|
2077
|
-
|
|
2078
|
-
export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
|
|
2079
|
-
|
|
2080
|
-
export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
|
|
2081
|
-
|
|
2082
|
-
export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
|
|
2083
|
-
|
|
2084
|
-
export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
|
|
2085
|
-
|
|
2086
|
-
declare type TableProps<T> = {
|
|
2087
|
-
data: T[];
|
|
2088
|
-
columns: ColumnDef<T>[];
|
|
2089
|
-
getRowKey?: (row: T, index: number) => string | number;
|
|
2090
|
-
onRowClick?: (row: T) => void;
|
|
2091
|
-
onRowDoubleClick?: (row: T) => void;
|
|
2092
|
-
selected?: (row: T) => boolean;
|
|
2093
|
-
/** Styles applied to each internal slot. */
|
|
2094
|
-
classNames?: {
|
|
2095
|
-
/** Outer wrapper div with overflow handling. */
|
|
2096
|
-
container?: string;
|
|
2097
|
-
/** `<thead>` element. */
|
|
2098
|
-
thead?: string;
|
|
2099
|
-
/** `<tbody>` element. */
|
|
2100
|
-
tbody?: string;
|
|
2101
|
-
/** `<tr>` inside `<thead>` (the single header row). */
|
|
2102
|
-
headerRow?: string;
|
|
2103
|
-
/** Each `<tr>` inside `<tbody>` (the repeating body rows). */
|
|
2104
|
-
tr?: string;
|
|
2105
|
-
/** Header cell `<th>`. */
|
|
2106
|
-
th?: string;
|
|
2107
|
-
/** Body cell `<td>`. */
|
|
2108
|
-
td?: string;
|
|
2109
|
-
};
|
|
2110
|
-
} & Omit<React_2.ComponentProps<"table">, "onDoubleClick">;
|
|
2111
|
-
|
|
2112
|
-
export declare function TableRoot({ className, classNames, ...props }: TableRootProps): JSX.Element;
|
|
2113
|
-
|
|
2114
|
-
declare type TableRootProps = React_2.ComponentProps<"table"> & {
|
|
2115
|
-
/** Styles applied to each internal slot. */
|
|
2116
|
-
classNames?: {
|
|
2117
|
-
/** Outer wrapper div with overflow handling. */
|
|
2118
|
-
container?: string;
|
|
2119
|
-
};
|
|
2120
|
-
};
|
|
2121
|
-
|
|
2122
|
-
export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
|
|
2123
|
-
|
|
2124
|
-
export declare function Tabs({ className, ...props }: TabsPrimitive.Root.Props): default_2.ReactElement;
|
|
2125
|
-
|
|
2126
|
-
declare function TabsList({ variant, centered, className, children, ...props }: TabsPrimitive.List.Props & {
|
|
2127
|
-
variant?: TabsVariant;
|
|
2128
|
-
centered?: boolean;
|
|
2129
|
-
}): default_2.ReactElement;
|
|
2130
|
-
export { TabsList as TabList }
|
|
2131
|
-
export { TabsList }
|
|
2132
|
-
|
|
2133
|
-
declare function TabsPanel({ className, ...props }: TabsPrimitive.Panel.Props): default_2.ReactElement;
|
|
2134
|
-
export { TabsPanel as TabsContent }
|
|
2135
|
-
export { TabsPanel }
|
|
2136
|
-
|
|
2137
|
-
export { TabsPrimitive }
|
|
2138
|
-
|
|
2139
|
-
declare function TabsTab({ className, ...props }: TabsPrimitive.Tab.Props): default_2.ReactElement;
|
|
2140
|
-
export { TabsTab }
|
|
2141
|
-
export { TabsTab as TabsTrigger }
|
|
2142
|
-
|
|
2143
|
-
export declare type TabsVariant = "underline" | "background";
|
|
2144
|
-
|
|
2145
|
-
export declare function Tag({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof tagVariants>): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2146
|
-
|
|
2147
|
-
export declare const tagVariants: (props?: ({
|
|
2148
|
-
variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "error" | "success" | "warning" | null | undefined;
|
|
2149
|
-
} & ClassProp) | undefined) => string;
|
|
2150
|
-
|
|
2151
|
-
export declare function Textarea({ className, onValueChange, ...props }: TextareaProps): ReactElement;
|
|
2152
|
-
|
|
2153
|
-
export declare type TextareaProps = Omit<ComponentProps<"textarea">, "onChange"> & {
|
|
2154
|
-
onValueChange?: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
2155
|
-
};
|
|
2156
|
-
|
|
2157
|
-
export declare type Theme = {
|
|
2158
|
-
Button?: ThemeProps<ComponentProps<typeof Button>, "asChild" | "loading">;
|
|
2159
|
-
Input?: Partial<PropsWithoutValue<ComponentProps<typeof Input>>>;
|
|
2160
|
-
};
|
|
2161
|
-
|
|
2162
|
-
declare type ThemeProps<T, TOverridden> = Partial<Omit<T, keyof TOverridden>>;
|
|
2163
|
-
|
|
2164
|
-
export declare const ThemeProvider: ({ children, theme, }: ThemeProviderProps) => JSX.Element;
|
|
2165
|
-
|
|
2166
|
-
declare type ThemeProviderProps = {
|
|
2167
|
-
children: ReactNode;
|
|
2168
|
-
theme?: Theme;
|
|
2169
|
-
};
|
|
2170
|
-
|
|
2171
|
-
export declare function Timeline({ items, variant, classNames, ...props }: TimelineProps): JSX.Element;
|
|
2172
|
-
|
|
2173
|
-
export declare function TimelineContent({ className, render, children, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2174
|
-
|
|
2175
|
-
export declare function TimelineDate({ className, render, children, ...props }: useRender.ComponentProps<"time">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2176
|
-
|
|
2177
|
-
export declare function TimelineHeader({ className, render, children, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2178
|
-
|
|
2179
|
-
export declare function TimelineIndicator({ className, render, children, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2180
|
-
|
|
2181
|
-
export declare function TimelineItem({ step, className, render, children, ...props }: TimelineItemProps): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2182
|
-
|
|
2183
|
-
declare interface TimelineItemData {
|
|
2184
|
-
title?: ReactNode;
|
|
2185
|
-
content?: ReactNode;
|
|
2186
|
-
date?: ReactNode;
|
|
2187
|
-
indicator?: ReactNode;
|
|
2188
|
-
}
|
|
2189
|
-
|
|
2190
|
-
declare interface TimelineItemProps extends useRender.ComponentProps<"div"> {
|
|
2191
|
-
step: number;
|
|
2192
|
-
}
|
|
2193
|
-
|
|
2194
|
-
declare type TimelineOrientation = "horizontal" | "vertical";
|
|
2195
|
-
|
|
2196
|
-
declare interface TimelineProps extends Omit<TimelineRootProps, "children"> {
|
|
2197
|
-
items: TimelineItemData[];
|
|
2198
|
-
variant?: TimelineVariant;
|
|
2199
|
-
/** Styles applied to each internal slot. */
|
|
2200
|
-
classNames?: {
|
|
2201
|
-
/** Single timeline entry wrapper. */
|
|
2202
|
-
item?: string;
|
|
2203
|
-
/** Row that holds the indicator, date, and title. */
|
|
2204
|
-
header?: string;
|
|
2205
|
-
/** Title text inside the header. */
|
|
2206
|
-
title?: string;
|
|
2207
|
-
/** Date label inside the header. */
|
|
2208
|
-
date?: string;
|
|
2209
|
-
/** Body text below the header. */
|
|
2210
|
-
content?: string;
|
|
2211
|
-
/** Round dot marking the step. */
|
|
2212
|
-
indicator?: string;
|
|
2213
|
-
/** Line connecting consecutive items. */
|
|
2214
|
-
separator?: string;
|
|
2215
|
-
};
|
|
2216
|
-
}
|
|
2217
|
-
|
|
2218
|
-
export declare function TimelineRoot({ defaultValue, value, onValueChange, orientation, className, render, children, ...props }: TimelineRootProps): JSX.Element;
|
|
2219
|
-
|
|
2220
|
-
declare interface TimelineRootProps extends useRender.ComponentProps<"div"> {
|
|
2221
|
-
defaultValue?: number;
|
|
2222
|
-
value?: number;
|
|
2223
|
-
onValueChange?: (value: number) => void;
|
|
2224
|
-
orientation?: TimelineOrientation;
|
|
2225
|
-
}
|
|
2226
|
-
|
|
2227
|
-
export declare function TimelineSeparator({ className, render, children, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2228
|
-
|
|
2229
|
-
export declare function TimelineTitle({ className, render, children, ...props }: useRender.ComponentProps<"h3">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2230
|
-
|
|
2231
|
-
declare type TimelineVariant = "default" | "alternate" | "date-left";
|
|
2232
|
-
|
|
2233
|
-
/**
|
|
2234
|
-
* Imperative toast API. Works anywhere — no hook needed.
|
|
2235
|
-
*
|
|
2236
|
-
* Requires `<ToastProvider>` somewhere in the tree (no extra props needed).
|
|
2237
|
-
*
|
|
2238
|
-
* @example
|
|
2239
|
-
* ```ts
|
|
2240
|
-
* toast("Notificación"); // default variant
|
|
2241
|
-
* toast.success("Guardado correctamente");
|
|
2242
|
-
* toast.error({ title: "Error", description: "Algo salió mal" });
|
|
2243
|
-
* toast.promise(saveData(), {
|
|
2244
|
-
* loading: { description: "Guardando..." },
|
|
2245
|
-
* success: () => ({ variant: "success", description: "Guardado!" }),
|
|
2246
|
-
* error: (e) => ({ variant: "error", description: e.message }),
|
|
2247
|
-
* });
|
|
2248
|
-
* ```
|
|
2249
|
-
*/
|
|
2250
|
-
export declare const toast: ((arg: ToastArg) => string | undefined) & {
|
|
2251
|
-
success: (arg: ToastArg) => any;
|
|
2252
|
-
error: (arg: ToastArg) => any;
|
|
2253
|
-
warning: (arg: ToastArg) => any;
|
|
2254
|
-
info: (arg: ToastArg) => any;
|
|
2255
|
-
promise: <T>(promise: Promise<T>, options: {
|
|
2256
|
-
loading: ToastManagerAddOptions<any>;
|
|
2257
|
-
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
2258
|
-
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
2259
|
-
}) => any;
|
|
2260
|
-
};
|
|
2261
|
-
|
|
2262
|
-
declare type ToastArg = string | Omit<ToastManagerAddOptions<any>, "variant">;
|
|
2263
|
-
|
|
2264
|
-
export declare type ToastManagerAddOptions<Data extends object = object> = ToastManagerAddOptions_2<Data> & ToastOptionsBase;
|
|
2265
|
-
|
|
2266
|
-
export declare type ToastOptions<Data extends object = object> = ToastObject<Data> & ToastOptionsBase;
|
|
2267
|
-
|
|
2268
|
-
declare type ToastOptionsBase = {
|
|
2269
|
-
variant?: ToastVariant;
|
|
2270
|
-
content?: ReactNode;
|
|
2271
|
-
actions?: ButtonProps[];
|
|
2272
|
-
bump?: boolean;
|
|
2273
|
-
};
|
|
2274
|
-
|
|
2275
|
-
export { ToastPrimitive }
|
|
2276
|
-
|
|
2277
|
-
/**
|
|
2278
|
-
* ToastProvider — wrap your app once to enable toast notifications.
|
|
2279
|
-
*
|
|
2280
|
-
* Toasts stack in the bottom-right corner with swipe-to-dismiss and expand-on-hover.
|
|
2281
|
-
* Once mounted, call `toast.success()` / `toast.error()` etc. from anywhere.
|
|
2282
|
-
*
|
|
2283
|
-
* @example
|
|
2284
|
-
* ```tsx
|
|
2285
|
-
* // app.tsx — one-time setup, no extra props needed
|
|
2286
|
-
* <ToastProvider>
|
|
2287
|
-
* <App />
|
|
2288
|
-
* </ToastProvider>
|
|
2289
|
-
*
|
|
2290
|
-
* // Anywhere in the codebase
|
|
2291
|
-
* import { toast } from "@boxcustodia/library";
|
|
2292
|
-
* toast.success("Cambios guardados");
|
|
2293
|
-
* toast.error({ title: "Error", description: "Algo salió mal" });
|
|
2294
|
-
* ```
|
|
2295
|
-
*/
|
|
2296
|
-
export declare function ToastProvider({ children, toastManager, container, }: ToastProviderProps): JSX.Element;
|
|
2297
|
-
|
|
2298
|
-
export declare interface ToastProviderProps {
|
|
2299
|
-
children: ReactNode;
|
|
2300
|
-
/**
|
|
2301
|
-
* External toast manager created with `createToastManager()`.
|
|
2302
|
-
* Only needed for isolated instances (tests, microfrontends).
|
|
2303
|
-
* The default `<ToastProvider>` (no props) is all you need for `toast.*` to work.
|
|
2304
|
-
*/
|
|
2305
|
-
toastManager?: ReturnType<typeof ToastPrimitive.createToastManager>;
|
|
2306
|
-
/**
|
|
2307
|
-
* Container element for the portal.
|
|
2308
|
-
* @default document.body
|
|
2309
|
-
*/
|
|
2310
|
-
container?: HTMLElement | null;
|
|
2311
|
-
}
|
|
2312
|
-
|
|
2313
|
-
export declare type ToastVariant = "default" | "success" | "error" | "warning" | "info";
|
|
2314
|
-
|
|
2315
|
-
export declare function toastVariants({ variant, }?: {
|
|
2316
|
-
variant?: ToastVariant;
|
|
2317
|
-
}): string;
|
|
2318
|
-
|
|
2319
|
-
/**
|
|
2320
|
-
* Accessible popup that shows additional information on hover/focus.
|
|
2321
|
-
* Wrap your app or section with `<TooltipProvider>` to enable delay grouping.
|
|
2322
|
-
*
|
|
2323
|
-
* @example
|
|
2324
|
-
* ```tsx
|
|
2325
|
-
* <Tooltip content="Save changes">
|
|
2326
|
-
* <Button>Save</Button>
|
|
2327
|
-
* </Tooltip>
|
|
2328
|
-
* ```
|
|
2329
|
-
*/
|
|
2330
|
-
export declare function Tooltip({ content, children, open, defaultOpen, onOpenChange, side, align, offset, delay, closeDelay, className, classNames, ...triggerProps }: TooltipProps): JSX.Element;
|
|
2331
|
-
|
|
2332
|
-
export declare function TooltipArrow({ className, ...props }: ArrowProps): JSX.Element;
|
|
2333
|
-
|
|
2334
|
-
export declare function TooltipPopup({ className, ...props }: PopupProps): JSX.Element;
|
|
2335
|
-
|
|
2336
|
-
export { TooltipPrimitive }
|
|
2337
|
-
|
|
2338
|
-
export declare type TooltipProps = Omit<RootProps, "children"> & Omit<TriggerProps, "render" | "delay" | "closeDelay" | "className" | "content"> & {
|
|
2339
|
-
/** The element that triggers the tooltip on hover/focus. */
|
|
2340
|
-
children: ReactElement;
|
|
2341
|
-
/** Content displayed inside the tooltip popup. */
|
|
2342
|
-
content: ReactNode;
|
|
2343
|
-
/** Preferred side of the trigger to render the tooltip. @default "top" */
|
|
2344
|
-
side?: "top" | "bottom" | "left" | "right";
|
|
2345
|
-
/** Alignment on the axis perpendicular to `side`. @default "center" */
|
|
2346
|
-
align?: "start" | "center" | "end";
|
|
2347
|
-
/** Distance in pixels between the tooltip and the trigger. @default 10 */
|
|
2348
|
-
offset?: number;
|
|
2349
|
-
/** Delay in ms before the tooltip opens. @default 600 */
|
|
2350
|
-
delay?: TriggerProps["delay"];
|
|
2351
|
-
/** Delay in ms before the tooltip closes. @default 0 */
|
|
2352
|
-
closeDelay?: TriggerProps["closeDelay"];
|
|
2353
|
-
/** Additional classes applied to the tooltip popup (visual root). */
|
|
2354
|
-
className?: string;
|
|
2355
|
-
/** Styles applied to each internal slot. */
|
|
2356
|
-
classNames?: {
|
|
2357
|
-
/**
|
|
2358
|
-
* Arrow that points at the trigger. Pass a `text-*` class to change the
|
|
2359
|
-
* arrow color when overriding the popup background.
|
|
2360
|
-
*/
|
|
2361
|
-
arrow?: string;
|
|
2362
|
-
};
|
|
2363
|
-
};
|
|
2364
|
-
|
|
2365
|
-
/** Enables shared hover intent and delay grouping across multiple tooltips. */
|
|
2366
|
-
export declare function TooltipProvider(props: ProviderProps): JSX.Element;
|
|
2367
|
-
|
|
2368
|
-
export declare function TooltipRoot(props: RootProps): JSX.Element;
|
|
2369
|
-
|
|
2370
|
-
export declare function TooltipTrigger({ className, ...props }: TriggerProps): JSX.Element;
|
|
2371
|
-
|
|
2372
|
-
export declare function TreeDragLine({ className, render, style, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>> | null;
|
|
2373
|
-
|
|
2374
|
-
export declare function TreeItem<T>({ item, leafIcon, parentIcon, className, render, children, style, ...props }: TreeItemProps<T>): JSX.Element;
|
|
2375
|
-
|
|
2376
|
-
export declare function TreeItemLabel({ className, render, children, ...props }: useRender.ComponentProps<"span">): ReactElement<unknown, string | JSXElementConstructor<any>>;
|
|
2377
|
-
|
|
2378
|
-
export declare interface TreeItemProps<T> extends useRender.ComponentProps<"button"> {
|
|
2379
|
-
item: ItemInstance<T>;
|
|
2380
|
-
leafIcon?: ReactNode;
|
|
2381
|
-
parentIcon?: ParentIcon;
|
|
2382
|
-
}
|
|
2383
|
-
|
|
2384
|
-
export declare function TreeRoot<T>({ tree, indent, className, render, style, ...props }: TreeRootProps<T>): JSX.Element;
|
|
2385
|
-
|
|
2386
|
-
export declare interface TreeRootProps<T> extends useRender.ComponentProps<"div"> {
|
|
2387
|
-
tree: TreeInstance<T>;
|
|
2388
|
-
indent?: number;
|
|
2389
|
-
}
|
|
2390
|
-
|
|
2391
|
-
declare type TriggerProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
|
|
2392
|
-
|
|
2393
|
-
export declare const twMerge: (...classLists: ClassNameValue[]) => string;
|
|
2394
|
-
|
|
2395
|
-
export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
|
|
2396
|
-
readonly insertAt: (index: number, item: T) => void;
|
|
2397
|
-
readonly removeAt: (index: number) => void;
|
|
2398
|
-
readonly updateAt: (index: number, newItem: T) => void;
|
|
2399
|
-
readonly clear: () => void;
|
|
2400
|
-
readonly reset: () => void;
|
|
2401
|
-
readonly push: (item: T) => void;
|
|
2402
|
-
readonly set: (newList: T[]) => void;
|
|
2403
|
-
readonly pop: () => void;
|
|
2404
|
-
readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
|
|
2405
|
-
}];
|
|
2406
|
-
|
|
2407
|
-
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_4<T>): AsyncState<T>;
|
|
2408
|
-
|
|
2409
|
-
declare interface UseAsyncOptions<T> {
|
|
2410
|
-
onError?: (error: Error) => void;
|
|
2411
|
-
onSuccess?: (data: T) => void;
|
|
2412
|
-
onFinish?: () => void;
|
|
2413
|
-
}
|
|
2414
|
-
|
|
2415
|
-
export declare const useAutocompleteFilter: typeof AutocompletePrimitive.useFilter;
|
|
2416
|
-
|
|
2417
|
-
export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(callback: () => void, watch?: boolean) => RefObject<T | null>;
|
|
2418
|
-
|
|
2419
|
-
export declare function useClipboard(): [CopiedValue, CopyFunction];
|
|
2420
|
-
|
|
2421
|
-
export declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
|
|
2422
|
-
|
|
2423
|
-
export { useControllableState }
|
|
2424
|
-
|
|
2425
|
-
export declare function useDebouncedCallback<T extends (...args: any[]) => any>(callback: T, delay: number): (...args: Parameters<T>) => void;
|
|
2426
|
-
|
|
2427
|
-
export declare function useDebouncedValue<T>(value: T, delay: number): T;
|
|
2428
|
-
|
|
2429
|
-
export declare function useDisclosure(initialState?: boolean, callbacks?: {
|
|
2430
|
-
onOpen?: () => void;
|
|
2431
|
-
onClose?: () => void;
|
|
2432
|
-
}): readonly [boolean, {
|
|
2433
|
-
readonly open: () => void;
|
|
2434
|
-
readonly close: () => void;
|
|
2435
|
-
readonly toggle: () => void;
|
|
2436
|
-
}];
|
|
2437
|
-
|
|
2438
|
-
export declare function useDocumentTitle(title: string): void;
|
|
2439
|
-
|
|
2440
|
-
export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = any>(type: K, listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): RefObject<T | null>;
|
|
2441
|
-
|
|
2442
|
-
export declare function useFieldName(): string | undefined;
|
|
2443
|
-
|
|
2444
|
-
export declare function useFocusTrap(active?: boolean): (instance: HTMLElement | null) => void;
|
|
2445
|
-
|
|
2446
|
-
export declare function useHookForm<T extends FieldValues = FieldValues>(schema: z.ZodType<T>, options?: Partial<UseFormProps<T>>): UseFormReturn<T>;
|
|
2447
|
-
|
|
2448
|
-
export declare function useHotkey(keys: string | string[], handler: (event: KeyboardEvent) => void, options?: HotkeyOptions): RefObject<any>;
|
|
2449
|
-
|
|
2450
|
-
export declare function useHover<T extends HTMLElement>(options?: UseHoverOptions): {
|
|
2451
|
-
ref: React.RefObject<T | null>;
|
|
2452
|
-
isHovering: boolean;
|
|
2453
|
-
};
|
|
2454
|
-
|
|
2455
|
-
declare type UseHoverOptions = {
|
|
2456
|
-
onHoverStart?: (event: MouseEvent) => void;
|
|
2457
|
-
onHoverEnd?: (event: MouseEvent) => void;
|
|
2458
|
-
};
|
|
2459
|
-
|
|
2460
|
-
export declare function useIsInsideFieldRoot(): boolean;
|
|
2461
|
-
|
|
2462
|
-
export declare function useIsVisible<T extends HTMLElement>({ onVisible, root, rootMargin, threshold, }?: UseIsVisibleProps): UseIsVisibleReturn<T>;
|
|
2463
|
-
|
|
2464
|
-
declare interface UseIsVisibleProps extends IntersectionObserverInit {
|
|
2465
|
-
onVisible?: () => void;
|
|
2466
|
-
}
|
|
2467
|
-
|
|
2468
|
-
declare interface UseIsVisibleReturn<T> {
|
|
2469
|
-
ref: RefObject<T | null>;
|
|
2470
|
-
isVisible: boolean;
|
|
2471
|
-
}
|
|
2472
|
-
|
|
2473
|
-
export declare function useLocalStorage<T>(key: string): [T | undefined, (value: T) => void, () => void];
|
|
2474
|
-
|
|
2475
|
-
export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T) => void, () => void];
|
|
2476
|
-
|
|
2477
|
-
export declare const useMediaQuery: (query: string) => boolean;
|
|
2478
|
-
|
|
2479
|
-
export declare function useMemoizedFn<T extends noop>(fn: T): T;
|
|
2480
|
-
|
|
2481
|
-
export declare const useMutation: <TArgs extends any[], TReturn>(opts: UseMutationOptions<TArgs, TReturn>) => UseMutationReturn<TArgs, TReturn>;
|
|
2482
|
-
|
|
2483
|
-
declare interface UseMutationOptions<TArgs extends any[], TReturn> {
|
|
2484
|
-
fn: Mutation<TArgs, TReturn>;
|
|
2485
|
-
onError?: (error: Error) => void;
|
|
2486
|
-
onSuccess?: (data: TReturn) => void;
|
|
2487
|
-
onFinish?: () => void;
|
|
2488
|
-
}
|
|
2489
|
-
|
|
2490
|
-
declare interface UseMutationReturn<TArgs extends any[], TReturn> {
|
|
2491
|
-
mutate: Mutation<TArgs, TReturn>;
|
|
2492
|
-
loading: boolean;
|
|
2493
|
-
error: Error | null;
|
|
2494
|
-
data: TReturn | null;
|
|
2495
|
-
}
|
|
2496
|
-
|
|
2497
|
-
export declare function useObject<T extends GenericObject_2>(): MaybeReturn<T>;
|
|
2498
|
-
|
|
2499
|
-
export declare function useObject<T extends GenericObject_2>(initialValue: T): Return<T>;
|
|
2500
|
-
|
|
2501
|
-
export declare function usePagination({ totalItems, pageSize, currentPage: currentPageProp, defaultCurrentPage, onCurrentPageChange, initialCurrentPage, onChange, }: usePaginationProps): {
|
|
2502
|
-
next: () => void;
|
|
2503
|
-
prev: () => void;
|
|
2504
|
-
goTo: (page: number) => void;
|
|
2505
|
-
currentPage: number;
|
|
2506
|
-
maxPage: number;
|
|
2507
|
-
isFirstPage: boolean;
|
|
2508
|
-
isLastPage: boolean;
|
|
2509
|
-
range: {
|
|
2510
|
-
start: number;
|
|
2511
|
-
end: number;
|
|
2512
|
-
};
|
|
2513
|
-
};
|
|
2514
|
-
|
|
2515
|
-
export declare type usePaginationProps = {
|
|
2516
|
-
/**
|
|
2517
|
-
* Cantidad total de elementos
|
|
2518
|
-
*/
|
|
2519
|
-
totalItems: number;
|
|
2520
|
-
/**
|
|
2521
|
-
* Cantidad de elementos por página
|
|
2522
|
-
*/
|
|
2523
|
-
pageSize: number;
|
|
2524
|
-
/**
|
|
2525
|
-
* Página controlada
|
|
2526
|
-
*/
|
|
2527
|
-
currentPage?: number;
|
|
2528
|
-
/**
|
|
2529
|
-
* Página inicial (uncontrolled)
|
|
2530
|
-
*/
|
|
2531
|
-
defaultCurrentPage?: number;
|
|
2532
|
-
/**
|
|
2533
|
-
* Callback cuando cambia la página
|
|
2534
|
-
*/
|
|
2535
|
-
onCurrentPageChange?: (page: number) => void;
|
|
2536
|
-
/**
|
|
2537
|
-
* @deprecated Usá `defaultCurrentPage`
|
|
2538
|
-
*/
|
|
2539
|
-
initialCurrentPage?: number;
|
|
2540
|
-
/**
|
|
2541
|
-
* @deprecated Usá `onCurrentPageChange`
|
|
2542
|
-
*/
|
|
2543
|
-
onChange?: (value: {
|
|
2544
|
-
currentPage: number;
|
|
2545
|
-
pageSize: number;
|
|
2546
|
-
}) => void;
|
|
2547
|
-
};
|
|
2548
|
-
|
|
2549
|
-
export declare function usePortal(id: string): {
|
|
2550
|
-
render: (children: ReactNode) => ReactPortal | null;
|
|
2551
|
-
};
|
|
2552
|
-
|
|
2553
|
-
export declare function usePreventCloseWindow({ shouldPrevent, message, }: UsePreventUnloadProps): void;
|
|
2554
|
-
|
|
2555
|
-
declare interface UsePreventUnloadProps {
|
|
2556
|
-
/**
|
|
2557
|
-
* Propiedad que determina si la ventana se puede cerrar o no
|
|
2558
|
-
*/
|
|
2559
|
-
shouldPrevent: boolean;
|
|
2560
|
-
/**
|
|
2561
|
-
* Mensaje que se va a mostrar al usuario antes de cerrar la ventana
|
|
2562
|
-
* @deprecated ya no es soportado por los navegadores modernos
|
|
2563
|
-
*/
|
|
2564
|
-
message?: string;
|
|
2565
|
-
}
|
|
2566
|
-
|
|
2567
|
-
export declare const useRangePagination: ({ siblingCount, ...paginationProps }: useRangePaginationProps) => {
|
|
2568
|
-
paginationRange: (string | number)[];
|
|
2569
|
-
next: () => void;
|
|
2570
|
-
prev: () => void;
|
|
2571
|
-
goTo: (page: number) => void;
|
|
2572
|
-
currentPage: number;
|
|
2573
|
-
maxPage: number;
|
|
2574
|
-
isFirstPage: boolean;
|
|
2575
|
-
isLastPage: boolean;
|
|
2576
|
-
range: {
|
|
2577
|
-
start: number;
|
|
2578
|
-
end: number;
|
|
2579
|
-
};
|
|
2580
|
-
};
|
|
2581
|
-
|
|
2582
|
-
export declare type useRangePaginationProps = {
|
|
2583
|
-
/**
|
|
2584
|
-
* Cantidad de elementos visibles al lado de la pagina actual
|
|
2585
|
-
*/
|
|
2586
|
-
siblingCount?: number;
|
|
2587
|
-
} & usePaginationProps;
|
|
2588
|
-
|
|
2589
|
-
export declare function useSelection<T>(items: T[]): Return_2<T>;
|
|
2590
|
-
|
|
2591
|
-
export declare function useStep<T = ReactNode>(steps: T[], amountSteps?: number): Return_3<T>;
|
|
2592
|
-
|
|
2593
|
-
export declare function useStepItem(): StepItemContextValue;
|
|
2594
|
-
|
|
2595
|
-
export declare function useStepper(): StepperContextValue;
|
|
2596
|
-
|
|
2597
|
-
export declare const useTheme: () => {
|
|
2598
|
-
theme: Theme;
|
|
2599
|
-
};
|
|
2600
|
-
|
|
2601
|
-
/**
|
|
2602
|
-
* Hook que permite obtener y combinar las propiedades de un componente con las del tema.
|
|
2603
|
-
*
|
|
2604
|
-
* El orden de prioridad de las propiedades es:
|
|
2605
|
-
* 1. Props pasadas directamente al componente
|
|
2606
|
-
* 2. Props definidas en el ThemeProvider
|
|
2607
|
-
* 3. Props por defecto del componente
|
|
2608
|
-
*/
|
|
2609
|
-
export declare const useThemeProps: <TComponent extends keyof Theme, TProps>(componentName: TComponent, props: TProps, defaultProps?: Partial<TProps>) => TProps;
|
|
2610
|
-
|
|
2611
|
-
export declare function useToastManager(): {
|
|
2612
|
-
toasts: ToastOptions<any>[];
|
|
2613
|
-
add: (<T extends any = any>(options: ToastManagerAddOptions_2<T>) => string) & ((options: ToastManagerAddOptions<any>) => any);
|
|
2614
|
-
close: ((toastId?: string) => void) & ((id?: string) => any);
|
|
2615
|
-
update: (<T extends any = any>(toastId: string, options: ToastManagerUpdateOptions<T>) => void) & ((id: string, options: Partial<ToastManagerAddOptions<any>>) => any);
|
|
2616
|
-
promise: (<Value, T extends any = any>(promise: Promise<Value>, options: ToastManagerPromiseOptions<Value, T>) => Promise<Value>) & (<T>(promise: Promise<T>, options: {
|
|
2617
|
-
loading: ToastManagerAddOptions<any>;
|
|
2618
|
-
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
2619
|
-
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
2620
|
-
}) => any);
|
|
2621
|
-
};
|
|
2622
|
-
|
|
2623
|
-
export declare function useToggle(initialValue?: boolean): Return_4;
|
|
2624
|
-
|
|
2625
|
-
export declare type ValuesUnion<T extends Record<string, any>> = T[keyof T];
|
|
2626
|
-
|
|
2627
|
-
export { }
|
|
1
|
+
export * from './src/index'
|
|
2
|
+
export {}
|