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