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,81 +1,58 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
2
|
+
"use client";
|
|
3
|
+
import { cn as e } from "../../utils/cn.js";
|
|
4
|
+
import { RADIUS_CLASS as t } from "../../shared/radius.js";
|
|
5
|
+
import { useAsheeConfig as n } from "../../libs/context.js";
|
|
6
|
+
import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as ee } from "../../utils/resolve-token.js";
|
|
7
7
|
import { FALLBACK_RADIO_CONFIG as a } from "./radio-config.js";
|
|
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
|
-
children: /* @__PURE__ */ e(
|
|
60
|
-
"div",
|
|
61
|
-
{
|
|
62
|
-
ref: C,
|
|
63
|
-
role: "radiogroup",
|
|
64
|
-
className: _(
|
|
65
|
-
"flex",
|
|
66
|
-
f === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
|
|
67
|
-
h
|
|
68
|
-
),
|
|
69
|
-
children: i
|
|
70
|
-
}
|
|
71
|
-
)
|
|
72
|
-
}
|
|
73
|
-
)
|
|
74
|
-
}
|
|
75
|
-
);
|
|
76
|
-
}
|
|
77
|
-
);
|
|
78
|
-
j.displayName = "RadioGroup";
|
|
79
|
-
export {
|
|
80
|
-
j as RadioGroup
|
|
81
|
-
};
|
|
8
|
+
import { useRadioGroupContext as o } from "./radio-context.js";
|
|
9
|
+
import { RADIO_COLOR_CLASS as s, RADIO_FONT_SIZE_CLASS as c, RADIO_GAP_CLASS as l, RADIO_INNER_SIZE_CLASS as te, RADIO_OUTER_SIZE_CLASS as ne, RADIO_STATUS_BORDER_CLASS as u } from "./radio-styles.js";
|
|
10
|
+
import { forwardRef as d, useCallback as f, useId as p, useState as m } from "react";
|
|
11
|
+
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
12
|
+
//#region src/components/radio/Radio.tsx
|
|
13
|
+
var _ = d(({ value: d, size: _, color: v, radius: y, variant: b, status: re, label: x, description: S, id: C, name: w, className: T, style: E, disabled: D, checked: O, defaultChecked: k = !1, onChange: A, ...j }, M) => {
|
|
14
|
+
let N = n(), P = o(), F = N.components?.radio, I = p(), L = C ?? I, R = w ?? P?.name, z = D ?? P?.disabled ?? !1, [B, V] = m(k), H = P ? P.value === d : O ?? B, U = r(_ ?? P?.size, F?.size, void 0, a.size), W = r(b ?? P?.variant, F?.variant, void 0, a.variant), G = r(v ?? P?.color, F?.color, N.defaultColor, a.color), K = re ?? P?.status ?? a.status, q = W === "card", J = ee(y, F?.radius, void 0, a.radius), Y = q && J === "full" ? "xl" : J, X = i(U, ne, a.size), ie = i(U, te, a.size), ae = i(U, c, a.size), oe = i(U, l, a.size), Z = i(J, t, a.radius), se = i(Y, t, "xl"), Q = s[G] ?? s.primary, $ = u[K] ?? u.default, ce = f((e) => {
|
|
15
|
+
z || (P ? P.onChange?.(d) : O === void 0 && V(!0), A?.(e.target.checked, d, e));
|
|
16
|
+
}, [
|
|
17
|
+
O,
|
|
18
|
+
P,
|
|
19
|
+
z,
|
|
20
|
+
A,
|
|
21
|
+
d
|
|
22
|
+
]);
|
|
23
|
+
return /* @__PURE__ */ g("label", {
|
|
24
|
+
className: e("relative inline-flex items-start select-none cursor-pointer transition-all duration-150 shrink-0", oe, q ? e("p-3 border bg-background", se) : "", q && (H ? `${Q.border} ${Q.cardBg}` : $), z && "opacity-50 pointer-events-none cursor-not-allowed", T),
|
|
25
|
+
style: E,
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ h("input", {
|
|
28
|
+
ref: M,
|
|
29
|
+
id: L,
|
|
30
|
+
type: "radio",
|
|
31
|
+
name: R,
|
|
32
|
+
value: d,
|
|
33
|
+
checked: H,
|
|
34
|
+
disabled: z,
|
|
35
|
+
onChange: ce,
|
|
36
|
+
className: "sr-only peer",
|
|
37
|
+
...j
|
|
38
|
+
}),
|
|
39
|
+
/* @__PURE__ */ h("div", {
|
|
40
|
+
className: e("shrink-0 flex items-center justify-center border-2 transition-all duration-150 mt-0.5", "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2", X, Z, H ? Q.border : $),
|
|
41
|
+
children: /* @__PURE__ */ h("span", { className: e(ie, Z, Q.bg, "transition-all duration-200 ease-in-out transform-gpu", H ? "scale-100 opacity-100" : "scale-0 opacity-0") })
|
|
42
|
+
}),
|
|
43
|
+
(x || S) && /* @__PURE__ */ g("div", {
|
|
44
|
+
className: "flex flex-col min-w-0",
|
|
45
|
+
children: [x && /* @__PURE__ */ h("span", {
|
|
46
|
+
className: e("font-medium text-foreground leading-snug", ae),
|
|
47
|
+
children: x
|
|
48
|
+
}), S && /* @__PURE__ */ h("span", {
|
|
49
|
+
className: "text-xs sm:text-sm text-foreground/70 leading-snug mt-0.5",
|
|
50
|
+
children: S
|
|
51
|
+
})]
|
|
52
|
+
})
|
|
53
|
+
]
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
_.displayName = "Radio";
|
|
57
|
+
//#endregion
|
|
58
|
+
export { _ as Radio };
|
|
@@ -1,90 +1,144 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { Color } from '../../shared';
|
|
3
|
+
import { FieldSizeKey, FieldStatus, LabelAlign } from '../field/field-config';
|
|
4
|
+
import { RadioVariant } from './radio-config';
|
|
4
5
|
/**
|
|
5
|
-
* Configuration options for the
|
|
6
|
+
* Configuration options for the RadioGroup component.
|
|
6
7
|
*/
|
|
7
|
-
export interface
|
|
8
|
+
export interface RadioGroupProps {
|
|
8
9
|
/**
|
|
9
|
-
*
|
|
10
|
-
* Used to identify which radio is selected in a group.
|
|
10
|
+
* Radio components to render inside the group.
|
|
11
11
|
*/
|
|
12
|
-
|
|
12
|
+
children: ReactNode;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
14
|
+
* Name attribute for all radio inputs in the group.
|
|
15
|
+
* Auto-generated if not provided.
|
|
16
16
|
*/
|
|
17
|
-
|
|
17
|
+
name?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Controlled selected value.
|
|
20
|
+
*/
|
|
21
|
+
value?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Uncontrolled initial selected value.
|
|
24
|
+
*/
|
|
25
|
+
defaultValue?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Callback fired when the selection changes.
|
|
28
|
+
* Receives the new selected value.
|
|
29
|
+
*/
|
|
30
|
+
onChange?: (value: string) => void;
|
|
31
|
+
/**
|
|
32
|
+
* Size scale for all radios in the group.
|
|
33
|
+
* @default "md"
|
|
34
|
+
*/
|
|
35
|
+
size?: FieldSizeKey;
|
|
36
|
+
/**
|
|
37
|
+
* Theme accent color for all radios in the group.
|
|
38
|
+
* @default "primary"
|
|
39
|
+
*/
|
|
40
|
+
color?: Color;
|
|
41
|
+
/**
|
|
42
|
+
* Visual style variant for all radios in the group.
|
|
43
|
+
* @default "default"
|
|
44
|
+
*/
|
|
45
|
+
variant?: RadioVariant;
|
|
46
|
+
/**
|
|
47
|
+
* Layout orientation of the radio group.
|
|
48
|
+
* - `horizontal`: Radios are laid out in a row.
|
|
49
|
+
* - `vertical`: Radios are laid out in a column.
|
|
50
|
+
* @default "vertical"
|
|
51
|
+
*/
|
|
52
|
+
orientation?: "horizontal" | "vertical";
|
|
53
|
+
/**
|
|
54
|
+
* Validation status for the group.
|
|
55
|
+
* @default "default"
|
|
56
|
+
*/
|
|
57
|
+
status?: FieldStatus;
|
|
58
|
+
/**
|
|
59
|
+
* Label text for the group.
|
|
60
|
+
*/
|
|
61
|
+
label?: string;
|
|
62
|
+
/**
|
|
63
|
+
* Alignment of the label relative to the group.
|
|
64
|
+
* @default "left"
|
|
65
|
+
*/
|
|
66
|
+
labelAlign?: LabelAlign;
|
|
18
67
|
/**
|
|
19
68
|
* Description text shown below the label.
|
|
20
|
-
* Provides additional context for the option.
|
|
21
69
|
*/
|
|
22
|
-
description?:
|
|
70
|
+
description?: string;
|
|
71
|
+
/**
|
|
72
|
+
* Validation message shown below the group.
|
|
73
|
+
*/
|
|
74
|
+
message?: string;
|
|
23
75
|
/**
|
|
24
|
-
* Whether the
|
|
25
|
-
*
|
|
76
|
+
* Whether the field is required.
|
|
77
|
+
* @default false
|
|
26
78
|
*/
|
|
27
|
-
|
|
79
|
+
required?: boolean;
|
|
28
80
|
/**
|
|
29
|
-
* Whether the
|
|
30
|
-
* For uncontrolled usage.
|
|
81
|
+
* Whether all radios in the group are disabled.
|
|
31
82
|
* @default false
|
|
32
83
|
*/
|
|
33
|
-
|
|
84
|
+
disabled?: boolean;
|
|
34
85
|
/**
|
|
35
|
-
*
|
|
36
|
-
* Receives the checked state, value, and the change event.
|
|
86
|
+
* Extra CSS classes for the group container.
|
|
37
87
|
*/
|
|
38
|
-
|
|
88
|
+
className?: string;
|
|
39
89
|
}
|
|
40
90
|
/**
|
|
41
|
-
* A
|
|
42
|
-
*
|
|
43
|
-
* Radio renders a circular radio button with an optional label and
|
|
44
|
-
* description. It supports controlled and uncontrolled usage, validation
|
|
45
|
-
* states, and the standard AsheeUI cascade for visual tokens. When used
|
|
46
|
-
* within a RadioGroup, it inherits shared props from the group context.
|
|
91
|
+
* A group of radio buttons that manages shared state and layout.
|
|
47
92
|
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
93
|
+
* RadioGroup wraps multiple Radio components and provides a consistent
|
|
94
|
+
* context for shared props like name, value, size, color, and disabled
|
|
95
|
+
* state. It also handles labeling, validation, and layout through the
|
|
96
|
+
* FieldShell component.
|
|
50
97
|
*
|
|
51
|
-
* @param props -
|
|
52
|
-
* @param props.
|
|
53
|
-
* @param props.
|
|
54
|
-
* @param props.
|
|
55
|
-
* @param props.
|
|
56
|
-
* @param props.
|
|
57
|
-
* @param props.
|
|
58
|
-
* @param props.size - Size scale. Defaults to "md".
|
|
98
|
+
* @param props - RadioGroup configuration options.
|
|
99
|
+
* @param props.children - Radio components to render.
|
|
100
|
+
* @param props.name - Name attribute for all radios.
|
|
101
|
+
* @param props.value - Controlled selected value.
|
|
102
|
+
* @param props.defaultValue - Uncontrolled initial selected value.
|
|
103
|
+
* @param props.onChange - Callback fired when selection changes.
|
|
104
|
+
* @param props.size - Size scale for all radios. Defaults to "md".
|
|
59
105
|
* @param props.color - Theme accent color. Defaults to "primary".
|
|
60
106
|
* @param props.variant - Visual style variant. Defaults to "default".
|
|
61
|
-
* @param props.
|
|
62
|
-
* @param props.status - Validation status.
|
|
63
|
-
* @param props.
|
|
107
|
+
* @param props.orientation - Layout orientation. Defaults to "vertical".
|
|
108
|
+
* @param props.status - Validation status. Defaults to "default".
|
|
109
|
+
* @param props.label - Label text for the group.
|
|
110
|
+
* @param props.labelAlign - Alignment of the label. Defaults to "left".
|
|
111
|
+
* @param props.description - Description text.
|
|
112
|
+
* @param props.message - Validation message.
|
|
113
|
+
* @param props.required - Whether the field is required.
|
|
114
|
+
* @param props.disabled - Whether all radios are disabled.
|
|
115
|
+
* @param props.className - Extra CSS classes.
|
|
64
116
|
*
|
|
65
117
|
* @example
|
|
66
118
|
* ```tsx
|
|
67
|
-
* import { Radio } from "asheeui";
|
|
119
|
+
* import { Radio, RadioGroup } from "asheeui";
|
|
68
120
|
* import { useState } from "react";
|
|
69
121
|
*
|
|
70
122
|
* export function Example() {
|
|
71
|
-
* const [
|
|
123
|
+
* const [value, setValue] = useState("option-1");
|
|
72
124
|
*
|
|
73
125
|
* return (
|
|
74
|
-
* <
|
|
75
|
-
*
|
|
76
|
-
*
|
|
77
|
-
*
|
|
78
|
-
*
|
|
79
|
-
*
|
|
80
|
-
*
|
|
126
|
+
* <RadioGroup
|
|
127
|
+
* label="Choose an option"
|
|
128
|
+
* value={value}
|
|
129
|
+
* onChange={setValue}
|
|
130
|
+
* orientation="horizontal"
|
|
131
|
+
* >
|
|
132
|
+
* <Radio value="option-1" label="Option 1" />
|
|
133
|
+
* <Radio value="option-2" label="Option 2" />
|
|
134
|
+
* <Radio value="option-3" label="Option 3" disabled />
|
|
135
|
+
* </RadioGroup>
|
|
81
136
|
* );
|
|
82
137
|
* }
|
|
83
138
|
* ```
|
|
84
139
|
*
|
|
85
|
-
* @see
|
|
140
|
+
* @see Radio - The individual radio component.
|
|
86
141
|
* @see RadioConfig - The configuration type for component defaults.
|
|
87
142
|
*/
|
|
88
|
-
export declare const
|
|
89
|
-
export {};
|
|
143
|
+
export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
90
144
|
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAQA,OAAO,
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAc,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAKxB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,4GAuGtB,CAAC"}
|
|
@@ -1,156 +1,52 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import { useAsheeConfig as
|
|
5
|
-
import { resolveCascade as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
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
|
-
c,
|
|
54
|
-
ds,
|
|
55
|
-
a.size
|
|
56
|
-
), X = r(
|
|
57
|
-
c,
|
|
58
|
-
cs,
|
|
59
|
-
a.size
|
|
60
|
-
), Y = r(
|
|
61
|
-
c,
|
|
62
|
-
ms,
|
|
63
|
-
a.size
|
|
64
|
-
), g = r(
|
|
65
|
-
c,
|
|
66
|
-
fs,
|
|
67
|
-
a.size
|
|
68
|
-
), _ = r(
|
|
69
|
-
v,
|
|
70
|
-
h,
|
|
71
|
-
a.radius
|
|
72
|
-
), ss = r(
|
|
73
|
-
Q,
|
|
74
|
-
h,
|
|
75
|
-
"xl"
|
|
76
|
-
), m = N[J] ?? N.primary, p = O[M] ?? O.default, es = os(
|
|
77
|
-
(I) => {
|
|
78
|
-
var x;
|
|
79
|
-
l || (s ? (x = s.onChange) == null || x.call(s, t) : S === void 0 && q(!0), n == null || n(I.target.checked, t, I));
|
|
80
|
-
},
|
|
81
|
-
[S, s, l, n, t]
|
|
82
|
-
);
|
|
83
|
-
return /* @__PURE__ */ b(
|
|
84
|
-
"label",
|
|
85
|
-
{
|
|
86
|
-
className: i(
|
|
87
|
-
"relative inline-flex items-start select-none cursor-pointer transition-all duration-150 shrink-0",
|
|
88
|
-
g,
|
|
89
|
-
R ? i("p-3 border bg-background", ss) : "",
|
|
90
|
-
R && (d ? `${m.border} ${m.cardBg}` : p),
|
|
91
|
-
l && "opacity-50 pointer-events-none cursor-not-allowed",
|
|
92
|
-
B
|
|
93
|
-
),
|
|
94
|
-
style: T,
|
|
95
|
-
children: [
|
|
96
|
-
/* @__PURE__ */ o(
|
|
97
|
-
"input",
|
|
98
|
-
{
|
|
99
|
-
ref: G,
|
|
100
|
-
id: $,
|
|
101
|
-
type: "radio",
|
|
102
|
-
name: P,
|
|
103
|
-
value: t,
|
|
104
|
-
checked: d,
|
|
105
|
-
disabled: l,
|
|
106
|
-
onChange: es,
|
|
107
|
-
className: "sr-only peer",
|
|
108
|
-
...F
|
|
109
|
-
}
|
|
110
|
-
),
|
|
111
|
-
/* @__PURE__ */ o(
|
|
112
|
-
"div",
|
|
113
|
-
{
|
|
114
|
-
className: i(
|
|
115
|
-
"shrink-0 flex items-center justify-center border-2 transition-all duration-150 mt-0.5",
|
|
116
|
-
"peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2",
|
|
117
|
-
W,
|
|
118
|
-
_,
|
|
119
|
-
d ? m.border : p
|
|
120
|
-
),
|
|
121
|
-
children: /* @__PURE__ */ o(
|
|
122
|
-
"span",
|
|
123
|
-
{
|
|
124
|
-
className: i(
|
|
125
|
-
X,
|
|
126
|
-
_,
|
|
127
|
-
m.bg,
|
|
128
|
-
"transition-all duration-200 ease-in-out transform-gpu",
|
|
129
|
-
d ? "scale-100 opacity-100" : "scale-0 opacity-0"
|
|
130
|
-
)
|
|
131
|
-
}
|
|
132
|
-
)
|
|
133
|
-
}
|
|
134
|
-
),
|
|
135
|
-
(f || u) && /* @__PURE__ */ b("div", { className: "flex flex-col min-w-0", children: [
|
|
136
|
-
f && /* @__PURE__ */ o(
|
|
137
|
-
"span",
|
|
138
|
-
{
|
|
139
|
-
className: i(
|
|
140
|
-
"font-medium text-foreground leading-snug",
|
|
141
|
-
Y
|
|
142
|
-
),
|
|
143
|
-
children: f
|
|
144
|
-
}
|
|
145
|
-
),
|
|
146
|
-
u && /* @__PURE__ */ o("span", { className: "text-xs sm:text-sm text-foreground/70 leading-snug mt-0.5", children: u })
|
|
147
|
-
] })
|
|
148
|
-
]
|
|
149
|
-
}
|
|
150
|
-
);
|
|
151
|
-
}
|
|
152
|
-
);
|
|
153
|
-
us.displayName = "Radio";
|
|
154
|
-
export {
|
|
155
|
-
us as Radio
|
|
156
|
-
};
|
|
2
|
+
"use client";
|
|
3
|
+
import { cn as e } from "../../utils/cn.js";
|
|
4
|
+
import { useAsheeConfig as t } from "../../libs/context.js";
|
|
5
|
+
import { resolveCascade as n } from "../../utils/resolve-token.js";
|
|
6
|
+
import { FieldShell as r } from "../field/FieldShell.js";
|
|
7
|
+
import { FALLBACK_RADIO_CONFIG as i } from "./radio-config.js";
|
|
8
|
+
import { RadioContext as a } from "./radio-context.js";
|
|
9
|
+
import { forwardRef as o, useCallback as s, useId as c, useState as l } from "react";
|
|
10
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
11
|
+
//#region src/components/radio/RadioGroup.tsx
|
|
12
|
+
var d = o(({ children: o, name: d, value: f, defaultValue: p, onChange: m, size: h, color: g, variant: _, orientation: v = "vertical", status: y, label: b, labelAlign: x, description: S, message: C, required: w, disabled: T, className: E }, D) => {
|
|
13
|
+
let O = t().components?.radio, k = c(), A = d ?? k, [j, M] = l(p), N = f !== void 0, P = N ? f : j, F = s((e) => {
|
|
14
|
+
N || M(e), m?.(e);
|
|
15
|
+
}, [N, m]), I = b ? `${k}-label` : void 0, L = S ? `${k}-description` : void 0, R = C ? `${k}-message` : void 0, z = [L, R].filter(Boolean).join(" ") || void 0, B = y ?? i.status, V = n(x, O?.labelAlign, void 0, i.labelAlign);
|
|
16
|
+
return /* @__PURE__ */ u(r, {
|
|
17
|
+
id: k,
|
|
18
|
+
htmlFor: null,
|
|
19
|
+
labelId: I,
|
|
20
|
+
label: b,
|
|
21
|
+
labelAlign: V,
|
|
22
|
+
description: S,
|
|
23
|
+
descriptionId: L,
|
|
24
|
+
message: C,
|
|
25
|
+
messageId: R,
|
|
26
|
+
status: B,
|
|
27
|
+
required: w,
|
|
28
|
+
children: /* @__PURE__ */ u(a.Provider, {
|
|
29
|
+
value: {
|
|
30
|
+
name: A,
|
|
31
|
+
value: P,
|
|
32
|
+
onChange: F,
|
|
33
|
+
size: h,
|
|
34
|
+
color: g,
|
|
35
|
+
variant: _,
|
|
36
|
+
disabled: T,
|
|
37
|
+
status: B
|
|
38
|
+
},
|
|
39
|
+
children: /* @__PURE__ */ u("div", {
|
|
40
|
+
ref: D,
|
|
41
|
+
role: "radiogroup",
|
|
42
|
+
"aria-labelledby": I,
|
|
43
|
+
"aria-describedby": z,
|
|
44
|
+
className: e("flex", v === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4", E),
|
|
45
|
+
children: o
|
|
46
|
+
})
|
|
47
|
+
})
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
d.displayName = "RadioGroup";
|
|
51
|
+
//#endregion
|
|
52
|
+
export { d as RadioGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { registerComponentDefaults as
|
|
3
|
-
import { FALLBACK_FIELD_CONFIG as
|
|
4
|
-
import { defaultInputConfig as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
t("radio", a);
|
|
15
|
-
export {
|
|
16
|
-
u as FALLBACK_RADIO_CONFIG,
|
|
17
|
-
a as defaultRadioConfig
|
|
2
|
+
import { registerComponentDefaults as e } from "../../libs/registry.js";
|
|
3
|
+
import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
|
|
4
|
+
import { defaultInputConfig as n } from "../input/input-config.js";
|
|
5
|
+
//#region src/components/radio/radio-config.ts
|
|
6
|
+
var r = {
|
|
7
|
+
...n,
|
|
8
|
+
radius: "full",
|
|
9
|
+
variant: "default"
|
|
10
|
+
}, i = {
|
|
11
|
+
...t,
|
|
12
|
+
radius: "full",
|
|
13
|
+
variant: "default"
|
|
18
14
|
};
|
|
15
|
+
e("radio", r);
|
|
16
|
+
//#endregion
|
|
17
|
+
export { i as FALLBACK_RADIO_CONFIG, r as defaultRadioConfig };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
};
|
|
2
|
+
"use client";
|
|
3
|
+
import { createContext as e, useContext as t } from "react";
|
|
4
|
+
//#region src/components/radio/radio-context.ts
|
|
5
|
+
var n = e(null), r = () => t(n);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as RadioContext, r as useRadioGroupContext };
|