@bridge-ui/vue 0.0.9 → 0.0.10

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 (141) hide show
  1. package/ai/skills/bridge-ui-components/SKILL.md +2 -1
  2. package/dist/Components/Accordion/Accordion.js +5 -0
  3. package/dist/Components/Accordion/Accordion.vue.d.ts +26 -0
  4. package/dist/Components/Accordion/Accordion.vue_vue_type_script_setup_true_lang.js +38 -0
  5. package/dist/Components/Accordion/accordion.types.d.ts +88 -0
  6. package/dist/Components/Accordion/accordionInjectionKey.d.ts +63 -0
  7. package/dist/Components/Accordion/accordionInjectionKey.js +4 -0
  8. package/dist/Components/Accordion/composables/useAccordion.d.ts +14 -0
  9. package/dist/Components/Accordion/composables/useAccordion.js +79 -0
  10. package/dist/Components/Accordion/index.d.ts +4 -0
  11. package/dist/Components/Accordion/index.js +4 -0
  12. package/dist/Components/AccordionItem/AccordionItem.js +5 -0
  13. package/dist/Components/AccordionItem/AccordionItem.vue.d.ts +11 -0
  14. package/dist/Components/AccordionItem/AccordionItem.vue_vue_type_script_setup_true_lang.js +25 -0
  15. package/dist/Components/AccordionItem/accordionItem.types.d.ts +105 -0
  16. package/dist/Components/AccordionItem/composables/useAccordionItem.d.ts +41 -0
  17. package/dist/Components/AccordionItem/composables/useAccordionItem.js +123 -0
  18. package/dist/Components/AccordionItem/index.d.ts +3 -0
  19. package/dist/Components/AccordionItem/index.js +3 -0
  20. package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js +11 -11
  21. package/dist/Components/Alert/composables/useAlert.js +9 -9
  22. package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +69 -65
  23. package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js +4 -4
  24. package/dist/Components/Avatar/composables/useAvatar.d.ts +0 -1
  25. package/dist/Components/Avatar/composables/useAvatar.js +23 -24
  26. package/dist/Components/Badge/Badge.vue.d.ts +11 -1
  27. package/dist/Components/Badge/Badge.vue_vue_type_script_setup_true_lang.js +7 -8
  28. package/dist/Components/BaseField/BaseField.vue_vue_type_script_setup_true_lang.js +31 -27
  29. package/dist/Components/BaseField/BaseFieldLabel.vue.d.ts +11 -1
  30. package/dist/Components/BaseField/BaseFieldLabel.vue_vue_type_script_setup_true_lang.js +11 -10
  31. package/dist/Components/BaseField/baseField.types.d.ts +5 -0
  32. package/dist/Components/BaseField/baseField.types.js +11 -0
  33. package/dist/Components/BaseField/index.d.ts +1 -0
  34. package/dist/Components/BaseField/index.js +4 -3
  35. package/dist/Components/Breadcrumb/Breadcrumb.js +5 -0
  36. package/dist/Components/Breadcrumb/Breadcrumb.vue.d.ts +13 -0
  37. package/dist/Components/Breadcrumb/Breadcrumb.vue_vue_type_script_setup_true_lang.js +49 -0
  38. package/dist/Components/Breadcrumb/breadcrumb.types.d.ts +101 -0
  39. package/dist/Components/Breadcrumb/breadcrumbInjectionKey.d.ts +35 -0
  40. package/dist/Components/Breadcrumb/breadcrumbInjectionKey.js +4 -0
  41. package/dist/Components/Breadcrumb/composables/useBreadcrumb.d.ts +20 -0
  42. package/dist/Components/Breadcrumb/composables/useBreadcrumb.js +69 -0
  43. package/dist/Components/Breadcrumb/index.d.ts +4 -0
  44. package/dist/Components/Breadcrumb/index.js +4 -0
  45. package/dist/Components/BreadcrumbItem/BreadcrumbItem.js +5 -0
  46. package/dist/Components/BreadcrumbItem/BreadcrumbItem.vue.d.ts +14 -0
  47. package/dist/Components/BreadcrumbItem/BreadcrumbItem.vue_vue_type_script_setup_true_lang.js +47 -0
  48. package/dist/Components/BreadcrumbItem/breadcrumbItem.types.d.ts +140 -0
  49. package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts +38 -0
  50. package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.js +87 -0
  51. package/dist/Components/BreadcrumbItem/index.d.ts +3 -0
  52. package/dist/Components/BreadcrumbItem/index.js +3 -0
  53. package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js +17 -17
  54. package/dist/Components/Card/Card.vue_vue_type_script_setup_true_lang.js +10 -10
  55. package/dist/Components/Card/composables/useCard.d.ts +0 -1
  56. package/dist/Components/Card/composables/useCard.js +64 -66
  57. package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +31 -26
  58. package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js +10 -10
  59. package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +61 -56
  60. package/dist/Components/DateField/composables/useDateField.d.ts +14 -4
  61. package/dist/Components/DateField/dateField.types.d.ts +3 -3
  62. package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +59 -54
  63. package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +14 -4
  64. package/dist/Components/DateRangeField/dateRangeField.types.d.ts +3 -3
  65. package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +65 -60
  66. package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +14 -4
  67. package/dist/Components/DateTimeField/dateTimeField.types.d.ts +3 -3
  68. package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +65 -60
  69. package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +14 -4
  70. package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +3 -3
  71. package/dist/Components/Drawer/Drawer.vue_vue_type_script_setup_true_lang.js +19 -20
  72. package/dist/Components/FormControl/FormControl.vue.d.ts +2 -4
  73. package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js +37 -23
  74. package/dist/Components/FormControl/FormControlLabel.vue.d.ts +11 -1
  75. package/dist/Components/FormControl/FormControlLabel.vue_vue_type_script_setup_true_lang.js +11 -10
  76. package/dist/Components/FormControl/formControl.types.d.ts +4 -0
  77. package/dist/Components/FormControl/formControl.types.js +9 -0
  78. package/dist/Components/FormControl/index.d.ts +1 -0
  79. package/dist/Components/FormControl/index.js +3 -2
  80. package/dist/Components/FormField/FilledFormField.vue.d.ts +14 -2
  81. package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +23 -18
  82. package/dist/Components/FormField/FormField.vue_vue_type_script_setup_true_lang.js +32 -27
  83. package/dist/Components/FormField/FormFieldLabel.vue.d.ts +11 -1
  84. package/dist/Components/FormField/FormFieldLabel.vue_vue_type_script_setup_true_lang.js +11 -10
  85. package/dist/Components/FormField/NotchedFormField.vue.d.ts +14 -2
  86. package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +22 -17
  87. package/dist/Components/FormField/OutlinedFormField.vue.d.ts +14 -2
  88. package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -18
  89. package/dist/Components/FormField/StackedFormField.vue.d.ts +14 -2
  90. package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +25 -20
  91. package/dist/Components/FormField/UnderlinedFormField.vue.d.ts +14 -2
  92. package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -18
  93. package/dist/Components/FormField/formField.types.d.ts +5 -0
  94. package/dist/Components/FormField/formField.types.js +11 -0
  95. package/dist/Components/FormField/index.d.ts +1 -0
  96. package/dist/Components/FormField/index.js +3 -2
  97. package/dist/Components/Label/Label.vue.d.ts +11 -1
  98. package/dist/Components/Label/Label.vue_vue_type_script_setup_true_lang.js +7 -8
  99. package/dist/Components/Link/Link.vue_vue_type_script_setup_true_lang.js +23 -23
  100. package/dist/Components/List/List.vue.d.ts +11 -1
  101. package/dist/Components/List/List.vue_vue_type_script_setup_true_lang.js +9 -10
  102. package/dist/Components/ListItem/ListItem.vue_vue_type_script_setup_true_lang.js +18 -18
  103. package/dist/Components/ListItem/composables/useListItem.d.ts +1 -3
  104. package/dist/Components/ListItem/composables/useListItem.js +47 -55
  105. package/dist/Components/ListSection/ListSection.vue_vue_type_script_setup_true_lang.js +10 -9
  106. package/dist/Components/ListSection/composables/useListSection.d.ts +1 -3
  107. package/dist/Components/ListSection/composables/useListSection.js +29 -31
  108. package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +82 -82
  109. package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js +19 -19
  110. package/dist/Components/Modal/Modal.vue_vue_type_script_setup_true_lang.js +19 -20
  111. package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +48 -43
  112. package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js +27 -22
  113. package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +34 -29
  114. package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js +26 -21
  115. package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +67 -63
  116. package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js +54 -49
  117. package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js +28 -23
  118. package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js +16 -16
  119. package/dist/Components/TabList/TabList.vue_vue_type_script_setup_true_lang.js +7 -8
  120. package/dist/Components/TabPanel/TabPanel.vue_vue_type_script_setup_true_lang.js +7 -8
  121. package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js +29 -26
  122. package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +21 -16
  123. package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +25 -20
  124. package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +53 -48
  125. package/dist/Components/TimeField/composables/useTimeField.d.ts +14 -4
  126. package/dist/Components/TimeField/timeField.types.d.ts +3 -3
  127. package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +53 -48
  128. package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +14 -4
  129. package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +3 -3
  130. package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +18 -18
  131. package/dist/Utils/index.d.ts +1 -1
  132. package/dist/Utils/index.js +2 -2
  133. package/dist/Utils/slotOrProp.d.ts +20 -11
  134. package/dist/Utils/slotOrProp.js +21 -17
  135. package/dist/Utils/useBreakpoint.d.ts +0 -4
  136. package/dist/index.d.ts +8 -0
  137. package/dist/index.js +133 -124
  138. package/docs/README.md +1 -0
  139. package/docs/components/Accordion.md +104 -0
  140. package/docs/components/Breadcrumb.md +74 -0
  141. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -2,127 +2,136 @@ import { useBridgeUI as e } from "./Provider/useBridgeUI.js";
