asheeui 0.6.15 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AsheeUIProvider.d.ts.map +1 -1
- package/dist/AsheeUIProvider.js +29 -24
- package/dist/components/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/accordion/Accordion.js +81 -173
- package/dist/components/accordion/accordion-config.js +12 -13
- package/dist/components/accordion/accordion-styles.js +21 -24
- package/dist/components/alert/Alert.d.ts +88 -0
- package/dist/components/alert/Alert.d.ts.map +1 -0
- package/dist/components/alert/Alert.js +61 -0
- package/dist/components/alert/alert-config.d.ts +56 -0
- package/dist/components/alert/alert-config.d.ts.map +1 -0
- package/dist/components/alert/alert-config.js +14 -0
- package/dist/components/alert/alert-styles.d.ts +32 -0
- package/dist/components/alert/alert-styles.d.ts.map +1 -0
- package/dist/components/alert/alert-styles.js +20 -0
- package/dist/components/alert/index.d.ts +3 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +3 -0
- package/dist/components/autocomplete/Autocomplete.d.ts +6 -6
- package/dist/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/autocomplete/Autocomplete.js +114 -136
- package/dist/components/autocomplete/autocomplete-config.d.ts +1 -1
- package/dist/components/autocomplete/autocomplete-config.d.ts.map +1 -1
- package/dist/components/autocomplete/autocomplete-config.js +7 -12
- package/dist/components/avatar/Avatar.d.ts +87 -0
- package/dist/components/avatar/Avatar.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.js +43 -0
- package/dist/components/avatar/avatar-config.d.ts +48 -0
- package/dist/components/avatar/avatar-config.d.ts.map +1 -0
- package/dist/components/avatar/avatar-config.js +14 -0
- package/dist/components/avatar/avatar-styles.d.ts +21 -0
- package/dist/components/avatar/avatar-styles.d.ts.map +1 -0
- package/dist/components/avatar/avatar-styles.js +13 -0
- package/dist/components/avatar/avatar.helpers.d.ts +19 -0
- package/dist/components/avatar/avatar.helpers.d.ts.map +1 -0
- package/dist/components/avatar/avatar.helpers.js +11 -0
- package/dist/components/avatar/index.d.ts +3 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/index.js +4 -0
- package/dist/components/badge/Badge.d.ts +69 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/badge/Badge.js +39 -0
- package/dist/components/badge/badge-config.d.ts +63 -0
- package/dist/components/badge/badge-config.d.ts.map +1 -0
- package/dist/components/badge/badge-config.js +15 -0
- package/dist/components/badge/badge-styles.d.ts +27 -0
- package/dist/components/badge/badge-styles.d.ts.map +1 -0
- package/dist/components/badge/badge-styles.js +25 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +3 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +106 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb/Breadcrumb.js +52 -0
- package/dist/components/breadcrumb/breadcrumb-config.d.ts +41 -0
- package/dist/components/breadcrumb/breadcrumb-config.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-config.js +10 -0
- package/dist/components/breadcrumb/breadcrumb-styles.d.ts +28 -0
- package/dist/components/breadcrumb/breadcrumb-styles.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-styles.js +17 -0
- package/dist/components/breadcrumb/index.d.ts +3 -0
- package/dist/components/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/breadcrumb/index.js +3 -0
- package/dist/components/button/Button.d.ts +29 -1
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +50 -108
- package/dist/components/button/button-config.js +16 -17
- package/dist/components/button/button-styles.js +10 -11
- package/dist/components/{date-picker/DatePicker.d.ts → calendar/Calendar.d.ts} +22 -22
- package/dist/components/calendar/Calendar.d.ts.map +1 -0
- package/dist/components/calendar/Calendar.js +123 -0
- package/dist/components/{date-picker/Calendar.d.ts → calendar/DateGrid.d.ts} +7 -7
- package/dist/components/calendar/DateGrid.d.ts.map +1 -0
- package/dist/components/calendar/DateGrid.js +194 -0
- package/dist/components/calendar/TimeSpinner.d.ts.map +1 -0
- package/dist/components/calendar/TimeSpinner.js +60 -0
- package/dist/components/{date-picker/date-picker-config.d.ts → calendar/calendar-config.d.ts} +17 -17
- package/dist/components/calendar/calendar-config.d.ts.map +1 -0
- package/dist/components/calendar/calendar-config.js +15 -0
- package/dist/components/{date-picker/date-picker-styles.d.ts → calendar/calendar-styles.d.ts} +1 -1
- package/dist/components/calendar/calendar-styles.d.ts.map +1 -0
- package/dist/components/calendar/calendar-styles.js +46 -0
- package/dist/components/{date-picker/date-picker.helpers.d.ts → calendar/calendar.helpers.d.ts} +9 -9
- package/dist/components/calendar/calendar.helpers.d.ts.map +1 -0
- package/dist/components/calendar/calendar.helpers.js +82 -0
- package/dist/components/calendar/index.d.ts +3 -0
- package/dist/components/calendar/index.d.ts.map +1 -0
- package/dist/components/calendar/index.js +6 -0
- package/dist/components/card/Card.d.ts +36 -16
- package/dist/components/card/Card.d.ts.map +1 -1
- package/dist/components/card/Card.js +115 -205
- package/dist/components/card/card-config.js +24 -21
- package/dist/components/card/card-styles.js +19 -22
- package/dist/components/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/carousel/Carousel.js +125 -248
- package/dist/components/carousel/carousel-config.js +24 -25
- package/dist/components/carousel/carousel-styles.d.ts +1 -20
- package/dist/components/carousel/carousel-styles.d.ts.map +1 -1
- package/dist/components/carousel/carousel-styles.js +14 -16
- package/dist/components/chip/Chip.js +84 -191
- package/dist/components/chip/chip-config.js +13 -14
- package/dist/components/chip/chip-styles.js +22 -26
- package/dist/components/drawer/Drawer.d.ts +33 -11
- package/dist/components/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.js +70 -131
- package/dist/components/drawer/drawer-config.js +14 -15
- package/dist/components/drawer/drawer-styles.js +38 -42
- package/dist/components/{select/Select.d.ts → dropmenu/Dropmenu.d.ts} +22 -21
- package/dist/components/dropmenu/Dropmenu.d.ts.map +1 -0
- package/dist/components/dropmenu/Dropmenu.js +102 -0
- package/dist/components/{select/select-config.d.ts → dropmenu/dropmenu-config.d.ts} +8 -8
- package/dist/components/dropmenu/dropmenu-config.d.ts.map +1 -0
- package/dist/components/dropmenu/dropmenu-config.js +9 -0
- package/dist/components/{select/select-styles.d.ts → dropmenu/dropmenu-styles.d.ts} +1 -1
- package/dist/components/dropmenu/dropmenu-styles.d.ts.map +1 -0
- package/dist/components/dropmenu/dropmenu-styles.js +6 -0
- package/dist/components/dropmenu/index.d.ts +3 -0
- package/dist/components/dropmenu/index.d.ts.map +1 -0
- package/dist/components/dropmenu/index.js +3 -0
- package/dist/components/field/FieldShell.d.ts +13 -1
- package/dist/components/field/FieldShell.d.ts.map +1 -1
- package/dist/components/field/FieldShell.js +50 -56
- package/dist/components/field/field-config.js +17 -18
- package/dist/components/field/field-styles.js +8 -8
- package/dist/components/form/Form.d.ts +109 -0
- package/dist/components/form/Form.d.ts.map +1 -0
- package/dist/components/form/Form.js +42 -0
- package/dist/components/form/form-config.d.ts +57 -0
- package/dist/components/form/form-config.d.ts.map +1 -0
- package/dist/components/form/form-config.js +12 -0
- package/dist/components/form/form-styles.d.ts +27 -0
- package/dist/components/form/form-styles.d.ts.map +1 -0
- package/dist/components/form/form-styles.js +5 -0
- package/dist/components/form/index.d.ts +3 -0
- package/dist/components/form/index.d.ts.map +1 -0
- package/dist/components/form/index.js +3 -0
- package/dist/components/image/Image.d.ts +8 -9
- package/dist/components/image/Image.d.ts.map +1 -1
- package/dist/components/image/Image.js +65 -132
- package/dist/components/image/image-config.js +17 -18
- package/dist/components/image/image-styles.js +14 -15
- package/dist/components/input/Input.js +65 -150
- package/dist/components/input/PasswordInput.js +30 -49
- package/dist/components/input/input-config.js +7 -7
- package/dist/components/input/input-styles.js +9 -10
- package/dist/components/keyboard/KeyboardContext.js +10 -11
- package/dist/components/keyboard/KeyboardProvider.js +100 -181
- package/dist/components/keyboard/OnScreenKeyboard.d.ts.map +1 -1
- package/dist/components/keyboard/OnScreenKeyboard.js +159 -166
- package/dist/components/keyboard/keyboard-config.js +59 -57
- package/dist/components/keyboard/keyboard-styles.js +10 -11
- package/dist/components/keyboard/use-keyboard-field.js +29 -21
- package/dist/components/link/Link.d.ts +12 -10
- package/dist/components/link/Link.d.ts.map +1 -1
- package/dist/components/link/Link.js +47 -137
- package/dist/components/link/link-config.js +14 -15
- package/dist/components/link/link-styles.js +25 -29
- package/dist/components/marquee/Marquee.d.ts.map +1 -1
- package/dist/components/marquee/Marquee.js +58 -144
- package/dist/components/marquee/marquee-config.js +18 -19
- package/dist/components/marquee/marquee-styles.js +13 -15
- package/dist/components/{select-menu/SelectMenu.d.ts → menu/Menu.d.ts} +52 -19
- package/dist/components/menu/Menu.d.ts.map +1 -0
- package/dist/components/menu/Menu.js +161 -0
- package/dist/components/menu/index.d.ts +5 -0
- package/dist/components/menu/index.d.ts.map +1 -0
- package/dist/components/menu/index.js +4 -0
- package/dist/components/{select-menu/select-menu-config.d.ts → menu/menu-config.d.ts} +5 -5
- package/dist/components/menu/menu-config.d.ts.map +1 -0
- package/dist/components/menu/menu-config.js +14 -0
- package/dist/components/menu/menu-navigation.d.ts +38 -0
- package/dist/components/menu/menu-navigation.d.ts.map +1 -0
- package/dist/components/menu/menu-navigation.js +20 -0
- package/dist/components/{select-menu/use-select-floating.d.ts → menu/use-menu-floating.d.ts} +20 -10
- package/dist/components/menu/use-menu-floating.d.ts.map +1 -0
- package/dist/components/menu/use-menu-floating.js +43 -0
- package/dist/components/modal/Modal.d.ts +32 -11
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +74 -137
- package/dist/components/modal/modal-config.js +15 -16
- package/dist/components/modal/modal-styles.js +13 -14
- package/dist/components/multi-select/MultiSelect.d.ts +29 -12
- package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
- package/dist/components/multi-select/MultiSelect.js +162 -283
- package/dist/components/multi-select/multi-select-config.d.ts +24 -19
- package/dist/components/multi-select/multi-select-config.d.ts.map +1 -1
- package/dist/components/multi-select/multi-select-config.js +18 -21
- package/dist/components/multi-select/multi-select-styles.js +17 -20
- package/dist/components/pagination/Pagination.d.ts +91 -0
- package/dist/components/pagination/Pagination.d.ts.map +1 -0
- package/dist/components/pagination/Pagination.js +66 -0
- package/dist/components/pagination/index.d.ts +3 -0
- package/dist/components/pagination/index.d.ts.map +1 -0
- package/dist/components/pagination/index.js +4 -0
- package/dist/components/pagination/pagination-config.d.ts +66 -0
- package/dist/components/pagination/pagination-config.d.ts.map +1 -0
- package/dist/components/pagination/pagination-config.js +19 -0
- package/dist/components/pagination/pagination-styles.d.ts +19 -0
- package/dist/components/pagination/pagination-styles.d.ts.map +1 -0
- package/dist/components/pagination/pagination-styles.js +5 -0
- package/dist/components/pagination/pagination.helpers.d.ts +26 -0
- package/dist/components/pagination/pagination.helpers.d.ts.map +1 -0
- package/dist/components/pagination/pagination.helpers.js +12 -0
- package/dist/components/radio/Radio.d.ts +53 -107
- package/dist/components/radio/Radio.d.ts.map +1 -1
- package/dist/components/radio/Radio.js +56 -79
- package/dist/components/radio/RadioGroup.d.ts +107 -53
- package/dist/components/radio/RadioGroup.d.ts.map +1 -1
- package/dist/components/radio/RadioGroup.js +51 -155
- package/dist/components/radio/index.d.ts +0 -1
- package/dist/components/radio/index.d.ts.map +1 -1
- package/dist/components/radio/radio-config.js +15 -16
- package/dist/components/radio/radio-context.js +6 -6
- package/dist/components/radio/radio-styles.js +55 -60
- package/dist/components/resizable-screen/ResizableScreen.d.ts +4 -4
- package/dist/components/resizable-screen/ResizableScreen.js +87 -177
- package/dist/components/resizable-screen/resizable-screen-config.js +16 -17
- package/dist/components/scrollbar/index.js +1 -0
- package/dist/components/scrollbar/scrollbar-config.js +13 -0
- package/dist/components/sidebar/Sidebar.d.ts +43 -22
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.js +148 -331
- package/dist/components/sidebar/sidebar-config.d.ts +98 -31
- package/dist/components/sidebar/sidebar-config.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar-config.js +47 -33
- package/dist/components/sidebar/sidebar-styles.js +27 -32
- package/dist/components/skeleton/Skeleton.d.ts +65 -0
- package/dist/components/skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/skeleton/Skeleton.js +29 -0
- package/dist/components/skeleton/index.d.ts +3 -0
- package/dist/components/skeleton/index.d.ts.map +1 -0
- package/dist/components/skeleton/index.js +3 -0
- package/dist/components/skeleton/skeleton-config.d.ts +40 -0
- package/dist/components/skeleton/skeleton-config.d.ts.map +1 -0
- package/dist/components/skeleton/skeleton-config.js +13 -0
- package/dist/components/skeleton/skeleton-styles.d.ts +19 -0
- package/dist/components/skeleton/skeleton-styles.d.ts.map +1 -0
- package/dist/components/skeleton/skeleton-styles.js +5 -0
- package/dist/components/spinner/spinner-config.js +12 -13
- package/dist/components/spinner/spinner-styles.js +13 -14
- package/dist/components/spinner/spinner.js +39 -82
- package/dist/components/switch/Switch.d.ts.map +1 -1
- package/dist/components/switch/Switch.js +64 -154
- package/dist/components/switch/switch-config.js +11 -12
- package/dist/components/switch/switch-styles.js +14 -16
- package/dist/components/table/Table.js +64 -186
- package/dist/components/table/table-config.js +17 -18
- package/dist/components/table/table-styles.js +48 -52
- package/dist/components/tabs/Tabs.d.ts +16 -8
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +93 -208
- package/dist/components/tabs/tabs-config.d.ts +42 -20
- package/dist/components/tabs/tabs-config.d.ts.map +1 -1
- package/dist/components/tabs/tabs-config.js +26 -18
- package/dist/components/tabs/tabs-styles.js +15 -17
- package/dist/components/textarea/Textarea.d.ts +10 -10
- package/dist/components/textarea/Textarea.js +52 -138
- package/dist/components/textarea/textarea-config.d.ts +2 -2
- package/dist/components/textarea/textarea-config.js +10 -11
- package/dist/components/textarea/textarea-styles.js +9 -10
- package/dist/components/toast/ToastContext.js +22 -26
- package/dist/components/toast/ToastItem.d.ts.map +1 -1
- package/dist/components/toast/ToastItem.js +83 -144
- package/dist/components/toast/ToastProvider.d.ts.map +1 -1
- package/dist/components/toast/ToastProvider.js +128 -190
- package/dist/components/toast/toast-config.js +23 -24
- package/dist/components/toast/toast-styles.js +50 -55
- package/dist/components/toast/use-pausable-timeout.js +17 -13
- package/dist/components/tooltip/Tooltip.d.ts +5 -0
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.js +68 -158
- package/dist/components/tooltip/tooltip-config.d.ts +25 -0
- package/dist/components/tooltip/tooltip-config.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip-config.js +26 -22
- package/dist/components/tooltip/tooltip-styles.js +15 -17
- package/dist/components/typography/Typography.d.ts +60 -0
- package/dist/components/typography/Typography.d.ts.map +1 -0
- package/dist/components/typography/Typography.js +28 -0
- package/dist/components/typography/index.d.ts +3 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/typography/index.js +3 -0
- package/dist/components/typography/typography-config.d.ts +54 -0
- package/dist/components/typography/typography-config.d.ts.map +1 -0
- package/dist/components/typography/typography-config.js +12 -0
- package/dist/components/typography/typography-styles.d.ts +21 -0
- package/dist/components/typography/typography-styles.d.ts.map +1 -0
- package/dist/components/typography/typography-styles.js +19 -0
- package/dist/config/default-config.d.ts.map +1 -1
- package/dist/config/default-config.js +11 -34
- package/dist/config/index.js +1 -0
- package/dist/config/resolve-color.js +23 -23
- package/dist/config/resolve-config.d.ts.map +1 -1
- package/dist/config/resolve-config.js +14 -12
- package/dist/config/validate-config.d.ts +34 -0
- package/dist/config/validate-config.d.ts.map +1 -0
- package/dist/config/validate-config.js +190 -0
- package/dist/icons/ArrowLeftIcon.js +16 -19
- package/dist/icons/CalendarIcon.js +43 -24
- package/dist/icons/CheckIcon.js +16 -19
- package/dist/icons/ChevronDownIcon.js +15 -21
- package/dist/icons/ChevronLeftIcon.js +16 -19
- package/dist/icons/ChevronRightIcon.js +16 -19
- package/dist/icons/ChevronUpIcon.js +16 -19
- package/dist/icons/ClearIcon.js +26 -22
- package/dist/icons/ClockIcon.js +20 -22
- package/dist/icons/CloseIcon.js +26 -22
- package/dist/icons/ErrorIcon.js +16 -19
- package/dist/icons/ExternalLinkIcon.js +25 -23
- package/dist/icons/EyeIcon.js +20 -22
- package/dist/icons/EyeOffIcon.js +21 -22
- package/dist/icons/InfoIcon.js +16 -19
- package/dist/icons/SearchIcon.js +25 -22
- package/dist/icons/WarningIcon.js +16 -19
- package/dist/index.d.ts +15 -17
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +79 -163
- package/dist/libs/context.js +10 -13
- package/dist/libs/index.js +4 -0
- package/dist/libs/registry.js +10 -12
- package/dist/libs/use-body-scroll-lock.d.ts +21 -0
- package/dist/libs/use-body-scroll-lock.d.ts.map +1 -0
- package/dist/libs/use-body-scroll-lock.js +27 -0
- package/dist/libs/use-dialog-overlay.d.ts +21 -0
- package/dist/libs/use-dialog-overlay.d.ts.map +1 -0
- package/dist/libs/use-dialog-overlay.js +21 -0
- package/dist/libs/use-floating-z-index.d.ts +32 -0
- package/dist/libs/use-floating-z-index.d.ts.map +1 -0
- package/dist/libs/use-floating-z-index.js +16 -0
- package/dist/libs/use-isomorphic-layout-effect.js +5 -5
- package/dist/libs/use-prefers-reduced-motion.d.ts +23 -0
- package/dist/libs/use-prefers-reduced-motion.d.ts.map +1 -0
- package/dist/libs/use-prefers-reduced-motion.js +19 -0
- package/dist/scripts/AsheeThemeScript.js +70 -44
- package/dist/shared/index.d.ts +1 -0
- package/dist/shared/index.d.ts.map +1 -1
- package/dist/shared/radius.d.ts.map +1 -1
- package/dist/shared/radius.js +12 -13
- package/dist/shared/typography.d.ts +81 -0
- package/dist/shared/typography.d.ts.map +1 -0
- package/dist/shared/typography.js +137 -0
- package/dist/shared/variant.js +46 -134
- package/dist/theme/color.js +28 -28
- package/dist/theme/controller.d.ts.map +1 -1
- package/dist/theme/controller.js +65 -178
- package/dist/theme/useTheme.js +13 -44
- package/dist/utils/cn.js +7 -7
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -0
- package/dist/utils/merge-object.js +13 -14
- package/dist/utils/resolve-token.js +11 -14
- package/dist/utils/stacking.d.ts +76 -0
- package/dist/utils/stacking.d.ts.map +1 -0
- package/dist/utils/stacking.js +34 -0
- package/package.json +22 -14
- package/dist/components/date-picker/Calendar.d.ts.map +0 -1
- package/dist/components/date-picker/Calendar.js +0 -224
- package/dist/components/date-picker/DatePicker.d.ts.map +0 -1
- package/dist/components/date-picker/DatePicker.js +0 -221
- package/dist/components/date-picker/TimeSpinner.d.ts.map +0 -1
- package/dist/components/date-picker/TimeSpinner.js +0 -84
- package/dist/components/date-picker/date-picker-config.d.ts.map +0 -1
- package/dist/components/date-picker/date-picker-config.js +0 -16
- package/dist/components/date-picker/date-picker-styles.d.ts.map +0 -1
- package/dist/components/date-picker/date-picker-styles.js +0 -47
- package/dist/components/date-picker/date-picker.helpers.d.ts.map +0 -1
- package/dist/components/date-picker/date-picker.helpers.js +0 -110
- package/dist/components/date-picker/index.d.ts +0 -3
- package/dist/components/date-picker/index.d.ts.map +0 -1
- package/dist/components/date-picker/index.js +0 -6
- package/dist/components/select/Select.d.ts.map +0 -1
- package/dist/components/select/Select.js +0 -196
- package/dist/components/select/index.d.ts +0 -3
- package/dist/components/select/index.d.ts.map +0 -1
- package/dist/components/select/index.js +0 -3
- package/dist/components/select/select-config.d.ts.map +0 -1
- package/dist/components/select/select-config.js +0 -10
- package/dist/components/select/select-styles.d.ts.map +0 -1
- package/dist/components/select/select-styles.js +0 -6
- package/dist/components/select-menu/SelectMenu.d.ts.map +0 -1
- package/dist/components/select-menu/SelectMenu.js +0 -198
- package/dist/components/select-menu/index.d.ts +0 -4
- package/dist/components/select-menu/index.d.ts.map +0 -1
- package/dist/components/select-menu/index.js +0 -3
- package/dist/components/select-menu/select-menu-config.d.ts.map +0 -1
- package/dist/components/select-menu/select-menu-config.js +0 -14
- package/dist/components/select-menu/use-select-floating.d.ts.map +0 -1
- package/dist/components/select-menu/use-select-floating.js +0 -50
- /package/dist/components/{date-picker → calendar}/TimeSpinner.d.ts +0 -0
|
@@ -1,6 +1,24 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { ModalConfig } from './modal-config';
|
|
3
|
-
type BaseModalProps = ModalConfig & Omit<HTMLAttributes<HTMLDivElement>, "size">;
|
|
3
|
+
type BaseModalProps = ModalConfig & Omit<HTMLAttributes<HTMLDivElement>, "size" | "content">;
|
|
4
|
+
/**
|
|
5
|
+
* Props for the modal's backdrop overlay.
|
|
6
|
+
*/
|
|
7
|
+
export interface ModalOverlayProps {
|
|
8
|
+
/**
|
|
9
|
+
* Extra classes applied to the backdrop element.
|
|
10
|
+
*/
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Props for the modal's content container.
|
|
15
|
+
*/
|
|
16
|
+
export interface ModalContentProps {
|
|
17
|
+
/**
|
|
18
|
+
* Extra classes applied to the modal content container.
|
|
19
|
+
*/
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
4
22
|
/**
|
|
5
23
|
* Configuration options for the Modal component.
|
|
6
24
|
*/
|
|
@@ -32,24 +50,27 @@ export interface ModalProps extends BaseModalProps {
|
|
|
32
50
|
*/
|
|
33
51
|
height?: string;
|
|
34
52
|
/**
|
|
35
|
-
* Backdrop overlay
|
|
36
|
-
* Extra classes applied to the backdrop element.
|
|
53
|
+
* Backdrop overlay overrides, including its class override.
|
|
37
54
|
*/
|
|
38
|
-
|
|
55
|
+
overlay?: ModalOverlayProps;
|
|
39
56
|
/**
|
|
40
|
-
* Content container
|
|
41
|
-
* Extra classes applied to the modal content container.
|
|
57
|
+
* Content container overrides, including its class override.
|
|
42
58
|
*/
|
|
43
|
-
|
|
59
|
+
content?: ModalContentProps;
|
|
44
60
|
}
|
|
45
61
|
/**
|
|
46
62
|
* A dialog overlay with backdrop, scroll locking, and configurable animations.
|
|
47
63
|
*
|
|
48
64
|
* Modal renders a dialog that appears over the page content with a backdrop.
|
|
49
65
|
* It supports size, position, radius, animation, and behavior options. The
|
|
50
|
-
*
|
|
66
|
+
* dialog renders in a portal, locks body scroll while open, handles Escape key
|
|
51
67
|
* dismissal, and supports click-outside-to-close functionality.
|
|
52
68
|
*
|
|
69
|
+
* While the dialog is open, focus moves into it, cannot leave it, and returns
|
|
70
|
+
* to the element that was focused before it opened. The dialog element is the
|
|
71
|
+
* content box, so a consumer names the dialog with the standard `aria-label` or
|
|
72
|
+
* `aria-labelledby` attribute.
|
|
73
|
+
*
|
|
53
74
|
* The modal manages its own animation states using a two-phase rendering
|
|
54
75
|
* approach: it renders the modal with an enter animation when opened, and
|
|
55
76
|
* plays an exit animation before removing from the DOM when closed.
|
|
@@ -68,8 +89,8 @@ export interface ModalProps extends BaseModalProps {
|
|
|
68
89
|
* @param props.closeOnEscape - Whether pressing Escape closes the modal. Defaults to true.
|
|
69
90
|
* @param props.width - Width override for the modal.
|
|
70
91
|
* @param props.height - Height override for the modal.
|
|
71
|
-
* @param props.
|
|
72
|
-
* @param props.
|
|
92
|
+
* @param props.overlay - Backdrop overlay overrides (className).
|
|
93
|
+
* @param props.content - Content container overrides (className).
|
|
73
94
|
* @param props.children - The modal content.
|
|
74
95
|
*
|
|
75
96
|
* @example
|
|
@@ -118,7 +139,7 @@ export interface ModalProps extends BaseModalProps {
|
|
|
118
139
|
* @see ModalConfig - The configuration type for component defaults.
|
|
119
140
|
* @see useAsheeConfig - Hook for accessing the global configuration.
|
|
120
141
|
*/
|
|
121
|
-
export declare function Modal({ isOpen, onClose, children, width, height, size, position: positionProp, radius, animated: animatedProp, closeOnBackdropClick: closeOnBackdropClickProp, closeOnEscape: closeOnEscapeProp,
|
|
142
|
+
export declare function Modal({ isOpen, onClose, children, width, height, size, position: positionProp, radius, animated: animatedProp, closeOnBackdropClick: closeOnBackdropClickProp, closeOnEscape: closeOnEscapeProp, overlay, content, className, style, ...props }: ModalProps): import("react").JSX.Element | null;
|
|
122
143
|
export declare namespace Modal {
|
|
123
144
|
var displayName: string;
|
|
124
145
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAYf,OAAO,EAEL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,QAAQ,EAAE,YAAY,EACtB,oBAAoB,EAAE,wBAAwB,EAC9C,aAAa,EAAE,iBAAiB,EAChC,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,sCAmMZ;yBApNe,KAAK"}
|
|
@@ -1,139 +1,76 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
else if (r) {
|
|
74
|
-
u(!0);
|
|
75
|
-
const i = setTimeout(() => {
|
|
76
|
-
n(!1);
|
|
77
|
-
}, 200);
|
|
78
|
-
return () => clearTimeout(i);
|
|
79
|
-
} else
|
|
80
|
-
n(!1);
|
|
81
|
-
}, [o, r]), A(() => {
|
|
82
|
-
if (!o || !p || !t) return;
|
|
83
|
-
const i = (H) => {
|
|
84
|
-
H.key === "Escape" && t();
|
|
85
|
-
};
|
|
86
|
-
return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
|
|
87
|
-
}, [o, p, t]), !I) return null;
|
|
88
|
-
const f = () => r ? m ? "animate-backdrop-out" : "animate-backdrop-in" : "", G = () => r ? m ? "animate-modal-out" : "animate-modal-in" : "";
|
|
89
|
-
return /* @__PURE__ */ P(
|
|
90
|
-
"div",
|
|
91
|
-
{
|
|
92
|
-
role: "dialog",
|
|
93
|
-
"aria-modal": "true",
|
|
94
|
-
className: l(
|
|
95
|
-
"fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6 h-screen w-screen scrollbar-hide",
|
|
96
|
-
f()
|
|
97
|
-
),
|
|
98
|
-
children: [
|
|
99
|
-
/* @__PURE__ */ v(
|
|
100
|
-
"button",
|
|
101
|
-
{
|
|
102
|
-
type: "button",
|
|
103
|
-
onClick: T ? t : void 0,
|
|
104
|
-
className: l(
|
|
105
|
-
"fixed inset-0 bg-background/80 backdrop-blur-xs dark:bg-black/70",
|
|
106
|
-
M,
|
|
107
|
-
f()
|
|
108
|
-
)
|
|
109
|
-
}
|
|
110
|
-
),
|
|
111
|
-
/* @__PURE__ */ v(
|
|
112
|
-
"div",
|
|
113
|
-
{
|
|
114
|
-
className: l(
|
|
115
|
-
"relative z-10 w-full bg-background text-foreground overflow-y-auto max-h-[90vh]",
|
|
116
|
-
q,
|
|
117
|
-
F,
|
|
118
|
-
g,
|
|
119
|
-
z,
|
|
120
|
-
G(),
|
|
121
|
-
B
|
|
122
|
-
),
|
|
123
|
-
style: {
|
|
124
|
-
width: d,
|
|
125
|
-
height: L,
|
|
126
|
-
...C
|
|
127
|
-
},
|
|
128
|
-
...D,
|
|
129
|
-
children: w
|
|
130
|
-
}
|
|
131
|
-
)
|
|
132
|
-
]
|
|
133
|
-
}
|
|
134
|
-
);
|
|
2
|
+
"use client";
|
|
3
|
+
import { cn as e } from "../../utils/cn.js";
|
|
4
|
+
import { ASHEE_GLOBAL_LAYER as t } from "../../utils/stacking.js";
|
|
5
|
+
import { RADIUS_CLASS as n } from "../../shared/radius.js";
|
|
6
|
+
import { useAsheeConfig as r } from "../../libs/context.js";
|
|
7
|
+
import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as ee } from "../../utils/resolve-token.js";
|
|
8
|
+
import { useBodyScrollLock as o } from "../../libs/use-body-scroll-lock.js";
|
|
9
|
+
import { useDialogOverlay as s } from "../../libs/use-dialog-overlay.js";
|
|
10
|
+
import { FALLBACK_MODAL_CONFIG as c } from "./modal-config.js";
|
|
11
|
+
import { MODAL_MAX_WIDTH_CLASS as l, MODAL_POSITION_CLASS as u } from "./modal-styles.js";
|
|
12
|
+
import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
|
|
13
|
+
import { jsx as h, jsxs as te } from "react/jsx-runtime";
|
|
14
|
+
import { FloatingFocusManager as g, FloatingPortal as _ } from "@floating-ui/react";
|
|
15
|
+
//#region src/components/modal/Modal.tsx
|
|
16
|
+
function v({ isOpen: v, onClose: y, children: b, width: x, height: S, size: C, position: w, radius: T, animated: E, closeOnBackdropClick: D, closeOnEscape: O, overlay: k, content: A, className: j, style: M, ...N }) {
|
|
17
|
+
let P = r(), F = P.components?.modal, [I, L] = m(!1), [R, z] = m(v), B = i(C, F?.size, void 0, c.size), V = i(w, F?.position, void 0, c.position), H = i(D, F?.closeOnBackdropClick, void 0, c.closeOnBackdropClick), U = i(O, F?.closeOnEscape, void 0, c.closeOnEscape), W = ee(T, F?.radius, P.defaultRadius, c.radius), G = i(E, F?.animated, void 0, c.animated), { context: K, setDialogRef: q } = s(v), J = p(null), Y = d((e) => {
|
|
18
|
+
J.current = e, q(e);
|
|
19
|
+
}, [q]);
|
|
20
|
+
o(v);
|
|
21
|
+
let X = x ? "" : a(B, l, c.size), Z = a(W, n, c.radius), Q = u[V] ?? u.center;
|
|
22
|
+
if (f(() => {
|
|
23
|
+
if (v) L(!1), z(!0);
|
|
24
|
+
else if (G) {
|
|
25
|
+
L(!0);
|
|
26
|
+
let e = setTimeout(() => {
|
|
27
|
+
z(!1);
|
|
28
|
+
}, 200);
|
|
29
|
+
return () => clearTimeout(e);
|
|
30
|
+
} else z(!1);
|
|
31
|
+
}, [v, G]), f(() => {
|
|
32
|
+
if (!v || !U || !y) return;
|
|
33
|
+
let e = (e) => {
|
|
34
|
+
e.key === "Escape" && y();
|
|
35
|
+
};
|
|
36
|
+
return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
|
|
37
|
+
}, [
|
|
38
|
+
v,
|
|
39
|
+
U,
|
|
40
|
+
y
|
|
41
|
+
]), !R) return null;
|
|
42
|
+
let $ = () => G ? I ? "animate-backdrop-out" : "animate-backdrop-in" : "";
|
|
43
|
+
return /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(g, {
|
|
44
|
+
context: K,
|
|
45
|
+
modal: !0,
|
|
46
|
+
initialFocus: J,
|
|
47
|
+
returnFocus: !0,
|
|
48
|
+
closeOnFocusOut: !1,
|
|
49
|
+
children: /* @__PURE__ */ te("div", {
|
|
50
|
+
className: e("fixed inset-0 flex items-center justify-center p-4 sm:p-6 h-screen w-screen scrollbar-hide", $()),
|
|
51
|
+
style: { zIndex: t.overlay },
|
|
52
|
+
children: [/* @__PURE__ */ h("div", {
|
|
53
|
+
"data-ashee-backdrop": "",
|
|
54
|
+
"aria-hidden": "true",
|
|
55
|
+
onClick: H ? y : void 0,
|
|
56
|
+
className: e("fixed inset-0 bg-background/80 backdrop-blur-xs", k?.className, $())
|
|
57
|
+
}), /* @__PURE__ */ h("div", {
|
|
58
|
+
ref: Y,
|
|
59
|
+
role: "dialog",
|
|
60
|
+
"aria-modal": "true",
|
|
61
|
+
tabIndex: -1,
|
|
62
|
+
className: e("relative z-10 w-full bg-background text-foreground overflow-y-auto max-h-[90vh] outline-none", Q, X, Z, A?.className, G ? I ? "animate-modal-out" : "animate-modal-in" : "", j),
|
|
63
|
+
style: {
|
|
64
|
+
width: x,
|
|
65
|
+
height: S,
|
|
66
|
+
...M
|
|
67
|
+
},
|
|
68
|
+
...N,
|
|
69
|
+
children: b
|
|
70
|
+
})]
|
|
71
|
+
})
|
|
72
|
+
}) });
|
|
135
73
|
}
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
};
|
|
74
|
+
v.displayName = "Modal";
|
|
75
|
+
//#endregion
|
|
76
|
+
export { v as Modal };
|
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { registerComponentDefaults as e } from "../../libs/registry.js";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
//#region src/components/modal/modal-config.ts
|
|
4
|
+
var t = {
|
|
5
|
+
size: "md",
|
|
6
|
+
position: "center",
|
|
7
|
+
animated: !0,
|
|
8
|
+
closeOnBackdropClick: !0,
|
|
9
|
+
closeOnEscape: !0
|
|
9
10
|
}, n = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
size: "md",
|
|
12
|
+
position: "center",
|
|
13
|
+
radius: "lg",
|
|
14
|
+
animated: !0,
|
|
15
|
+
closeOnBackdropClick: !0,
|
|
16
|
+
closeOnEscape: !0
|
|
16
17
|
};
|
|
17
18
|
e("modal", t);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
t as defaultModalConfig
|
|
21
|
-
};
|
|
19
|
+
//#endregion
|
|
20
|
+
export { n as FALLBACK_MODAL_CONFIG, t as defaultModalConfig };
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
export {
|
|
14
|
-
m as MODAL_MAX_WIDTH_CLASS,
|
|
15
|
-
l as MODAL_POSITION_CLASS
|
|
2
|
+
//#region src/components/modal/modal-styles.ts
|
|
3
|
+
var e = {
|
|
4
|
+
sm: "max-w-sm",
|
|
5
|
+
md: "max-w-lg",
|
|
6
|
+
lg: "max-w-2xl",
|
|
7
|
+
xl: "max-w-4xl",
|
|
8
|
+
full: "max-w-[calc(100vw-2rem)]"
|
|
9
|
+
}, t = {
|
|
10
|
+
center: "",
|
|
11
|
+
top: "self-start mt-12",
|
|
12
|
+
bottom: "self-end mb-12"
|
|
16
13
|
};
|
|
14
|
+
//#endregion
|
|
15
|
+
export { e as MODAL_MAX_WIDTH_CLASS, t as MODAL_POSITION_CLASS };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { InputProps } from '../input/Input';
|
|
3
|
-
import {
|
|
4
|
-
import { MenuProps } from '../
|
|
5
|
-
import { MultiSelectConfig } from './multi-select-config';
|
|
3
|
+
import { MenuOption } from '../menu';
|
|
4
|
+
import { MenuProps } from '../menu/Menu';
|
|
5
|
+
import { MultiSelectChipConfig, MultiSelectConfig } from './multi-select-config';
|
|
6
6
|
/**
|
|
7
7
|
* Field-related props that MultiSelect inherits from Input.
|
|
8
8
|
* Picked to avoid conflicts with Button-specific props.
|
|
@@ -12,20 +12,31 @@ type MultiSelectFieldProps = Pick<InputProps, "label" | "description" | "message
|
|
|
12
12
|
* Content-related props from Input.
|
|
13
13
|
*/
|
|
14
14
|
type MultiSelectContentProps = Pick<InputProps, "startContent" | "endContent">;
|
|
15
|
+
/**
|
|
16
|
+
* Props for the selected value chips.
|
|
17
|
+
* Extends the chip config with instance-only props.
|
|
18
|
+
*/
|
|
19
|
+
export interface MultiSelectChipProps extends MultiSelectChipConfig {
|
|
20
|
+
/**
|
|
21
|
+
* Class override applied to every selected value chip.
|
|
22
|
+
*/
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
15
25
|
/**
|
|
16
26
|
* Configuration options for the MultiSelect component.
|
|
17
27
|
* Extends field and content props from Input, and MultiSelectConfig for
|
|
18
28
|
* component-specific options. Uses Button for trigger styling.
|
|
19
29
|
*/
|
|
20
|
-
export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectContentProps, Omit<MultiSelectConfig, "menu"> {
|
|
30
|
+
export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectContentProps, Omit<MultiSelectConfig, "menu" | "chip"> {
|
|
21
31
|
/**
|
|
22
32
|
* Available options to select from.
|
|
23
33
|
* Each option must have a label and a unique value.
|
|
24
34
|
*/
|
|
25
|
-
options:
|
|
35
|
+
options: MenuOption[];
|
|
26
36
|
/**
|
|
27
37
|
* Controlled selected values.
|
|
28
|
-
* Array of selected option values.
|
|
38
|
+
* Array of selected option values. When omitted, the component keeps the
|
|
39
|
+
* accumulated selection itself and reports every change through `onChange`.
|
|
29
40
|
*/
|
|
30
41
|
value?: (string | number)[];
|
|
31
42
|
/**
|
|
@@ -36,7 +47,7 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
|
|
|
36
47
|
/**
|
|
37
48
|
* Label shown in the trigger when no items are selected.
|
|
38
49
|
*
|
|
39
|
-
* @default "
|
|
50
|
+
* @default "Dropmenu Options..."
|
|
40
51
|
*/
|
|
41
52
|
InputLabel?: string;
|
|
42
53
|
/**
|
|
@@ -66,7 +77,7 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
|
|
|
66
77
|
* Custom chip options for legacy or external control.
|
|
67
78
|
* When provided, this overrides the derived chips from value.
|
|
68
79
|
*/
|
|
69
|
-
chipOptions?:
|
|
80
|
+
chipOptions?: MenuOption[];
|
|
70
81
|
/**
|
|
71
82
|
* Custom handler for removing a chip.
|
|
72
83
|
* For legacy or external control patterns.
|
|
@@ -76,7 +87,7 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
|
|
|
76
87
|
* Custom handler for adding a chip.
|
|
77
88
|
* For legacy or external control patterns.
|
|
78
89
|
*/
|
|
79
|
-
handleAddChip?: (item:
|
|
90
|
+
handleAddChip?: (item: MenuOption) => void;
|
|
80
91
|
/**
|
|
81
92
|
* Label shown above the chip list.
|
|
82
93
|
*/
|
|
@@ -106,6 +117,12 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
|
|
|
106
117
|
* All menu-related props should be passed through this object.
|
|
107
118
|
*/
|
|
108
119
|
menu?: MenuProps;
|
|
120
|
+
/**
|
|
121
|
+
* Chip configuration overrides including color, size and radius,
|
|
122
|
+
* plus the instance-only chip class override.
|
|
123
|
+
* All chip-related props should be passed through this object.
|
|
124
|
+
*/
|
|
125
|
+
chip?: MultiSelectChipProps;
|
|
109
126
|
}
|
|
110
127
|
/**
|
|
111
128
|
* A multi-select dropdown with search, chips, and configurable styles.
|
|
@@ -131,7 +148,7 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
|
|
|
131
148
|
* @param props.options - Available options to select from.
|
|
132
149
|
* @param props.value - Controlled selected values.
|
|
133
150
|
* @param props.onChange - Callback fired when selection changes.
|
|
134
|
-
* @param props.InputLabel - Label shown in trigger. Defaults to "
|
|
151
|
+
* @param props.InputLabel - Label shown in trigger. Defaults to "Dropmenu Options...".
|
|
135
152
|
* @param props.isSearch - Whether search is enabled. Defaults to true.
|
|
136
153
|
* @param props.searchPlaceholder - Search placeholder. Defaults to "Search...".
|
|
137
154
|
* @param props.searchInputName - Name attribute for the search input. Defaults to "multiselect-search".
|
|
@@ -179,7 +196,7 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
|
|
|
179
196
|
* options={options}
|
|
180
197
|
* value={values}
|
|
181
198
|
* onChange={setValues}
|
|
182
|
-
* label="
|
|
199
|
+
* label="Dropmenu Frameworks"
|
|
183
200
|
* InputLabel="Choose frameworks..."
|
|
184
201
|
* />
|
|
185
202
|
* );
|
|
@@ -208,7 +225,7 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
|
|
|
208
225
|
* @see MultiSelectConfig - The configuration type for component defaults.
|
|
209
226
|
* @see Input - The input component that provides field capabilities.
|
|
210
227
|
* @see Button - The button component used as the trigger.
|
|
211
|
-
* @see
|
|
228
|
+
* @see Menu - The dropdown menu component.
|
|
212
229
|
* @see Chip - The chip component for selected items.
|
|
213
230
|
* @see FieldShell - The wrapper component for label and validation.
|
|
214
231
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,UAAU,EAAmB,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AACpD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAybvB,CAAC"}
|