@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
@@ -1,16 +1,18 @@
1
1
  import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
2
- import t from "../Icon/Icon.js";
3
- import n from "../FormField/FormField.js";
4
- import r from "../FieldOverlay/FieldOverlay.js";
5
- import { useTimeRangeField as i } from "./composables/useTimeRangeField.js";
6
- import a from "../TimeRangePicker/TimeRangePicker.js";
7
- import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, isRef as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeProps as v, openBlock as y, ref as b, unref as x, useModel as S, withCtx as C, withKeys as w, withModifiers as T } from "vue";
8
- import { isUndefined as E } from "es-toolkit/compat";
2
+ import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
3
+ import n from "../Icon/Icon.js";
4
+ import { FORM_FIELD_CHROME_SLOT_NAMES as r } from "../FormField/formField.types.js";
5
+ import i from "../FormField/FormField.js";
6
+ import a from "../FieldOverlay/FieldOverlay.js";
7
+ import { useTimeRangeField as o } from "./composables/useTimeRangeField.js";
8
+ import s from "../TimeRangePicker/TimeRangePicker.js";
9
+ import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderList as w, renderSlot as T, unref as E, useModel as D, withCtx as O, withKeys as k, withModifiers as A } from "vue";
10
+ import { isUndefined as j } from "es-toolkit/compat";
9
11
  //#region src/Components/TimeRangeField/TimeRangeField.vue?vue&type=script&setup=true&lang.ts