2
2
  import { setDateAdapterForTests as t, useDateAdapter as n, useDateAdapterContext as r } from "./Adapters/Date/useDateAdapter.js";
3
3
  import { setI18nAdapterForTests as i, useI18nAdapter as a, useResolveMessage as o } from "./Adapters/I18n/useI18nAdapter.js";
4
4
  import { setIconAdapterForTests as s, useIconAdapter as c } from "./Adapters/Icon/useIconAdapter.js";
5
- import { useBreakpoint as l } from "./Utils/useBreakpoint.js";
6
- import { useBridgeUIComponent as u, useBridgeUIMergedRegistryClasses as d } from "./Utils/index.js";
7
- import { useAlert as f } from "./Components/Alert/composables/useAlert.js";
8
- import p from "./Components/Icon/Icon.js";
9
- import m from "./Components/Alert/Alert.js";
10
- import { useFormField as h } from "./Components/FormField/composables/useFormField.js";
11
- import { findFirstEnabledOptionIndex as g, findLastEnabledOptionIndex as _, getListboxActiveDescendantId as v, getListboxOptionId as y, moveListboxHighlight as b, useListboxNavigation as x } from "./Components/Listbox/composables/useListboxNavigation.js";
12
- import { useChip as S } from "./Components/Chip/composables/useChip.js";
13
- import C from "./Components/Chip/Chip.js";
14
- import { useLabel as w } from "./Components/Label/composables/useLabel.js";
15
- import T from "./Components/Label/Label.js";
16
- import E from "./Components/FormField/FormField.js";
17
- import { useListbox as D } from "./Components/Listbox/composables/useListbox.js";
18
- import { useButton as O } from "./Components/Button/composables/useButton.js";
19
- import k from "./Components/Button/Button.js";
20
- import { useFieldOverlay as A } from "./Components/FieldOverlay/composables/useFieldOverlay.js";
21
- import { useDrawer as j } from "./Components/Drawer/composables/useDrawer.js";
22
- import M from "./Components/Drawer/Drawer.js";
23
- import { useMenu as N } from "./Components/Menu/composables/useMenu.js";
24
- import P from "./Components/Menu/Menu.js";
25
- import { useModal as F } from "./Components/Modal/composables/useModal.js";
26
- import I from "./Components/Modal/Modal.js";
27
- import L from "./Components/FieldOverlay/FieldOverlay.js";
28
- import { useList as R } from "./Components/List/composables/useList.js";
29
- import z from "./Components/List/List.js";
30
- import B from "./Components/ListItem/ListItem.js";
31
- import V from "./Components/ListSection/ListSection.js";
32
- import { useProgress as H } from "./Components/Progress/composables/useProgress.js";
33
- import U from "./Components/Progress/Progress.js";
34
- import W from "./Components/Listbox/Listbox.js";
35
- import G from "./Components/Autocomplete/Autocomplete.js";
36
- import K from "./Components/Autocomplete/AutocompleteOption.js";
37
- import q from "./Components/Avatar/Avatar.js";
38
- import { useBadge as J } from "./Components/Badge/composables/useBadge.js";
39
- import Y from "./Components/Badge/Badge.js";
40
- import X from "./Components/BaseField/BaseField.js";
41
- import { useBaseField as Z } from "./Components/BaseField/composables/useBaseField.js";
42
- import { useCalendar as Q } from "./Components/Calendar/composables/useCalendar.js";
43
- import { useCalendarDate as $ } from "./Components/CalendarDate/composables/useCalendarDate.js";
44
- import ee from "./Components/CalendarDate/CalendarDate.js";
45
- import { useCalendarMonth as te } from "./Components/CalendarMonth/composables/useCalendarMonth.js";
46
- import ne from "./Components/CalendarMonth/CalendarMonth.js";
47
- import { useCalendarYear as re } from "./Components/CalendarYear/composables/useCalendarYear.js";
48
- import ie from "./Components/CalendarYear/CalendarYear.js";
49
- import ae from "./Components/Calendar/Calendar.js";
50
- import { useCalendarRange as oe } from "./Components/CalendarRange/composables/useCalendarRange.js";
51
- import se from "./Components/CalendarRange/CalendarRange.js";
52
- import { useCard as ce } from "./Components/Card/composables/useCard.js";
53
- import le from "./Components/Card/Card.js";
54
- import { useFormControl as ue } from "./Components/FormControl/composables/useFormControl.js";
55
- import de from "./Components/FormControl/FormControl.js";
56
- import { useCheckbox as fe } from "./Components/Checkbox/composables/useCheckbox.js";
57
- import pe from "./Components/Checkbox/Checkbox.js";
58
- import { useDateField as me } from "./Components/DateField/composables/useDateField.js";
59
- import { useDatePicker as he } from "./Components/DatePicker/composables/useDatePicker.js";
60
- import ge from "./Components/DatePicker/DatePicker.js";
61
- import _e from "./Components/DateField/DateField.js";
62
- import { useDateRangeField as ve } from "./Components/DateRangeField/composables/useDateRangeField.js";
63
- import { useDateRangePicker as ye } from "./Components/DateRangePicker/composables/useDateRangePicker.js";
64
- import be from "./Components/DateRangePicker/DateRangePicker.js";
65
- import xe from "./Components/DateRangeField/DateRangeField.js";
66
- import { useDateTimeField as Se } from "./Components/DateTimeField/composables/useDateTimeField.js";
67
- import { useDateTimePicker as Ce } from "./Components/DateTimePicker/composables/useDateTimePicker.js";
68
- import { useTimePanel as we } from "./Components/TimePanel/composables/useTimePanel.js";
69
- import Te from "./Components/TimePanel/TimePanel.js";
70
- import Ee from "./Components/DateTimePicker/DateTimePicker.js";
71
- import De from "./Components/DateTimeField/DateTimeField.js";
72
- import { useDateTimeRangeField as Oe } from "./Components/DateTimeRangeField/composables/useDateTimeRangeField.js";
73
- import { useDateTimeRangePicker as ke } from "./Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js";
74
- import Ae from "./Components/DateTimeRangePicker/DateTimeRangePicker.js";
75
- import je from "./Components/DateTimeRangeField/DateTimeRangeField.js";
76
- import { useDivider as Me } from "./Components/Divider/composables/useDivider.js";
77
- import Ne from "./Components/Divider/Divider.js";
78
- import { useLink as Pe } from "./Components/Link/composables/useLink.js";
79
- import Fe from "./Components/Link/Link.js";
80
- import { useNumberField as Ie } from "./Components/NumberField/composables/useNumberField.js";
81
- import Le from "./Components/NumberField/NumberField.js";
82
- import { useOtpField as Re } from "./Components/OtpField/composables/useOtpField.js";
83
- import ze from "./Components/OtpField/OtpField.js";
84
- import { usePasswordField as Be } from "./Components/PasswordField/composables/usePasswordField.js";
85
- import Ve from "./Components/PasswordField/PasswordField.js";
86
- import { useRadio as He } from "./Components/Radio/composables/useRadio.js";
87
- import Ue from "./Components/Radio/Radio.js";
88
- import We from "./Components/Select/Select.js";
89
- import Ge from "./Components/Select/SelectOption.js";
90
- import { useSkeleton as Ke } from "./Components/Skeleton/composables/useSkeleton.js";
91
- import qe from "./Components/Skeleton/Skeleton.js";
92
- import { useSlider as Je } from "./Components/Slider/composables/useSlider.js";
93
- import { useTooltip as Ye } from "./Components/Tooltip/composables/useTooltip.js";
94
- import Xe from "./Components/Tooltip/Tooltip.js";
95
- import Ze from "./Components/Slider/Slider.js";
96
- import { useSnackbar as Qe } from "./Components/Snackbar/composables/useSnackbar.js";
97
- import $e from "./Components/Snackbar/Snackbar.js";
98
- import { useSpinner as et } from "./Components/Spinner/composables/useSpinner.js";
99
- import tt from "./Components/Spinner/Spinner.js";
100
- import { useSwitch as nt } from "./Components/Switch/composables/useSwitch.js";
101
- import rt from "./Components/Switch/Switch.js";
102
- import { TABS_INJECTION_KEY as it } from "./Components/Tabs/tabsInjectionKey.js";
103
- import { useTab as at } from "./Components/Tab/composables/useTab.js";
104
- import ot from "./Components/Tab/Tab.js";
105
- import { useTabItem as st } from "./Components/TabItem/composables/useTabItem.js";
106
- import ct from "./Components/TabItem/TabItem.js";
107
- import { useTabList as lt } from "./Components/TabList/composables/useTabList.js";
108
- import ut from "./Components/TabList/TabList.js";
109
- import { useTabPanel as dt } from "./Components/TabPanel/composables/useTabPanel.js";
110
- import ft from "./Components/TabPanel/TabPanel.js";
111
- import { useTabs as pt } from "./Components/Tabs/composables/useTabs.js";
112
- import mt from "./Components/Tabs/Tabs.js";
113
- import { useTextarea as ht } from "./Components/Textarea/composables/useTextarea.js";
114
- import gt from "./Components/Textarea/Textarea.js";
115
- import { useTextField as _t } from "./Components/TextField/composables/useTextField.js";
116
- import vt from "./Components/TextField/TextField.js";
117
- import { useTimeField as yt } from "./Components/TimeField/composables/useTimeField.js";
118
- import { useTimePicker as bt } from "./Components/TimePicker/composables/useTimePicker.js";
119
- import xt from "./Components/TimePicker/TimePicker.js";
120
- import St from "./Components/TimeField/TimeField.js";
121
- import { useTimeRangeField as Ct } from "./Components/TimeRangeField/composables/useTimeRangeField.js";
122
- import { useTimeRangePicker as wt } from "./Components/TimeRangePicker/composables/useTimeRangePicker.js";
123
- import Tt from "./Components/TimeRangePicker/TimeRangePicker.js";
124
- import Et from "./Components/TimeRangeField/TimeRangeField.js";
125
- import Dt from "./Provider/BridgeUIProvider.js";
126
- import { createBridgeUI as Ot } from "./Provider/createBridgeUI.js";
127
- import { BRIDGE_UI_DEFAULT_GLOBAL as kt, SEMANTIC_ICON_NAMES as At, cn as jt, mergeBridgeUIComponents as Mt, mergeBridgeUIGlobal as Nt, resolveBridgeUIOptions as Pt, resolveMessage as Ft } from "@bridge-ui/core";
128
- export { m as Alert, G as Autocomplete, K as AutocompleteOption, q as Avatar, kt as BRIDGE_UI_DEFAULT_GLOBAL, Y as Badge, X as BaseField, Dt as BridgeUIProvider, k as Button, ae as Calendar, ee as CalendarDate, ne as CalendarMonth, se as CalendarRange, ie as CalendarYear, le as Card, pe as Checkbox, C as Chip, _e as DateField, ge as DatePicker, xe as DateRangeField, be as DateRangePicker, De as DateTimeField, Ee as DateTimePicker, je as DateTimeRangeField, Ae as DateTimeRangePicker, Ne as Divider, M as Drawer, L as FieldOverlay, de as FormControl, E as FormField, p as Icon, T as Label, Fe as Link, z as List, B as ListItem, V as ListSection, W as Listbox, P as Menu, I as Modal, Le as NumberField, ze as OtpField, Ve as PasswordField, U as Progress, Ue as Radio, At as SEMANTIC_ICON_NAMES, We as Select, Ge as SelectOption, qe as Skeleton, Ze as Slider, $e as Snackbar, tt as Spinner, rt as Switch, it as TABS_INJECTION_KEY, ot as Tab, ct as TabItem, ut as TabList, ft as TabPanel, mt as Tabs, vt as TextField, gt as Textarea, St as TimeField, Te as TimePanel, xt as TimePicker, Et as TimeRangeField, Tt as TimeRangePicker, Xe as Tooltip, jt as cn, Ot as createBridgeUI, g as findFirstEnabledOptionIndex, _ as findLastEnabledOptionIndex, v as getListboxActiveDescendantId, y as getListboxOptionId, Mt as mergeBridgeUIComponents, Nt as mergeBridgeUIGlobal, b as moveListboxHighlight, Pt as resolveBridgeUIOptions, Ft as resolveMessage, t as setDateAdapterForTests, i as setI18nAdapterForTests, s as setIconAdapterForTests, f as useAlert, J as useBadge, Z as useBaseField, l as useBreakpoint, e as useBridgeUI, u as useBridgeUIComponent, d as useBridgeUIMergedRegistryClasses, O as useButton, Q as useCalendar, $ as useCalendarDate, te as useCalendarMonth, oe as useCalendarRange, re as useCalendarYear, ce as useCard, fe as useCheckbox, S as useChip, n as useDateAdapter, r as useDateAdapterContext, me as useDateField, he as useDatePicker, ve as useDateRangeField, ye as useDateRangePicker, Se as useDateTimeField, Ce as useDateTimePicker, Oe as useDateTimeRangeField, ke as useDateTimeRangePicker, Me as useDivider, j as useDrawer, A as useFieldOverlay, ue as useFormControl, h as useFormField, a as useI18nAdapter, c as useIconAdapter, w as useLabel, Pe as useLink, R as useList, D as useListbox, x as useListboxNavigation, N as useMenu, F as useModal, Ie as useNumberField, Re as useOtpField, Be as usePasswordField, H as useProgress, He as useRadio, o as useResolveMessage, Ke as useSkeleton, Je as useSlider, Qe as useSnackbar, et as useSpinner, nt as useSwitch, at as useTab, st as useTabItem, lt as useTabList, dt as useTabPanel, pt as useTabs, _t as useTextField, ht as useTextarea, yt as useTimeField, we as useTimePanel, bt as useTimePicker, Ct as useTimeRangeField, wt as useTimeRangePicker, Ye as useTooltip };
5
+ import { ACCORDION_INJECTION_KEY as l } from "./Components/Accordion/accordionInjectionKey.js";
6
+ import { useBreakpoint as u } from "./Utils/useBreakpoint.js";
7
+ import { useBridgeUIComponent as d, useBridgeUIMergedRegistryClasses as f } from "./Utils/index.js";
8
+ import { useAccordion as p } from "./Components/Accordion/composables/useAccordion.js";
9
+ import m from "./Components/Accordion/Accordion.js";
10
+ import { useAccordionItem as h } from "./Components/AccordionItem/composables/useAccordionItem.js";
11
+ import g from "./Components/Icon/Icon.js";
12
+ import _ from "./Components/AccordionItem/AccordionItem.js";
13
+ import { useAlert as v } from "./Components/Alert/composables/useAlert.js";
14
+ import y from "./Components/Alert/Alert.js";
15
+ import { useFormField as b } from "./Components/FormField/composables/useFormField.js";
16
+ import { findFirstEnabledOptionIndex as x, findLastEnabledOptionIndex as S, getListboxActiveDescendantId as C, getListboxOptionId as w, moveListboxHighlight as T, useListboxNavigation as E } from "./Components/Listbox/composables/useListboxNavigation.js";
17
+ import { useChip as D } from "./Components/Chip/composables/useChip.js";
18
+ import O from "./Components/Chip/Chip.js";
19
+ import { useLabel as k } from "./Components/Label/composables/useLabel.js";
20
+ import A from "./Components/Label/Label.js";
21
+ import j from "./Components/FormField/FormField.js";
22
+ import { useListbox as M } from "./Components/Listbox/composables/useListbox.js";
23
+ import { useButton as N } from "./Components/Button/composables/useButton.js";
24
+ import P from "./Components/Button/Button.js";
25
+ import { useFieldOverlay as F } from "./Components/FieldOverlay/composables/useFieldOverlay.js";
26
+ import { useDrawer as I } from "./Components/Drawer/composables/useDrawer.js";
27
+ import L from "./Components/Drawer/Drawer.js";
28
+ import { useMenu as R } from "./Components/Menu/composables/useMenu.js";
29
+ import z from "./Components/Menu/Menu.js";
30
+ import { useModal as B } from "./Components/Modal/composables/useModal.js";
31
+ import V from "./Components/Modal/Modal.js";
32
+ import H from "./Components/FieldOverlay/FieldOverlay.js";
33
+ import { useList as U } from "./Components/List/composables/useList.js";
34
+ import W from "./Components/List/List.js";
35
+ import G from "./Components/ListItem/ListItem.js";
36
+ import K from "./Components/ListSection/ListSection.js";
37
+ import { useProgress as q } from "./Components/Progress/composables/useProgress.js";
38
+ import J from "./Components/Progress/Progress.js";
39
+ import Y from "./Components/Listbox/Listbox.js";
40
+ import X from "./Components/Autocomplete/Autocomplete.js";
41
+ import Z from "./Components/Autocomplete/AutocompleteOption.js";
42
+ import Q from "./Components/Avatar/Avatar.js";
43
+ import { useBadge as $ } from "./Components/Badge/composables/useBadge.js";
44
+ import ee from "./Components/Badge/Badge.js";
45
+ import te from "./Components/BaseField/BaseField.js";
46
+ import { useBaseField as ne } from "./Components/BaseField/composables/useBaseField.js";
47
+ import { useBreadcrumb as re } from "./Components/Breadcrumb/composables/useBreadcrumb.js";
48
+ import { useBreadcrumbItem as ie } from "./Components/BreadcrumbItem/composables/useBreadcrumbItem.js";
49
+ import ae from "./Components/BreadcrumbItem/BreadcrumbItem.js";
50
+ import oe from "./Components/Breadcrumb/Breadcrumb.js";
51
+ import { useCalendar as se } from "./Components/Calendar/composables/useCalendar.js";
52
+ import { useCalendarDate as ce } from "./Components/CalendarDate/composables/useCalendarDate.js";
53
+ import le from "./Components/CalendarDate/CalendarDate.js";
54
+ import { useCalendarMonth as ue } from "./Components/CalendarMonth/composables/useCalendarMonth.js";
55
+ import de from "./Components/CalendarMonth/CalendarMonth.js";
56
+ import { useCalendarYear as fe } from "./Components/CalendarYear/composables/useCalendarYear.js";
57
+ import pe from "./Components/CalendarYear/CalendarYear.js";
58
+ import me from "./Components/Calendar/Calendar.js";
59
+ import { useCalendarRange as he } from "./Components/CalendarRange/composables/useCalendarRange.js";
60
+ import ge from "./Components/CalendarRange/CalendarRange.js";
61
+ import { useCard as _e } from "./Components/Card/composables/useCard.js";
62
+ import ve from "./Components/Card/Card.js";
63
+ import { useFormControl as ye } from "./Components/FormControl/composables/useFormControl.js";
64
+ import be from "./Components/FormControl/FormControl.js";
65
+ import { useCheckbox as xe } from "./Components/Checkbox/composables/useCheckbox.js";
66
+ import Se from "./Components/Checkbox/Checkbox.js";
67
+ import { useDateField as Ce } from "./Components/DateField/composables/useDateField.js";
68
+ import { useDatePicker as we } from "./Components/DatePicker/composables/useDatePicker.js";
69
+ import Te from "./Components/DatePicker/DatePicker.js";
70
+ import Ee from "./Components/DateField/DateField.js";
71
+ import { useDateRangeField as De } from "./Components/DateRangeField/composables/useDateRangeField.js";
72
+ import { useDateRangePicker as Oe } from "./Components/DateRangePicker/composables/useDateRangePicker.js";
73
+ import ke from "./Components/DateRangePicker/DateRangePicker.js";
74
+ import Ae from "./Components/DateRangeField/DateRangeField.js";
75
+ import { useDateTimeField as je } from "./Components/DateTimeField/composables/useDateTimeField.js";
76
+ import { useDateTimePicker as Me } from "./Components/DateTimePicker/composables/useDateTimePicker.js";
77
+ import { useTimePanel as Ne } from "./Components/TimePanel/composables/useTimePanel.js";
78
+ import Pe from "./Components/TimePanel/TimePanel.js";
79
+ import Fe from "./Components/DateTimePicker/DateTimePicker.js";
80
+ import Ie from "./Components/DateTimeField/DateTimeField.js";
81
+ import { useDateTimeRangeField as Le } from "./Components/DateTimeRangeField/composables/useDateTimeRangeField.js";
82
+ import { useDateTimeRangePicker as Re } from "./Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js";
83
+ import ze from "./Components/DateTimeRangePicker/DateTimeRangePicker.js";
84
+ import Be from "./Components/DateTimeRangeField/DateTimeRangeField.js";
85
+ import { useDivider as Ve } from "./Components/Divider/composables/useDivider.js";
86
+ import He from "./Components/Divider/Divider.js";
87
+ import { useLink as Ue } from "./Components/Link/composables/useLink.js";
88
+ import We from "./Components/Link/Link.js";
89
+ import { useNumberField as Ge } from "./Components/NumberField/composables/useNumberField.js";
90
+ import Ke from "./Components/NumberField/NumberField.js";
91
+ import { useOtpField as qe } from "./Components/OtpField/composables/useOtpField.js";
92
+ import Je from "./Components/OtpField/OtpField.js";
93
+ import { usePasswordField as Ye } from "./Components/PasswordField/composables/usePasswordField.js";
94
+ import Xe from "./Components/PasswordField/PasswordField.js";
95
+ import { useRadio as Ze } from "./Components/Radio/composables/useRadio.js";
96
+ import Qe from "./Components/Radio/Radio.js";
97
+ import $e from "./Components/Select/Select.js";
98
+ import et from "./Components/Select/SelectOption.js";
99
+ import { useSkeleton as tt } from "./Components/Skeleton/composables/useSkeleton.js";
100
+ import nt from "./Components/Skeleton/Skeleton.js";
101
+ import { useSlider as rt } from "./Components/Slider/composables/useSlider.js";
102
+ import { useTooltip as it } from "./Components/Tooltip/composables/useTooltip.js";
103
+ import at from "./Components/Tooltip/Tooltip.js";
104
+ import ot from "./Components/Slider/Slider.js";
105
+ import { useSnackbar as st } from "./Components/Snackbar/composables/useSnackbar.js";
106
+ import ct from "./Components/Snackbar/Snackbar.js";
107
+ import { useSpinner as lt } from "./Components/Spinner/composables/useSpinner.js";
108
+ import ut from "./Components/Spinner/Spinner.js";
109
+ import { useSwitch as dt } from "./Components/Switch/composables/useSwitch.js";
110
+ import ft from "./Components/Switch/Switch.js";
111
+ import { TABS_INJECTION_KEY as pt } from "./Components/Tabs/tabsInjectionKey.js";
112
+ import { useTab as mt } from "./Components/Tab/composables/useTab.js";
113
+ import ht from "./Components/Tab/Tab.js";
114
+ import { useTabItem as gt } from "./Components/TabItem/composables/useTabItem.js";
115
+ import _t from "./Components/TabItem/TabItem.js";
116
+ import { useTabList as vt } from "./Components/TabList/composables/useTabList.js";
117
+ import yt from "./Components/TabList/TabList.js";
118
+ import { useTabPanel as bt } from "./Components/TabPanel/composables/useTabPanel.js";
119
+ import xt from "./Components/TabPanel/TabPanel.js";
120
+ import { useTabs as St } from "./Components/Tabs/composables/useTabs.js";
121
+ import Ct from "./Components/Tabs/Tabs.js";
122
+ import { useTextarea as wt } from "./Components/Textarea/composables/useTextarea.js";
123
+ import Tt from "./Components/Textarea/Textarea.js";
124
+ import { useTextField as Et } from "./Components/TextField/composables/useTextField.js";
125
+ import Dt from "./Components/TextField/TextField.js";
126
+ import { useTimeField as Ot } from "./Components/TimeField/composables/useTimeField.js";
127
+ import { useTimePicker as kt } from "./Components/TimePicker/composables/useTimePicker.js";
128
+ import At from "./Components/TimePicker/TimePicker.js";
129
+ import jt from "./Components/TimeField/TimeField.js";
130
+ import { useTimeRangeField as Mt } from "./Components/TimeRangeField/composables/useTimeRangeField.js";
131
+ import { useTimeRangePicker as Nt } from "./Components/TimeRangePicker/composables/useTimeRangePicker.js";
132
+ import Pt from "./Components/TimeRangePicker/TimeRangePicker.js";
133
+ import Ft from "./Components/TimeRangeField/TimeRangeField.js";
134
+ import It from "./Provider/BridgeUIProvider.js";
135
+ import { createBridgeUI as Lt } from "./Provider/createBridgeUI.js";
136
+ import { BRIDGE_UI_DEFAULT_GLOBAL as Rt, SEMANTIC_ICON_NAMES as zt, cn as Bt, mergeBridgeUIComponents as Vt, mergeBridgeUIGlobal as Ht, resolveBridgeUIOptions as Ut, resolveMessage as Wt } from "@bridge-ui/core";
137
+ export { l as ACCORDION_INJECTION_KEY, m as Accordion, _ as AccordionItem, y as Alert, X as Autocomplete, Z as AutocompleteOption, Q as Avatar, Rt as BRIDGE_UI_DEFAULT_GLOBAL, ee as Badge, te as BaseField, oe as Breadcrumb, ae as BreadcrumbItem, It as BridgeUIProvider, P as Button, me as Calendar, le as CalendarDate, de as CalendarMonth, ge as CalendarRange, pe as CalendarYear, ve as Card, Se as Checkbox, O as Chip, Ee as DateField, Te as DatePicker, Ae as DateRangeField, ke as DateRangePicker, Ie as DateTimeField, Fe as DateTimePicker, Be as DateTimeRangeField, ze as DateTimeRangePicker, He as Divider, L as Drawer, H as FieldOverlay, be as FormControl, j as FormField, g as Icon, A as Label, We as Link, W as List, G as ListItem, K as ListSection, Y as Listbox, z as Menu, V as Modal, Ke as NumberField, Je as OtpField, Xe as PasswordField, J as Progress, Qe as Radio, zt as SEMANTIC_ICON_NAMES, $e as Select, et as SelectOption, nt as Skeleton, ot as Slider, ct as Snackbar, ut as Spinner, ft as Switch, pt as TABS_INJECTION_KEY, ht as Tab, _t as TabItem, yt as TabList, xt as TabPanel, Ct as Tabs, Dt as TextField, Tt as Textarea, jt as TimeField, Pe as TimePanel, At as TimePicker, Ft as TimeRangeField, Pt as TimeRangePicker, at as Tooltip, Bt as cn, Lt as createBridgeUI, x as findFirstEnabledOptionIndex, S as findLastEnabledOptionIndex, C as getListboxActiveDescendantId, w as getListboxOptionId, Vt as mergeBridgeUIComponents, Ht as mergeBridgeUIGlobal, T as moveListboxHighlight, Ut as resolveBridgeUIOptions, Wt as resolveMessage, t as setDateAdapterForTests, i as setI18nAdapterForTests, s as setIconAdapterForTests, p as useAccordion, h as useAccordionItem, v as useAlert, $ as useBadge, ne as useBaseField, re as useBreadcrumb, ie as useBreadcrumbItem, u as useBreakpoint, e as useBridgeUI, d as useBridgeUIComponent, f as useBridgeUIMergedRegistryClasses, N as useButton, se as useCalendar, ce as useCalendarDate, ue as useCalendarMonth, he as useCalendarRange, fe as useCalendarYear, _e as useCard, xe as useCheckbox, D as useChip, n as useDateAdapter, r as useDateAdapterContext, Ce as useDateField, we as useDatePicker, De as useDateRangeField, Oe as useDateRangePicker, je as useDateTimeField, Me as useDateTimePicker, Le as useDateTimeRangeField, Re as useDateTimeRangePicker, Ve as useDivider, I as useDrawer, F as useFieldOverlay, ye as useFormControl, b as useFormField, a as useI18nAdapter, c as useIconAdapter, k as useLabel, Ue as useLink, U as useList, M as useListbox, E as useListboxNavigation, R as useMenu, B as useModal, Ge as useNumberField, qe as useOtpField, Ye as usePasswordField, q as useProgress, Ze as useRadio, o as useResolveMessage, tt as useSkeleton, rt as useSlider, st as useSnackbar, lt as useSpinner, dt as useSwitch, mt as useTab, gt as useTabItem, vt as useTabList, bt as useTabPanel, St as useTabs, Et as useTextField, wt as useTextarea, Ot as useTimeField, Ne as useTimePanel, kt as useTimePicker, Mt as useTimeRangeField, Nt as useTimeRangePicker, it as useTooltip };
package/docs/README.md CHANGED
@@ -4,6 +4,7 @@ Component reference and adapter samples for **Vue**. This folder ships with the
4
4
 
