@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.
- package/ai/skills/bridge-ui-components/SKILL.md +2 -1
- package/dist/Components/Accordion/Accordion.js +5 -0
- package/dist/Components/Accordion/Accordion.vue.d.ts +26 -0
- package/dist/Components/Accordion/Accordion.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/Components/Accordion/accordion.types.d.ts +88 -0
- package/dist/Components/Accordion/accordionInjectionKey.d.ts +63 -0
- package/dist/Components/Accordion/accordionInjectionKey.js +4 -0
- package/dist/Components/Accordion/composables/useAccordion.d.ts +14 -0
- package/dist/Components/Accordion/composables/useAccordion.js +79 -0
- package/dist/Components/Accordion/index.d.ts +4 -0
- package/dist/Components/Accordion/index.js +4 -0
- package/dist/Components/AccordionItem/AccordionItem.js +5 -0
- package/dist/Components/AccordionItem/AccordionItem.vue.d.ts +11 -0
- package/dist/Components/AccordionItem/AccordionItem.vue_vue_type_script_setup_true_lang.js +25 -0
- package/dist/Components/AccordionItem/accordionItem.types.d.ts +105 -0
- package/dist/Components/AccordionItem/composables/useAccordionItem.d.ts +41 -0
- package/dist/Components/AccordionItem/composables/useAccordionItem.js +123 -0
- package/dist/Components/AccordionItem/index.d.ts +3 -0
- package/dist/Components/AccordionItem/index.js +3 -0
- package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js +11 -11
- package/dist/Components/Alert/composables/useAlert.js +9 -9
- package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +69 -65
- package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Components/Avatar/composables/useAvatar.d.ts +0 -1
- package/dist/Components/Avatar/composables/useAvatar.js +23 -24
- package/dist/Components/Badge/Badge.vue.d.ts +11 -1
- package/dist/Components/Badge/Badge.vue_vue_type_script_setup_true_lang.js +7 -8
- package/dist/Components/BaseField/BaseField.vue_vue_type_script_setup_true_lang.js +31 -27
- package/dist/Components/BaseField/BaseFieldLabel.vue.d.ts +11 -1
- package/dist/Components/BaseField/BaseFieldLabel.vue_vue_type_script_setup_true_lang.js +11 -10
- package/dist/Components/BaseField/baseField.types.d.ts +5 -0
- package/dist/Components/BaseField/baseField.types.js +11 -0
- package/dist/Components/BaseField/index.d.ts +1 -0
- package/dist/Components/BaseField/index.js +4 -3
- package/dist/Components/Breadcrumb/Breadcrumb.js +5 -0
- package/dist/Components/Breadcrumb/Breadcrumb.vue.d.ts +13 -0
- package/dist/Components/Breadcrumb/Breadcrumb.vue_vue_type_script_setup_true_lang.js +49 -0
- package/dist/Components/Breadcrumb/breadcrumb.types.d.ts +101 -0
- package/dist/Components/Breadcrumb/breadcrumbInjectionKey.d.ts +35 -0
- package/dist/Components/Breadcrumb/breadcrumbInjectionKey.js +4 -0
- package/dist/Components/Breadcrumb/composables/useBreadcrumb.d.ts +20 -0
- package/dist/Components/Breadcrumb/composables/useBreadcrumb.js +69 -0
- package/dist/Components/Breadcrumb/index.d.ts +4 -0
- package/dist/Components/Breadcrumb/index.js +4 -0
- package/dist/Components/BreadcrumbItem/BreadcrumbItem.js +5 -0
- package/dist/Components/BreadcrumbItem/BreadcrumbItem.vue.d.ts +14 -0
- package/dist/Components/BreadcrumbItem/BreadcrumbItem.vue_vue_type_script_setup_true_lang.js +47 -0
- package/dist/Components/BreadcrumbItem/breadcrumbItem.types.d.ts +140 -0
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts +38 -0
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.js +87 -0
- package/dist/Components/BreadcrumbItem/index.d.ts +3 -0
- package/dist/Components/BreadcrumbItem/index.js +3 -0
- package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js +17 -17
- package/dist/Components/Card/Card.vue_vue_type_script_setup_true_lang.js +10 -10
- package/dist/Components/Card/composables/useCard.d.ts +0 -1
- package/dist/Components/Card/composables/useCard.js +64 -66
- package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +31 -26
- package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js +10 -10
- package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +61 -56
- package/dist/Components/DateField/composables/useDateField.d.ts +14 -4
- package/dist/Components/DateField/dateField.types.d.ts +3 -3
- package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +59 -54
- package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +14 -4
- package/dist/Components/DateRangeField/dateRangeField.types.d.ts +3 -3
- package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +65 -60
- package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +14 -4
- package/dist/Components/DateTimeField/dateTimeField.types.d.ts +3 -3
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +65 -60
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +14 -4
- package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +3 -3
- package/dist/Components/Drawer/Drawer.vue_vue_type_script_setup_true_lang.js +19 -20
- package/dist/Components/FormControl/FormControl.vue.d.ts +2 -4
- package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js +37 -23
- package/dist/Components/FormControl/FormControlLabel.vue.d.ts +11 -1
- package/dist/Components/FormControl/FormControlLabel.vue_vue_type_script_setup_true_lang.js +11 -10
- package/dist/Components/FormControl/formControl.types.d.ts +4 -0
- package/dist/Components/FormControl/formControl.types.js +9 -0
- package/dist/Components/FormControl/index.d.ts +1 -0
- package/dist/Components/FormControl/index.js +3 -2
- package/dist/Components/FormField/FilledFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +23 -18
- package/dist/Components/FormField/FormField.vue_vue_type_script_setup_true_lang.js +32 -27
- package/dist/Components/FormField/FormFieldLabel.vue.d.ts +11 -1
- package/dist/Components/FormField/FormFieldLabel.vue_vue_type_script_setup_true_lang.js +11 -10
- package/dist/Components/FormField/NotchedFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +22 -17
- package/dist/Components/FormField/OutlinedFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -18
- package/dist/Components/FormField/StackedFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +25 -20
- package/dist/Components/FormField/UnderlinedFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -18
- package/dist/Components/FormField/formField.types.d.ts +5 -0
- package/dist/Components/FormField/formField.types.js +11 -0
- package/dist/Components/FormField/index.d.ts +1 -0
- package/dist/Components/FormField/index.js +3 -2
- package/dist/Components/Label/Label.vue.d.ts +11 -1
- package/dist/Components/Label/Label.vue_vue_type_script_setup_true_lang.js +7 -8
- package/dist/Components/Link/Link.vue_vue_type_script_setup_true_lang.js +23 -23
- package/dist/Components/List/List.vue.d.ts +11 -1
- package/dist/Components/List/List.vue_vue_type_script_setup_true_lang.js +9 -10
- package/dist/Components/ListItem/ListItem.vue_vue_type_script_setup_true_lang.js +18 -18
- package/dist/Components/ListItem/composables/useListItem.d.ts +1 -3
- package/dist/Components/ListItem/composables/useListItem.js +47 -55
- package/dist/Components/ListSection/ListSection.vue_vue_type_script_setup_true_lang.js +10 -9
- package/dist/Components/ListSection/composables/useListSection.d.ts +1 -3
- package/dist/Components/ListSection/composables/useListSection.js +29 -31
- package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +82 -82
- package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js +19 -19
- package/dist/Components/Modal/Modal.vue_vue_type_script_setup_true_lang.js +19 -20
- package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +48 -43
- package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js +27 -22
- package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +34 -29
- package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js +26 -21
- package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +67 -63
- package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js +54 -49
- package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js +28 -23
- package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js +16 -16
- package/dist/Components/TabList/TabList.vue_vue_type_script_setup_true_lang.js +7 -8
- package/dist/Components/TabPanel/TabPanel.vue_vue_type_script_setup_true_lang.js +7 -8
- package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js +29 -26
- package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +21 -16
- package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +25 -20
- package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +53 -48
- package/dist/Components/TimeField/composables/useTimeField.d.ts +14 -4
- package/dist/Components/TimeField/timeField.types.d.ts +3 -3
- package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +53 -48
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +14 -4
- package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +3 -3
- package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +18 -18
- package/dist/Utils/index.d.ts +1 -1
- package/dist/Utils/index.js +2 -2
- package/dist/Utils/slotOrProp.d.ts +20 -11
- package/dist/Utils/slotOrProp.js +21 -17
- package/dist/Utils/useBreakpoint.d.ts +0 -4
- package/dist/index.d.ts +8 -0
- package/dist/index.js +133 -124
- package/docs/README.md +1 -0
- package/docs/components/Accordion.md +104 -0
- package/docs/components/Breadcrumb.md +74 -0
- 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 {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import p from "./Components/
|
|
9
|
-
import m from "./Components/
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import E from "./Components/
|
|
17
|
-
import {
|
|
18
|
-
import
|
|
19
|
-
import k from "./Components/
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import M from "./Components/
|
|
23
|
-
import {
|
|
24
|
-
import P from "./Components/
|
|
25
|
-
import {
|
|
26
|
-
import I from "./Components/
|
|
27
|
-
import L from "./Components/
|
|
28
|
-
import {
|
|
29
|
-
import z from "./Components/
|
|
30
|
-
import B from "./Components/
|
|
31
|
-
import V from "./Components/
|
|
32
|
-
import
|
|
33
|
-
import U from "./Components/
|
|
34
|
-
import W from "./Components/
|
|
35
|
-
import G from "./Components/
|
|
36
|
-
import K from "./Components/
|
|
37
|
-
import q from "./Components/
|
|
38
|
-
import
|
|
39
|
-
import Y from "./Components/
|
|
40
|
-
import X from "./Components/
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import {
|
|
44
|
-
import ee from "./Components/
|
|
45
|
-
import
|
|
46
|
-
import ne from "./Components/
|
|
47
|
-
import {
|
|
48
|
-
import ie from "./Components/
|
|
49
|
-
import ae from "./Components/
|
|
50
|
-
import
|
|
51
|
-
import se from "./Components/
|
|
52
|
-
import {
|
|
53
|
-
import le from "./Components/
|
|
54
|
-
import {
|
|
55
|
-
import de from "./Components/
|
|
56
|
-
import {
|
|
57
|
-
import pe from "./Components/
|
|
58
|
-
import
|
|
59
|
-
import {
|
|
60
|
-
import ge from "./Components/
|
|
61
|
-
import _e from "./Components/
|
|
62
|
-
import
|
|
63
|
-
import {
|
|
64
|
-
import be from "./Components/
|
|
65
|
-
import xe from "./Components/
|
|
66
|
-
import
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import Te from "./Components/
|
|
70
|
-
import Ee from "./Components/
|
|
71
|
-
import De from "./Components/
|
|
72
|
-
import {
|
|
73
|
-
import
|
|
74
|
-
import Ae from "./Components/
|
|
75
|
-
import je from "./Components/
|
|
76
|
-
import {
|
|
77
|
-
import Ne from "./Components/
|
|
78
|
-
import
|
|
79
|
-
import Fe from "./Components/
|
|
80
|
-
import
|
|
81
|
-
import Le from "./Components/
|
|
82
|
-
import {
|
|
83
|
-
import ze from "./Components/
|
|
84
|
-
import
|
|
85
|
-
import Ve from "./Components/
|
|
86
|
-
import
|
|
87
|
-
import Ue from "./Components/
|
|
88
|
-
import We from "./Components/
|
|
89
|
-
import Ge from "./Components/
|
|
90
|
-
import
|
|
91
|
-
import qe from "./Components/
|
|
92
|
-
import
|
|
93
|
-
import {
|
|
94
|
-
import Xe from "./Components/
|
|
95
|
-
import Ze from "./Components/
|
|
96
|
-
import
|
|
97
|
-
import $e from "./Components/
|
|
98
|
-
import
|
|
99
|
-
import tt from "./Components/
|
|
100
|
-
import
|
|
101
|
-
import rt from "./Components/
|
|
102
|
-
import {
|
|
103
|
-
import
|
|
104
|
-
import ot from "./Components/
|
|
105
|
-
import {
|
|
106
|
-
import ct from "./Components/
|
|
107
|
-
import {
|
|
108
|
-
import ut from "./Components/
|
|
109
|
-
import {
|
|
110
|
-
import ft from "./Components/
|
|
111
|
-
import {
|
|
112
|
-
import mt from "./Components/
|
|
113
|
-
import
|
|
114
|
-
import gt from "./Components/
|
|
115
|
-
import
|
|
116
|
-
import vt from "./Components/
|
|
117
|
-
import
|
|
118
|
-
import {
|
|
119
|
-
import xt from "./Components/
|
|
120
|
-
import St from "./Components/
|
|
121
|
-
import
|
|
122
|
-
import {
|
|
123
|
-
import Tt from "./Components/
|
|
124
|
-
import Et from "./Components/
|
|
125
|
-
import Dt from "./
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
128
|
-
|
|
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
|
@@ -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.
|
|
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.
|
|
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"
|