10
- var D = { class: "flex min-w-0 flex-1 items-center gap-1" }, O = ["aria-label"], k = /*@__PURE__*/ f({
12
+ var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"], P = /*@__PURE__*/ h({
11
13
  inheritAttrs: !1,
12
14
  __name: "TimeRangeField",
13
- props: /*@__PURE__*/ h({
15
+ props: /*@__PURE__*/ v({
14
16
  ampm: { type: Boolean },
15
17
  classes: {},
16
18
  clearable: {
@@ -55,53 +57,56 @@ var D = { class: "flex min-w-0 flex-1 items-center gap-1" }, O = ["aria-label"],
55
57
  modelValue: {},
56
58
  modelModifiers: {}
57
59
  }),
58
- emits: /*@__PURE__*/ h([
60
+ emits: /*@__PURE__*/ v([
59
61
  "change",
60
62
  "clear",
61
63
  "close",
62
64
  "open"
63
65
  ], ["update:modelValue"]),
64
- setup(f, { emit: h }) {
65
- let k = S(f, "modelValue"), A = f, j = h, M = e(), N = b(A.defaultValue ?? null), P = s({
66
+ setup(h, { emit: v }) {
67
+ let P = D(h, "modelValue"), F = h, I = v, L = e(), R = C(F.defaultValue ?? null), z = l({
66
68
  set: (e) => {
67
- k.value = e, N.value = e;
69
+ P.value = e, R.value = e;
68
70
  },
69
- get: () => E(k.value) ? N.value : k.value
70
- }), { open: F, overlay: I, timeOnly: L, formField: R, inputBind: z, clearBind: B, clearValue: V, modelValue: H, showFooter: U, pickerClass: W, clearIconSize: G, showClearIcon: K, handleOpenChange: q, handlePickerChange: J, handlePickerCancel: Y, overlayCustomProps: X, timeRangePickerCustomProps: Z } = i(A, P, j);
71
- return (e, i) => (y(), l(o, null, [d(x(n), { field: x(R) }, {
72
- default: C(() => [u("div", D, [u("input", v(p(x(z))), null, 16), x(K) ? (y(), l("span", g({ key: 0 }, x(B), {
73
- onClick: i[0] ||= (...e) => x(V) && x(V)(...e),
74
- "aria-label": x(M)("Clear"),
75
- onKeydown: [i[1] ||= w(T((...e) => x(V) && x(V)(...e), ["prevent"]), ["enter"]), i[2] ||= w(T((...e) => x(V) && x(V)(...e), ["prevent"]), ["space"])]
76
- }), [d(x(t), g({
71
+ get: () => j(P.value) ? R.value : P.value
72
+ }), { open: B, overlay: V, timeOnly: H, formField: U, inputBind: W, clearBind: G, clearValue: K, modelValue: q, showFooter: J, pickerClass: Y, clearIconSize: X, showClearIcon: Z, handleOpenChange: Q, handlePickerChange: $, handlePickerCancel: ee, overlayCustomProps: te, timeRangePickerCustomProps: ne } = o(F, z, I);
73
+ return (e, o) => (S(), d(c, null, [m(E(i), { field: E(U) }, p({
74
+ default: O(() => [f("div", M, [f("input", x(g(E(W))), null, 16), E(Z) ? (S(), d("span", y({ key: 0 }, E(G), {
75
+ onClick: o[0] ||= (...e) => E(K) && E(K)(...e),
76
+ "aria-label": E(L)("Clear"),
77
+ onKeydown: [o[1] ||= k(A((...e) => E(K) && E(K)(...e), ["prevent"]), ["enter"]), o[2] ||= k(A((...e) => E(K) && E(K)(...e), ["prevent"]), ["space"])]
78
+ }), [m(E(n), y({
77
79
  icon: "clear",
78
- size: x(G)
79
- }, A.customProps?.clearIcon), null, 16, ["size"])], 16, O)) : c("", !0)])]),
80
- _: 1
81
- }, 8, ["field"]), d(x(r), {
82
- modelValue: x(F),
83
- "onUpdate:modelValue": [i[3] ||= (e) => m(F) ? F.value = e : null, x(q)],
84
- overlay: x(I),
85
- "custom-props": x(X)
80
+ size: E(X)
81
+ }, F.customProps?.clearIcon), null, 16, ["size"])], 16, N)) : u("", !0)])]),
82
+ _: 2
83
+ }, [w(E(t)(E(r), e.$slots), (t) => ({
84
+ name: t,
85
+ fn: O((n) => [T(e.$slots, t, x(g(n || {})))])
86
+ }))]), 1032, ["field"]), m(E(a), {
87
+ modelValue: E(B),
88
+ "onUpdate:modelValue": [o[3] ||= (e) => _(B) ? B.value = e : null, E(Q)],
89
+ overlay: E(V),
90
+ "custom-props": E(te)
86
91
  }, {
87
- default: C(() => [d(x(a), {
88
- value: x(H),
89
- class: _(x(W)),
90
- ampm: x(L).ampm,
91
- "show-footer": x(U),
92
- "read-only": A.readonly,
93
- "max-time": x(L).maxTime,
94
- "min-time": x(L).minTime,
95
- interval: x(L).interval,
96
- "time-zone": x(L).timeZone,
97
- onChange: x(J),
98
- onCancel: x(Y),
99
- "show-seconds": x(L).showSeconds,
100
- color: x(R).merged.value.color,
101
- disabled: x(R).isDisabled.value,
102
- "disable-times": x(L).disableTimes,
103
- rounded: x(R).merged.value.rounded,
104
- "custom-props": x(Z)
92
+ default: O(() => [m(E(s), {
93
+ value: E(q),
94
+ class: b(E(Y)),
95
+ ampm: E(H).ampm,
96
+ "show-footer": E(J),
97
+ "read-only": F.readonly,
98
+ "max-time": E(H).maxTime,
99
+ "min-time": E(H).minTime,
100
+ interval: E(H).interval,
101
+ "time-zone": E(H).timeZone,
102
+ onChange: E($),
103
+ onCancel: E(ee),
104
+ "show-seconds": E(H).showSeconds,
105
+ color: E(U).merged.value.color,
106
+ disabled: E(U).isDisabled.value,
107
+ "disable-times": E(H).disableTimes,
108
+ rounded: E(U).merged.value.rounded,
109
+ "custom-props": E(ne)
105
110
  }, null, 8, [
106
111
  "value",
107
112
  "class",
@@ -131,4 +136,4 @@ var D = { class: "flex min-w-0 flex-1 items-center gap-1" }, O = ["aria-label"],
131
136
  }
132
137
  });
133
138
  //#endregion
134
- export { k as default };
139
+ export { P as default };
@@ -710,15 +710,25 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
710
710
  handlePickerChange: (next: null | TimeRangeValue) => void;
711
711
  handlePickerCancel: () => void;
712
712
  overlayCustomProps: import('vue').ComputedRef<{
713
- modal: Partial<Pick<import('../../Modal').ModalOwnProps, "size" | "classes" | "customProps" | "blur" | "transition" | "align">> | undefined;
714
- drawer: Partial<Pick<import('../../Drawer').DrawerOwnProps, "size" | "classes" | "customProps" | "blur" | "placement" | "transition">> | undefined;
713
+ modal: Partial<import('../../Modal').ModalOwnProps> | undefined;
714
+ drawer: Partial<import('../../Drawer').DrawerOwnProps> | undefined;
715
715
  menu: {
716
+ anchorEl: null | HTMLElement;
716
717
  classes?: import('../../Menu').MenuClasses;
718
+ closeOnClickAway?: boolean;
719
+ closeOnEscape?: boolean;
717
720
  customProps?: import('../../Menu').MenuCustomProps;
721
+ disableAutoFocus?: boolean;
722
+ disableScrollLock?: boolean;
723
+ keepMounted?: boolean;
724
+ offset?: number;
725
+ onShowChange?: (show: boolean) => void;
726
+ persistent?: boolean;
727
+ placement: import('@floating-ui/utils').Placement;
718
728
  rounded?: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').MenuRounded, import('../../Menu').MenuRoundedOverrides>;
719
729
  shadow?: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').MenuShadow, import('../../Menu').MenuShadowOverrides>;
720
- placement: import('@floating-ui/utils').Placement;
721
- anchorEl: HTMLElement | null;
730
+ strategy?: import('@bridge-ui/core').PositionStrategy;
731
+ teleportTo?: false | string;
722
732
  };
723
733
  }>;
724
734
  timeRangePickerCustomProps: import('vue').ComputedRef<import('../../TimeRangePicker').TimeRangePickerCustomProps | undefined>;
@@ -24,19 +24,19 @@ export interface TimeRangeFieldCustomProps extends FormFieldCustomProps {
24
24
  *
25
25
  * @default undefined
26
26
  */
27
- drawer?: Partial<Pick<DrawerOwnProps, "blur" | "size" | "classes" | "placement" | "transition" | "customProps">>;
27
+ drawer?: Partial<DrawerOwnProps>;
28
28
  /**
29
29
  * Props forwarded to the floating `Menu` when overlay resolves to menu.
30
30
  *
31
31
  * @default undefined
32
32
  */
33
- menu?: Partial<Pick<MenuOwnProps, "shadow" | "classes" | "rounded" | "placement" | "customProps">>;
33
+ menu?: Partial<MenuOwnProps>;
34
34
  /**
35
35
  * Props forwarded to the nested `Modal` when overlay resolves to modal.
36
36
  *
37
37
  * @default undefined
38
38
  */
39
- modal?: Partial<Pick<ModalOwnProps, "blur" | "size" | "align" | "classes" | "transition" | "customProps">>;
39
+ modal?: Partial<ModalOwnProps>;
40
40
  /**
41
41
  * Props forwarded to the nested `TimeRangePicker`.
42
42
  *
@@ -1,8 +1,8 @@
1
- import { hasNamedSlot as e, resolveNamedSlot as t, resolveSlotOrProp as n } from "../../Utils/slotOrProp.js";
2
- import { useTooltip as r } from "./composables/useTooltip.js";
3
- import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, unref as _, useModel as v, useSlots as y } from "vue";
1
+ import { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
2
+ import { useTooltip as n } from "./composables/useTooltip.js";
3
+ import { Fragment as r, Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, useSlots as b } from "vue";
4
4
  //#region src/Components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
5
- var b = /*@__PURE__*/ d({
5
+ var x = /*@__PURE__*/ d({
6
6
  inheritAttrs: !1,
7
7
  __name: "Tooltip",
8
8
  props: /*@__PURE__*/ f({
@@ -40,7 +40,7 @@ var b = /*@__PURE__*/ d({
40
40
  }),
41
41
  emits: /*@__PURE__*/ f(["show-change"], ["update:modelValue"]),
42
42
  setup(d, { emit: f }) {
43
- let b = y(), x = f, S = d, C = v(d, "modelValue"), { merged: w, mounted: T, rootBind: E, arrowBind: D, triggerBind: O, contentBind: k, setArrowRef: A, setTriggerRef: j, setContentRef: M } = r(S, {
43
+ let x = b(), S = f, C = d, w = y(d, "modelValue"), { merged: T, mounted: E, rootBind: D, arrowBind: O, triggerBind: k, contentBind: A, setArrowRef: j, setTriggerRef: M, setContentRef: N } = n(C, {
44
44
  offset: 8,
45
45
  size: "md",
46
46
  arrow: !0,
@@ -52,22 +52,22 @@ var b = /*@__PURE__*/ d({
52
52
  strategy: "fixed",
53
53
  teleportTo: "body"
54
54
  }, {
55
- show: C,
55
+ show: w,
56
56
  onShowChange: (e) => {
57
- S.onShowChange?.(e), x("show-change", e);
57
+ C.onShowChange?.(e), S("show-change", e);
58
58
  }
59
- }), N = o(() => e(b, "trigger")), P = o(() => n(b, "default", w.value.content)), F = o(() => w.value.teleportTo === !1), I = o(() => w.value.teleportTo === !1 ? "body" : w.value.teleportTo);
60
- return (e, n) => (h(), l(i, null, [N.value ? (h(), l("div", m(p({ key: 0 }, _(E))), [u("div", p({ ref: _(j) }, _(O)), [(h(), s(g(_(t)(_(b), "trigger"))))], 16)], 16)) : c("", !0), (h(), s(a, {
61
- to: I.value,
62
- disabled: F.value
63
- }, [_(T) ? (h(), l("div", p({
59
+ }), P = a(() => T.value.teleportTo === !1), F = a(() => T.value.teleportTo === !1 ? "body" : T.value.teleportTo);
60
+ return (n, a) => (h(), c(r, null, [v(e)(v(x), "trigger") ? (h(), c("div", m(p({ key: 0 }, v(D))), [l("div", p({ ref: v(M) }, v(k)), [g(n.$slots, "trigger")], 16)], 16)) : s("", !0), (h(), o(i, {
61
+ to: F.value,
62
+ disabled: P.value
63
+ }, [v(E) ? (h(), c("div", p({
64
64
  key: 0,
65
- ref: _(M)
66
- }, _(k)), [(h(), s(g(P.value))), _(D) ? (h(), l("div", p({
67
- key: 0,
68
- ref: _(A)
69
- }, _(D)), null, 16)) : c("", !0)], 16)) : c("", !0)], 8, ["to", "disabled"]))], 64));
65
+ ref: v(N)
66
+ }, v(A)), [v(e)(v(x), "default") ? g(n.$slots, "default", {}, void 0, void 0, 0) : v(t)(v(T).content) ? (h(), c(r, { key: 1 }, [u(_(v(T).content), 1)], 64)) : s("", !0), v(O) ? (h(), c("div", p({
67
+ key: 2,
68
+ ref: v(j)
69
+ }, v(O)), null, 16)) : s("", !0)], 16)) : s("", !0)], 8, ["to", "disabled"]))], 64));
70
70
  }
71
71
  });
72
72
  //#endregion
73
- export { b as default };
73
+ export { x as default };
@@ -49,7 +49,7 @@ export declare function resolveFieldAdornmentIconSize(fieldSize?: keyof FormFiel
49
49
  * Resolves a Vue template ref callback value to an HTMLElement.
50
50
  */
51
51
  export declare function resolveVnodeRefElement(element: null | Element | ComponentPublicInstance): null | HTMLElement;
52
- export { hasNamedSlot, hasSlotOrProp, isPropPresent, resolveNamedSlot, resolveSlotOrProp, } from './slotOrProp';
52
+ export { hasNamedSlot, hasSlotOrProp, isPropPresent, presentSlotNames, RenderFn, } from './slotOrProp';
53
53
  export { useBreakpoint } from './useBreakpoint';
54
54
  export type { UseBreakpointOptions } from './useBreakpoint';
55
55
  export { useHoldRepeat } from './useHoldRepeat';
@@ -1,5 +1,5 @@
1
1
  import { useBridgeUI as e } from "../Provider/useBridgeUI.js";
2
- import { hasNamedSlot as t, hasSlotOrProp as n, isPropPresent as r, resolveNamedSlot as i, resolveSlotOrProp as a } from "./slotOrProp.js";
2
+ import { RenderFn as t, hasNamedSlot as n, hasSlotOrProp as r, isPropPresent as i, presentSlotNames as a } from "./slotOrProp.js";
3
3
  import { useBreakpoint as o } from "./useBreakpoint.js";
4
4
  import { useHoldRepeat as s } from "./useHoldRepeat.js";
5
5
  import { computed as c, defineComponent as l, toValue as u, unref as d } from "vue";
@@ -56,4 +56,4 @@ function w(e) {
56
56
  return null;
57
57
  }
58
58
  //#endregion
59
- export { v as defineHeadlessComponent, t as hasNamedSlot, n as hasSlotOrProp, r as isPropPresent, b as mergeNestedComponentProps, y as mergePartBind, C as resolveFieldAdornmentIconSize, i as resolveNamedSlot, a as resolveSlotOrProp, w as resolveVnodeRefElement, o as useBreakpoint, x as useBridgeUIComponent, S as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };
59
+ export { t as RenderFn, v as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, b as mergeNestedComponentProps, y as mergePartBind, a as presentSlotNames, C as resolveFieldAdornmentIconSize, w as resolveVnodeRefElement, o as useBreakpoint, x as useBridgeUIComponent, S as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };
@@ -1,4 +1,4 @@
1
- import { Slot, Slots, VNodeChild } from 'vue';
1
+ import { PropType, Slots } from 'vue';
2
2
  type VueSlots = Slots | undefined | Readonly<Slots>;
3
3
  /**
4
4
  * Whether a prop value is considered present for fallback rendering.
@@ -13,16 +13,25 @@ export declare function hasNamedSlot(slots: VueSlots, name: string): boolean;
13
13
  */
14
14
  export declare function hasSlotOrProp(slots: VueSlots, name: string, prop: unknown): boolean;
15
15
  /**
16
- * Slot render function for `<component :is="resolveNamedSlot(slots, name)" />`.
17
- * Returns the slot function itself so `:is` keeps a stable identity across parent
18
- * re-renders (wrapping in a new render function would remount slot content and drop
19
- * native states such as `:hover` / `:active` during hold-repeat).
16
+ * Slot names from `names` that were actually passed.
17
+ * Use when forwarding chrome slots so empty outlets are not treated as present.
20
18
  */
21
- export declare function resolveNamedSlot(slots: VueSlots, name: string): Slot | undefined;
19
+ export declare function presentSlotNames<T extends string>(names: ReadonlyArray<T>, slots: VueSlots): T[];
22
20
  /**
23
- * Render target for `<component :is="resolveSlotOrProp(slots, name, fallback)" />`.
24
- * Returns the named slot function when present; otherwise a render function for the
25
- * fallback prop.
21
+ * Stable host for programmatic render functions (e.g. Tabs `items` API).
22
+ * Prefer native `<slot>` everywhere else.
26
23
  */
27
- export declare function resolveSlotOrProp(slots: VueSlots, name: string, fallback?: null | number | string): Slot | (() => null | VNodeChild);
28
- export type { Slot };
24
+ export declare const RenderFn: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
25
+ fn: {
26
+ default: undefined;
27
+ type: PropType<undefined | (() => unknown)>;
28
+ };
29
+ }>, () => {} | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
30
+ fn: {
31
+ default: undefined;
32
+ type: PropType<undefined | (() => unknown)>;
33
+ };
34
+ }>> & Readonly<{}>, {
35
+ fn: (() => unknown) | undefined;
36
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
37
+ export {};
@@ -1,23 +1,27 @@
1
- import { get as e, isEmpty as t, isNil as n, isString as r } from "es-toolkit/compat";
1
+ import { defineComponent as e } from "vue";
2
+ import { get as t, isEmpty as n, isNil as r, isString as i } from "es-toolkit/compat";
2
3
  //#region src/Utils/slotOrProp.ts
3
- function i(e) {
4
- return n(e) ? !1 : !r(e) || !t(e);
4
+ function a(e) {
5
+ return r(e) ? !1 : !i(e) || !n(e);
5
6
  }
6
- function a(t, r) {
7
- return !n(e(t, r));
7
+ function o(e, n) {
8
+ return !r(t(e, n));
8
9
  }
9
- function o(e, t, n) {
10
- return a(e, t) || i(n);
10
+ function s(e, t, n) {
11
+ return o(e, t) || a(n);
11
12
  }
12
- function s(t, n) {
13
- return e(t, n);
14
- }
15
- function c(t, r, a) {
16
- let o = e(t, r);
17
- if (!n(o)) return o;
18
- if (!i(a)) return () => null;
19
- let s = String(a);
20
- return () => s;
13
+ function c(e, t) {
14
+ return e.filter((e) => o(t, e));
21
15
  }
16
+ var l = e({
17
+ name: "RenderFn",
18
+ setup(e) {
19
+ return () => e.fn?.() ?? null;
20
+ },
21
+ props: { fn: {
22
+ default: void 0,
23
+ type: Function
24
+ } }
25
+ });
22
26
  //#endregion
23
- export { a as hasNamedSlot, o as hasSlotOrProp, i as isPropPresent, s as resolveNamedSlot, c as resolveSlotOrProp };
27
+ export { l as RenderFn, o as hasNamedSlot, s as hasSlotOrProp, a as isPropPresent, c as presentSlotNames };
@@ -11,9 +11,5 @@ export type UseBreakpointOptions = BreakpointObserverOptions;
11
11
  * `global.breakpoints`. Composable options win when passed.
12
12
  *
13
13
  * On the server (and before mount), `mobile` is `true` at width `0`.
14
- *
15
- * @example
16
- * const breakpoint = useBreakpoint();
17
- * // :align="breakpoint.mobile ? 'bottom-center' : 'middle-center'"
18
14
  */
19
15
  export declare function useBreakpoint(options?: MaybeRefOrGetter<undefined | UseBreakpointOptions>): BreakpointSnapshot;
package/dist/index.d.ts CHANGED
@@ -2,6 +2,10 @@ export { setDateAdapterForTests, useDateAdapter, useDateAdapterContext, } from '
2
2
  export { setI18nAdapterForTests, useI18nAdapter, useResolveMessage, } from './Adapters/I18n';
3
3
  export { setIconAdapterForTests, useIconAdapter } from './Adapters/Icon';
4
4
  export type { IconElement, IconSource, SemanticIconName, } from './Adapters/Icon';
5
+ export { ACCORDION_INJECTION_KEY, Accordion, useAccordion, } from './Components/Accordion';
6
+ export type { AccordionClasses, AccordionColorOverrides, AccordionContextValue, AccordionCustomProps, AccordionEmits, AccordionOwnProps, AccordionProps, AccordionSizeOverrides, AccordionSlots, AccordionTokenClasses, AccordionVariantOverrides, } from './Components/Accordion';
7
+ export { AccordionItem, useAccordionItem } from './Components/AccordionItem';
8
+ export type { AccordionItemClasses, AccordionItemCustomProps, AccordionItemOwnProps, AccordionItemProps, AccordionItemSlots, } from './Components/AccordionItem';
5
9
  export { Alert, useAlert } from './Components/Alert';
6
10
  export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
7
11
  export { Autocomplete, AutocompleteOption } from './Components/Autocomplete';
@@ -12,6 +16,10 @@ export { Badge, useBadge } from './Components/Badge';
12
16
  export type { BadgeClasses, BadgeColorOverrides, BadgeDensityOverrides, BadgeOwnProps, BadgeProps, BadgeRoundedOverrides, BadgeSizeOverrides, BadgeSlots, BadgeVariantOverrides, } from './Components/Badge';
13
17
  export { BaseField, useBaseField } from './Components/BaseField';
14
18
  export type { BaseFieldClasses, BaseFieldCustomProps, BaseFieldOptions, BaseFieldOwnProps, BaseFieldProps, BaseFieldSizeOverrides, BaseFieldSlots, UseBaseFieldReturn, } from './Components/BaseField';
19
+ export { Breadcrumb, useBreadcrumb } from './Components/Breadcrumb';
20
+ export type { BreadcrumbClasses, BreadcrumbContextValue, BreadcrumbCustomProps, BreadcrumbItemData, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSizeOverrides, BreadcrumbSlots, } from './Components/Breadcrumb';
21
+ export { BreadcrumbItem, useBreadcrumbItem } from './Components/BreadcrumbItem';
22
+ export type { BreadcrumbItemClasses, BreadcrumbItemCustomProps, BreadcrumbItemOwnProps, BreadcrumbItemProps, BreadcrumbItemSlots, } from './Components/BreadcrumbItem';
15
23
  export { Button, useButton } from './Components/Button';
16
24
  export type { ButtonClasses, ButtonColorOverrides, ButtonDensityOverrides, ButtonProps, ButtonRoundedOverrides, ButtonSizeOverrides, ButtonSlots, ButtonVariantOverrides, } from './Components/Button';
17
25
  export { Calendar, useCalendar } from './Components/Calendar';