@bridge-ui/vue 0.0.10 → 0.0.11
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/Actions/BridgeUIHosts.vue.d.ts +1 -1
- package/dist/Actions/Dialog/BridgeDialogItem.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Dialog/bridgeDialog.types.d.ts +2 -1
- package/dist/Actions/Dialog/createBridgeDialogApi.js +1 -1
- package/dist/Actions/Dialog/useDialogAction.js +1 -1
- package/dist/Actions/Drawer/BridgeDrawerHost.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Drawer/bridgeDrawer.types.d.ts +1 -1
- package/dist/Actions/Drawer/createBridgeDrawerApi.js +1 -1
- package/dist/Actions/Drawer/useDrawerAction.js +1 -1
- package/dist/Actions/Modal/BridgeModalHost.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Modal/bridgeModal.types.d.ts +1 -1
- package/dist/Actions/Modal/createBridgeModalApi.js +1 -1
- package/dist/Actions/Modal/useModalAction.js +1 -1
- package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js +9 -8
- package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js +7 -6
- package/dist/Actions/Snackbar/BridgeSnackbarItem.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Snackbar/bridgeSnackbar.types.d.ts +2 -1
- package/dist/Actions/Snackbar/createBridgeSnackbarApi.js +17 -17
- package/dist/Actions/Snackbar/useSnackbarAction.js +1 -1
- package/dist/Adapters/Date/useDateAdapter.d.ts +1 -1
- package/dist/Adapters/Date/useDateAdapter.js +1 -1
- package/dist/Adapters/I18n/useI18nAdapter.d.ts +1 -1
- package/dist/Adapters/I18n/useI18nAdapter.js +1 -1
- package/dist/Adapters/Icon/iconSource.types.d.ts +1 -1
- package/dist/Adapters/Icon/useIconAdapter.d.ts +1 -1
- package/dist/Components/Accordion/Accordion.vue.d.ts +1 -1
- package/dist/Components/Accordion/accordion.types.d.ts +3 -1
- package/dist/Components/Accordion/accordionInjectionKey.d.ts +1 -1
- package/dist/Components/Accordion/composables/useAccordion.d.ts +3 -2
- package/dist/Components/Accordion/composables/useAccordion.js +22 -21
- package/dist/Components/AccordionItem/accordionItem.types.d.ts +1 -1
- package/dist/Components/AccordionItem/composables/useAccordionItem.d.ts +6 -6
- package/dist/Components/AccordionItem/composables/useAccordionItem.js +15 -14
- package/dist/Components/Alert/alert.types.d.ts +2 -1
- package/dist/Components/Alert/alertDefaultIcons.d.ts +1 -1
- package/dist/Components/Alert/composables/useAlert.d.ts +5 -5
- package/dist/Components/Alert/composables/useAlert.js +26 -26
- package/dist/Components/Autocomplete/Autocomplete.vue.d.ts +9 -6
- package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +15 -6
- package/dist/Components/Autocomplete/autocomplete.types.d.ts +17 -5
- package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +34 -34
- package/dist/Components/Autocomplete/composables/useAutocomplete.js +214 -209
- package/dist/Components/Avatar/avatar.types.d.ts +2 -1
- package/dist/Components/Avatar/composables/useAvatar.d.ts +5 -5
- package/dist/Components/Avatar/composables/useAvatar.js +23 -23
- package/dist/Components/Badge/badge.types.d.ts +2 -1
- package/dist/Components/Badge/composables/useBadge.d.ts +2 -2
- package/dist/Components/Badge/composables/useBadge.js +14 -14
- package/dist/Components/BaseField/baseField.types.d.ts +2 -1
- package/dist/Components/BaseField/composables/useBaseField.d.ts +10 -10
- package/dist/Components/BaseField/composables/useBaseField.js +18 -18
- package/dist/Components/Breadcrumb/breadcrumb.types.d.ts +2 -1
- package/dist/Components/Breadcrumb/composables/useBreadcrumb.d.ts +4 -4
- package/dist/Components/Breadcrumb/composables/useBreadcrumb.js +18 -17
- package/dist/Components/BreadcrumbItem/breadcrumbItem.types.d.ts +1 -1
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts +7 -7
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.js +14 -14
- package/dist/Components/Button/button.types.d.ts +2 -1
- package/dist/Components/Button/composables/useButton.d.ts +8 -8
- package/dist/Components/Button/composables/useButton.js +21 -21
- package/dist/Components/Calendar/Calendar.vue.d.ts +2 -2
- package/dist/Components/Calendar/Calendar.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Components/Calendar/calendar.types.d.ts +3 -1
- package/dist/Components/Calendar/composables/useCalendar.d.ts +14 -12
- package/dist/Components/Calendar/composables/useCalendar.js +81 -80
- package/dist/Components/CalendarDate/CalendarDate.vue.d.ts +2 -2
- package/dist/Components/CalendarDate/calendarDate.types.d.ts +3 -1
- package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts +8 -6
- package/dist/Components/CalendarDate/composables/useCalendarDate.js +45 -44
- package/dist/Components/CalendarMonth/calendarMonth.types.d.ts +2 -1
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts +5 -4
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.js +17 -16
- package/dist/Components/CalendarRange/CalendarRange.vue.d.ts +2 -2
- package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Components/CalendarRange/calendarRange.types.d.ts +3 -1
- package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts +16 -15
- package/dist/Components/CalendarRange/composables/useCalendarRange.js +30 -29
- package/dist/Components/CalendarYear/calendarYear.types.d.ts +2 -1
- package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts +5 -4
- package/dist/Components/CalendarYear/composables/useCalendarYear.js +18 -17
- package/dist/Components/Card/card.types.d.ts +2 -1
- package/dist/Components/Card/composables/useCard.d.ts +6 -6
- package/dist/Components/Card/composables/useCard.js +35 -35
- package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +4 -3
- package/dist/Components/Checkbox/checkbox.types.d.ts +2 -1
- package/dist/Components/Checkbox/composables/useCheckbox.d.ts +10 -10
- package/dist/Components/Checkbox/composables/useCheckbox.js +15 -15
- package/dist/Components/Chip/Chip.vue.d.ts +1 -1
- package/dist/Components/Chip/chip.types.d.ts +2 -1
- package/dist/Components/Chip/composables/useChip.d.ts +4 -4
- package/dist/Components/Chip/composables/useChip.js +9 -9
- package/dist/Components/DateField/DateField.vue.d.ts +6 -1
- package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +38 -29
- package/dist/Components/DateField/composables/useDateField.d.ts +34 -34
- package/dist/Components/DateField/composables/useDateField.js +93 -84
- package/dist/Components/DateField/dateField.types.d.ts +20 -4
- package/dist/Components/DatePicker/DatePicker.vue.d.ts +7 -3
- package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js +15 -6
- package/dist/Components/DatePicker/composables/useDatePicker.d.ts +10 -12
- package/dist/Components/DatePicker/composables/useDatePicker.js +57 -44
- package/dist/Components/DatePicker/datePicker.types.d.ts +49 -32
- package/dist/Components/DateRangeField/DateRangeField.vue.d.ts +6 -1
- package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +58 -49
- package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +34 -34
- package/dist/Components/DateRangeField/composables/useDateRangeField.js +35 -30
- package/dist/Components/DateRangeField/dateRangeField.types.d.ts +20 -4
- package/dist/Components/DateRangePicker/DateRangePicker.vue.d.ts +7 -3
- package/dist/Components/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +14 -5
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts +10 -12
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.js +57 -44
- package/dist/Components/DateRangePicker/dateRangePicker.types.d.ts +19 -2
- package/dist/Components/DateTimeField/DateTimeField.vue.d.ts +5 -0
- package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +38 -29
- package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +32 -32
- package/dist/Components/DateTimeField/composables/useDateTimeField.js +42 -33
- package/dist/Components/DateTimeField/dateTimeField.types.d.ts +20 -4
- package/dist/Components/DateTimePicker/DateTimePicker.vue.d.ts +5 -1
- package/dist/Components/DateTimePicker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +14 -5
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.d.ts +11 -13
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.js +91 -77
- package/dist/Components/DateTimePicker/dateTimePicker.types.d.ts +56 -39
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue.d.ts +6 -1
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +64 -55
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +34 -34
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.js +59 -54
- package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +20 -4
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue.d.ts +7 -3
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js +14 -5
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.d.ts +11 -13
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js +96 -82
- package/dist/Components/DateTimeRangePicker/dateTimeRangePicker.types.d.ts +56 -39
- package/dist/Components/Divider/composables/useDivider.d.ts +3 -3
- package/dist/Components/Divider/composables/useDivider.js +9 -9
- package/dist/Components/Divider/divider.types.d.ts +2 -1
- package/dist/Components/Drawer/Drawer.vue.d.ts +2 -2
- package/dist/Components/Drawer/composables/useDrawer.d.ts +5 -5
- package/dist/Components/Drawer/composables/useDrawer.js +82 -81
- package/dist/Components/Drawer/drawer.types.d.ts +2 -1
- package/dist/Components/FieldOverlay/FieldOverlay.vue.d.ts +1 -1
- package/dist/Components/FieldOverlay/FieldOverlay.vue_vue_type_script_setup_true_lang.js +43 -34
- package/dist/Components/FieldOverlay/composables/useFieldOverlay.d.ts +1 -1
- package/dist/Components/FieldOverlay/composables/useFieldOverlay.js +15 -10
- package/dist/Components/FieldOverlay/fieldOverlay.types.d.ts +1 -1
- package/dist/Components/FieldOverlay/fieldOverlayInjectionKey.d.ts +17 -0
- package/dist/Components/FieldOverlay/fieldOverlayInjectionKey.js +4 -0
- package/dist/Components/FieldOverlay/index.d.ts +1 -0
- package/dist/Components/FieldOverlay/index.js +3 -2
- package/dist/Components/FormControl/composables/useFormControl.d.ts +5 -5
- package/dist/Components/FormControl/composables/useFormControl.js +10 -11
- package/dist/Components/FormControl/formControl.types.d.ts +2 -1
- package/dist/Components/FormField/composables/useFormField.d.ts +21 -21
- package/dist/Components/FormField/composables/useFormField.js +33 -33
- package/dist/Components/FormField/formField.types.d.ts +2 -1
- package/dist/Components/Icon/composables/useIcon.d.ts +2 -2
- package/dist/Components/Icon/composables/useIcon.js +9 -8
- package/dist/Components/Icon/icon.types.d.ts +2 -1
- package/dist/Components/Label/composables/useLabel.d.ts +3 -3
- package/dist/Components/Label/composables/useLabel.js +8 -8
- package/dist/Components/Label/label.types.d.ts +2 -1
- package/dist/Components/Link/composables/useLink.d.ts +4 -4
- package/dist/Components/Link/composables/useLink.js +15 -15
- package/dist/Components/Link/link.types.d.ts +2 -1
- package/dist/Components/List/composables/useList.d.ts +1 -1
- package/dist/Components/List/composables/useList.js +6 -6
- package/dist/Components/List/list.types.d.ts +1 -1
- package/dist/Components/ListItem/composables/useListItem.d.ts +8 -8
- package/dist/Components/ListItem/composables/useListItem.js +19 -17
- package/dist/Components/ListItem/listItem.types.d.ts +2 -1
- package/dist/Components/ListSection/composables/useListSection.d.ts +2 -2
- package/dist/Components/ListSection/composables/useListSection.js +8 -8
- package/dist/Components/ListSection/listSection.types.d.ts +1 -1
- package/dist/Components/Listbox/Listbox.vue.d.ts +7 -6
- package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +86 -71
- package/dist/Components/Listbox/composables/useListbox.d.ts +8 -7
- package/dist/Components/Listbox/composables/useListbox.js +67 -51
- package/dist/Components/Listbox/listbox.types.d.ts +28 -7
- package/dist/Components/Listbox/listboxInjectionKey.d.ts +5 -2
- package/dist/Components/Menu/Menu.vue.d.ts +3 -3
- package/dist/Components/Menu/composables/useMenu.d.ts +4 -4
- package/dist/Components/Menu/composables/useMenu.js +59 -57
- package/dist/Components/Menu/menu.types.d.ts +3 -1
- package/dist/Components/Modal/Modal.vue.d.ts +1 -1
- package/dist/Components/Modal/composables/useModal.d.ts +5 -5
- package/dist/Components/Modal/composables/useModal.js +77 -76
- package/dist/Components/Modal/modal.types.d.ts +2 -1
- package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/Components/NumberField/composables/useNumberField.d.ts +25 -25
- package/dist/Components/NumberField/composables/useNumberField.js +7 -7
- package/dist/Components/NumberField/numberField.types.d.ts +1 -1
- package/dist/Components/OtpField/OtpField.vue.d.ts +5 -5
- package/dist/Components/OtpField/composables/useOtpField.d.ts +15 -14
- package/dist/Components/OtpField/composables/useOtpField.js +25 -24
- package/dist/Components/OtpField/otpField.types.d.ts +3 -1
- package/dist/Components/Pagination/Pagination.js +5 -0
- package/dist/Components/Pagination/Pagination.vue.d.ts +30 -0
- package/dist/Components/Pagination/Pagination.vue_vue_type_script_setup_true_lang.js +77 -0
- package/dist/Components/Pagination/composables/usePagination.d.ts +62 -0
- package/dist/Components/Pagination/composables/usePagination.js +188 -0
- package/dist/Components/Pagination/index.d.ts +3 -0
- package/dist/Components/Pagination/index.js +3 -0
- package/dist/Components/Pagination/pagination.types.d.ts +218 -0
- package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Components/PasswordField/composables/usePasswordField.d.ts +25 -25
- package/dist/Components/PasswordField/passwordField.types.d.ts +1 -1
- package/dist/Components/Progress/composables/useProgress.d.ts +4 -4
- package/dist/Components/Progress/composables/useProgress.js +19 -19
- package/dist/Components/Progress/progress.types.d.ts +2 -1
- package/dist/Components/Radio/composables/useRadio.d.ts +10 -10
- package/dist/Components/Radio/composables/useRadio.js +15 -15
- package/dist/Components/Radio/radio.types.d.ts +2 -1
- package/dist/Components/Select/Select.vue.d.ts +9 -6
- package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +15 -6
- package/dist/Components/Select/composables/useSelect.d.ts +34 -34
- package/dist/Components/Select/composables/useSelect.js +191 -186
- package/dist/Components/Select/select.types.d.ts +17 -5
- package/dist/Components/Skeleton/composables/useSkeleton.d.ts +2 -2
- package/dist/Components/Skeleton/composables/useSkeleton.js +7 -7
- package/dist/Components/Skeleton/skeleton.types.d.ts +2 -1
- package/dist/Components/Slider/Slider.vue.d.ts +1 -1
- package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/Components/Slider/composables/useSlider.d.ts +25 -24
- package/dist/Components/Slider/composables/useSlider.js +47 -46
- package/dist/Components/Slider/slider.types.d.ts +4 -2
- package/dist/Components/Snackbar/Snackbar.vue.d.ts +1 -1
- package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Snackbar/composables/useSnackbar.d.ts +10 -10
- package/dist/Components/Snackbar/composables/useSnackbar.js +132 -130
- package/dist/Components/Snackbar/snackbar.types.d.ts +2 -1
- package/dist/Components/Snackbar/snackbarDefaultIcons.d.ts +1 -1
- package/dist/Components/Spinner/composables/useSpinner.d.ts +4 -4
- package/dist/Components/Spinner/composables/useSpinner.js +19 -18
- package/dist/Components/Spinner/spinner.types.d.ts +2 -1
- package/dist/Components/Switch/composables/useSwitch.d.ts +10 -10
- package/dist/Components/Switch/composables/useSwitch.js +15 -15
- package/dist/Components/Switch/switch.types.d.ts +2 -1
- package/dist/Components/Tab/composables/useTab.d.ts +6 -6
- package/dist/Components/Tab/composables/useTab.js +10 -9
- package/dist/Components/Tab/tab.types.d.ts +1 -1
- package/dist/Components/TabList/composables/useTabList.d.ts +1 -1
- package/dist/Components/TabList/composables/useTabList.js +6 -5
- package/dist/Components/TabList/tabList.types.d.ts +1 -1
- package/dist/Components/TabPanel/composables/useTabPanel.d.ts +1 -1
- package/dist/Components/TabPanel/composables/useTabPanel.js +6 -5
- package/dist/Components/TabPanel/tabPanel.types.d.ts +1 -1
- package/dist/Components/Tabs/composables/useTabs.d.ts +6 -6
- package/dist/Components/Tabs/composables/useTabs.js +23 -22
- package/dist/Components/Tabs/tabs.types.d.ts +3 -1
- package/dist/Components/Tabs/tabsInjectionKey.d.ts +1 -1
- package/dist/Components/TextField/composables/useTextField.d.ts +25 -25
- package/dist/Components/TextField/textField.types.d.ts +1 -1
- package/dist/Components/Textarea/composables/useTextarea.d.ts +25 -25
- package/dist/Components/Textarea/composables/useTextarea.js +10 -10
- package/dist/Components/Textarea/textarea.types.d.ts +2 -1
- package/dist/Components/TimeField/TimeField.vue.d.ts +6 -1
- package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +57 -48
- package/dist/Components/TimeField/composables/useTimeField.d.ts +33 -33
- package/dist/Components/TimeField/composables/useTimeField.js +43 -34
- package/dist/Components/TimeField/timeField.types.d.ts +23 -6
- package/dist/Components/TimePanel/TimePanel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/TimePanel/composables/useTimePanel.d.ts +8 -7
- package/dist/Components/TimePanel/composables/useTimePanel.js +15 -14
- package/dist/Components/TimePanel/timePanel.types.d.ts +3 -1
- package/dist/Components/TimePicker/TimePicker.vue.d.ts +14 -3
- package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js +40 -31
- package/dist/Components/TimePicker/composables/useTimePicker.d.ts +9 -11
- package/dist/Components/TimePicker/composables/useTimePicker.js +64 -51
- package/dist/Components/TimePicker/index.d.ts +1 -1
- package/dist/Components/TimePicker/timePicker.types.d.ts +39 -20
- package/dist/Components/TimeRangeField/TimeRangeField.vue.d.ts +6 -1
- package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +57 -48
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +33 -33
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.js +56 -47
- package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +23 -6
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue.d.ts +16 -5
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js +55 -46
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts +12 -14
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js +96 -82
- package/dist/Components/TimeRangePicker/index.d.ts +1 -1
- package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts +22 -3
- package/dist/Components/ToggleGroup/ToggleGroup.js +5 -0
- package/dist/Components/ToggleGroup/ToggleGroup.vue.d.ts +27 -0
- package/dist/Components/ToggleGroup/ToggleGroup.vue_vue_type_script_setup_true_lang.js +47 -0
- package/dist/Components/ToggleGroup/composables/useToggleGroup.d.ts +23 -0
- package/dist/Components/ToggleGroup/composables/useToggleGroup.js +128 -0
- package/dist/Components/ToggleGroup/index.d.ts +4 -0
- package/dist/Components/ToggleGroup/index.js +4 -0
- package/dist/Components/ToggleGroup/toggleGroup.types.d.ts +110 -0
- package/dist/Components/ToggleGroup/toggleGroupInjectionKey.d.ts +79 -0
- package/dist/Components/ToggleGroup/toggleGroupInjectionKey.js +4 -0
- package/dist/Components/ToggleItem/ToggleItem.js +5 -0
- package/dist/Components/ToggleItem/ToggleItem.vue.d.ts +11 -0
- package/dist/Components/ToggleItem/ToggleItem.vue_vue_type_script_setup_true_lang.js +24 -0
- package/dist/Components/ToggleItem/composables/useToggleItem.d.ts +19 -0
- package/dist/Components/ToggleItem/composables/useToggleItem.js +80 -0
- package/dist/Components/ToggleItem/index.d.ts +3 -0
- package/dist/Components/ToggleItem/index.js +3 -0
- package/dist/Components/ToggleItem/toggleItem.types.d.ts +64 -0
- package/dist/Components/Tooltip/Tooltip.vue.d.ts +4 -4
- package/dist/Components/Tooltip/composables/useTooltip.d.ts +4 -4
- package/dist/Components/Tooltip/composables/useTooltip.js +133 -131
- package/dist/Components/Tooltip/tooltip.types.d.ts +3 -1
- package/dist/Provider/BridgeUIProvider.vue.d.ts +1 -1
- package/dist/Provider/bridgeUITypes.d.ts +1 -1
- package/dist/Provider/createBridgeUI.d.ts +1 -1
- package/dist/Provider/createBridgeUIApi.d.ts +1 -1
- package/dist/Provider/createBridgeUIApi.js +10 -10
- package/dist/Utils/index.d.ts +13 -4
- package/dist/Utils/index.js +26 -15
- package/dist/Utils/useBreakpoint.d.ts +5 -2
- package/dist/Utils/useBreakpoint.js +26 -24
- package/dist/augments.d.ts +3 -3
- package/dist/index.d.ts +9 -2
- package/dist/index.js +54 -45
- package/dist/theme.css +3 -0
- package/docs/README.md +3 -0
- package/docs/components/Autocomplete.md +27 -23
- package/docs/components/DateField.md +47 -31
- package/docs/components/DatePicker.md +41 -27
- package/docs/components/DateRangeField.md +30 -28
- package/docs/components/DateRangePicker.md +26 -25
- package/docs/components/DateTimeField.md +36 -34
- package/docs/components/DateTimePicker.md +33 -32
- package/docs/components/DateTimeRangeField.md +36 -34
- package/docs/components/DateTimeRangePicker.md +32 -31
- package/docs/components/FieldOverlay.md +11 -0
- package/docs/components/Pagination.md +63 -0
- package/docs/components/Select.md +26 -22
- package/docs/components/TimeField.md +25 -23
- package/docs/components/TimePicker.md +3 -1
- package/docs/components/TimeRangeField.md +25 -23
- package/docs/components/TimeRangePicker.md +2 -0
- package/docs/components/ToggleGroup.md +86 -0
- package/docs/examples/date-date-fns.ts +1 -1
- package/docs/examples/date-dayjs.ts +1 -1
- package/docs/examples/date-luxon.ts +1 -1
- package/docs/examples/date-moment.ts +1 -1
- package/docs/examples/i18n-dictionary.ts +1 -1
- package/docs/examples/i18n-vue-i18n.ts +1 -1
- package/docs/examples/icon-fontawesome.ts +2 -2
- package/docs/examples/icon-heroicons.ts +1 -1
- package/docs/examples/icon-lucide.ts +1 -1
- package/docs/examples/icon-phosphor.ts +1 -1
- package/docs/examples/icon-tabler.ts +1 -1
- package/package.json +2 -2
|
@@ -113,11 +113,13 @@ Use the default slot with `ListSection` / `ListItem` to build the dropdown list
|
|
|
113
113
|
```vue
|
|
114
114
|
<Select overlay="auto" label="Country" :options="countries" />
|
|
115
115
|
|
|
116
|
+
<Select overlay="modal" label="Country" :options="countries" />
|
|
117
|
+
|
|
116
118
|
<Select label="Country" overlay="drawer" :options="countries" />
|
|
117
119
|
```
|
|
118
120
|
|
|
119
121
|
Default `overlay` is `auto`: `menu` on desktop and bottom `drawer` on mobile.
|
|
120
|
-
When unset, `showFooter` defaults to `true`
|
|
122
|
+
When unset, `showFooter` defaults to `true` for `modal` / `drawer` overlays (`false` for `menu`). Selection stays draft until Apply. Apply commits and closes; Cancel discards and closes.
|
|
121
123
|
|
|
122
124
|
### customProps
|
|
123
125
|
|
|
@@ -137,27 +139,27 @@ When unset, `showFooter` defaults to `true` on mobile (`false` on desktop). Sele
|
|
|
137
139
|
|
|
138
140
|
### Select-specific
|
|
139
141
|
|
|
140
|
-
| Prop | Type | Default
|
|
141
|
-
| ------------------- | --------------------- |
|
|
142
|
-
| `asyncData` | `SelectAsyncData` | —
|
|
143
|
-
| `clearable` | `boolean` | `true`
|
|
144
|
-
| `defaultValue` | `SelectModel` | —
|
|
145
|
-
| `disableMaxHeight` | `boolean` | `false`
|
|
146
|
-
| `emptyMessage` | `string` | "No options"
|
|
147
|
-
| `flipOptions` | `boolean` | `false`
|
|
148
|
-
| `hideEmptyMessage` | `boolean` | `false`
|
|
149
|
-
| `loading` | `boolean` | —
|
|
150
|
-
| `maxHeight` | `string` | "max-h-60"
|
|
151
|
-
| `minItemsForSearch` | `number` | 11
|
|
152
|
-
| `multiple` | `boolean` | `false`
|
|
153
|
-
| `optionDescription` | `string` | "description"
|
|
154
|
-
| `optionLabel` | `string` | "label"
|
|
155
|
-
| `options` | `ListboxOptionsInput` | —
|
|
156
|
-
| `optionValue` | `string` | "value"
|
|
157
|
-
| `overlay` | `FieldOverlayMode` | `"auto"`
|
|
158
|
-
| `placeholder` | `string` | —
|
|
159
|
-
| `searchable` | `boolean` | `false`
|
|
160
|
-
| `showFooter` | `boolean` | `false` (`true`
|
|
142
|
+
| Prop | Type | Default | Description |
|
|
143
|
+
| ------------------- | --------------------- | -------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
|
|
144
|
+
| `asyncData` | `SelectAsyncData` | — | Remote data source. Implies `searchable`. |
|
|
145
|
+
| `clearable` | `boolean` | `true` | Whether the value can be cleared. |
|
|
146
|
+
| `defaultValue` | `SelectModel` | — | Initial value when uncontrolled. |
|
|
147
|
+
| `disableMaxHeight` | `boolean` | `false` | When true, the dropdown options list is not height-limited. Forwarded to the internal `Listbox`. |
|
|
148
|
+
| `emptyMessage` | `string` | "No options" | Message when the filtered list is empty. |
|
|
149
|
+
| `flipOptions` | `boolean` | `false` | Inverts the visual order of options. |
|
|
150
|
+
| `hideEmptyMessage` | `boolean` | `false` | Hides the empty-state message. |
|
|
151
|
+
| `loading` | `boolean` | — | External or async loading state. |
|
|
152
|
+
| `maxHeight` | `string` | "max-h-60" | Tailwind max-height class for the dropdown options area. Forwarded to the internal `Listbox`. |
|
|
153
|
+
| `minItemsForSearch` | `number` | 11 | Minimum option count before search UI is enabled. |
|
|
154
|
+
| `multiple` | `boolean` | `false` | Whether multiple values can be selected. |
|
|
155
|
+
| `optionDescription` | `string` | "description" | Key used to read the description from option objects. |
|
|
156
|
+
| `optionLabel` | `string` | "label" | Key used to read the label from option objects. |
|
|
157
|
+
| `options` | `ListboxOptionsInput` | — | Options to display. May include section groups (`{ title, options, sticky? }`) mixed with flat options. |
|
|
158
|
+
| `optionValue` | `string` | "value" | Key used to read the value from option objects. |
|
|
159
|
+
| `overlay` | `FieldOverlayMode` | `"auto"` | Overlay shell: `menu`, `modal`, `drawer`, or `auto`. |
|
|
160
|
+
| `placeholder` | `string` | — | Placeholder shown when no value is selected. |
|
|
161
|
+
| `searchable` | `boolean` | `false` | Whether options can be filtered via the trigger input. |
|
|
162
|
+
| `showFooter` | `boolean` | `false` (`true` for modal/drawer when unset) | Shows Cancel / Apply on the nested listbox. Selection stays draft until Apply. |
|
|
161
163
|
|
|
162
164
|
### v-model
|
|
163
165
|
|
|
@@ -175,12 +177,14 @@ See [FormField](./FormField.md) (building-block chrome). Field tokens live on `c
|
|
|
175
177
|
| Slot | Scope | Description |
|
|
176
178
|
| --------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
|
|
177
179
|
| `default` | — | Composed list content (`ListSection` / `ListItem` with `value`). Replaces mapped `options` in the listbox. |
|
|
180
|
+
| `footer` | `{ apply: () => void; cancel: () => void }` | Custom footer. Replaces Cancel / Apply. Call `apply()` to commit and close, or `cancel()` to discard. |
|
|
178
181
|
| `option` | `{ option: SelectOption; selected: boolean }` | Custom option content when rendering from the `options` prop. |
|
|
179
182
|
|
|
180
183
|
## Events
|
|
181
184
|
|
|
182
185
|
| Event | Payload | Description |
|
|
183
186
|
| --------------- | ------------------------ | -------------------------------------------------------------------- |
|
|
187
|
+
| `v-on:apply` | — | Emitted when Apply is pressed on the listbox footer (`showFooter`). |
|
|
184
188
|
| `v-on:cancel` | — | Emitted when Cancel is pressed on the listbox footer (`showFooter`). |
|
|
185
189
|
| `v-on:change` | `(value: SelectModel)` | Emitted when the selection changes. |
|
|
186
190
|
| `v-on:clear` | — | Emitted when the value is cleared. |
|
|
@@ -38,23 +38,23 @@ Supports the same `overlay` prop as DateField (`menu` | `modal` | `drawer` | `au
|
|
|
38
38
|
|
|
39
39
|
### TimeField-specific
|
|
40
40
|
|
|
41
|
-
| Prop | Type | Default
|
|
42
|
-
| -------------- | ---------------------- |
|
|
43
|
-
| `ampm` | `boolean` | `false`
|
|
44
|
-
| `classes` | `TimeFieldClasses` | —
|
|
45
|
-
| `clearable` | `boolean` | `true`
|
|
46
|
-
| `customProps` | `TimeFieldCustomProps` | —
|
|
47
|
-
| `defaultValue` | `Date \| null` | `null`
|
|
48
|
-
| `disableTimes` | `Date[]` | —
|
|
49
|
-
| `interval` | `number` | `1`
|
|
50
|
-
| `maxTime` | `Date` | —
|
|
51
|
-
| `minTime` | `Date` | —
|
|
52
|
-
| `overlay` | `FieldOverlayMode` | `"auto"`
|
|
53
|
-
| `showFooter` | `boolean` | `false` (`true`
|
|
54
|
-
| `showSeconds` | `boolean` | `false`
|
|
55
|
-
| `slots` | `TimeFieldSlots` | —
|
|
56
|
-
| `timeZone` | `string` | —
|
|
57
|
-
| `value` | `Date \| null` | —
|
|
41
|
+
| Prop | Type | Default | Description |
|
|
42
|
+
| -------------- | ---------------------- | -------------------------------------------- | ---------------------------------------------------- |
|
|
43
|
+
| `ampm` | `boolean` | `false` | Uses a 12-hour clock with an AM/PM column. |
|
|
44
|
+
| `classes` | `TimeFieldClasses` | — | Classes for field / input regions. |
|
|
45
|
+
| `clearable` | `boolean` | `true` | Whether the value can be cleared. |
|
|
46
|
+
| `customProps` | `TimeFieldCustomProps` | — | Extra props for internal parts. |
|
|
47
|
+
| `defaultValue` | `Date \| null` | `null` | Uncontrolled initial value. |
|
|
48
|
+
| `disableTimes` | `Date[]` | — | Times that cannot be selected. |
|
|
49
|
+
| `interval` | `number` | `1` | Minute step between options. |
|
|
50
|
+
| `maxTime` | `Date` | — | Latest selectable time. |
|
|
51
|
+
| `minTime` | `Date` | — | Earliest selectable time. |
|
|
52
|
+
| `overlay` | `FieldOverlayMode` | `"auto"` | Overlay shell: `menu`, `modal`, `drawer`, or `auto`. |
|
|
53
|
+
| `showFooter` | `boolean` | `false` (`true` for modal/drawer when unset) | Shows Cancel / Apply on the nested picker. |
|
|
54
|
+
| `showSeconds` | `boolean` | `false` | Shows seconds in the panel and formatted value. |
|
|
55
|
+
| `slots` | `TimeFieldSlots` | — | Named slots (`FormField` slots + footer). |
|
|
56
|
+
| `timeZone` | `string` | — | IANA time zone. |
|
|
57
|
+
| `value` | `Date \| null` | — | Controlled value. |
|
|
58
58
|
|
|
59
59
|
### v-model
|
|
60
60
|
|
|
@@ -69,12 +69,14 @@ See [FormField](./FormField.md).
|
|
|
69
69
|
|
|
70
70
|
## Events
|
|
71
71
|
|
|
72
|
-
| Event | Payload | Description
|
|
73
|
-
| ------------- | ----------------------- |
|
|
74
|
-
| `v-on:
|
|
75
|
-
| `v-on:
|
|
76
|
-
| `v-on:
|
|
77
|
-
| `v-on:
|
|
72
|
+
| Event | Payload | Description |
|
|
73
|
+
| ------------- | ----------------------- | ---------------------------------------------- |
|
|
74
|
+
| `v-on:apply` | `()` | Emitted when Apply is pressed (`showFooter`). |
|
|
75
|
+
| `v-on:cancel` | `()` | Emitted when Cancel is pressed (`showFooter`). |
|
|
76
|
+
| `v-on:change` | `(value: Date \| null)` | Emitted when the time changes. |
|
|
77
|
+
| `v-on:clear` | `()` | Emitted when the value is cleared. |
|
|
78
|
+
| `v-on:close` | `()` | Emitted when the menu closes. |
|
|
79
|
+
| `v-on:open` | `()` | Emitted when the menu opens. |
|
|
78
80
|
|
|
79
81
|
## Related components
|
|
80
82
|
|
|
@@ -17,7 +17,7 @@ import { TimePicker } from "@bridge-ui/vue/Components/TimePicker";
|
|
|
17
17
|
|
|
18
18
|
<TimePicker v-model="time" />
|
|
19
19
|
|
|
20
|
-
<TimePicker ampm
|
|
20
|
+
<TimePicker ampm show-footer v-model="time" :interval="15" />
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
## Props
|
|
@@ -38,6 +38,7 @@ import { TimePicker } from "@bridge-ui/vue/Components/TimePicker";
|
|
|
38
38
|
| `rounded` | `CalendarRounded` | `"md"` | Border radius of time tiles and chrome. |
|
|
39
39
|
| `showFooter` | `boolean` | `false` | Shows Cancel / Apply. Selection is draft until Apply. |
|
|
40
40
|
| `showSeconds` | `boolean` | `false` | Shows seconds in the panel and formatted value. |
|
|
41
|
+
| `slots` | `TimePickerSlots` | — | Named slots (`footer` for Cancel / Apply). |
|
|
41
42
|
| `timeZone` | `string` | — | IANA time zone. |
|
|
42
43
|
| `tokens` | `TimePickerTokens` | — | Token overrides. |
|
|
43
44
|
| `value` | `Date \| null` | — | Controlled value. |
|
|
@@ -53,6 +54,7 @@ import { TimePicker } from "@bridge-ui/vue/Components/TimePicker";
|
|
|
53
54
|
|
|
54
55
|
| Event | Payload | Description |
|
|
55
56
|
| ------------- | ----------------------- | ----------------------------------------------------------------------- |
|
|
57
|
+
| `v-on:apply` | `()` | Emitted when Apply is pressed (`showFooter`). |
|
|
56
58
|
| `v-on:cancel` | `()` | Emitted when Cancel is pressed. |
|
|
57
59
|
| `v-on:change` | `(value: Date \| null)` | Emitted when Apply is pressed (`showFooter`) or when the value commits. |
|
|
58
60
|
|
|
@@ -36,23 +36,23 @@ Supports the same `overlay` prop as DateField (`menu` | `modal` | `drawer` | `au
|
|
|
36
36
|
|
|
37
37
|
### TimeRangeField-specific
|
|
38
38
|
|
|
39
|
-
| Prop | Type | Default
|
|
40
|
-
| -------------- | --------------------------- |
|
|
41
|
-
| `ampm` | `boolean` | `false`
|
|
42
|
-
| `classes` | `TimeRangeFieldClasses` | —
|
|
43
|
-
| `clearable` | `boolean` | `true`
|
|
44
|
-
| `customProps` | `TimeRangeFieldCustomProps` | —
|
|
45
|
-
| `defaultValue` | `TimeRangeValue \| null` | `null`
|
|
46
|
-
| `disableTimes` | `Date[]` | —
|
|
47
|
-
| `interval` | `number` | `1`
|
|
48
|
-
| `maxTime` | `Date` | —
|
|
49
|
-
| `minTime` | `Date` | —
|
|
50
|
-
| `overlay` | `FieldOverlayMode` | `"auto"`
|
|
51
|
-
| `showFooter` | `boolean` | `false` (`true`
|
|
52
|
-
| `showSeconds` | `boolean` | `false`
|
|
53
|
-
| `slots` | `TimeRangeFieldSlots` | —
|
|
54
|
-
| `timeZone` | `string` | —
|
|
55
|
-
| `value` | `TimeRangeValue \| null` | —
|
|
39
|
+
| Prop | Type | Default | Description |
|
|
40
|
+
| -------------- | --------------------------- | -------------------------------------------- | ---------------------------------------------------- |
|
|
41
|
+
| `ampm` | `boolean` | `false` | Uses a 12-hour clock with an AM/PM column. |
|
|
42
|
+
| `classes` | `TimeRangeFieldClasses` | — | Classes for field / input regions. |
|
|
43
|
+
| `clearable` | `boolean` | `true` | Whether the value can be cleared. |
|
|
44
|
+
| `customProps` | `TimeRangeFieldCustomProps` | — | Extra props for internal parts. |
|
|
45
|
+
| `defaultValue` | `TimeRangeValue \| null` | `null` | Uncontrolled initial value. |
|
|
46
|
+
| `disableTimes` | `Date[]` | — | Times that cannot be selected. |
|
|
47
|
+
| `interval` | `number` | `1` | Minute step between options. |
|
|
48
|
+
| `maxTime` | `Date` | — | Latest selectable time. |
|
|
49
|
+
| `minTime` | `Date` | — | Earliest selectable time. |
|
|
50
|
+
| `overlay` | `FieldOverlayMode` | `"auto"` | Overlay shell: `menu`, `modal`, `drawer`, or `auto`. |
|
|
51
|
+
| `showFooter` | `boolean` | `false` (`true` for modal/drawer when unset) | Shows Cancel / Apply on the nested picker. |
|
|
52
|
+
| `showSeconds` | `boolean` | `false` | Shows seconds in the panel and formatted value. |
|
|
53
|
+
| `slots` | `TimeRangeFieldSlots` | — | Named slots (`FormField` slots + footer). |
|
|
54
|
+
| `timeZone` | `string` | — | IANA time zone. |
|
|
55
|
+
| `value` | `TimeRangeValue \| null` | — | Controlled value. |
|
|
56
56
|
|
|
57
57
|
### v-model
|
|
58
58
|
|
|
@@ -67,12 +67,14 @@ See [FormField](./FormField.md).
|
|
|
67
67
|
|
|
68
68
|
## Events
|
|
69
69
|
|
|
70
|
-
| Event | Payload | Description
|
|
71
|
-
| ------------- | --------------------------------- |
|
|
72
|
-
| `v-on:
|
|
73
|
-
| `v-on:
|
|
74
|
-
| `v-on:
|
|
75
|
-
| `v-on:
|
|
70
|
+
| Event | Payload | Description |
|
|
71
|
+
| ------------- | --------------------------------- | ---------------------------------------------- |
|
|
72
|
+
| `v-on:apply` | `()` | Emitted when Apply is pressed (`showFooter`). |
|
|
73
|
+
| `v-on:cancel` | `()` | Emitted when Cancel is pressed (`showFooter`). |
|
|
74
|
+
| `v-on:change` | `(value: TimeRangeValue \| null)` | Emitted when the range changes. |
|
|
75
|
+
| `v-on:clear` | `()` | Emitted when the value is cleared. |
|
|
76
|
+
| `v-on:close` | `()` | Emitted when the menu closes. |
|
|
77
|
+
| `v-on:open` | `()` | Emitted when the menu opens. |
|
|
76
78
|
|
|
77
79
|
## Related components
|
|
78
80
|
|
|
@@ -40,6 +40,7 @@ import { TimeRangePicker } from "@bridge-ui/vue/Components/TimeRangePicker";
|
|
|
40
40
|
| `rounded` | `CalendarRounded` | `"md"` | Border radius of time tiles and chrome. |
|
|
41
41
|
| `showFooter` | `boolean` | `false` | Shows Cancel / Apply. Selection is draft until Apply. |
|
|
42
42
|
| `showSeconds` | `boolean` | `false` | Shows seconds in the panel and formatted value. |
|
|
43
|
+
| `slots` | `TimeRangePickerSlots` | — | Named slots (`footer` for Cancel / Apply). |
|
|
43
44
|
| `startTitle` | `string` | `"Start time"` | Label above the start time panel. |
|
|
44
45
|
| `timeZone` | `string` | — | IANA time zone. |
|
|
45
46
|
| `tokens` | `TimeRangePickerTokens` | — | Token overrides. |
|
|
@@ -56,6 +57,7 @@ import { TimeRangePicker } from "@bridge-ui/vue/Components/TimeRangePicker";
|
|
|
56
57
|
|
|
57
58
|
| Event | Payload | Description |
|
|
58
59
|
| ------------- | --------------------------------- | ----------------------------------------------------------------------- |
|
|
60
|
+
| `v-on:apply` | `()` | Emitted when Apply is pressed (`showFooter`). |
|
|
59
61
|
| `v-on:cancel` | `()` | Emitted when Cancel is pressed. |
|
|
60
62
|
| `v-on:change` | `(value: TimeRangeValue \| null)` | Emitted when Apply is pressed (`showFooter`) or when the value commits. |
|
|
61
63
|
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
# ToggleGroup
|
|
2
|
+
|
|
3
|
+
Segmented control for one or more labeled options in a shared track. Single selection by default; set `multiple` for multi-select. Use `Switch` for on/off. Compose with `ToggleItem`.
|
|
4
|
+
|
|
5
|
+
## Import
|
|
6
|
+
|
|
7
|
+
```ts
|
|
8
|
+
import { ToggleGroup } from "@bridge-ui/vue/Components/ToggleGroup";
|
|
9
|
+
import { ToggleItem } from "@bridge-ui/vue/Components/ToggleItem";
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
## Examples
|
|
13
|
+
|
|
14
|
+
### Usage
|
|
15
|
+
|
|
16
|
+
```vue
|
|
17
|
+
<script setup lang="ts">
|
|
18
|
+
import { ref } from "vue";
|
|
19
|
+
import { ToggleGroup } from "@bridge-ui/vue/Components/ToggleGroup";
|
|
20
|
+
import { ToggleItem } from "@bridge-ui/vue/Components/ToggleItem";
|
|
21
|
+
|
|
22
|
+
const lib = ref("vue");
|
|
23
|
+
</script>
|
|
24
|
+
|
|
25
|
+
<template>
|
|
26
|
+
<ToggleGroup v-model="lib" color="success" aria-label="Library">
|
|
27
|
+
<ToggleItem value="react">React</ToggleItem>
|
|
28
|
+
<ToggleItem value="vue">Vue</ToggleItem>
|
|
29
|
+
</ToggleGroup>
|
|
30
|
+
</template>
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Multiple
|
|
34
|
+
|
|
35
|
+
```vue
|
|
36
|
+
<script setup lang="ts">
|
|
37
|
+
import { ref } from "vue";
|
|
38
|
+
import { ToggleGroup } from "@bridge-ui/vue/Components/ToggleGroup";
|
|
39
|
+
import { ToggleItem } from "@bridge-ui/vue/Components/ToggleItem";
|
|
40
|
+
|
|
41
|
+
const libs = ref(["vue"]);
|
|
42
|
+
</script>
|
|
43
|
+
|
|
44
|
+
<template>
|
|
45
|
+
<ToggleGroup multiple v-model="libs" aria-label="Libraries">
|
|
46
|
+
<ToggleItem value="react">React</ToggleItem>
|
|
47
|
+
<ToggleItem value="vue">Vue</ToggleItem>
|
|
48
|
+
</ToggleGroup>
|
|
49
|
+
</template>
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
### With icons
|
|
53
|
+
|
|
54
|
+
```vue
|
|
55
|
+
<ToggleGroup v-model="view" aria-label="View">
|
|
56
|
+
<ToggleItem value="list" aria-label="List" :start-icon="List" />
|
|
57
|
+
<ToggleItem value="grid" aria-label="Grid" :start-icon="LayoutGrid" />
|
|
58
|
+
</ToggleGroup>
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
### Variants
|
|
62
|
+
|
|
63
|
+
`solid` uses a soft semantic fill on the selected segment. `outline` keeps a quieter ring accent.
|
|
64
|
+
|
|
65
|
+
```vue
|
|
66
|
+
<ToggleGroup v-model="lib" variant="solid" aria-label="Solid" />
|
|
67
|
+
<ToggleGroup v-model="lib" variant="outline" aria-label="Outline" />
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
### Size
|
|
71
|
+
|
|
72
|
+
```vue
|
|
73
|
+
<ToggleGroup size="sm" v-model="lib" aria-label="Small">
|
|
74
|
+
<ToggleItem value="react">React</ToggleItem>
|
|
75
|
+
<ToggleItem value="vue">Vue</ToggleItem>
|
|
76
|
+
</ToggleGroup>
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
### Full width
|
|
80
|
+
|
|
81
|
+
```vue
|
|
82
|
+
<ToggleGroup full v-model="lib" aria-label="Library">
|
|
83
|
+
<ToggleItem value="react">React</ToggleItem>
|
|
84
|
+
<ToggleItem value="vue">Vue</ToggleItem>
|
|
85
|
+
</ToggleGroup>
|
|
86
|
+
```
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
import { get } from "es-toolkit/compat";
|
|
14
14
|
|
|
15
15
|
// ** Core Imports
|
|
16
|
-
import type { I18nAdapter } from "@bridge-ui/core";
|
|
16
|
+
import type { I18nAdapter } from "@bridge-ui/core/Adapters";
|
|
17
17
|
|
|
18
18
|
// prettier-ignore
|
|
19
19
|
const MESSAGES: Record<string, Record<string, string>> = {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
import type { Composer } from "vue-i18n";
|
|
13
13
|
|
|
14
14
|
// ** Core Imports
|
|
15
|
-
import type { I18nAdapter } from "@bridge-ui/core";
|
|
15
|
+
import type { I18nAdapter } from "@bridge-ui/core/Adapters";
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
18
|
* Builds a vue-i18n-backed {@link I18nAdapter} for Bridge chrome strings.
|
|
@@ -35,9 +35,9 @@ import { get, isArray, isObject, isString } from "es-toolkit/compat";
|
|
|
35
35
|
import { defineComponent, h, type Component } from "vue";
|
|
36
36
|
|
|
37
37
|
// ** Core Imports
|
|
38
|
-
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core";
|
|
38
|
+
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core/Adapters";
|
|
39
39
|
|
|
40
|
-
declare module "@bridge-ui/core" {
|
|
40
|
+
declare module "@bridge-ui/core/Adapters" {
|
|
41
41
|
interface IconSourceValueOverrides {
|
|
42
42
|
fontAwesome: IconDefinition;
|
|
43
43
|
}
|
|
@@ -29,7 +29,7 @@ import {
|
|
|
29
29
|
import { get } from "es-toolkit/compat";
|
|
30
30
|
|
|
31
31
|
// ** Core Imports
|
|
32
|
-
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core";
|
|
32
|
+
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core/Adapters";
|
|
33
33
|
|
|
34
34
|
const icons = {
|
|
35
35
|
eye: EyeIcon,
|
|
@@ -29,7 +29,7 @@ import {
|
|
|
29
29
|
import { get } from "es-toolkit/compat";
|
|
30
30
|
|
|
31
31
|
// ** Core Imports
|
|
32
|
-
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core";
|
|
32
|
+
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core/Adapters";
|
|
33
33
|
|
|
34
34
|
const icons = {
|
|
35
35
|
eye: Eye,
|
|
@@ -29,7 +29,7 @@ import {
|
|
|
29
29
|
import { get } from "es-toolkit/compat";
|
|
30
30
|
|
|
31
31
|
// ** Core Imports
|
|
32
|
-
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core";
|
|
32
|
+
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core/Adapters";
|
|
33
33
|
|
|
34
34
|
const icons = {
|
|
35
35
|
eye: PhEye,
|
|
@@ -29,7 +29,7 @@ import {
|
|
|
29
29
|
import { get } from "es-toolkit/compat";
|
|
30
30
|
|
|
31
31
|
// ** Core Imports
|
|
32
|
-
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core";
|
|
32
|
+
import type { IconAdapter, SemanticIconName } from "@bridge-ui/core/Adapters";
|
|
33
33
|
|
|
34
34
|
const icons = {
|
|
35
35
|
eye: IconEye,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "module",
|
|
3
3
|
"license": "MIT",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.11",
|
|
5
5
|
"author": "BridgeUI",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"name": "@bridge-ui/vue",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"vue": "^3.4.0"
|
|
84
84
|
},
|
|
85
85
|
"dependencies": {
|
|
86
|
-
"@bridge-ui/core": "^0.0.
|
|
86
|
+
"@bridge-ui/core": "^0.0.11",
|
|
87
87
|
"clsx": "^2.1.1",
|
|
88
88
|
"es-toolkit": "^1.50.0",
|
|
89
89
|
"tailwind-merge": "^3.6.0"
|