@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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
|
|
1
|
+
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
|
|
2
2
|
import { AvatarProps } from '../avatar.types';
|
|
3
3
|
type AvatarLibDefaults = LibDefaultsShape<AvatarProps, "size" | "color" | "rounded">;
|
|
4
4
|
type AvatarMerged = MergeLibDefaults<AvatarProps, AvatarLibDefaults>;
|
|
@@ -7,14 +7,14 @@ export declare function useAvatar(props: AvatarProps, libDefaults: AvatarLibDefa
|
|
|
7
7
|
[name: string]: import('vue').Slot<any> | undefined;
|
|
8
8
|
}>;
|
|
9
9
|
merged: import('vue').ComputedRef<AvatarMerged>;
|
|
10
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AvatarProps, "color" | "icon" | "size" | "classes" | "customProps" | "rounded" | "alt" | "src" | "fallback">>>;
|
|
11
|
-
iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
10
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AvatarProps, "color" | "icon" | "size" | "classes" | "customProps" | "rounded" | "alt" | "src" | "fallback">>>;
|
|
11
|
+
iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
12
12
|
hasImage: import('vue').ComputedRef<boolean>;
|
|
13
|
-
imageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ImgHTMLAttributes | undefined, {
|
|
13
|
+
imageBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ImgHTMLAttributes | undefined, {
|
|
14
14
|
alt: string | undefined;
|
|
15
15
|
src: string | undefined;
|
|
16
16
|
}>>;
|
|
17
|
-
fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
17
|
+
fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
18
18
|
resolvedIcon: import('vue').ComputedRef<import('../../..').IconSource>;
|
|
19
19
|
hasFallbackText: import('vue').ComputedRef<boolean>;
|
|
20
20
|
hasCustomContent: import('vue').ComputedRef<boolean>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { hasNamedSlot as e } from "../../../Utils/slotOrProp.js";
|
|
2
2
|
import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
|
|
3
3
|
import { computed as i, useAttrs as a, useSlots as o } from "vue";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import { get as s, isEmpty as c, isNil as l } from "es-toolkit/compat";
|
|
5
|
+
import { avatarColorProps as u, avatarIconSizeProps as d, avatarRoundedProps as f, avatarSizeProps as p } from "@bridge-ui/core/Tokens";
|
|
6
|
+
import { cn as m, mergeBridgeUILayeredClasses as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
|
|
7
7
|
//#region src/Components/Avatar/composables/useAvatar.ts
|
|
8
8
|
var _ = [
|
|
9
9
|
"alt",
|
|
@@ -17,7 +17,7 @@ var _ = [
|
|
|
17
17
|
"customProps"
|
|
18
18
|
];
|
|
19
19
|
function v(v, y) {
|
|
20
|
-
let b = a(), x = o(), S = i(() =>
|
|
20
|
+
let b = a(), x = o(), S = i(() => g({
|
|
21
21
|
bridgeKeys: _,
|
|
22
22
|
props: {
|
|
23
23
|
...b,
|
|
@@ -30,47 +30,47 @@ function v(v, y) {
|
|
|
30
30
|
}), T = r({
|
|
31
31
|
entry: w,
|
|
32
32
|
props: () => S.value.componentProps
|
|
33
|
-
}), E = i(() => e(x, "default")), D = i(() => !
|
|
34
|
-
let e =
|
|
35
|
-
return
|
|
33
|
+
}), E = i(() => e(x, "default")), D = i(() => !l(C.value.src) && !c(C.value.src)), O = i(() => !l(C.value.fallback) && !c(C.value.fallback)), k = i(() => C.value.icon ?? "user"), A = i(() => !D.value && !E.value), j = i(() => {
|
|
34
|
+
let e = h(p, w.value?.tokens?.size);
|
|
35
|
+
return s(e, C.value.size);
|
|
36
36
|
}), M = i(() => {
|
|
37
|
-
let e =
|
|
38
|
-
return
|
|
37
|
+
let e = h(u, w.value?.tokens?.color);
|
|
38
|
+
return s(e, C.value.color);
|
|
39
39
|
}), N = i(() => {
|
|
40
|
-
let e =
|
|
41
|
-
return
|
|
40
|
+
let e = h(f, w.value?.tokens?.rounded);
|
|
41
|
+
return s(e, C.value.rounded);
|
|
42
42
|
}), P = i(() => {
|
|
43
|
-
let e =
|
|
44
|
-
return
|
|
45
|
-
}), F = i(() => C.value.customProps), I = i(() => t(F.value?.root, S.value.inheritedAttrs,
|
|
43
|
+
let e = h(d, w.value?.tokens?.iconSize);
|
|
44
|
+
return s(e, C.value.size);
|
|
45
|
+
}), F = i(() => C.value.customProps), I = i(() => t(F.value?.root, S.value.inheritedAttrs, m({
|
|
46
46
|
"inline-flex shrink-0 items-center justify-center overflow-hidden": !0,
|
|
47
47
|
[T.value.root ?? ""]: !0,
|
|
48
48
|
[N.value ?? ""]: !0,
|
|
49
49
|
[j.value ?? ""]: A.value || E.value || D.value,
|
|
50
|
-
[
|
|
51
|
-
[
|
|
50
|
+
[s(M.value, "background") ?? ""]: A.value,
|
|
51
|
+
[s(M.value, "text") ?? ""]: A.value
|
|
52
52
|
}))), L = i(() => t(F.value?.image, {
|
|
53
53
|
alt: C.value.alt,
|
|
54
54
|
src: C.value.src
|
|
55
|
-
},
|
|
55
|
+
}, m({
|
|
56
56
|
"shrink-0 object-cover object-center": !0,
|
|
57
57
|
[j.value ?? ""]: !0,
|
|
58
58
|
[N.value ?? ""]: !0,
|
|
59
59
|
[T.value.image ?? ""]: !0
|
|
60
|
-
}))), R = i(() => t(F.value?.fallback, {},
|
|
60
|
+
}))), R = i(() => t(F.value?.fallback, {}, m({
|
|
61
61
|
"font-medium": !0,
|
|
62
|
-
[
|
|
63
|
-
[
|
|
62
|
+
[s(P.value, "label") ?? ""]: !0,
|
|
63
|
+
[s(M.value, "text") ?? ""]: !0,
|
|
64
64
|
[T.value.fallback ?? ""]: !0
|
|
65
65
|
})));
|
|
66
66
|
return {
|
|
67
67
|
slots: x,
|
|
68
68
|
merged: C,
|
|
69
69
|
rootBind: I,
|
|
70
|
-
iconBind: i(() => t(F.value?.icon, {},
|
|
70
|
+
iconBind: i(() => t(F.value?.icon, {}, m({
|
|
71
71
|
"shrink-0": !0,
|
|
72
|
-
[
|
|
73
|
-
[
|
|
72
|
+
[s(P.value, "icon") ?? ""]: !0,
|
|
73
|
+
[s(M.value, "text") ?? ""]: !0
|
|
74
74
|
}))),
|
|
75
75
|
hasImage: D,
|
|
76
76
|
imageBind: L,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, Slot } from 'vue';
|
|
2
|
-
import { BadgeColor, BadgeDensity, BadgeRounded, BadgeSize, BadgeVariant
|
|
2
|
+
import { BadgeColor, BadgeDensity, BadgeRounded, BadgeSize, BadgeVariant } from '@bridge-ui/core/Tokens';
|
|
3
|
+
import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
|
|
3
4
|
export interface BadgeSizeOverrides {}
|
|
4
5
|
export interface BadgeColorOverrides {}
|
|
5
6
|
export interface BadgeDensityOverrides {}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
|
|
1
|
+
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
|
|
2
2
|
import { BadgeOwnProps, BadgeProps } from '../badge.types';
|
|
3
3
|
type BadgeLibDefaults = LibDefaultsShape<BadgeOwnProps, "size" | "color" | "density" | "rounded" | "variant">;
|
|
4
4
|
type BadgeMerged = MergeLibDefaults<BadgeOwnProps, BadgeLibDefaults>;
|
|
5
5
|
export declare function useBadge(props: BadgeOwnProps, libDefaults: BadgeLibDefaults): {
|
|
6
6
|
merged: import('vue').ComputedRef<BadgeMerged>;
|
|
7
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<BadgeProps, "color" | "size" | "classes" | "full" | "rounded" | "variant" | "density">>>;
|
|
7
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<BadgeProps, "color" | "size" | "classes" | "full" | "rounded" | "variant" | "density">>>;
|
|
8
8
|
};
|
|
9
9
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
|
|
2
2
|
import { computed as r, useAttrs as i } from "vue";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { get as a } from "es-toolkit/compat";
|
|
4
|
+
import { badgeDensityProps as o, badgeRoundedProps as s, badgeVariantProps as c } from "@bridge-ui/core/Tokens";
|
|
5
|
+
import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core/Utils";
|
|
6
6
|
//#region src/Components/Badge/composables/useBadge.ts
|
|
7
7
|
var f = [
|
|
8
8
|
"full",
|
|
@@ -14,7 +14,7 @@ var f = [
|
|
|
14
14
|
"variant"
|
|
15
15
|
];
|
|
16
16
|
function p(p, m) {
|
|
17
|
-
let h = i(), g = r(() =>
|
|
17
|
+
let h = i(), g = r(() => d({
|
|
18
18
|
bridgeKeys: f,
|
|
19
19
|
props: {
|
|
20
20
|
...h,
|
|
@@ -28,26 +28,26 @@ function p(p, m) {
|
|
|
28
28
|
entry: v,
|
|
29
29
|
props: () => g.value.componentProps
|
|
30
30
|
}), b = r(() => _.value.density === "mini"), x = r(() => {
|
|
31
|
-
let e = o
|
|
32
|
-
return
|
|
31
|
+
let e = u(o, v.value?.tokens?.density);
|
|
32
|
+
return a(e, [_.value.density, _.value.size]);
|
|
33
33
|
}), S = r(() => {
|
|
34
|
-
let e =
|
|
35
|
-
return
|
|
34
|
+
let e = u(c, v.value?.tokens?.variant);
|
|
35
|
+
return a(e, [_.value.variant, _.value.color]);
|
|
36
36
|
}), C = r(() => {
|
|
37
|
-
let e =
|
|
38
|
-
return
|
|
37
|
+
let e = u(s, v.value?.tokens?.rounded);
|
|
38
|
+
return a(e, _.value.rounded);
|
|
39
39
|
});
|
|
40
40
|
return {
|
|
41
41
|
merged: _,
|
|
42
|
-
rootBind: r(() => e({}, g.value.inheritedAttrs,
|
|
42
|
+
rootBind: r(() => e({}, g.value.inheritedAttrs, l({
|
|
43
43
|
"inline-flex items-center justify-center font-medium whitespace-nowrap": !0,
|
|
44
44
|
"w-full": !b.value && _.value.full,
|
|
45
45
|
"w-fit": !b.value && !_.value.full,
|
|
46
46
|
[x.value ?? ""]: !0,
|
|
47
47
|
[C.value ?? ""]: !0,
|
|
48
|
-
[
|
|
49
|
-
[
|
|
50
|
-
[
|
|
48
|
+
[a(S.value, "background") ?? ""]: !0,
|
|
49
|
+
[a(S.value, "border") ?? ""]: !0,
|
|
50
|
+
[a(S.value, "text") ?? ""]: !0,
|
|
51
51
|
[y.value.root ?? ""]: !0
|
|
52
52
|
})))
|
|
53
53
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, Slot } from 'vue';
|
|
2
|
-
import { BaseFieldInvalidated, BaseFieldSize
|
|
2
|
+
import { BaseFieldInvalidated, BaseFieldSize } from '@bridge-ui/core/Tokens';
|
|
3
|
+
import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
|
|
3
4
|
import { UseBaseFieldReturn } from './composables/useBaseField';
|
|
4
5
|
import { LabelProps } from '../Label/label.types';
|
|
5
6
|
export interface BaseFieldSizeOverrides {}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
|
|
2
|
-
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
|
|
2
|
+
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
|
|
3
3
|
import { BaseFieldClasses, BaseFieldOwnProps } from '../baseField.types';
|
|
4
4
|
import { LabelProps } from '../../Label/label.types';
|
|
5
5
|
export type BaseFieldOptions = {
|
|
@@ -24,12 +24,12 @@ export declare function useBaseField(props: MaybeRefOrGetter<Omit<BaseFieldOwnPr
|
|
|
24
24
|
[name: string]: import('vue').Slot<any> | undefined;
|
|
25
25
|
}>;
|
|
26
26
|
merged: import('vue').ComputedRef<BaseFieldMerged>;
|
|
27
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
27
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
28
28
|
slots?: import('../baseField.types').BaseFieldSlots | undefined;
|
|
29
29
|
class: string;
|
|
30
30
|
}>>;
|
|
31
|
-
errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
32
|
-
groupBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
31
|
+
errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
32
|
+
groupBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
33
33
|
role: string;
|
|
34
34
|
id: string;
|
|
35
35
|
"aria-describedby": string | undefined;
|
|
@@ -37,18 +37,18 @@ export declare function useBaseField(props: MaybeRefOrGetter<Omit<BaseFieldOwnPr
|
|
|
37
37
|
"aria-invalid": true | undefined;
|
|
38
38
|
}>>;
|
|
39
39
|
controlId: import('vue').ComputedRef<string>;
|
|
40
|
-
headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
41
|
-
cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
40
|
+
headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
41
|
+
cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
42
42
|
isDisabled: import('vue').ComputedRef<boolean>;
|
|
43
43
|
isReadonly: import('vue').ComputedRef<boolean>;
|
|
44
|
-
sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core').BaseFieldSizeItem | undefined>;
|
|
45
|
-
endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
44
|
+
sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core/Tokens').BaseFieldSizeItem | undefined>;
|
|
45
|
+
endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
46
46
|
invalidated: import('vue').ComputedRef<boolean>;
|
|
47
|
-
startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
47
|
+
startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
48
48
|
mergedClasses: import('vue').ComputedRef<Partial<BaseFieldClasses>>;
|
|
49
49
|
ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
|
|
50
50
|
fieldLabelProps: import('vue').ComputedRef<LabelProps>;
|
|
51
|
-
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
51
|
+
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
52
52
|
showErrorMessageContent: import('vue').ComputedRef<boolean>;
|
|
53
53
|
};
|
|
54
54
|
export type UseBaseFieldReturn = ReturnType<typeof useBaseField>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { hasSlotOrProp as e } from "../../../Utils/slotOrProp.js";
|
|
2
2
|
import { mergeNestedComponentProps as t, mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
|
|
3
3
|
import { computed as a, toValue as o, useAttrs as s, useId as c, useSlots as l } from "vue";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import { get as u, omit as d } from "es-toolkit/compat";
|
|
5
|
+
import { baseFieldInvalidatedProps as f, baseFieldSizeProps as p } from "@bridge-ui/core/Tokens";
|
|
6
|
+
import { cn as m, mergeBridgeUILayeredClasses as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
|
|
7
7
|
//#region src/Components/BaseField/composables/useBaseField.ts
|
|
8
8
|
var _ = [
|
|
9
9
|
"size",
|
|
@@ -25,7 +25,7 @@ function v(v, y = {
|
|
|
25
25
|
error: !1,
|
|
26
26
|
hideErrorMessage: !1
|
|
27
27
|
}, b = {}) {
|
|
28
|
-
let x = s(), S = l(), C = c(), w = a(() =>
|
|
28
|
+
let x = s(), S = l(), C = c(), w = a(() => g({
|
|
29
29
|
bridgeKeys: _,
|
|
30
30
|
props: {
|
|
31
31
|
...x,
|
|
@@ -39,13 +39,13 @@ function v(v, y = {
|
|
|
39
39
|
entry: E,
|
|
40
40
|
props: () => w.value.componentProps
|
|
41
41
|
}), O = a(() => T.value.customProps), k = a(() => T.value.error === !0), A = a(() => !!T.value.disabled), j = a(() => !!T.value.readonly), M = a(() => T.value.controlId ?? w.value.inheritedAttrs.id ?? C), N = a(() => {
|
|
42
|
-
let e =
|
|
42
|
+
let e = h(p, u(E.value, [
|
|
43
43
|
"tokens",
|
|
44
44
|
"baseField",
|
|
45
45
|
"size"
|
|
46
46
|
]));
|
|
47
|
-
return
|
|
48
|
-
}), P = a(() =>
|
|
47
|
+
return u(e, T.value.size ?? "md");
|
|
48
|
+
}), P = a(() => h(f, u(E.value, [
|
|
49
49
|
"tokens",
|
|
50
50
|
"baseField",
|
|
51
51
|
"invalidated"
|
|
@@ -53,19 +53,19 @@ function v(v, y = {
|
|
|
53
53
|
let t = [];
|
|
54
54
|
return !k.value && e(S, "description", T.value.description) && t.push(`${M.value}-description`), k.value && !T.value.hideErrorMessage && e(S, "errorMessage", T.value.errorMessage) && t.push(`${M.value}-error`), t.length > 0 ? t.join(" ") : void 0;
|
|
55
55
|
}), z = a(() => n(O.value?.root, {
|
|
56
|
-
class:
|
|
57
|
-
...
|
|
58
|
-
},
|
|
56
|
+
class: m(w.value.inheritedAttrs.class),
|
|
57
|
+
...d(w.value.inheritedAttrs, ["class", "id"])
|
|
58
|
+
}, m({
|
|
59
59
|
"group w-full relative": !0,
|
|
60
60
|
"aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60": !0,
|
|
61
61
|
"aria-readonly:pointer-events-none aria-readonly:select-none": !0,
|
|
62
62
|
[D.value.root ?? ""]: !0
|
|
63
|
-
}))), B = a(() => n(O.value?.header, {},
|
|
63
|
+
}))), B = a(() => n(O.value?.header, {}, m({
|
|
64
64
|
"flex w-full gap-x-2 mb-1.5": !0,
|
|
65
65
|
"justify-between items-end": e(S, "label", T.value.label),
|
|
66
66
|
"justify-end": !e(S, "label", T.value.label),
|
|
67
67
|
[D.value.header ?? ""]: !0
|
|
68
|
-
}))), V = a(() => n(O.value?.corner, {},
|
|
68
|
+
}))), V = a(() => n(O.value?.corner, {}, m({
|
|
69
69
|
"text-dark-500 dark:text-dark-400": !0,
|
|
70
70
|
[N.value?.text ?? ""]: !0,
|
|
71
71
|
[D.value.corner ?? ""]: !0
|
|
@@ -75,17 +75,17 @@ function v(v, y = {
|
|
|
75
75
|
"aria-describedby": R.value,
|
|
76
76
|
"aria-disabled": A.value || void 0,
|
|
77
77
|
"aria-invalid": k.value || void 0
|
|
78
|
-
},
|
|
78
|
+
}, m({
|
|
79
79
|
"flex flex-wrap items-center": !0,
|
|
80
80
|
[N.value?.group ?? ""]: !0,
|
|
81
81
|
[D.value.group ?? ""]: !0
|
|
82
|
-
}))), U = a(() => n(O.value?.start, {},
|
|
82
|
+
}))), U = a(() => n(O.value?.start, {}, m({
|
|
83
83
|
"group/start wrapper-start-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
|
|
84
84
|
[D.value.start ?? ""]: !0
|
|
85
|
-
}))), W = a(() => n(O.value?.end, {},
|
|
85
|
+
}))), W = a(() => n(O.value?.end, {}, m({
|
|
86
86
|
"group/end wrapper-end-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
|
|
87
87
|
[D.value.end ?? ""]: !0
|
|
88
|
-
}))), G = a(() => n(O.value?.description, {},
|
|
88
|
+
}))), G = a(() => n(O.value?.description, {}, m({
|
|
89
89
|
"mt-2 text-dark-500 dark:text-dark-400": !0,
|
|
90
90
|
[N.value?.text ?? ""]: !0,
|
|
91
91
|
[D.value.description ?? ""]: !0
|
|
@@ -94,7 +94,7 @@ function v(v, y = {
|
|
|
94
94
|
slots: S,
|
|
95
95
|
merged: T,
|
|
96
96
|
rootBind: z,
|
|
97
|
-
errorBind: a(() => n(O.value?.errorMessage, {},
|
|
97
|
+
errorBind: a(() => n(O.value?.errorMessage, {}, m({
|
|
98
98
|
"mt-2": !0,
|
|
99
99
|
"min-h-[1lh]": I.value,
|
|
100
100
|
[F.value?.errorMessage ?? ""]: !0,
|
|
@@ -122,7 +122,7 @@ function v(v, y = {
|
|
|
122
122
|
for: e(M.value),
|
|
123
123
|
classes: {
|
|
124
124
|
required: D.value.required,
|
|
125
|
-
root:
|
|
125
|
+
root: m({ [D.value.label ?? ""]: !0 })
|
|
126
126
|
}
|
|
127
127
|
});
|
|
128
128
|
}),
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, OlHTMLAttributes, Slot } from 'vue';
|
|
2
|
-
import { BreadcrumbSize
|
|
2
|
+
import { BreadcrumbSize } from '@bridge-ui/core/Tokens';
|
|
3
|
+
import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
|
|
3
4
|
import { IconSource } from '../../Adapters/Icon';
|
|
4
5
|
import { BreadcrumbItemOwnProps } from '../BreadcrumbItem/breadcrumbItem.types';
|
|
5
6
|
import { IconProps } from '../Icon';
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
|
|
1
|
+
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
|
|
2
2
|
import { BreadcrumbOwnProps, BreadcrumbProps } from '../breadcrumb.types';
|
|
3
3
|
import { BreadcrumbContextValue } from '../breadcrumbInjectionKey';
|
|
4
4
|
type BreadcrumbLibDefaults = LibDefaultsShape<BreadcrumbOwnProps, "size" | "separator">;
|
|
5
5
|
type BreadcrumbMerged = MergeLibDefaults<BreadcrumbOwnProps, BreadcrumbLibDefaults>;
|
|
6
6
|
export declare function useBreadcrumb(props: BreadcrumbOwnProps, libDefaults: BreadcrumbLibDefaults): {
|
|
7
7
|
merged: import('vue').ComputedRef<BreadcrumbMerged>;
|
|
8
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
|
|
8
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
9
9
|
"aria-label": string;
|
|
10
10
|
class: string;
|
|
11
11
|
}, "class", import('vue').HTMLAttributes | undefined, Omit<BreadcrumbProps, "size" | "classes" | "customProps" | "separator" | "items" | "maxItems">>>;
|
|
12
|
-
listBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
|
|
12
|
+
listBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
13
13
|
role: string;
|
|
14
14
|
class: string;
|
|
15
15
|
}, "class", import('vue').OlHTMLAttributes | undefined, {}>>;
|
|
16
16
|
contextValue: import('vue').ComputedRef<BreadcrumbContextValue>;
|
|
17
|
-
collapsedItems: import('vue').ComputedRef<import('@bridge-ui/core').CollapsedBreadcrumbEntry<import('../breadcrumb.types').BreadcrumbItemData>[]>;
|
|
17
|
+
collapsedItems: import('vue').ComputedRef<import('@bridge-ui/core/Domain').CollapsedBreadcrumbEntry<import('../breadcrumb.types').BreadcrumbItemData>[]>;
|
|
18
18
|
hasDefaultSlot: import('vue').ComputedRef<boolean>;
|
|
19
19
|
};
|
|
20
20
|
export {};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
|
|
2
2
|
import { BREADCRUMB_INJECTION_KEY as r } from "../breadcrumbInjectionKey.js";
|
|
3
3
|
import { computed as i, provide as a, useAttrs as o, useSlots as s } from "vue";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import { get as c } from "es-toolkit/compat";
|
|
5
|
+
import { collapseBreadcrumbItems as l } from "@bridge-ui/core/Domain";
|
|
6
|
+
import { breadcrumbSizeProps as u } from "@bridge-ui/core/Tokens";
|
|
7
|
+
import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core/Utils";
|
|
7
8
|
//#region src/Components/Breadcrumb/composables/useBreadcrumb.ts
|
|
8
9
|
var m = [
|
|
9
10
|
"size",
|
|
@@ -14,7 +15,7 @@ var m = [
|
|
|
14
15
|
"customProps"
|
|
15
16
|
];
|
|
16
17
|
function h(h, g) {
|
|
17
|
-
let _ = o(), v = s(), y = i(() =>
|
|
18
|
+
let _ = o(), v = s(), y = i(() => p({
|
|
18
19
|
props: {
|
|
19
20
|
..._,
|
|
20
21
|
...h
|
|
@@ -27,17 +28,17 @@ function h(h, g) {
|
|
|
27
28
|
}), S = i(() => b.value.customProps), C = i(() => l(b.value.items ?? [], b.value.maxItems)), w = n({
|
|
28
29
|
entry: x,
|
|
29
30
|
props: () => y.value.componentProps
|
|
30
|
-
}), T = i(() => u
|
|
31
|
+
}), T = i(() => f(u, x.value?.tokens?.size)), E = i(() => c(T.value, b.value.size)), D = i(() => ({
|
|
31
32
|
separator: b.value.separator,
|
|
32
33
|
separatorIconProps: S.value?.separator,
|
|
33
|
-
separatorClass:
|
|
34
|
+
separatorClass: c(w.value, "separator"),
|
|
34
35
|
separatorSlot: v.separator ? () => v.separator?.() : void 0,
|
|
35
36
|
tokenClasses: {
|
|
36
|
-
item:
|
|
37
|
-
link:
|
|
38
|
-
iconSize:
|
|
39
|
-
current:
|
|
40
|
-
separator:
|
|
37
|
+
item: c(E.value, "item"),
|
|
38
|
+
link: c(E.value, "link"),
|
|
39
|
+
iconSize: c(E.value, "icon"),
|
|
40
|
+
current: c(E.value, "current"),
|
|
41
|
+
separator: c(E.value, "separator")
|
|
41
42
|
}
|
|
42
43
|
}));
|
|
43
44
|
return a(r, D), {
|
|
@@ -46,17 +47,17 @@ function h(h, g) {
|
|
|
46
47
|
let t = y.value.inheritedAttrs;
|
|
47
48
|
return e(S.value?.root, t, {
|
|
48
49
|
"aria-label": t["aria-label"] ?? "Breadcrumb",
|
|
49
|
-
class:
|
|
50
|
-
[
|
|
51
|
-
[
|
|
50
|
+
class: d({
|
|
51
|
+
[c(E.value, "root") ?? ""]: !0,
|
|
52
|
+
[c(w.value, "root") ?? ""]: !0
|
|
52
53
|
})
|
|
53
54
|
});
|
|
54
55
|
}),
|
|
55
56
|
listBind: i(() => e(S.value?.list, {}, {
|
|
56
57
|
role: "list",
|
|
57
|
-
class:
|
|
58
|
-
[
|
|
59
|
-
[
|
|
58
|
+
class: d({
|
|
59
|
+
[c(E.value, "list") ?? ""]: !0,
|
|
60
|
+
[c(w.value, "list") ?? ""]: !0,
|
|
60
61
|
"[&>li:first-child_[data-slot=separator]]:hidden": !0
|
|
61
62
|
})
|
|
62
63
|
})),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, Slot } from 'vue';
|
|
2
|
-
import { MergeHtmlProps } from '@bridge-ui/core';
|
|
2
|
+
import { MergeHtmlProps } from '@bridge-ui/core/Utils';
|
|
3
3
|
import { IconSource } from '../../Adapters/Icon';
|
|
4
4
|
import { IconProps } from '../Icon';
|
|
5
5
|
export interface BreadcrumbItemClasses {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IconSize } from '@bridge-ui/core';
|
|
1
|
+
import { IconSize } from '@bridge-ui/core/Tokens';
|
|
2
2
|
import { BreadcrumbItemOwnProps, BreadcrumbItemProps } from '../breadcrumbItem.types';
|
|
3
3
|
export declare function useBreadcrumbItem(props: BreadcrumbItemOwnProps): {
|
|
4
4
|
slots: Readonly<{
|
|
@@ -6,32 +6,32 @@ export declare function useBreadcrumbItem(props: BreadcrumbItemOwnProps): {
|
|
|
6
6
|
}>;
|
|
7
7
|
merged: import('vue').ComputedRef<BreadcrumbItemOwnProps>;
|
|
8
8
|
crumbAs: import('vue').ComputedRef<"a" | "button" | "span">;
|
|
9
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
|
|
9
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
10
10
|
class: string;
|
|
11
11
|
}, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<BreadcrumbItemProps, "href" | "classes" | "customProps" | "disabled" | "endIcon" | "startIcon" | "as" | "current">, "aria-label" | "aria-labelledby">>>;
|
|
12
|
-
linkBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
|
|
12
|
+
linkBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
13
13
|
"aria-disabled": true | undefined;
|
|
14
14
|
"aria-current": "page" | undefined;
|
|
15
15
|
href: string | undefined;
|
|
16
16
|
class: string;
|
|
17
17
|
}, "class", import('vue').HTMLAttributes | undefined, Pick<Omit<BreadcrumbItemProps, "href" | "classes" | "customProps" | "disabled" | "endIcon" | "startIcon" | "as" | "current">, "aria-label" | "aria-labelledby">>>;
|
|
18
18
|
iconSize: import('vue').ComputedRef<keyof IconSize>;
|
|
19
|
-
endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
|
|
19
|
+
endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
20
20
|
size: keyof IconSize;
|
|
21
21
|
class: string;
|
|
22
22
|
}, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
23
|
-
startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
|
|
23
|
+
startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
24
24
|
size: keyof IconSize;
|
|
25
25
|
class: string;
|
|
26
26
|
}, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
27
|
-
separatorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
|
|
27
|
+
separatorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
28
28
|
"aria-hidden": boolean;
|
|
29
29
|
"data-slot": string;
|
|
30
30
|
class: string;
|
|
31
31
|
}, "class", {}, {}>>;
|
|
32
32
|
separatorIcon: import('vue').ComputedRef<import('../../..').IconSource>;
|
|
33
33
|
separatorContent: import('vue').ComputedRef<import('vue').Slot<any> | (() => import('vue').VNodeChild) | undefined>;
|
|
34
|
-
separatorIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
|
|
34
|
+
separatorIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
35
35
|
size: keyof IconSize;
|
|
36
36
|
class: string;
|
|
37
37
|
}, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
|
|
2
2
|
import { BREADCRUMB_INJECTION_KEY as r } from "../../Breadcrumb/breadcrumbInjectionKey.js";
|
|
3
3
|
import { computed as i, inject as a, useAttrs as o, useSlots as s } from "vue";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { get as c, omit as l, pick as u } from "es-toolkit/compat";
|
|
5
|
+
import { cn as d, splitComponentProps as f } from "@bridge-ui/core/Utils";
|
|
6
6
|
//#region src/Components/BreadcrumbItem/composables/useBreadcrumbItem.ts
|
|
7
7
|
var p = [
|
|
8
8
|
"as",
|
|
@@ -17,7 +17,7 @@ var p = [
|
|
|
17
17
|
function m(m) {
|
|
18
18
|
let h = o(), g = s(), _ = a(r, null);
|
|
19
19
|
if (!_) throw Error("BreadcrumbItem must be used within a Breadcrumb provider");
|
|
20
|
-
let v = _, y = i(() =>
|
|
20
|
+
let v = _, y = i(() => f({
|
|
21
21
|
props: {
|
|
22
22
|
...h,
|
|
23
23
|
...m
|
|
@@ -29,43 +29,43 @@ function m(m) {
|
|
|
29
29
|
}), S = i(() => b.value.customProps), C = i(() => b.value.current === !0), w = i(() => b.value.disabled === !0), T = i(() => v.value.tokenClasses.iconSize ?? "md"), E = i(() => C.value || w.value ? "span" : b.value.as ? b.value.as : b.value.href == null ? "span" : "a"), D = n({
|
|
30
30
|
entry: x,
|
|
31
31
|
props: () => y.value.componentProps
|
|
32
|
-
}), O = i(() =>
|
|
32
|
+
}), O = i(() => u(y.value.inheritedAttrs, ["aria-label", "aria-labelledby"])), k = i(() => l(y.value.inheritedAttrs, ["aria-label", "aria-labelledby"])), A = i(() => e(S.value?.root, k.value, { class: d({
|
|
33
33
|
[v.value.tokenClasses.item ?? ""]: !0,
|
|
34
|
-
[
|
|
34
|
+
[c(D.value, "root") ?? ""]: !0
|
|
35
35
|
}) })), j = i(() => e({}, {}, {
|
|
36
36
|
"aria-hidden": !0,
|
|
37
37
|
"data-slot": "separator",
|
|
38
|
-
class:
|
|
38
|
+
class: d({
|
|
39
39
|
[v.value.tokenClasses.separator ?? ""]: !0,
|
|
40
40
|
[v.value.separatorClass ?? ""]: !0,
|
|
41
|
-
[
|
|
41
|
+
[c(D.value, "separator") ?? ""]: !0
|
|
42
42
|
})
|
|
43
43
|
})), M = i(() => e(S.value?.separator ?? v.value.separatorIconProps, {}, {
|
|
44
44
|
size: T.value,
|
|
45
|
-
class:
|
|
45
|
+
class: d({ "shrink-0": !0 })
|
|
46
46
|
})), N = i(() => {
|
|
47
47
|
let t = C.value, n = t ? S.value?.current : S.value?.link;
|
|
48
48
|
return e(n, O.value, {
|
|
49
49
|
"aria-disabled": w.value || void 0,
|
|
50
50
|
"aria-current": t ? "page" : void 0,
|
|
51
51
|
href: !t && !w.value ? b.value.href : void 0,
|
|
52
|
-
class:
|
|
52
|
+
class: d({
|
|
53
53
|
[t ? v.value.tokenClasses.current ?? "" : v.value.tokenClasses.link ?? ""]: !0,
|
|
54
|
-
[
|
|
54
|
+
[c(D.value, t ? "current" : "link") ?? ""]: !0,
|
|
55
55
|
"pointer-events-none opacity-50": w.value && !t
|
|
56
56
|
})
|
|
57
57
|
});
|
|
58
58
|
}), P = i(() => e(S.value?.startIcon, {}, {
|
|
59
59
|
size: T.value,
|
|
60
|
-
class:
|
|
60
|
+
class: d({
|
|
61
61
|
"shrink-0": !0,
|
|
62
|
-
[
|
|
62
|
+
[c(D.value, "startIcon") ?? ""]: !0
|
|
63
63
|
})
|
|
64
64
|
})), F = i(() => e(S.value?.endIcon, {}, {
|
|
65
65
|
size: T.value,
|
|
66
|
-
class:
|
|
66
|
+
class: d({
|
|
67
67
|
"shrink-0": !0,
|
|
68
|
-
[
|
|
68
|
+
[c(D.value, "endIcon") ?? ""]: !0
|
|
69
69
|
})
|
|
70
70
|
})), I = i(() => g.separator ? g.separator : v.value.separatorSlot);
|
|
71
71
|
return {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
|
|
2
|
-
import { ButtonColor, ButtonDensity, ButtonRounded, ButtonSize, ButtonVariant
|
|
2
|
+
import { ButtonColor, ButtonDensity, ButtonRounded, ButtonSize, ButtonVariant } from '@bridge-ui/core/Tokens';
|
|
3
|
+
import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
|
|
3
4
|
import { IconSource } from '../../Adapters/Icon';
|
|
4
5
|
import { IconProps } from '../Icon';
|
|
5
6
|
export interface ButtonSizeOverrides {}
|