@bridge-ui/vue 0.7.0 → 0.9.0

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 (173) hide show
  1. package/ai/skills/bridge-ui-components/SKILL.md +2 -1
  2. package/ai/skills/bridge-ui-forms/SKILL.md +1 -1
  3. package/dist/Components/Accordion/composables/useAccordion.d.ts +1 -1
  4. package/dist/Components/ActionFooter/ActionFooter.js +5 -0
  5. package/dist/Components/ActionFooter/ActionFooter.vue.d.ts +10 -0
  6. package/dist/Components/ActionFooter/ActionFooter.vue_vue_type_script_setup_true_lang.js +35 -0
  7. package/dist/Components/ActionFooter/actionFooter.types.d.ts +107 -0
  8. package/dist/Components/ActionFooter/composables/useActionFooter.d.ts +35 -0
  9. package/dist/Components/ActionFooter/composables/useActionFooter.js +53 -0
  10. package/dist/Components/ActionFooter/index.d.ts +3 -0
  11. package/dist/Components/ActionFooter/index.js +3 -0
  12. package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js +13 -13
  13. package/dist/Components/Alert/alert.types.d.ts +7 -4
  14. package/dist/Components/Alert/composables/useAlert.d.ts +2 -1
  15. package/dist/Components/Alert/composables/useAlert.js +60 -57
  16. package/dist/Components/Autocomplete/Autocomplete.vue.d.ts +3 -3
  17. package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +2 -1
  18. package/dist/Components/Autocomplete/autocomplete.types.d.ts +1 -1
  19. package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +5 -3
  20. package/dist/Components/Autocomplete/composables/useAutocomplete.js +1 -1
  21. package/dist/Components/Badge/composables/useBadge.d.ts +1 -1
  22. package/dist/Components/BaseField/BaseField.vue_vue_type_script_setup_true_lang.js +9 -9
  23. package/dist/Components/BaseField/baseField.types.d.ts +15 -4
  24. package/dist/Components/BaseField/composables/useBaseField.d.ts +6 -2
  25. package/dist/Components/BaseField/composables/useBaseField.js +67 -67
  26. package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts +3 -3
  27. package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js +24 -25
  28. package/dist/Components/Button/composables/useButton.d.ts +4 -2
  29. package/dist/Components/Button/composables/useButton.js +46 -40
  30. package/dist/Components/ButtonGroup/composables/useButtonGroup.d.ts +1 -1
  31. package/dist/Components/Calendar/composables/useCalendar.d.ts +1 -1
  32. package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts +1 -1
  33. package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts +1 -1
  34. package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts +1 -1
  35. package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts +1 -1
  36. package/dist/Components/Card/composables/useCard.d.ts +1 -1
  37. package/dist/Components/Chip/Chip.vue.d.ts +1 -1
  38. package/dist/Components/Chip/composables/useChip.d.ts +1 -1
  39. package/dist/Components/ColorField/ColorField.vue.d.ts +1 -1
  40. package/dist/Components/ColorField/ColorField.vue_vue_type_script_setup_true_lang.js +2 -1
  41. package/dist/Components/ColorField/colorField.types.d.ts +1 -1
  42. package/dist/Components/ColorField/composables/useColorField.d.ts +5 -3
  43. package/dist/Components/ColorField/composables/useColorField.js +1 -1
  44. package/dist/Components/ColorPicker/ColorPicker.vue_vue_type_script_setup_true_lang.js +41 -40
  45. package/dist/Components/ColorPicker/composables/useColorPicker.d.ts +1 -3
  46. package/dist/Components/ColorPicker/composables/useColorPicker.js +0 -2
  47. package/dist/Components/DataTable/DataTable.vue_vue_type_script_setup_true_lang.js +8 -0
  48. package/dist/Components/DataTable/DataTableFilterMenu.vue_vue_type_script_setup_true_lang.js +1 -1
  49. package/dist/Components/DataTable/composables/useDataTable.d.ts +1 -1
  50. package/dist/Components/DataTable/composables/useDataTable.js +86 -86
  51. package/dist/Components/DataTable/composables/useDataTablePagination.d.ts +1 -1
  52. package/dist/Components/DataTable/dataTable.types.d.ts +22 -4
  53. package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +2 -1
  54. package/dist/Components/DateField/composables/useDateField.d.ts +5 -3
  55. package/dist/Components/DateField/composables/useDateField.js +1 -1
  56. package/dist/Components/DateField/dateField.types.d.ts +1 -1
  57. package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js +18 -17
  58. package/dist/Components/DatePicker/composables/useDatePicker.d.ts +1 -3
  59. package/dist/Components/DatePicker/composables/useDatePicker.js +45 -48
  60. package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +2 -1
  61. package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +5 -3
  62. package/dist/Components/DateRangeField/composables/useDateRangeField.js +1 -1
  63. package/dist/Components/DateRangeField/dateRangeField.types.d.ts +1 -1
  64. package/dist/Components/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +18 -17
  65. package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts +1 -3
  66. package/dist/Components/DateRangePicker/composables/useDateRangePicker.js +45 -48
  67. package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +2 -1
  68. package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +5 -3
  69. package/dist/Components/DateTimeField/composables/useDateTimeField.js +1 -1
  70. package/dist/Components/DateTimeField/dateTimeField.types.d.ts +1 -1
  71. package/dist/Components/DateTimePicker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +25 -24
  72. package/dist/Components/DateTimePicker/composables/useDateTimePicker.d.ts +1 -3
  73. package/dist/Components/DateTimePicker/composables/useDateTimePicker.js +75 -78
  74. package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +2 -1
  75. package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +5 -3
  76. package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.js +1 -1
  77. package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +1 -1
  78. package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js +29 -28
  79. package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.d.ts +1 -3
  80. package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js +84 -87
  81. package/dist/Components/Drawer/composables/useDrawer.js +75 -72
  82. package/dist/Components/FormControl/composables/useFormControl.d.ts +3 -1
  83. package/dist/Components/FormControl/composables/useFormControl.js +39 -38
  84. package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +3 -3
  85. package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +31 -31
  86. package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +3 -3
  87. package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +34 -34
  88. package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +3 -3
  89. package/dist/Components/FormField/composables/useFormField.d.ts +7 -3
  90. package/dist/Components/FormField/composables/useFormField.js +148 -144
  91. package/dist/Components/FormField/formField.types.d.ts +14 -4
  92. package/dist/Components/ListItem/ListItem.vue.d.ts +1 -1
  93. package/dist/Components/ListItem/composables/useListItem.d.ts +1 -1
  94. package/dist/Components/Listbox/Listbox.vue.d.ts +4 -4
  95. package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +69 -71
  96. package/dist/Components/Listbox/composables/useListbox.d.ts +0 -2
  97. package/dist/Components/Listbox/composables/useListbox.js +63 -66
  98. package/dist/Components/Menu/composables/useMenu.js +125 -121
  99. package/dist/Components/Modal/composables/useModal.js +117 -114
  100. package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +1 -0
  101. package/dist/Components/NumberField/composables/useNumberField.d.ts +4 -2
  102. package/dist/Components/OtpField/OtpField.vue.d.ts +1 -8
  103. package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js +7 -6
  104. package/dist/Components/OtpField/composables/useOtpField.d.ts +3 -1
  105. package/dist/Components/Pagination/composables/usePagination.d.ts +1 -1
  106. package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +1 -0
  107. package/dist/Components/PasswordField/composables/usePasswordField.d.ts +4 -2
  108. package/dist/Components/Select/Select.vue.d.ts +2 -2
  109. package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +2 -1
  110. package/dist/Components/Select/composables/useSelect.d.ts +5 -3
  111. package/dist/Components/Select/composables/useSelect.js +1 -1
  112. package/dist/Components/Select/select.types.d.ts +1 -1
  113. package/dist/Components/Sidebar/composables/useSidebarList.js +1 -1
  114. package/dist/Components/Sidebar/composables/useSidebarShell.js +1 -1
  115. package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js +1 -0
  116. package/dist/Components/Slider/composables/useSlider.d.ts +5 -3
  117. package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +31 -28
  118. package/dist/Components/Snackbar/composables/useSnackbar.d.ts +2 -1
  119. package/dist/Components/Snackbar/composables/useSnackbar.js +135 -128
  120. package/dist/Components/Step/composables/useStep.d.ts +1 -1
  121. package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +1 -0
  122. package/dist/Components/TextField/composables/useTextField.d.ts +4 -2
  123. package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +1 -0
  124. package/dist/Components/Textarea/composables/useTextarea.d.ts +4 -2
  125. package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +2 -1
  126. package/dist/Components/TimeField/composables/useTimeField.d.ts +5 -3
  127. package/dist/Components/TimeField/composables/useTimeField.js +1 -1
  128. package/dist/Components/TimeField/timeField.types.d.ts +1 -1
  129. package/dist/Components/TimePanel/composables/useTimePanel.d.ts +1 -1
  130. package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js +38 -37
  131. package/dist/Components/TimePicker/composables/useTimePicker.d.ts +1 -3
  132. package/dist/Components/TimePicker/composables/useTimePicker.js +54 -57
  133. package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +2 -1
  134. package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +5 -3
  135. package/dist/Components/TimeRangeField/composables/useTimeRangeField.js +1 -1
  136. package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +1 -1
  137. package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js +61 -60
  138. package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts +1 -3
  139. package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js +41 -43
  140. package/dist/Components/ToggleGroup/composables/useToggleGroup.d.ts +1 -1
  141. package/dist/Components/Tooltip/Tooltip.vue.d.ts +1 -1
  142. package/dist/Components/Tooltip/composables/useTooltip.d.ts +1 -1
  143. package/dist/Components/Tooltip/composables/useTooltip.js +6 -1
  144. package/dist/Utils/index.d.ts +11 -2
  145. package/dist/Utils/index.js +31 -27
  146. package/dist/augments.d.ts +13 -8
  147. package/dist/index.d.ts +2 -0
  148. package/dist/index.js +162 -160
  149. package/docs/README.md +1 -0
  150. package/docs/components/ActionFooter.md +85 -0
  151. package/docs/components/Alert.md +4 -2
  152. package/docs/components/Autocomplete.md +2 -2
  153. package/docs/components/BaseField.md +19 -18
  154. package/docs/components/BridgeUIProvider.md +30 -7
  155. package/docs/components/ColorField.md +1 -1
  156. package/docs/components/ColorPicker.md +1 -1
  157. package/docs/components/DataTable.md +16 -4
  158. package/docs/components/DateField.md +1 -1
  159. package/docs/components/DatePicker.md +1 -1
  160. package/docs/components/DateRangeField.md +1 -1
  161. package/docs/components/DateRangePicker.md +1 -1
  162. package/docs/components/DateTimeField.md +1 -1
  163. package/docs/components/DateTimePicker.md +1 -1
  164. package/docs/components/DateTimeRangeField.md +1 -1
  165. package/docs/components/DateTimeRangePicker.md +1 -1
  166. package/docs/components/FormControl.md +1 -1
  167. package/docs/components/FormField.md +28 -27
  168. package/docs/components/Select.md +2 -2
  169. package/docs/components/TimeField.md +1 -1
  170. package/docs/components/TimePicker.md +1 -1
  171. package/docs/components/TimeRangeField.md +1 -1
  172. package/docs/components/TimeRangePicker.md +1 -1
  173. package/package.json +2 -2