5
5
  ## Components
6
6
 
7
+ - [Accordion](./components/Accordion.md)
7
8
  - [Alert](./components/Alert.md)
8
9
  - [Autocomplete](./components/Autocomplete.md)
9
10
  - [Avatar](./components/Avatar.md)
@@ -0,0 +1,104 @@
1
+ # Accordion
2
+
3
+ Expandable sections for FAQs, settings groups, and stacked content. Single or multiple panels open at once. Compose with `AccordionItem`.
4
+
5
+ ## Import
6
+
7
+ ```ts
8
+ import { Accordion } from "@bridge-ui/vue/Components/Accordion";
9
+ import { AccordionItem } from "@bridge-ui/vue/Components/AccordionItem";
10
+ ```
11
+
12
+ ## Examples
13
+
14
+ ### Usage
15
+
16
+ ```vue
17
+ <Accordion v-model="open">
18
+ <AccordionItem title="Shipping" value="a">
19
+ Delivery in 2–5 business days.
20
+ </AccordionItem>
21
+ <AccordionItem title="Returns" value="b">
22
+ Free returns within 30 days.
23
+ </AccordionItem>
24
+ </Accordion>
25
+ ```
26
+
27
+ ### Multiple open
28
+
29
+ ```vue
30
+ <Accordion multiple :model-value="['a', 'b']">
31
+ <AccordionItem title="One" value="a">
32
+ First
33
+ </AccordionItem>
34
+ <AccordionItem title="Two" value="b">
35
+ Second
36
+ </AccordionItem>
37
+ </Accordion>
38
+ ```
39
+
40
+ ### Outlined variant
41
+
42
+ ```vue
43
+ <Accordion model-value="a" variant="outlined">
44
+ <AccordionItem title="Shipping" value="a">
45
+ Delivery in 2–5 business days.
46
+ </AccordionItem>
47
+ <AccordionItem title="Returns" value="b">
48
+ Free returns within 30 days.
49
+ </AccordionItem>
50
+ </Accordion>
51
+ ```
52
+
53
+ ### Separated variant
54
+
55
+ ```vue
56
+ <Accordion model-value="a" variant="separated">
57
+ <AccordionItem title="Shipping" value="a">
58
+ Delivery in 2–5 business days.
59
+ </AccordionItem>
60
+ <AccordionItem title="Returns" value="b">
61
+ Free returns within 30 days.
62
+ </AccordionItem>
63
+ </Accordion>
64
+ ```
65
+
66
+ ### Plain variant
67
+
68
+ ```vue
69
+ <Accordion model-value="a" variant="plain">
70
+ <AccordionItem title="Shipping" value="a">
71
+ Delivery in 2–5 business days.
72
+ </AccordionItem>
73
+ <AccordionItem title="Returns" value="b">
74
+ Free returns within 30 days.
75
+ </AccordionItem>
76
+ </Accordion>
77
+ ```
78
+
79
+ ### Disabled item
80
+
81
+ ```vue
82
+ <Accordion model-value="a">
83
+ <AccordionItem title="Open" value="a">
84
+ Visible content
85
+ </AccordionItem>
86
+ <AccordionItem disabled title="Locked" value="b">
87
+ Hidden while disabled
88
+ </AccordionItem>
89
+ </Accordion>
90
+ ```
91
+
92
+ ### Custom title slot
93
+
94
+ ```vue
95
+ <Accordion model-value="a">
96
+ <AccordionItem value="a">
97
+ <template #title>
98
+ <span class="font-semibold">Shipping rates</span>
99
+ </template>
100
+
101
+ Delivery in 2–5 business days.
102
+ </AccordionItem>
103
+ </Accordion>
104
+ ```
@@ -0,0 +1,74 @@
1
+ # Breadcrumb
2
+
3
+ Navigation trail for hierarchy (home → section → page). Compose with `BreadcrumbItem`, or pass `items` for a data-driven list. Supports icon crumbs and a custom separator icon.
4
+
5
+ ## Import
6
+
7
+ ```ts
8
+ import { Breadcrumb } from "@bridge-ui/vue/Components/Breadcrumb";
9
+ import { BreadcrumbItem } from "@bridge-ui/vue/Components/BreadcrumbItem";
10
+ ```
11
+
12
+ ## Examples
13
+
14
+ ### Usage
15
+
16
+ ```vue
17
+ <Breadcrumb>
18
+ <BreadcrumbItem href="/">Home</BreadcrumbItem>
19
+ <BreadcrumbItem href="/docs">Docs</BreadcrumbItem>
20
+ <BreadcrumbItem current>Avatar</BreadcrumbItem>
21
+ </Breadcrumb>
22
+ ```
23
+
24
+ ### From items array
25
+
26
+ ```vue
27
+ <Breadcrumb :items="crumbs" />
28
+ ```
29
+
30
+ ```ts
31
+ const crumbs = [
32
+ { href: "/", label: "Home", startIcon: Home },
33
+ { href: "/docs", label: "Docs" },
34
+ { label: "Avatar", current: true },
35
+ ];
36
+ ```
37
+
38
+ ### Icon only
39
+
40
+ Omit the label and set `aria-label` for assistive tech.
41
+
42
+ ```vue
43
+ <Breadcrumb>
44
+ <BreadcrumbItem href="/" :start-icon="Home" aria-label="Home" />
45
+ <BreadcrumbItem href="/projects">Projects</BreadcrumbItem>
46
+ <BreadcrumbItem current>Project Nero</BreadcrumbItem>
47
+ </Breadcrumb>
48
+ ```
49
+
50
+ ### Custom separator
51
+
52
+ ```vue
53
+ <Breadcrumb separator="chevronLeft">
54
+ <BreadcrumbItem href="/">Home</BreadcrumbItem>
55
+ <BreadcrumbItem current>Page</BreadcrumbItem>
56
+ </Breadcrumb>
57
+ ```
58
+
59
+ ```vue
60
+ <Breadcrumb>
61
+ <template #separator>
62
+ <span>/</span>
63
+ </template>
64
+
65
+ <BreadcrumbItem href="/">Home</BreadcrumbItem>
66
+ <BreadcrumbItem current>Page</BreadcrumbItem>
67
+ </Breadcrumb>
68
+ ```
69
+
70
+ ### Collapse middle crumbs
71
+
72
+ ```vue
73
+ <Breadcrumb :max-items="3" :items="deepCrumbs" />
74
+ ```
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "license": "MIT",
4
- "version": "0.0.9",
4
+ "version": "0.0.10",
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.9",
86
+ "@bridge-ui/core": "^0.0.10",
87
87
  "clsx": "^2.1.1",
88
88
  "es-toolkit": "^1.50.0",
89
89
  "tailwind-merge": "^3.6.0"