@bridge-ui/vue 0.0.7 → 0.0.9
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/ai/AGENTS.md +31 -0
- package/ai/README.md +35 -0
- package/ai/guidelines/core.md +44 -0
- package/ai/llms.txt +38 -0
- package/ai/skills/bridge-ui-components/SKILL.md +48 -0
- package/ai/skills/bridge-ui-forms/SKILL.md +46 -0
- package/ai/skills/bridge-ui-overlays/SKILL.md +37 -0
- package/ai/skills/bridge-ui-setup/SKILL.md +38 -0
- package/bin/__tests__/ai.test.ts +319 -0
- package/bin/ai.mjs +469 -0
- package/dist/Actions/BridgeUIHosts.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Dialog/BridgeDialogAction.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Dialog/BridgeDialogHost.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Dialog/BridgeDialogItem.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/Actions/Dialog/ResolveBridgeDialogFooter.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Drawer/BridgeDrawerHost.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Modal/BridgeModalHost.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js +5 -2
- package/dist/Actions/Snackbar/BridgeSnackbarItem.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Adapters/Date/index.d.ts +1 -0
- package/dist/Adapters/Date/index.js +2 -0
- package/dist/Adapters/Date/useDateAdapter.d.ts +17 -0
- package/dist/Adapters/Date/useDateAdapter.js +21 -0
- package/dist/Adapters/I18n/useI18nAdapter.d.ts +1 -1
- package/dist/Adapters/Icon/useIconAdapter.d.ts +1 -1
- package/dist/Adapters/index.d.ts +1 -0
- package/dist/Adapters/index.js +4 -3
- package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Alert/composables/useAlert.js +13 -1
- package/dist/Components/Autocomplete/Autocomplete.vue.d.ts +7 -5
- package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +17 -10
- package/dist/Components/Autocomplete/AutocompleteOption.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Autocomplete/autocomplete.types.d.ts +19 -1
- package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +8 -2
- package/dist/Components/Autocomplete/composables/useAutocomplete.js +213 -181
- package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Avatar/composables/useAvatar.d.ts +1 -1
- package/dist/Components/Avatar/composables/useAvatar.js +13 -1
- package/dist/Components/Badge/Badge.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Badge/composables/useBadge.js +10 -1
- package/dist/Components/BaseField/BaseField.js +5 -0
- package/dist/Components/BaseField/BaseField.vue.d.ts +15 -0
- package/dist/Components/BaseField/BaseField.vue_vue_type_script_setup_true_lang.js +41 -0
- package/dist/Components/BaseField/BaseFieldLabel.js +5 -0
- package/dist/Components/{OtpField/OtpFieldLabel.vue.d.ts → BaseField/BaseFieldLabel.vue.d.ts} +2 -2
- package/dist/Components/{OtpField/OtpFieldLabel.vue_vue_type_script_setup_true_lang.js → BaseField/BaseFieldLabel.vue_vue_type_script_setup_true_lang.js} +3 -3
- package/dist/Components/BaseField/baseField.types.d.ts +222 -0
- package/dist/Components/BaseField/composables/useBaseField.d.ts +55 -0
- package/dist/Components/BaseField/composables/useBaseField.js +134 -0
- package/dist/Components/BaseField/index.d.ts +4 -0
- package/dist/Components/BaseField/index.js +3 -0
- package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Button/composables/useButton.d.ts +1 -1
- package/dist/Components/Button/composables/useButton.js +10 -1
- package/dist/Components/Calendar/Calendar.js +5 -0
- package/dist/Components/Calendar/Calendar.vue.d.ts +21 -0
- package/dist/Components/Calendar/Calendar.vue_vue_type_script_setup_true_lang.js +139 -0
- package/dist/Components/Calendar/calendar.types.d.ts +287 -0
- package/dist/Components/Calendar/composables/useCalendar.d.ts +875 -0
- package/dist/Components/Calendar/composables/useCalendar.js +173 -0
- package/dist/Components/Calendar/index.d.ts +3 -0
- package/dist/Components/Calendar/index.js +3 -0
- package/dist/Components/CalendarDate/CalendarDate.js +5 -0
- package/dist/Components/CalendarDate/CalendarDate.vue.d.ts +19 -0
- package/dist/Components/CalendarDate/CalendarDate.vue_vue_type_script_setup_true_lang.js +56 -0
- package/dist/Components/CalendarDate/calendarDate.types.d.ts +257 -0
- package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts +39 -0
- package/dist/Components/CalendarDate/composables/useCalendarDate.js +181 -0
- package/dist/Components/CalendarDate/index.d.ts +3 -0
- package/dist/Components/CalendarDate/index.js +3 -0
- package/dist/Components/CalendarMonth/CalendarMonth.js +5 -0
- package/dist/Components/CalendarMonth/CalendarMonth.vue.d.ts +8 -0
- package/dist/Components/CalendarMonth/CalendarMonth.vue_vue_type_script_setup_true_lang.js +32 -0
- package/dist/Components/CalendarMonth/calendarMonth.types.d.ts +135 -0
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts +29 -0
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.js +104 -0
- package/dist/Components/CalendarMonth/index.d.ts +3 -0
- package/dist/Components/CalendarMonth/index.js +3 -0
- package/dist/Components/CalendarRange/CalendarRange.js +5 -0
- package/dist/Components/CalendarRange/CalendarRange.vue.d.ts +19 -0
- package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js +187 -0
- package/dist/Components/CalendarRange/calendarRange.types.d.ts +333 -0
- package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts +1891 -0
- package/dist/Components/CalendarRange/composables/useCalendarRange.js +253 -0
- package/dist/Components/CalendarRange/index.d.ts +3 -0
- package/dist/Components/CalendarRange/index.js +3 -0
- package/dist/Components/CalendarYear/CalendarYear.js +5 -0
- package/dist/Components/CalendarYear/CalendarYear.vue.d.ts +8 -0
- package/dist/Components/CalendarYear/CalendarYear.vue_vue_type_script_setup_true_lang.js +34 -0
- package/dist/Components/CalendarYear/calendarYear.types.d.ts +141 -0
- package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts +30 -0
- package/dist/Components/CalendarYear/composables/useCalendarYear.js +108 -0
- package/dist/Components/CalendarYear/index.d.ts +3 -0
- package/dist/Components/CalendarYear/index.js +3 -0
- package/dist/Components/Card/Card.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Card/composables/useCard.js +14 -3
- package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/Checkbox/composables/useCheckbox.d.ts +1 -1
- package/dist/Components/Checkbox/composables/useCheckbox.js +11 -2
- package/dist/Components/Chip/Chip.vue.d.ts +1 -1
- package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Chip/composables/useChip.d.ts +1 -1
- package/dist/Components/Chip/composables/useChip.js +7 -4
- package/dist/Components/DateField/DateField.js +5 -0
- package/dist/Components/DateField/DateField.vue.d.ts +32 -0
- package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +158 -0
- package/dist/Components/DateField/composables/useDateField.d.ts +725 -0
- package/dist/Components/DateField/composables/useDateField.js +169 -0
- package/dist/Components/DateField/dateField.types.d.ts +206 -0
- package/dist/Components/DateField/index.d.ts +3 -0
- package/dist/Components/DateField/index.js +3 -0
- package/dist/Components/DatePicker/DatePicker.js +5 -0
- package/dist/Components/DatePicker/DatePicker.vue.d.ts +17 -0
- package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js +104 -0
- package/dist/Components/DatePicker/composables/useDatePicker.d.ts +28 -0
- package/dist/Components/DatePicker/composables/useDatePicker.js +91 -0
- package/dist/Components/DatePicker/datePicker.types.d.ts +233 -0
- package/dist/Components/DatePicker/index.d.ts +3 -0
- package/dist/Components/DatePicker/index.js +3 -0
- package/dist/Components/DateRangeField/DateRangeField.js +5 -0
- package/dist/Components/DateRangeField/DateRangeField.vue.d.ts +32 -0
- package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +152 -0
- package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +723 -0
- package/dist/Components/DateRangeField/composables/useDateRangeField.js +143 -0
- package/dist/Components/DateRangeField/dateRangeField.types.d.ts +195 -0
- package/dist/Components/DateRangeField/index.d.ts +3 -0
- package/dist/Components/DateRangeField/index.js +3 -0
- package/dist/Components/DateRangePicker/DateRangePicker.js +5 -0
- package/dist/Components/DateRangePicker/DateRangePicker.vue.d.ts +17 -0
- package/dist/Components/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +99 -0
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts +28 -0
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.js +89 -0
- package/dist/Components/DateRangePicker/dateRangePicker.types.d.ts +218 -0
- package/dist/Components/DateRangePicker/index.d.ts +3 -0
- package/dist/Components/DateRangePicker/index.js +3 -0
- package/dist/Components/DateTimeField/DateTimeField.js +5 -0
- package/dist/Components/DateTimeField/DateTimeField.vue.d.ts +31 -0
- package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +141 -0
- package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +724 -0
- package/dist/Components/DateTimeField/composables/useDateTimeField.js +151 -0
- package/dist/Components/DateTimeField/dateTimeField.types.d.ts +230 -0
- package/dist/Components/DateTimeField/index.d.ts +3 -0
- package/dist/Components/DateTimeField/index.js +3 -0
- package/dist/Components/DateTimePicker/DateTimePicker.js +5 -0
- package/dist/Components/DateTimePicker/DateTimePicker.vue.d.ts +17 -0
- package/dist/Components/DateTimePicker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +156 -0
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.d.ts +46 -0
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.js +98 -0
- package/dist/Components/DateTimePicker/dateTimePicker.types.d.ts +272 -0
- package/dist/Components/DateTimePicker/index.d.ts +3 -0
- package/dist/Components/DateTimePicker/index.js +3 -0
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.js +5 -0
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue.d.ts +32 -0
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +141 -0
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +726 -0
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.js +155 -0
- package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +231 -0
- package/dist/Components/DateTimeRangeField/index.d.ts +3 -0
- package/dist/Components/DateTimeRangeField/index.js +3 -0
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.js +5 -0
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue.d.ts +17 -0
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js +209 -0
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.d.ts +49 -0
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js +112 -0
- package/dist/Components/DateTimeRangePicker/dateTimeRangePicker.types.d.ts +272 -0
- package/dist/Components/DateTimeRangePicker/index.d.ts +3 -0
- package/dist/Components/DateTimeRangePicker/index.js +3 -0
- package/dist/Components/Divider/Divider.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Divider/composables/useDivider.js +7 -1
- package/dist/Components/Drawer/Drawer.vue.d.ts +8 -8
- package/dist/Components/Drawer/Drawer.vue_vue_type_script_setup_true_lang.js +11 -11
- package/dist/Components/Drawer/composables/useDrawer.d.ts +1 -1
- package/dist/Components/Drawer/composables/useDrawer.js +11 -2
- package/dist/Components/FieldOverlay/FieldOverlay.js +5 -0
- package/dist/Components/FieldOverlay/FieldOverlay.vue.d.ts +26 -0
- package/dist/Components/FieldOverlay/FieldOverlay.vue_vue_type_script_setup_true_lang.js +63 -0
- package/dist/Components/FieldOverlay/composables/useFieldOverlay.d.ts +15 -0
- package/dist/Components/FieldOverlay/composables/useFieldOverlay.js +36 -0
- package/dist/Components/FieldOverlay/fieldOverlay.types.d.ts +63 -0
- package/dist/Components/FieldOverlay/index.d.ts +4 -0
- package/dist/Components/FieldOverlay/index.js +3 -0
- package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/FormControl/FormControlLabel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/FormControl/composables/useFormControl.d.ts +11 -2
- package/dist/Components/FormControl/composables/useFormControl.js +58 -54
- package/dist/Components/FormControl/index.d.ts +1 -1
- package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/FormField/FormField.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/FormField/FormFieldLabel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/FormField/composables/useFormField.d.ts +5 -1
- package/dist/Components/FormField/composables/useFormField.js +20 -8
- package/dist/Components/Icon/Icon.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Icon/composables/useIcon.js +4 -1
- package/dist/Components/Label/Label.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Label/composables/useLabel.js +5 -2
- package/dist/Components/Link/Link.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Link/composables/useLink.js +10 -1
- package/dist/Components/List/List.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/List/composables/useList.js +4 -4
- package/dist/Components/ListItem/ListItem.vue.d.ts +1 -1
- package/dist/Components/ListItem/ListItem.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/ListItem/composables/useListItem.d.ts +1 -1
- package/dist/Components/ListSection/ListSection.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Components/Listbox/Listbox.vue.d.ts +7 -2
- package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +93 -71
- package/dist/Components/Listbox/composables/useListbox.d.ts +18 -2
- package/dist/Components/Listbox/composables/useListbox.js +59 -37
- package/dist/Components/Listbox/index.d.ts +1 -0
- package/dist/Components/Listbox/listbox.types.d.ts +74 -4
- package/dist/Components/Menu/Menu.vue.d.ts +6 -6
- package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js +12 -12
- package/dist/Components/Menu/composables/useMenu.d.ts +1 -1
- package/dist/Components/Menu/composables/useMenu.js +9 -5
- package/dist/Components/Modal/Modal.vue.d.ts +8 -8
- package/dist/Components/Modal/Modal.vue_vue_type_script_setup_true_lang.js +11 -11
- package/dist/Components/Modal/composables/useModal.d.ts +1 -1
- package/dist/Components/Modal/composables/useModal.js +11 -2
- package/dist/Components/NumberField/NumberField.vue.d.ts +2 -2
- package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/Components/NumberField/composables/useNumberField.d.ts +2 -2
- package/dist/Components/NumberField/composables/useNumberField.js +4 -1
- package/dist/Components/OtpField/OtpField.vue.d.ts +3 -3
- package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js +34 -52
- package/dist/Components/OtpField/composables/useOtpField.d.ts +40 -213
- package/dist/Components/OtpField/composables/useOtpField.js +105 -151
- package/dist/Components/OtpField/otpField.types.d.ts +10 -180
- package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/Components/PasswordField/composables/usePasswordField.d.ts +2 -2
- package/dist/Components/PasswordField/composables/usePasswordField.js +4 -1
- package/dist/Components/Progress/Progress.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Progress/composables/useProgress.js +13 -1
- package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js +11 -11
- package/dist/Components/Radio/composables/useRadio.d.ts +1 -1
- package/dist/Components/Radio/composables/useRadio.js +11 -2
- package/dist/Components/Select/Select.vue.d.ts +6 -4
- package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +17 -10
- package/dist/Components/Select/SelectOption.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Select/composables/useSelect.d.ts +8 -2
- package/dist/Components/Select/composables/useSelect.js +226 -194
- package/dist/Components/Select/select.types.d.ts +19 -1
- package/dist/Components/Skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Skeleton/composables/useSkeleton.js +5 -2
- package/dist/Components/Slider/Slider.js +5 -0
- package/dist/Components/Slider/Slider.vue.d.ts +25 -0
- package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js +113 -0
- package/dist/Components/Slider/composables/useSlider.d.ts +485 -0
- package/dist/Components/Slider/composables/useSlider.js +292 -0
- package/dist/Components/Slider/index.d.ts +4 -0
- package/dist/Components/Slider/index.js +3 -0
- package/dist/Components/Slider/slider.types.d.ts +177 -0
- package/dist/Components/Snackbar/Snackbar.vue.d.ts +2 -2
- package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +42 -42
- package/dist/Components/Snackbar/composables/useSnackbar.js +16 -3
- package/dist/Components/Spinner/Spinner.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Spinner/composables/useSpinner.js +10 -1
- package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js +12 -12
- package/dist/Components/Switch/composables/useSwitch.d.ts +1 -1
- package/dist/Components/Switch/composables/useSwitch.js +11 -2
- package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/TabItem/TabItem.vue_vue_type_script_setup_true_lang.js +3 -2
- package/dist/Components/TabList/TabList.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/TabPanel/TabPanel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Tabs/Tabs.vue.d.ts +2 -2
- package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/TextField/composables/useTextField.d.ts +2 -2
- package/dist/Components/TextField/composables/useTextField.js +1 -1
- package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/Textarea/composables/useTextarea.d.ts +2 -2
- package/dist/Components/Textarea/composables/useTextarea.js +5 -1
- package/dist/Components/TimeField/TimeField.js +5 -0
- package/dist/Components/TimeField/TimeField.vue.d.ts +32 -0
- package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +134 -0
- package/dist/Components/TimeField/composables/useTimeField.d.ts +733 -0
- package/dist/Components/TimeField/composables/useTimeField.js +147 -0
- package/dist/Components/TimeField/index.d.ts +3 -0
- package/dist/Components/TimeField/index.js +3 -0
- package/dist/Components/TimeField/timeField.types.d.ts +155 -0
- package/dist/Components/TimePanel/TimePanel.js +5 -0
- package/dist/Components/TimePanel/TimePanel.vue.d.ts +8 -0
- package/dist/Components/TimePanel/TimePanel.vue_vue_type_script_setup_true_lang.js +62 -0
- package/dist/Components/TimePanel/composables/useTimePanel.d.ts +58 -0
- package/dist/Components/TimePanel/composables/useTimePanel.js +180 -0
- package/dist/Components/TimePanel/index.d.ts +3 -0
- package/dist/Components/TimePanel/index.js +3 -0
- package/dist/Components/TimePanel/timePanel.types.d.ts +147 -0
- package/dist/Components/TimePicker/TimePicker.js +5 -0
- package/dist/Components/TimePicker/TimePicker.vue.d.ts +10 -0
- package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js +82 -0
- package/dist/Components/TimePicker/composables/useTimePicker.d.ts +31 -0
- package/dist/Components/TimePicker/composables/useTimePicker.js +84 -0
- package/dist/Components/TimePicker/index.d.ts +3 -0
- package/dist/Components/TimePicker/index.js +3 -0
- package/dist/Components/TimePicker/timePicker.types.d.ts +176 -0
- package/dist/Components/TimeRangeField/TimeRangeField.js +5 -0
- package/dist/Components/TimeRangeField/TimeRangeField.vue.d.ts +32 -0
- package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +134 -0
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +725 -0
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.js +143 -0
- package/dist/Components/TimeRangeField/index.d.ts +3 -0
- package/dist/Components/TimeRangeField/index.js +3 -0
- package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +155 -0
- package/dist/Components/TimeRangePicker/TimeRangePicker.js +5 -0
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue.d.ts +10 -0
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js +116 -0
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts +40 -0
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js +123 -0
- package/dist/Components/TimeRangePicker/index.d.ts +3 -0
- package/dist/Components/TimeRangePicker/index.js +3 -0
- package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts +232 -0
- package/dist/Components/Tooltip/Tooltip.vue.d.ts +2 -2
- package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +14 -14
- package/dist/Components/Tooltip/composables/useTooltip.d.ts +1 -1
- package/dist/Components/Tooltip/composables/useTooltip.js +10 -1
- package/dist/Provider/BridgeUIProvider.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Provider/createBridgeUI.js +3 -3
- package/dist/Utils/index.d.ts +3 -3
- package/dist/Utils/index.js +5 -2
- package/dist/Utils/slotOrProp.js +1 -1
- package/dist/augments.d.ts +29 -17
- package/dist/index.d.ts +44 -1
- package/dist/index.js +127 -84
- package/dist/theme.css +8 -8
- package/docs/README.md +74 -0
- package/docs/components/Alert.md +96 -0
- package/docs/components/Autocomplete.md +212 -0
- package/docs/components/Avatar.md +60 -0
- package/docs/components/Badge.md +47 -0
- package/docs/components/BaseField.md +126 -0
- package/docs/components/BridgeUIProvider.md +168 -0
- package/docs/components/Button.md +93 -0
- package/docs/components/Calendar.md +96 -0
- package/docs/components/CalendarDate.md +71 -0
- package/docs/components/CalendarMonth.md +52 -0
- package/docs/components/CalendarRange.md +83 -0
- package/docs/components/CalendarYear.md +53 -0
- package/docs/components/Card.md +287 -0
- package/docs/components/Checkbox.md +87 -0
- package/docs/components/DateField.md +103 -0
- package/docs/components/DatePicker.md +80 -0
- package/docs/components/DateRangeField.md +88 -0
- package/docs/components/DateRangePicker.md +70 -0
- package/docs/components/DateTimeField.md +92 -0
- package/docs/components/DateTimePicker.md +74 -0
- package/docs/components/DateTimeRangeField.md +90 -0
- package/docs/components/DateTimeRangePicker.md +74 -0
- package/docs/components/Divider.md +56 -0
- package/docs/components/Drawer.md +137 -0
- package/docs/components/FieldOverlay.md +91 -0
- package/docs/components/FormControl.md +66 -0
- package/docs/components/FormField.md +71 -0
- package/docs/components/I18n.md +125 -0
- package/docs/components/Icon.md +88 -0
- package/docs/components/Label.md +31 -0
- package/docs/components/Link.md +71 -0
- package/docs/components/List.md +167 -0
- package/docs/components/Menu.md +97 -0
- package/docs/components/Modal.md +154 -0
- package/docs/components/NumberField.md +80 -0
- package/docs/components/OtpField.md +133 -0
- package/docs/components/PasswordField.md +82 -0
- package/docs/components/Progress.md +68 -0
- package/docs/components/Radio.md +91 -0
- package/docs/components/Select.md +195 -0
- package/docs/components/Skeleton.md +38 -0
- package/docs/components/Slider.md +140 -0
- package/docs/components/Snackbar.md +99 -0
- package/docs/components/Spinner.md +61 -0
- package/docs/components/Switch.md +72 -0
- package/docs/components/Tabs.md +207 -0
- package/docs/components/TextField.md +72 -0
- package/docs/components/Textarea.md +80 -0
- package/docs/components/TimeField.md +81 -0
- package/docs/components/TimePanel.md +56 -0
- package/docs/components/TimePicker.md +61 -0
- package/docs/components/TimeRangeField.md +79 -0
- package/docs/components/TimeRangePicker.md +64 -0
- package/docs/components/Tooltip.md +125 -0
- package/docs/components/useBreakpoint.md +100 -0
- package/docs/components/useDialogAction.md +97 -0
- package/docs/components/useDrawerAction.md +75 -0
- package/docs/components/useModalAction.md +75 -0
- package/docs/components/useSnackbarAction.md +85 -0
- package/docs/examples/date-date-fns.ts +286 -0
- package/docs/examples/date-dayjs.ts +327 -0
- package/docs/examples/date-luxon.ts +332 -0
- package/docs/examples/date-moment.ts +334 -0
- package/docs/examples/i18n-dictionary.ts +48 -0
- package/docs/examples/i18n-vue-i18n.ts +34 -0
- package/docs/examples/icon-fontawesome.ts +120 -0
- package/docs/examples/icon-heroicons.ts +65 -0
- package/docs/examples/icon-lucide.ts +65 -0
- package/docs/examples/icon-phosphor.ts +65 -0
- package/docs/examples/icon-tabler.ts +65 -0
- package/package.json +28 -15
- package/dist/Components/OtpField/OtpFieldLabel.js +0 -5
|
@@ -27,7 +27,16 @@ function p(p, m) {
|
|
|
27
27
|
}), y = n({
|
|
28
28
|
entry: v,
|
|
29
29
|
props: () => g.value.componentProps
|
|
30
|
-
}), b = r(() => _.value.density === "mini"), x = r(() =>
|
|
30
|
+
}), b = r(() => _.value.density === "mini"), x = r(() => {
|
|
31
|
+
let e = o(l, v.value?.tokens?.density);
|
|
32
|
+
return c(e, [_.value.density, _.value.size]);
|
|
33
|
+
}), S = r(() => {
|
|
34
|
+
let e = o(d, v.value?.tokens?.variant);
|
|
35
|
+
return c(e, [_.value.variant, _.value.color]);
|
|
36
|
+
}), C = r(() => {
|
|
37
|
+
let e = o(u, v.value?.tokens?.rounded);
|
|
38
|
+
return c(e, _.value.rounded);
|
|
39
|
+
});
|
|
31
40
|
return {
|
|
32
41
|
merged: _,
|
|
33
42
|
rootBind: r(() => e({}, g.value.inheritedAttrs, a({
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BaseFieldSlots } from './baseField.types';
|
|
2
|
+
import { UseBaseFieldReturn } from './composables/useBaseField';
|
|
3
|
+
type __VLS_Slots = BaseFieldSlots;
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
field: UseBaseFieldReturn;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
9
|
+
declare const _default: typeof __VLS_export;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
12
|
+
new (): {
|
|
13
|
+
$slots: S;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
|
|
2
|
+
import i from "./BaseFieldLabel.js";
|
|
3
|
+
import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, unref as v, useSlots as y } from "vue";
|
|
4
|
+
//#region src/Components/BaseField/BaseField.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var b = [
|
|
6
|
+
"data-invalid",
|
|
7
|
+
"aria-disabled",
|
|
8
|
+
"aria-readonly"
|
|
9
|
+
], x = ["id"], S = ["id", "aria-hidden"], C = /*@__PURE__*/ d({
|
|
10
|
+
inheritAttrs: !1,
|
|
11
|
+
__name: "BaseField",
|
|
12
|
+
props: { field: {} },
|
|
13
|
+
setup(d) {
|
|
14
|
+
let C = d, w = y(), T = a(() => ({
|
|
15
|
+
...C.field,
|
|
16
|
+
slots: {
|
|
17
|
+
...C.field.slots,
|
|
18
|
+
...w
|
|
19
|
+
}
|
|
20
|
+
})), E = a(() => t(T.value.slots, "label", T.value.merged.value.label) || t(T.value.slots, "corner", T.value.merged.value.corner));
|
|
21
|
+
return (a, d) => (h(), c("div", p(T.value.rootBind.value, {
|
|
22
|
+
"data-invalid": T.value.invalidated.value || void 0,
|
|
23
|
+
"aria-disabled": T.value.isDisabled.value || void 0,
|
|
24
|
+
"aria-readonly": T.value.isReadonly.value || void 0
|
|
25
|
+
}), [
|
|
26
|
+
E.value ? (h(), c("div", m(p({ key: 0 }, T.value.headerBind.value)), [u(i, { api: T.value }, null, 8, ["api"]), v(t)(T.value.slots, "corner", T.value.merged.value.corner) ? (h(), c("span", m(p({ key: 0 }, T.value.cornerBind.value)), [(h(), o(_(v(r)(T.value.slots, "corner", T.value.merged.value.corner))))], 16)) : s("", !0)], 16)) : s("", !0),
|
|
27
|
+
l("div", m(f(T.value.groupBind.value)), [
|
|
28
|
+
v(e)(T.value.slots, "start") ? (h(), c("div", m(p({ key: 0 }, T.value.startSlotBind.value)), [(h(), o(_(v(n)(T.value.slots, "start"))))], 16)) : s("", !0),
|
|
29
|
+
g(a.$slots, "default"),
|
|
30
|
+
v(e)(T.value.slots, "end") ? (h(), c("div", m(p({ key: 1 }, T.value.endSlotBind.value)), [(h(), o(_(v(n)(T.value.slots, "end"))))], 16)) : s("", !0)
|
|
31
|
+
], 16),
|
|
32
|
+
!T.value.invalidated.value && v(t)(T.value.slots, "description", T.value.merged.value.description) ? (h(), c("p", p({ key: 1 }, T.value.descriptionBind.value, { id: `${T.value.controlId.value}-description` }), [(h(), o(_(v(r)(T.value.slots, "description", T.value.merged.value.description))))], 16, x)) : s("", !0),
|
|
33
|
+
T.value.merged.value.hideErrorMessage ? s("", !0) : (h(), c("p", p({ key: 2 }, T.value.errorBind.value, {
|
|
34
|
+
id: `${T.value.controlId.value}-error`,
|
|
35
|
+
"aria-hidden": !T.value.showErrorMessageContent.value || void 0
|
|
36
|
+
}), [T.value.showErrorMessageContent.value ? (h(), o(_(v(r)(T.value.slots, "errorMessage", T.value.merged.value.errorMessage)), { key: 0 })) : s("", !0)], 16, S))
|
|
37
|
+
], 16, b));
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
//#endregion
|
|
41
|
+
export { C as default };
|
package/dist/Components/{OtpField/OtpFieldLabel.vue.d.ts → BaseField/BaseFieldLabel.vue.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { UseBaseFieldReturn } from './composables/useBaseField';
|
|
2
2
|
type __VLS_Props = {
|
|
3
|
-
api:
|
|
3
|
+
api: UseBaseFieldReturn;
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
6
6
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r } from "../../Utils/slotOrProp.js";
|
|
2
2
|
import i from "../Label/Label.js";
|
|
3
3
|
import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
|
|
4
|
-
//#region src/Components/
|
|
5
|
-
var v =
|
|
6
|
-
__name: "
|
|
4
|
+
//#region src/Components/BaseField/BaseFieldLabel.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var v = /*@__PURE__*/ u({
|
|
6
|
+
__name: "BaseFieldLabel",
|
|
7
7
|
props: { api: {} },
|
|
8
8
|
setup(u) {
|
|
9
9
|
return (v, y) => g(t)(u.api.slots, "label", u.api.merged.value.label) ? (p(), o(g(i), f(d({ key: 0 }, u.api.fieldLabelProps.value)), {
|
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
import { HTMLAttributes, Slot } from 'vue';
|
|
2
|
+
import { BaseFieldInvalidated, BaseFieldSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
|
|
3
|
+
import { UseBaseFieldReturn } from './composables/useBaseField';
|
|
4
|
+
import { LabelProps } from '../Label/label.types';
|
|
5
|
+
export interface BaseFieldSizeOverrides {}
|
|
6
|
+
export interface BaseFieldClasses {
|
|
7
|
+
/**
|
|
8
|
+
* Classes merged onto the corner label in the header row.
|
|
9
|
+
*/
|
|
10
|
+
corner?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Classes merged onto the helper text below the control group.
|
|
13
|
+
*/
|
|
14
|
+
description?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Classes merged onto the inline-end adornment slot wrapper.
|
|
17
|
+
*/
|
|
18
|
+
end?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Classes merged onto the error message below the control group.
|
|
21
|
+
*/
|
|
22
|
+
errorMessage?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Classes merged onto the control group wrapper.
|
|
25
|
+
*/
|
|
26
|
+
group?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Classes merged onto the label + corner header row.
|
|
29
|
+
*/
|
|
30
|
+
header?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Classes merged onto the primary label.
|
|
33
|
+
*/
|
|
34
|
+
label?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Classes merged onto the required asterisk.
|
|
37
|
+
*/
|
|
38
|
+
required?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Classes merged onto the root wrapper.
|
|
41
|
+
*/
|
|
42
|
+
root?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Classes merged onto the inline-start adornment slot wrapper.
|
|
45
|
+
*/
|
|
46
|
+
start?: string;
|
|
47
|
+
}
|
|
48
|
+
export interface BaseFieldCustomProps {
|
|
49
|
+
/**
|
|
50
|
+
* Props forwarded to the corner label element.
|
|
51
|
+
*/
|
|
52
|
+
corner?: HTMLAttributes;
|
|
53
|
+
/**
|
|
54
|
+
* Props forwarded to the helper text below the control group.
|
|
55
|
+
*/
|
|
56
|
+
description?: HTMLAttributes;
|
|
57
|
+
/**
|
|
58
|
+
* Props forwarded to the inline-end adornment slot wrapper.
|
|
59
|
+
*/
|
|
60
|
+
end?: HTMLAttributes;
|
|
61
|
+
/**
|
|
62
|
+
* Props forwarded to the error message element.
|
|
63
|
+
*/
|
|
64
|
+
errorMessage?: HTMLAttributes;
|
|
65
|
+
/**
|
|
66
|
+
* Props forwarded to the control group wrapper.
|
|
67
|
+
*/
|
|
68
|
+
group?: HTMLAttributes;
|
|
69
|
+
/**
|
|
70
|
+
* Props forwarded to the label + corner header row.
|
|
71
|
+
*/
|
|
72
|
+
header?: HTMLAttributes;
|
|
73
|
+
/**
|
|
74
|
+
* Error-state message colors (`errorMessage`). Label colors come from `Label`
|
|
75
|
+
* when `error` is set.
|
|
76
|
+
*
|
|
77
|
+
* @default undefined
|
|
78
|
+
*/
|
|
79
|
+
invalidated?: Partial<BaseFieldInvalidated>;
|
|
80
|
+
/**
|
|
81
|
+
* Props forwarded to the primary `Label` (content stays owned by `BaseField`).
|
|
82
|
+
*
|
|
83
|
+
* @default undefined
|
|
84
|
+
*/
|
|
85
|
+
label?: Partial<Omit<LabelProps, "children">>;
|
|
86
|
+
/**
|
|
87
|
+
* Props forwarded to the root wrapper.
|
|
88
|
+
*/
|
|
89
|
+
root?: HTMLAttributes;
|
|
90
|
+
/**
|
|
91
|
+
* Props forwarded to the inline-start adornment slot wrapper.
|
|
92
|
+
*/
|
|
93
|
+
start?: HTMLAttributes;
|
|
94
|
+
}
|
|
95
|
+
export interface BaseFieldOwnProps {
|
|
96
|
+
/**
|
|
97
|
+
* Classes for the field chrome and control group layout.
|
|
98
|
+
*
|
|
99
|
+
* @default undefined
|
|
100
|
+
*/
|
|
101
|
+
classes?: BaseFieldClasses;
|
|
102
|
+
/**
|
|
103
|
+
* Associates labels and helper text with the control group. When omitted, an
|
|
104
|
+
* id is generated automatically.
|
|
105
|
+
*
|
|
106
|
+
* @default undefined
|
|
107
|
+
*/
|
|
108
|
+
controlId?: string;
|
|
109
|
+
/**
|
|
110
|
+
* Secondary label text at the inline end of the header row.
|
|
111
|
+
*
|
|
112
|
+
* @default undefined
|
|
113
|
+
*/
|
|
114
|
+
corner?: string;
|
|
115
|
+
/**
|
|
116
|
+
* Extra props for internal parts (`root`, `group`, `label`, …).
|
|
117
|
+
*
|
|
118
|
+
* @default undefined
|
|
119
|
+
*/
|
|
120
|
+
customProps?: BaseFieldCustomProps;
|
|
121
|
+
/**
|
|
122
|
+
* Helper text below the control group (hidden when the field is invalid).
|
|
123
|
+
*
|
|
124
|
+
* @default undefined
|
|
125
|
+
*/
|
|
126
|
+
description?: string;
|
|
127
|
+
/**
|
|
128
|
+
* Whether the field control is disabled.
|
|
129
|
+
*
|
|
130
|
+
* @default false
|
|
131
|
+
*/
|
|
132
|
+
disabled?: boolean;
|
|
133
|
+
/**
|
|
134
|
+
* When `true`, applies invalid styling on the label and control group.
|
|
135
|
+
*
|
|
136
|
+
* @default false
|
|
137
|
+
*/
|
|
138
|
+
error?: boolean;
|
|
139
|
+
/**
|
|
140
|
+
* Error message below the control group. Shown only when set (or via
|
|
141
|
+
* `errorMessage` slot).
|
|
142
|
+
*
|
|
143
|
+
* @default undefined
|
|
144
|
+
*/
|
|
145
|
+
errorMessage?: string;
|
|
146
|
+
/**
|
|
147
|
+
* Pre-composed field chrome API from a parent composable. Used by
|
|
148
|
+
* `<BaseField :field="…" />`; not set on OtpField, Slider, or similar
|
|
149
|
+
* wrappers.
|
|
150
|
+
*
|
|
151
|
+
* @default undefined
|
|
152
|
+
*/
|
|
153
|
+
field?: UseBaseFieldReturn;
|
|
154
|
+
/**
|
|
155
|
+
* When `true`, does not reserve space below the group for error messages.
|
|
156
|
+
*
|
|
157
|
+
* @default false
|
|
158
|
+
*/
|
|
159
|
+
hideErrorMessage?: boolean;
|
|
160
|
+
/**
|
|
161
|
+
* The primary label text above the control group.
|
|
162
|
+
*
|
|
163
|
+
* @default undefined
|
|
164
|
+
*/
|
|
165
|
+
label?: string;
|
|
166
|
+
/**
|
|
167
|
+
* Whether the field control is read-only.
|
|
168
|
+
*
|
|
169
|
+
* @default false
|
|
170
|
+
*/
|
|
171
|
+
readonly?: boolean;
|
|
172
|
+
/**
|
|
173
|
+
* Shows a red asterisk on the label.
|
|
174
|
+
*
|
|
175
|
+
* @default false
|
|
176
|
+
*/
|
|
177
|
+
required?: boolean;
|
|
178
|
+
/**
|
|
179
|
+
* Label typography and control group gap scale.
|
|
180
|
+
*
|
|
181
|
+
* @default "md"
|
|
182
|
+
*/
|
|
183
|
+
size?: MergeProps<BaseFieldSize, BaseFieldSizeOverrides>;
|
|
184
|
+
/**
|
|
185
|
+
* Chrome slots (`label`, `corner`, `description`, `errorMessage`, …) and the
|
|
186
|
+
* control.
|
|
187
|
+
*
|
|
188
|
+
* @default undefined
|
|
189
|
+
*/
|
|
190
|
+
slots?: BaseFieldSlots;
|
|
191
|
+
}
|
|
192
|
+
export interface BaseFieldSlots {
|
|
193
|
+
/**
|
|
194
|
+
* Secondary header text at the inline end.
|
|
195
|
+
*/
|
|
196
|
+
corner?: Slot;
|
|
197
|
+
/**
|
|
198
|
+
* The form control (input, pin group, slider track, …).
|
|
199
|
+
*/
|
|
200
|
+
default?: Slot<undefined>;
|
|
201
|
+
/**
|
|
202
|
+
* Helper text below the control group.
|
|
203
|
+
*/
|
|
204
|
+
description?: Slot;
|
|
205
|
+
/**
|
|
206
|
+
* Inline-end slot beside the control group (e.g. a button or timer).
|
|
207
|
+
*/
|
|
208
|
+
end?: Slot;
|
|
209
|
+
/**
|
|
210
|
+
* Error message below the control group.
|
|
211
|
+
*/
|
|
212
|
+
errorMessage?: Slot;
|
|
213
|
+
/**
|
|
214
|
+
* Primary label content.
|
|
215
|
+
*/
|
|
216
|
+
label?: Slot;
|
|
217
|
+
/**
|
|
218
|
+
* Inline-start slot beside the control group (e.g. an icon or button).
|
|
219
|
+
*/
|
|
220
|
+
start?: Slot;
|
|
221
|
+
}
|
|
222
|
+
export type BaseFieldProps = MergeHtmlProps<BaseFieldOwnProps, Omit<HTMLAttributes, "color">>;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
|
|
2
|
+
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
|
|
3
|
+
import { BaseFieldClasses, BaseFieldOwnProps } from '../baseField.types';
|
|
4
|
+
import { LabelProps } from '../../Label/label.types';
|
|
5
|
+
export type BaseFieldOptions = {
|
|
6
|
+
/**
|
|
7
|
+
* Public registry key that owns BaseField chrome defaults/tokens.
|
|
8
|
+
*/
|
|
9
|
+
componentName?: "Slider" | "OtpField";
|
|
10
|
+
/**
|
|
11
|
+
* Resolve `Label` `for` from `controlId`. Defaults to the control id itself.
|
|
12
|
+
*/
|
|
13
|
+
labelHtmlFor?: (controlId: string) => string;
|
|
14
|
+
};
|
|
15
|
+
export declare const baseFieldBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage"];
|
|
16
|
+
type BaseFieldLibDefaults = LibDefaultsShape<Omit<BaseFieldOwnProps, "field">, "size" | "error" | "hideErrorMessage">;
|
|
17
|
+
type BaseFieldMerged = MergeLibDefaults<Omit<BaseFieldOwnProps, "field">, BaseFieldLibDefaults>;
|
|
18
|
+
/**
|
|
19
|
+
* Composes shared vertical field chrome: label, corner, start/end slots,
|
|
20
|
+
* description, and error message.
|
|
21
|
+
*/
|
|
22
|
+
export declare function useBaseField(props: MaybeRefOrGetter<Omit<BaseFieldOwnProps, "field">>, libDefaults?: BaseFieldLibDefaults, options?: BaseFieldOptions): {
|
|
23
|
+
slots: Readonly<{
|
|
24
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
25
|
+
}>;
|
|
26
|
+
merged: import('vue').ComputedRef<BaseFieldMerged>;
|
|
27
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
28
|
+
slots?: import('../baseField.types').BaseFieldSlots | undefined;
|
|
29
|
+
class: string;
|
|
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, {
|
|
33
|
+
role: string;
|
|
34
|
+
id: string;
|
|
35
|
+
"aria-describedby": string | undefined;
|
|
36
|
+
"aria-disabled": true | undefined;
|
|
37
|
+
"aria-invalid": true | undefined;
|
|
38
|
+
}>>;
|
|
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, {}>>;
|
|
42
|
+
isDisabled: import('vue').ComputedRef<boolean>;
|
|
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, {}>>;
|
|
46
|
+
invalidated: import('vue').ComputedRef<boolean>;
|
|
47
|
+
startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
48
|
+
mergedClasses: import('vue').ComputedRef<Partial<BaseFieldClasses>>;
|
|
49
|
+
ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
|
|
50
|
+
fieldLabelProps: import('vue').ComputedRef<LabelProps>;
|
|
51
|
+
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
52
|
+
showErrorMessageContent: import('vue').ComputedRef<boolean>;
|
|
53
|
+
};
|
|
54
|
+
export type UseBaseFieldReturn = ReturnType<typeof useBaseField>;
|
|
55
|
+
export {};
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { hasSlotOrProp as e } from "../../../Utils/slotOrProp.js";
|
|
2
|
+
import { mergeNestedComponentProps as t, mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
|
|
3
|
+
import { computed as a, toValue as o, useAttrs as s, useId as c, useSlots as l } from "vue";
|
|
4
|
+
import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
|
|
5
|
+
import { get as p, omit as m } from "es-toolkit/compat";
|
|
6
|
+
import { invalidatedProps as h, sizeProps as g } from "@bridge-ui/core/Tokens/BaseField";
|
|
7
|
+
//#region src/Components/BaseField/composables/useBaseField.ts
|
|
8
|
+
var _ = [
|
|
9
|
+
"size",
|
|
10
|
+
"error",
|
|
11
|
+
"label",
|
|
12
|
+
"corner",
|
|
13
|
+
"classes",
|
|
14
|
+
"disabled",
|
|
15
|
+
"readonly",
|
|
16
|
+
"required",
|
|
17
|
+
"controlId",
|
|
18
|
+
"customProps",
|
|
19
|
+
"description",
|
|
20
|
+
"errorMessage",
|
|
21
|
+
"hideErrorMessage"
|
|
22
|
+
];
|
|
23
|
+
function v(v, y = {
|
|
24
|
+
size: "md",
|
|
25
|
+
error: !1,
|
|
26
|
+
hideErrorMessage: !1
|
|
27
|
+
}, b = {}) {
|
|
28
|
+
let x = s(), S = l(), C = c(), w = a(() => f({
|
|
29
|
+
bridgeKeys: _,
|
|
30
|
+
props: {
|
|
31
|
+
...x,
|
|
32
|
+
...o(v)
|
|
33
|
+
}
|
|
34
|
+
})), { merged: T, entry: E } = r({
|
|
35
|
+
libDefaults: y,
|
|
36
|
+
componentName: b.componentName,
|
|
37
|
+
props: () => w.value.componentProps
|
|
38
|
+
}), D = i({
|
|
39
|
+
entry: E,
|
|
40
|
+
props: () => w.value.componentProps
|
|
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 = d(g, p(E.value, [
|
|
43
|
+
"tokens",
|
|
44
|
+
"baseField",
|
|
45
|
+
"size"
|
|
46
|
+
]));
|
|
47
|
+
return p(e, T.value.size ?? "md");
|
|
48
|
+
}), P = a(() => d(h, p(E.value, [
|
|
49
|
+
"tokens",
|
|
50
|
+
"baseField",
|
|
51
|
+
"invalidated"
|
|
52
|
+
]), T.value.customProps?.invalidated)), F = a(() => k.value ? P.value : void 0), I = a(() => !T.value.hideErrorMessage), L = a(() => k.value && e(S, "errorMessage", T.value.errorMessage)), R = a(() => {
|
|
53
|
+
let t = [];
|
|
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
|
+
}), z = a(() => n(O.value?.root, {
|
|
56
|
+
class: u(w.value.inheritedAttrs.class),
|
|
57
|
+
...m(w.value.inheritedAttrs, ["class", "id"])
|
|
58
|
+
}, u({
|
|
59
|
+
"group w-full relative": !0,
|
|
60
|
+
"aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60": !0,
|
|
61
|
+
"aria-readonly:pointer-events-none aria-readonly:select-none": !0,
|
|
62
|
+
[D.value.root ?? ""]: !0
|
|
63
|
+
}))), B = a(() => n(O.value?.header, {}, u({
|
|
64
|
+
"flex w-full gap-x-2 mb-1.5": !0,
|
|
65
|
+
"justify-between items-end": e(S, "label", T.value.label),
|
|
66
|
+
"justify-end": !e(S, "label", T.value.label),
|
|
67
|
+
[D.value.header ?? ""]: !0
|
|
68
|
+
}))), V = a(() => n(O.value?.corner, {}, u({
|
|
69
|
+
"text-dark-500 dark:text-dark-400": !0,
|
|
70
|
+
[N.value?.text ?? ""]: !0,
|
|
71
|
+
[D.value.corner ?? ""]: !0
|
|
72
|
+
}))), H = a(() => n(O.value?.group, {
|
|
73
|
+
role: "group",
|
|
74
|
+
id: M.value,
|
|
75
|
+
"aria-describedby": R.value,
|
|
76
|
+
"aria-disabled": A.value || void 0,
|
|
77
|
+
"aria-invalid": k.value || void 0
|
|
78
|
+
}, u({
|
|
79
|
+
"flex flex-wrap items-center": !0,
|
|
80
|
+
[N.value?.group ?? ""]: !0,
|
|
81
|
+
[D.value.group ?? ""]: !0
|
|
82
|
+
}))), U = a(() => n(O.value?.start, {}, u({
|
|
83
|
+
"group/start wrapper-start-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
|
|
84
|
+
[D.value.start ?? ""]: !0
|
|
85
|
+
}))), W = a(() => n(O.value?.end, {}, u({
|
|
86
|
+
"group/end wrapper-end-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
|
|
87
|
+
[D.value.end ?? ""]: !0
|
|
88
|
+
}))), G = a(() => n(O.value?.description, {}, u({
|
|
89
|
+
"mt-2 text-dark-500 dark:text-dark-400": !0,
|
|
90
|
+
[N.value?.text ?? ""]: !0,
|
|
91
|
+
[D.value.description ?? ""]: !0
|
|
92
|
+
})));
|
|
93
|
+
return {
|
|
94
|
+
slots: S,
|
|
95
|
+
merged: T,
|
|
96
|
+
rootBind: z,
|
|
97
|
+
errorBind: a(() => n(O.value?.errorMessage, {}, u({
|
|
98
|
+
"mt-2": !0,
|
|
99
|
+
"min-h-[1lh]": I.value,
|
|
100
|
+
[F.value?.errorMessage ?? ""]: !0,
|
|
101
|
+
[N.value?.text ?? ""]: !0,
|
|
102
|
+
[D.value.errorMessage ?? ""]: !0
|
|
103
|
+
}))),
|
|
104
|
+
groupBind: H,
|
|
105
|
+
controlId: M,
|
|
106
|
+
headerBind: B,
|
|
107
|
+
cornerBind: V,
|
|
108
|
+
isDisabled: A,
|
|
109
|
+
isReadonly: j,
|
|
110
|
+
sizeClasses: N,
|
|
111
|
+
endSlotBind: W,
|
|
112
|
+
invalidated: k,
|
|
113
|
+
startSlotBind: U,
|
|
114
|
+
mergedClasses: D,
|
|
115
|
+
ariaDescribedBy: R,
|
|
116
|
+
fieldLabelProps: a(() => {
|
|
117
|
+
let e = b.labelHtmlFor ?? ((e) => e);
|
|
118
|
+
return t(O.value?.label, {
|
|
119
|
+
size: T.value.size,
|
|
120
|
+
error: k.value,
|
|
121
|
+
required: T.value.required,
|
|
122
|
+
for: e(M.value),
|
|
123
|
+
classes: {
|
|
124
|
+
required: D.value.required,
|
|
125
|
+
root: u({ [D.value.label ?? ""]: !0 })
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
}),
|
|
129
|
+
descriptionBind: G,
|
|
130
|
+
showErrorMessageContent: L
|
|
131
|
+
};
|
|
132
|
+
}
|
|
133
|
+
//#endregion
|
|
134
|
+
export { _ as baseFieldBridgeKeys, v as useBaseField };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export type { BaseFieldClasses, BaseFieldCustomProps, BaseFieldOwnProps, BaseFieldProps, BaseFieldSizeOverrides, BaseFieldSlots, } from './baseField.types';
|
|
2
|
+
export { default as BaseField } from './BaseField.vue';
|
|
3
|
+
export { baseFieldBridgeKeys, useBaseField, } from './composables/useBaseField';
|
|
4
|
+
export type { BaseFieldOptions, UseBaseFieldReturn, } from './composables/useBaseField';
|
|
@@ -3,7 +3,7 @@ import r from "../Icon/Icon.js";
|
|
|
3
3
|
import { useButton as i } from "./composables/useButton.js";
|
|
4
4
|
import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useSlots as _, withCtx as v } from "vue";
|
|
5
5
|
//#region src/Components/Button/Button.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
-
var y =
|
|
6
|
+
var y = /*@__PURE__*/ u({
|
|
7
7
|
inheritAttrs: !1,
|
|
8
8
|
__name: "Button",
|
|
9
9
|
props: {
|
|
@@ -7,7 +7,7 @@ export declare function useButton(props: ButtonOwnProps, libDefaults: ButtonLibD
|
|
|
7
7
|
merged: import('vue').ComputedRef<ButtonMerged>;
|
|
8
8
|
isMini: import('vue').ComputedRef<boolean>;
|
|
9
9
|
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').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "text" | "
|
|
10
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "text" | "disabled" | "endIcon" | "startIcon" | "as" | "density" | "loading">>>;
|
|
11
11
|
rootHref: import('vue').ComputedRef<string | undefined>;
|
|
12
12
|
rootType: import('vue').ComputedRef<"button" | undefined>;
|
|
13
13
|
endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
|
|
@@ -46,7 +46,16 @@ function h(h, g) {
|
|
|
46
46
|
"reset",
|
|
47
47
|
"button"
|
|
48
48
|
], e) ? e : "button";
|
|
49
|
-
}), N = r(() =>
|
|
49
|
+
}), N = r(() => {
|
|
50
|
+
let e = o(d, b.value?.tokens?.density);
|
|
51
|
+
return c(e, [y.value.density, y.value.size]);
|
|
52
|
+
}), P = r(() => u(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => {
|
|
53
|
+
let e = o(p, b.value?.tokens?.variant);
|
|
54
|
+
return c(e, [P.value, y.value.color]);
|
|
55
|
+
}), I = r(() => {
|
|
56
|
+
let e = o(f, b.value?.tokens?.rounded);
|
|
57
|
+
return c(e, y.value.rounded);
|
|
58
|
+
});
|
|
50
59
|
return {
|
|
51
60
|
tag: C,
|
|
52
61
|
merged: y,
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CalendarOwnProps, CalendarSlots } from './calendar.types';
|
|
2
|
+
type __VLS_Slots = CalendarSlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<CalendarOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
4
|
+
change: (value: import('@bridge-ui/core').DatePickerModel) => any;
|
|
5
|
+
viewChange: (view: import('./calendar.types').CalendarView) => any;
|
|
6
|
+
viewDateChange: (date: Date) => any;
|
|
7
|
+
previewDateChange: (date: Date | null) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<CalendarOwnProps> & Readonly<{
|
|
9
|
+
onChange?: ((value: import('@bridge-ui/core').DatePickerModel) => any) | undefined;
|
|
10
|
+
onViewChange?: ((view: import('./calendar.types').CalendarView) => any) | undefined;
|
|
11
|
+
onViewDateChange?: ((date: Date) => any) | undefined;
|
|
12
|
+
onPreviewDateChange?: ((date: Date | null) => any) | undefined;
|
|
13
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|