@@ -1,14 +1,14 @@
1
1
  import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
2
2
  import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
3
3
  import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
4
- import { FIELD_OVERLAY_INJECTION_KEY as o } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
5
- import { computed as s, inject as c, ref as l, toValue as u, useAttrs as d, watch as f } from "vue";
6
- import { get as p, isNil as m, omit as h } from "es-toolkit/compat";
7
- import { sortTimeRangeValue as g } from "@bridge-ui/core/Domain";
8
- import { menuRoundedProps as _ } from "@bridge-ui/core/Tokens";
9
- import { cn as v, splitComponentProps as y } from "@bridge-ui/core/Utils";
4
+ import { FIELD_OVERLAY_INJECTION_KEY as ee } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
5
+ import { computed as o, inject as s, ref as c, toValue as l, useAttrs as u, watch as d } from "vue";
6
+ import { get as f, isNil as p, omit as m } from "es-toolkit/compat";
7
+ import { sortTimeRangeValue as h } from "@bridge-ui/core/Domain";
8
+ import { menuRoundedProps as g } from "@bridge-ui/core/Tokens";
9
+ import { cn as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
10
10
  //#region src/Components/TimeRangePicker/composables/useTimeRangePicker.ts
11
- var b = [
11
+ var y = [
12
12
  "ampm",
13
13
  "fill",
14
14
  "color",
@@ -30,75 +30,75 @@ var b = [
30
30
  "defaultValue",
31
31
  "disableTimes"
32
32
  ];
33
- function x(x, S, C) {
34
- let w = d(), T = c(o, {
33
+ function b(b, x, S) {
34
+ let C = u(), w = s(ee, {
35
35
  apply: () => void 0,
36
36
  cancel: () => void 0
37
- }), E = e(), ee = t(), D = n(), O = s(() => y({
38
- bridgeKeys: b,
37
+ }), T = e(), E = t(), D = n(), O = o(() => v({
38
+ bridgeKeys: y,
39
39
  props: {
40
- ...w,
41
- ...u(x)
40
+ ...C,
41
+ ...l(b)
42
42
  }
43
43
  })), { merged: k, entry: A } = i({
44
- libDefaults: S,
44
+ libDefaults: x,
45
45
  componentName: "TimeRangePicker",
46
46
  props: () => O.value.componentProps
47
- }), j = s(() => k.value.customProps), M = s(() => h(O.value.inheritedAttrs, [
47
+ }), j = o(() => k.value.customProps), M = o(() => m(O.value.inheritedAttrs, [
48
48
  "onApply",
49
49
  "onCancel",
50
50
  "onChange"
51
51
  ])), N = a({
52
52
  entry: A,
53
53
  props: () => O.value.componentProps
54
- }), P = s(() => u(x)), F = s(() => ee(k.value.timeZone)), I = s(() => !m(P.value.value)), L = l(k.value.defaultValue ?? null), R = s(() => I.value ? P.value.value ?? null : L.value), z = l(R.value);
55
- f(() => [R.value, k.value.showFooter], ([e, t]) => {
54
+ }), P = o(() => l(b)), F = o(() => E(k.value.timeZone)), I = o(() => !p(P.value.value)), L = c(k.value.defaultValue ?? null), R = o(() => I.value ? P.value.value ?? null : L.value), z = c(R.value);
55
+ d(() => [R.value, k.value.showFooter], ([e, t]) => {
56
56
  t && (z.value = e);
57
57
  });
58
- let B = s(() => k.value.showFooter ? z.value : R.value), V = s(() => B.value?.[0] ?? E.value.now(F.value)), H = s(() => B.value?.[1] ?? E.value.now(F.value)), U = (e) => {
59
- I.value || (L.value = e), C("change", e);
58
+ let B = o(() => k.value.showFooter ? z.value : R.value), V = o(() => B.value?.[0] ?? T.value.now(F.value)), H = o(() => B.value?.[1] ?? T.value.now(F.value)), U = (e) => {
59
+ I.value || (L.value = e), S("change", e);
60
60
  }, W = (e) => {
61
- let t = g(e, E.value, F.value);
61
+ let t = h(e, T.value, F.value);
62
62
  if (k.value.showFooter) {
63
63
  z.value = t;
64
64
  return;
65
65
  }
66
66
  U(t);
67
67
  }, G = (e) => {
68
- if (m(e)) return;
69
- let t = B.value?.[1] ?? E.value.now(F.value);
68
+ if (p(e)) return;
69
+ let t = B.value?.[1] ?? T.value.now(F.value);
70
70
  W([e, t]);
71
71
  }, K = (e) => {
72
- if (m(e)) return;
73
- let t = B.value?.[0] ?? E.value.now(F.value);
72
+ if (p(e)) return;
73
+ let t = B.value?.[0] ?? T.value.now(F.value);
74
74
  W([t, e]);
75
75
  }, q = () => {
76
- U(z.value), C("apply"), T.apply();
76
+ U(z.value), S("apply"), w.apply();
77
77
  }, J = () => {
78
- z.value = R.value, C("cancel"), T.cancel();
79
- }, Y = s(() => {
80
- let e = p(_, k.value.rounded ?? "md");
81
- return r(j.value?.root, M.value, v({
78
+ z.value = R.value, S("cancel"), w.cancel();
79
+ }, Y = o(() => {
80
+ let e = f(g, k.value.rounded ?? "md");
81
+ return r(j.value?.root, M.value, _({
82
82
  "flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
83
83
  "w-full": k.value.fill,
84
84
  "w-fit": !k.value.fill,
85
85
  [e]: !0,
86
86
  [N.value.root ?? ""]: !0
87
87
  }));
88
- }), X = s(() => v({ "flex w-full px-2.5": !0 })), Z = s(() => v({ "w-px shrink-0": !0 })), Q = s(() => r(j.value?.panels, {}, v({
88
+ }), X = o(() => _({ "flex w-full px-2.5": !0 })), Z = o(() => _({ "w-px shrink-0": !0 })), Q = o(() => r(j.value?.panels, {}, _({
89
89
  "flex w-full flex-row px-2.5 pb-2.5": !0,
90
90
  [N.value.panels ?? ""]: !0
91
- }))), te = s(() => r(j.value?.start, {}, v({
91
+ }))), te = o(() => r(j.value?.start, {}, _({
92
92
  "flex min-w-0 flex-1 flex-col pr-2.5": !0,
93
93
  [N.value.start ?? ""]: !0
94
- }))), ne = s(() => r(j.value?.end, {}, v({
94
+ }))), ne = o(() => r(j.value?.end, {}, _({
95
95
  "flex min-w-0 flex-1 flex-col pl-2.5": !0,
96
96
  [N.value.end ?? ""]: !0
97
- }))), $ = s(() => v({ "min-w-0 flex-1 px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), re = s(() => v({
97
+ }))), $ = o(() => _({ "min-w-0 flex-1 px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), re = o(() => _({
98
98
  [$.value]: !0,
99
99
  "pr-2.5": !0,
100
100
  [N.value.startTitle ?? ""]: !0
101
- })), ie = s(() => v({
101
+ })), ie = o(() => _({
102
102
  [$.value]: !0,
103
103
  "pl-2.5": !0,
104
104
  [N.value.endTitle ?? ""]: !0
@@ -108,13 +108,13 @@ function x(x, S, C) {
108
108
  endBind: ne,
109
109
  rootBind: Y,
110
110
  startBind: te,
111
- footerBind: s(() => r(j.value?.footer, {}, v({
111
+ footerBind: o(() => r(j.value?.footer, {}, _({
112
112
  "flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
113
113
  [N.value.footer ?? ""]: !0
114
114
  }))),
115
115
  titlesBind: X,
116
116
  panelsBind: Q,
117
- showFooter: s(() => !!k.value.showFooter),
117
+ showFooter: o(() => !!k.value.showFooter),
118
118
  handleApply: q,
119
119
  titleGapBind: Z,
120
120
  displayValue: B,
@@ -125,13 +125,11 @@ function x(x, S, C) {
125
125
  handleEndChange: K,
126
126
  startDisplayValue: V,
127
127
  handleStartChange: G,
128
- applyLabel: s(() => D("Apply")),
129
- cancelLabel: s(() => D("Cancel")),
130
- applyButtonProps: s(() => j.value?.applyButton),
131
- cancelButtonProps: s(() => j.value?.cancelButton),
132
- endTitle: s(() => k.value.endTitle ?? D("End time")),
133
- startTitle: s(() => k.value.startTitle ?? D("Start time"))
128
+ applyButtonProps: o(() => j.value?.applyButton),
129
+ cancelButtonProps: o(() => j.value?.cancelButton),
130
+ endTitle: o(() => k.value.endTitle ?? D("End time")),
131
+ startTitle: o(() => k.value.startTitle ?? D("Start time"))
134
132
  };
135
133
  }
136
134
  //#endregion
137
- export { x as useTimeRangePicker };
135
+ export { b as useTimeRangePicker };
@@ -17,7 +17,7 @@ export declare function useToggleGroup(props: ToggleGroupOwnProps, libDefaults:
17
17
  role: string;
18
18
  "aria-disabled": true | undefined;
19
19
  class: string;
20
- }, "class", import('vue').HTMLAttributes | undefined, Omit<ToggleGroupProps, "color" | "orientation" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "disabled" | "multiple">>>;
20
+ }, "class", import('vue').HTMLAttributes | undefined, Omit<ToggleGroupProps, "color" | "orientation" | "size" | "classes" | "customProps" | "full" | "disabled" | "rounded" | "variant" | "multiple">>>;
21
21
  contextValue: import('vue').ComputedRef<ToggleGroupContextValue>;
22
22
  };
23
23
  export { getToggleItemId };
@@ -15,8 +15,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
15
15
  color: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipColor, import('./tooltip.types').TooltipColorOverrides>;
16
16
  offset: number;
17
17
  size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipSize, import('./tooltip.types').TooltipSizeOverrides>;
18
- rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipRounded, import('./tooltip.types').TooltipRoundedOverrides>;
19
18
  disabled: boolean;
19
+ rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipRounded, import('./tooltip.types').TooltipRoundedOverrides>;
20
20
  placement: import('@floating-ui/utils').Placement;
21
21
  teleportTo: false | string;
22
22
  anchorEl: null | HTMLElement;
@@ -19,7 +19,7 @@ export declare function useTooltip(props: TooltipOwnProps, libDefaults: TooltipL
19
19
  show: import('vue').ComputedRef<boolean>;
20
20
  merged: import('vue').ComputedRef<TooltipMerged>;
21
21
  mounted: Ref<boolean, boolean>;
22
- rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "rounded" | "disabled" | "placement" | "teleportTo" | "strategy" | "content" | "arrow" | "closeDelay" | "openDelay">, "anchorEl" | "onShowChange">>>;
22
+ rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "disabled" | "rounded" | "content" | "placement" | "teleportTo" | "strategy" | "arrow" | "closeDelay" | "openDelay">, "anchorEl" | "onShowChange">>>;
23
23
  tooltipId: string;
24
24
  arrowBind: import('vue').ComputedRef<({
25
25
  "aria-hidden": boolean;
@@ -151,6 +151,8 @@ function b(b, ae, x = {}) {
151
151
  }, { immediate: !0 }), u([
152
152
  I,
153
153
  w,
154
+ O,
155
+ D,
154
156
  () => b.anchorEl,
155
157
  () => z.value.arrow,
156
158
  () => z.value.offset,
@@ -162,7 +164,10 @@ function b(b, ae, x = {}) {
162
164
  return;
163
165
  }
164
166
  await a(), fe();
165
- }, { flush: "post" }), u(I, () => {
167
+ }, {
168
+ flush: "post",
169
+ immediate: !0
170
+ }), u(I, () => {
166
171
  pe();
167
172
  }, { immediate: !0 }), o(() => {
168
173
  J(), Z(), Q();
@@ -4,8 +4,14 @@ import { ResolvedFieldOverlay } from '@bridge-ui/core/Domain';
4
4
  import { FormFieldSize, IconSize } from '@bridge-ui/core/Tokens';
5
5
  import { useBridgeUI } from '../Provider/useBridgeUI';
6
6
  type RegistryEntryFor<K extends keyof BridgeUIComponentsConfig> = NonNullable<BridgeUIComponentsConfig[K]>;
7
+ type BridgeUIRegistryChromeEntry = {
8
+ classes?: object;
9
+ defaultProps?: object;
10
+ tokens?: object;
11
+ };
7
12
  export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig = keyof BridgeUIComponentsConfig> = {
8
13
  bridge: ReturnType<typeof useBridgeUI>;
14
+ chromeEntry: ComputedRef<undefined | BridgeUIRegistryChromeEntry>;
9
15
  components: ComputedRef<null | BridgeUIComponentsConfig>;
10
16
  entry: ComputedRef<undefined | RegistryEntryFor<K>>;
11
17
  merged: ComputedRef<P>;
@@ -52,9 +58,12 @@ export declare function usePickerFill({ fill, overlay, componentName, }: {
52
58
  overlay?: MaybeRefOrGetter<undefined | ResolvedFieldOverlay>;
53
59
  }): ComputedRef<boolean>;
54
60
  /**
55
- * Merges `entry.classes` (Bridge provider) with `props.classes` (instance).
61
+ * Merges chrome `classes`, public registry `classes`, and instance `props.classes`.
56
62
  */
57
- export declare function useBridgeUIMergedRegistryClasses<C extends object>({ entry, props, }: {
63
+ export declare function useBridgeUIMergedRegistryClasses<C extends object>({ entry, props, chromeEntry, }: {
64
+ chromeEntry?: ComputedRef<undefined | {
65
+ classes?: object;
66
+ }>;
58
67
  entry: ComputedRef<undefined | {
59
68
  classes?: object;
60
69
  }>;
@@ -6,9 +6,9 @@ import { useOptionalModel as c } from "./useOptionalModel.js";
6
6
  import { computed as l, defineComponent as u, toValue as d, unref as f } from "vue";
7
7
  import { get as p, isNil as m } from "es-toolkit/compat";
8
8
  import { resolveFieldShowFooter as h, resolvePickerFill as g } from "@bridge-ui/core/Domain";
9
- import { createMergeNestedComponentProps as _, createMergePartBind as v, mergeBridgeUILayeredClasses as y, mergePropsWithBridgeUIDefaults as b } from "@bridge-ui/core/Utils";
9
+ import { createMergeNestedComponentProps as _, createMergePartBind as v, getBridgeUIChromeComponentName as y, getBridgeUIRegistryDefaultProp as b, mergeBridgeUILayeredClasses as x, mergePropsWithBridgeUIDefaults as S } from "@bridge-ui/core/Utils";
10
10
  //#region src/Utils/index.ts
11
- function x(e) {
11
+ function C(e) {
12
12
  return u({
13
13
  name: "HeadlessTestComponent",
14
14
  setup() {
@@ -16,50 +16,54 @@ function x(e) {
16
16
  }
17
17
  });
18
18
  }
19
- var S = v("class"), C = _(S);
20
- function w({ props: t, libDefaults: n, componentName: r }) {
21
- let i = e(), a = l(() => m(i) ? null : f(i.components));
19
+ var w = v("class"), T = _(w);
20
+ function E({ props: t, libDefaults: n, componentName: r }) {
21
+ let i = e(), a = l(() => m(i) ? null : f(i.components)), o = l(() => {
22
+ if (r) return p(a.value, r);
23
+ }), s = l(() => {
24
+ let e = y(r);
25
+ if (e) return p(a.value, e);
26
+ });
22
27
  return {
23
- entry: l(() => {
24
- if (r) return p(a.value, r);
25
- }),
28
+ entry: o,
26
29
  bridge: i,
27
- merged: l(() => b({
30
+ merged: l(() => S({
28
31
  libDefaults: n,
29
32
  componentName: r,
30
33
  props: d(t),
31
34
  components: a.value,
32
35
  formDefaults: i?.global.value.formDefaults
33
36
  })),
34
- components: a
37
+ components: a,
38
+ chromeEntry: s
35
39
  };
36
40
  }
37
- function T({ overlay: t, showFooter: n, componentName: r }) {
41
+ function D({ overlay: t, showFooter: n, componentName: r }) {
38
42
  let i = e();
39
43
  return l(() => {
40
- let e = r ? p(f(i?.components), [
41
- r,
42
- "defaultProps",
43
- "showFooter"
44
- ]) : void 0;
44
+ let e = b({
45
+ componentName: r,
46
+ prop: "showFooter",
47
+ components: f(i?.components)
48
+ });
45
49
  return h(d(n) ?? e, d(t));
46
50
  });
47
51
  }
48
- function E({ fill: t, overlay: n, componentName: r }) {
52
+ function O({ fill: t, overlay: n, componentName: r }) {
49
53
  let i = e();
50
54
  return l(() => {
51
- let e = r ? p(f(i?.components), [
52
- r,
53
- "defaultProps",
54
- "fill"
55
- ]) : void 0;
55
+ let e = b({
56
+ prop: "fill",
57
+ componentName: r,
58
+ components: f(i?.components)
59
+ });
56
60
  return g(d(t) ?? e, d(n));
57
61
  });
58
62
  }
59
- function D({ entry: e, props: t }) {
60
- return l(() => y(p(e.value, "classes"), d(t).classes));
63
+ function k({ entry: e, props: t, chromeEntry: n }) {
64
+ return l(() => x(p(n?.value, "classes"), p(e.value, "classes"), d(t).classes));
61
65
  }
62
- function O(e) {
66
+ function A(e) {
63
67
  return p({
64
68
  xs: "xs",
65
69
  sm: "sm",
@@ -70,7 +74,7 @@ function O(e) {
70
74
  "2xl": "lg"
71
75
  }, e ?? "md");
72
76
  }
73
- function k(e) {
77
+ function j(e) {
74
78
  if (e instanceof HTMLElement) return e;
75
79
  if (e && "$el" in e) {
76
80
  let t = e.$el;
@@ -79,4 +83,4 @@ function k(e) {
79
83
  return null;
80
84
  }
81
85
  //#endregion
82
- export { t as RenderFn, x as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, C as mergeNestedComponentProps, S as mergePartBind, a as presentSlotNames, O as resolveFieldAdornmentIconSize, k as resolveVnodeRefElement, o as useBreakpoint, w as useBridgeUIComponent, D as useBridgeUIMergedRegistryClasses, T as useFieldShowFooter, s as useHoldRepeat, c as useOptionalModel, E as usePickerFill };
86
+ export { t as RenderFn, C as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, T as mergeNestedComponentProps, w as mergePartBind, a as presentSlotNames, A as resolveFieldAdornmentIconSize, j as resolveVnodeRefElement, o as useBreakpoint, E as useBridgeUIComponent, k as useBridgeUIMergedRegistryClasses, D as useFieldShowFooter, s as useHoldRepeat, c as useOptionalModel, O as usePickerFill };
@@ -1,3 +1,4 @@
1
+ import { ActionFooterClasses, ActionFooterProps } from './Components/ActionFooter';
1
2
  import { AlertClasses, AlertProps } from './Components/Alert';
2
3
  import { AutocompleteClasses, AutocompleteProps } from './Components/Autocomplete';
3
4
  import { AvatarClasses, AvatarProps } from './Components/Avatar';
@@ -32,13 +33,17 @@ import { SwitchClasses, SwitchProps } from './Components/Switch';
32
33
  import { TextareaClasses, TextareaProps } from './Components/Textarea';
33
34
  import { TextFieldClasses, TextFieldProps } from './Components/TextField';
34
35
  declare module "@bridge-ui/core/Config" {
36
+ interface ActionFooterConfigOverrides {
37
+ classes: ActionFooterClasses;
38
+ defaultProps: Partial<Pick<ActionFooterProps, "applyColor" | "cancelColor" | "applyVariant" | "cancelVariant">>;
39
+ }
35
40
  interface AlertConfigOverrides {
36
41
  classes: AlertClasses;
37
42
  defaultProps: Partial<Pick<AlertProps, "color" | "shadow" | "padding" | "rounded" | "variant">>;
38
43
  }
39
44
  interface AutocompleteConfigOverrides {
40
45
  classes: AutocompleteClasses;
41
- defaultProps: Partial<Pick<AutocompleteProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage">>;
46
+ defaultProps: Partial<Pick<AutocompleteProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
42
47
  }
43
48
  interface AvatarConfigOverrides {
44
49
  classes: AvatarClasses;
@@ -107,15 +112,15 @@ declare module "@bridge-ui/core/Config" {
107
112
  }
108
113
  interface NumberFieldConfigOverrides {
109
114
  classes: NumberFieldClasses;
110
- defaultProps: Partial<Pick<NumberFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "controlVariant" | "hideErrorMessage">>;
115
+ defaultProps: Partial<Pick<NumberFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "controlVariant" | "hideErrorMessage" | "showDescriptionOnError">>;
111
116
  }
112
117
  interface OtpFieldConfigOverrides {
113
118
  classes: OtpFieldClasses;
114
- defaultProps: Partial<Pick<OtpFieldProps, "size" | "type" | "color" | "length" | "rounded" | "variant" | "hideErrorMessage">>;
119
+ defaultProps: Partial<Pick<OtpFieldProps, "size" | "type" | "color" | "length" | "rounded" | "variant" | "hideErrorMessage" | "showDescriptionOnError">>;
115
120
  }
116
121
  interface PasswordFieldConfigOverrides {
117
122
  classes: PasswordFieldClasses;
118
- defaultProps: Partial<Pick<PasswordFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
123
+ defaultProps: Partial<Pick<PasswordFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
119
124
  }
120
125
  interface ProgressConfigOverrides {
121
126
  classes: ProgressClasses;
@@ -131,7 +136,7 @@ declare module "@bridge-ui/core/Config" {
131
136
  }
132
137
  interface SelectConfigOverrides {
133
138
  classes: SelectClasses;
134
- defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage">>;
139
+ defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
135
140
  }
136
141
  interface SidebarConfigOverrides {
137
142
  classes: SidebarClasses & SidebarInsetClasses & SidebarProviderClasses;
@@ -143,7 +148,7 @@ declare module "@bridge-ui/core/Config" {
143
148
  }
144
149
  interface SliderConfigOverrides {
145
150
  classes: SliderClasses;
146
- defaultProps: Partial<Pick<SliderProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip" | "hideErrorMessage">>;
151
+ defaultProps: Partial<Pick<SliderProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip" | "hideErrorMessage" | "showDescriptionOnError">>;
147
152
  }
148
153
  interface SpinnerConfigOverrides {
149
154
  classes: SpinnerClasses;
@@ -155,10 +160,10 @@ declare module "@bridge-ui/core/Config" {
155
160
  }
156
161
  interface TextareaConfigOverrides {
157
162
  classes: TextareaClasses;
158
- defaultProps: Partial<Pick<TextareaProps, "size" | "color" | "resize" | "rounded" | "variant" | "autosize" | "showErrorIcon" | "hideErrorMessage">>;
163
+ defaultProps: Partial<Pick<TextareaProps, "size" | "color" | "resize" | "rounded" | "variant" | "autosize" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
159
164
  }
160
165
  interface TextFieldConfigOverrides {
161
166
  classes: TextFieldClasses;
162
- defaultProps: Partial<Pick<TextFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
167
+ defaultProps: Partial<Pick<TextFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
163
168
  }
164
169
  }
package/dist/index.d.ts CHANGED
@@ -6,6 +6,8 @@ export { ACCORDION_INJECTION_KEY, Accordion, useAccordion, } from './Components/
6
6
  export type { AccordionClasses, AccordionColorOverrides, AccordionContextValue, AccordionCustomProps, AccordionEmits, AccordionOwnProps, AccordionProps, AccordionSizeOverrides, AccordionSlots, AccordionTokenClasses, AccordionVariantOverrides, } from './Components/Accordion';
7
7
  export { AccordionItem, useAccordionItem } from './Components/AccordionItem';
8
8
  export type { AccordionItemClasses, AccordionItemCustomProps, AccordionItemOwnProps, AccordionItemProps, AccordionItemSlots, } from './Components/AccordionItem';
9
+ export { ActionFooter, useActionFooter } from './Components/ActionFooter';
10
+ export type { ActionFooterClasses, ActionFooterCustomProps, ActionFooterEmits, ActionFooterOwnProps, ActionFooterProps, } from './Components/ActionFooter';
9
11
  export { Alert, useAlert } from './Components/Alert';
10
12
  export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
11
13
  export { Autocomplete, AutocompleteOption } from './Components/Autocomplete';