@bridge-ui/vue 0.0.6 → 0.0.7

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 (110) hide show
  1. package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js +8 -8
  2. package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js +5 -5
  3. package/dist/Actions/Snackbar/createBridgeSnackbarApi.js +17 -17
  4. package/dist/Adapters/I18n/index.d.ts +1 -1
  5. package/dist/Adapters/I18n/index.js +2 -2
  6. package/dist/Adapters/I18n/useI18nAdapter.d.ts +7 -3
  7. package/dist/Adapters/I18n/useI18nAdapter.js +12 -7
  8. package/dist/Adapters/Icon/useIconAdapter.d.ts +1 -1
  9. package/dist/Adapters/index.d.ts +1 -1
  10. package/dist/Adapters/index.js +3 -3
  11. package/dist/Components/Alert/composables/useAlert.js +17 -17
  12. package/dist/Components/Autocomplete/Autocomplete.js +5 -0
  13. package/dist/Components/Autocomplete/Autocomplete.vue.d.ts +40 -0
  14. package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +197 -0
  15. package/dist/Components/Autocomplete/AutocompleteOption.js +5 -0
  16. package/dist/Components/Autocomplete/AutocompleteOption.vue.d.ts +4 -0
  17. package/dist/Components/Autocomplete/AutocompleteOption.vue_vue_type_script_setup_true_lang.js +32 -0
  18. package/dist/Components/Autocomplete/autocomplete.types.d.ts +285 -0
  19. package/dist/Components/Autocomplete/autocompleteInjectionKey.d.ts +7 -0
  20. package/dist/Components/Autocomplete/autocompleteInjectionKey.js +4 -0
  21. package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +762 -0
  22. package/dist/Components/Autocomplete/composables/useAutocomplete.js +382 -0
  23. package/dist/Components/Autocomplete/index.d.ts +4 -0
  24. package/dist/Components/Autocomplete/index.js +4 -0
  25. package/dist/Components/Avatar/composables/useAvatar.js +13 -13
  26. package/dist/Components/Badge/composables/useBadge.js +8 -8
  27. package/dist/Components/Button/composables/useButton.js +14 -14
  28. package/dist/Components/Card/composables/useCard.js +27 -27
  29. package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +2 -2
  30. package/dist/Components/Checkbox/composables/useCheckbox.d.ts +3 -3
  31. package/dist/Components/Checkbox/composables/useCheckbox.js +9 -9
  32. package/dist/Components/Chip/composables/useChip.js +6 -6
  33. package/dist/Components/Divider/composables/useDivider.js +5 -5
  34. package/dist/Components/Drawer/composables/useDrawer.js +23 -23
  35. package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js +1 -1
  36. package/dist/Components/FormControl/composables/useFormControl.d.ts +3 -3
  37. package/dist/Components/FormControl/composables/useFormControl.js +12 -12
  38. package/dist/Components/FormControl/formControl.types.d.ts +6 -6
  39. package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  40. package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  41. package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  42. package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  43. package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  44. package/dist/Components/FormField/composables/useFormField.d.ts +3 -3
  45. package/dist/Components/FormField/composables/useFormField.js +28 -28
  46. package/dist/Components/FormField/formField.types.d.ts +14 -14
  47. package/dist/Components/Icon/composables/useIcon.js +5 -5
  48. package/dist/Components/Label/composables/useLabel.js +5 -5
  49. package/dist/Components/Link/composables/useLink.js +9 -9
  50. package/dist/Components/List/composables/useList.js +6 -6
  51. package/dist/Components/ListItem/composables/useListItem.js +20 -20
  52. package/dist/Components/ListSection/composables/useListSection.js +8 -8
  53. package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +28 -28
  54. package/dist/Components/Listbox/composables/useListbox.js +7 -7
  55. package/dist/Components/Listbox/index.js +3 -3
  56. package/dist/Components/Menu/composables/useMenu.js +43 -43
  57. package/dist/Components/Modal/composables/useModal.js +18 -18
  58. package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +34 -34
  59. package/dist/Components/NumberField/composables/useNumberField.d.ts +4 -4
  60. package/dist/Components/NumberField/composables/useNumberField.js +9 -9
  61. package/dist/Components/OtpField/OtpField.js +5 -0
  62. package/dist/Components/OtpField/OtpField.vue.d.ts +31 -0
  63. package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js +80 -0
  64. package/dist/Components/OtpField/OtpFieldLabel.js +5 -0
  65. package/dist/Components/OtpField/OtpFieldLabel.vue.d.ts +7 -0
  66. package/dist/Components/OtpField/OtpFieldLabel.vue_vue_type_script_setup_true_lang.js +16 -0
  67. package/dist/Components/OtpField/composables/useOtpField.d.ts +460 -0
  68. package/dist/Components/OtpField/composables/useOtpField.js +212 -0
  69. package/dist/Components/OtpField/index.d.ts +4 -0
  70. package/dist/Components/OtpField/index.js +3 -0
  71. package/dist/Components/OtpField/otpField.types.d.ts +290 -0
  72. package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +23 -23
  73. package/dist/Components/PasswordField/composables/usePasswordField.d.ts +4 -4
  74. package/dist/Components/PasswordField/composables/usePasswordField.js +2 -2
  75. package/dist/Components/Progress/composables/useProgress.js +11 -11
  76. package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js +2 -2
  77. package/dist/Components/Radio/composables/useRadio.d.ts +3 -3
  78. package/dist/Components/Radio/composables/useRadio.js +9 -9
  79. package/dist/Components/Select/Select.vue.d.ts +1 -1
  80. package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +16 -13
  81. package/dist/Components/Select/composables/useSelect.d.ts +4 -4
  82. package/dist/Components/Select/composables/useSelect.js +161 -161
  83. package/dist/Components/Skeleton/composables/useSkeleton.js +5 -5
  84. package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +54 -54
  85. package/dist/Components/Snackbar/composables/useSnackbar.js +115 -115
  86. package/dist/Components/Spinner/composables/useSpinner.js +11 -11
  87. package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js +2 -2
  88. package/dist/Components/Switch/composables/useSwitch.d.ts +3 -3
  89. package/dist/Components/Switch/composables/useSwitch.js +9 -9
  90. package/dist/Components/Tab/composables/useTab.js +11 -11
  91. package/dist/Components/TabList/composables/useTabList.js +7 -7
  92. package/dist/Components/TabPanel/composables/useTabPanel.js +7 -7
  93. package/dist/Components/Tabs/composables/useTabs.js +22 -22
  94. package/dist/Components/TextField/TextField.vue.d.ts +1 -1
  95. package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +6 -6
  96. package/dist/Components/TextField/composables/useTextField.d.ts +4 -4
  97. package/dist/Components/TextField/composables/useTextField.js +1 -1
  98. package/dist/Components/Textarea/Textarea.vue.d.ts +1 -1
  99. package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +6 -6
  100. package/dist/Components/Textarea/composables/useTextarea.d.ts +4 -4
  101. package/dist/Components/Textarea/composables/useTextarea.js +9 -9
  102. package/dist/Components/Tooltip/composables/useTooltip.js +17 -17
  103. package/dist/Provider/bridgeUITypes.d.ts +4 -1
  104. package/dist/Provider/createBridgeUIApi.js +13 -1
  105. package/dist/Utils/index.js +7 -7
  106. package/dist/Utils/useBreakpoint.js +7 -7
  107. package/dist/augments.d.ts +2 -2
  108. package/dist/index.d.ts +6 -2
  109. package/dist/index.js +84 -80
  110. package/package.json +3 -2
@@ -25,10 +25,10 @@ var C = ["for"], w = ["checked"], T = {
25
25
  endLabel: {},
26
26
  error: { type: Boolean },
27
27
  errorMessage: {},
28
+ hideErrorMessage: { type: Boolean },
28
29
  readonly: { type: Boolean },
29
30
  required: { type: Boolean },
30
- startLabel: {},
31
- withoutErrorMessage: { type: Boolean }
31
+ startLabel: {}
32
32
  }, {
33
33
  modelValue: {
34
34
  type: Boolean,
@@ -235,13 +235,13 @@ export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, l
235
235
  slots: Readonly<{
236
236
  [name: string]: import('vue').Slot<any> | undefined;
237
237
  }>;
238
- merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "withoutErrorMessage"> & {
238
+ merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
239
239
  error: NonNullable<boolean | undefined>;
240
240
  size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
241
- withoutErrorMessage: NonNullable<boolean | undefined>;
241
+ hideErrorMessage: NonNullable<boolean | undefined>;
242
242
  }>;
243
243
  rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
244
- rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
244
+ rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "hideErrorMessage" | "readonly" | "startLabel">>>>;
245
245
  controlId: import('vue').ComputedRef<string>;
246
246
  isDisabled: import('vue').ComputedRef<boolean>;
247
247
  isReadonly: import('vue').ComputedRef<boolean>;
@@ -1,8 +1,8 @@
1
1
  import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
2
2
  import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
3
3
  import { computed as i, ref as a, toValue as o, useAttrs as s, watchEffect as c } from "vue";
4
- import { get as l, omit as u } from "es-toolkit/compat";
5
- import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
4
+ import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
5
+ import { get as f, omit as p } from "es-toolkit/compat";
6
6
  import { colorProps as m, invalidatedProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Tokens/Checkbox";
7
7
  //#region src/Components/Checkbox/composables/useCheckbox.ts
8
8
  var v = [
@@ -20,9 +20,9 @@ function y(y, b, x) {
20
20
  ...o(y)
21
21
  }), {
22
22
  error: !1,
23
- withoutErrorMessage: !1,
23
+ hideErrorMessage: !1,
24
24
  size: b.size ?? "sm"
25
- }), T = i(() => p({
25
+ }), T = i(() => d({
26
26
  bridgeKeys: v,
27
27
  props: {
28
28
  ...S,
@@ -35,7 +35,7 @@ function y(y, b, x) {
35
35
  }), O = i(() => E.value.customProps), k = n({
36
36
  entry: D,
37
37
  props: () => T.value.componentProps
38
- }), A = i(() => !!o(x)), j = i(() => l(f(m, D.value?.tokens?.color), E.value.color ?? "primary")), M = i(() => f(h, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => l(f(_, D.value?.tokens?.size), E.value.size ?? "sm")), F = i(() => l(f(g, D.value?.tokens?.rounded), E.value.rounded ?? "sm"));
38
+ }), A = i(() => !!o(x)), j = i(() => f(u(m, D.value?.tokens?.color), E.value.color ?? "primary")), M = i(() => u(h, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => f(u(_, D.value?.tokens?.size), E.value.size ?? "sm")), F = i(() => f(u(g, D.value?.tokens?.rounded), E.value.rounded ?? "sm"));
39
39
  c(() => {
40
40
  C.value && (C.value.indeterminate = !!E.value.indeterminate);
41
41
  });
@@ -43,10 +43,10 @@ function y(y, b, x) {
43
43
  ...O.value?.input,
44
44
  ...w.controlBind.value,
45
45
  type: "checkbox"
46
- }, u(T.value.inheritedAttrs, ["class"]), d({
46
+ }, p(T.value.inheritedAttrs, ["class"]), l({
47
47
  "sr-only": !0,
48
48
  [k.value.input ?? ""]: !0
49
- }))), L = i(() => e(O.value?.control, { "aria-hidden": !0 }, d({
49
+ }))), L = i(() => e(O.value?.control, { "aria-hidden": !0 }, l({
50
50
  "inline-flex shrink-0 items-center justify-center border shadow-sm transition ease-in-out duration-100": !0,
51
51
  "pointer-events-none": !0,
52
52
  [P.value ?? ""]: !0,
@@ -57,12 +57,12 @@ function y(y, b, x) {
57
57
  })));
58
58
  return {
59
59
  merged: E,
60
- iconBind: i(() => e(O.value?.icon, {}, d({
60
+ iconBind: i(() => e(O.value?.icon, {}, l({
61
61
  "text-white": !0,
62
62
  [k.value.icon ?? ""]: !0
63
63
  }))),
64
64
  inputRef: C,
65
- fieldBind: i(() => e({}, {}, d({
65
+ fieldBind: i(() => e({}, {}, l({
66
66
  "relative inline-flex shrink-0 cursor-pointer items-center": !0,
67
67
  "has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
68
68
  [N.value?.focus ?? ""]: !0
@@ -1,7 +1,7 @@
1
1
  import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
2
2
  import { computed as r, useAttrs as i } from "vue";
3
- import { get as a } from "es-toolkit/compat";
4
- import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
3
+ import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
4
+ import { get as c } from "es-toolkit/compat";
5
5
  import { sizeProps as l } from "@bridge-ui/core/Tokens/Chip";
6
6
  //#region src/Components/Chip/composables/useChip.ts
7
7
  var u = [
@@ -14,7 +14,7 @@ var u = [
14
14
  "dismissible"
15
15
  ];
16
16
  function d(d, f, p) {
17
- let m = i(), h = r(() => c({
17
+ let m = i(), h = r(() => s({
18
18
  bridgeKeys: u,
19
19
  props: {
20
20
  ...m,
@@ -27,12 +27,12 @@ function d(d, f, p) {
27
27
  }), v = n({
28
28
  entry: _,
29
29
  props: () => h.value.componentProps
30
- }), y = r(() => g.value.customProps), b = r(() => a(s(l, _.value?.tokens?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, o({
30
+ }), y = r(() => g.value.customProps), b = r(() => c(o(l, _.value?.tokens?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, a({
31
31
  "inline-flex max-w-full items-center bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-100": !0,
32
32
  "opacity-50 pointer-events-none": g.value.disabled === !0,
33
33
  [b.value?.root ?? ""]: !0,
34
34
  [v.value.root ?? ""]: !0
35
- }))), C = r(() => e(y.value?.label, {}, o({
35
+ }))), C = r(() => e(y.value?.label, {}, a({
36
36
  truncate: !0,
37
37
  [b.value?.label ?? ""]: !0,
38
38
  [v.value.label ?? ""]: !0
@@ -41,7 +41,7 @@ function d(d, f, p) {
41
41
  tabindex: g.value.disabled ? -1 : 0,
42
42
  "aria-label": g.value.clearLabel ?? "Remove",
43
43
  "aria-disabled": g.value.disabled ? !0 : void 0
44
- }, o({
44
+ }, a({
45
45
  "inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-gray-400 transition-colors duration-150 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200": !0,
46
46
  [v.value.clear ?? ""]: !0
47
47
  })));
@@ -1,7 +1,7 @@
1
1
  import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
2
2
  import { computed as r, useAttrs as i } from "vue";
3
- import { get as a } from "es-toolkit/compat";
4
- import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
3
+ import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
4
+ import { get as c } from "es-toolkit/compat";
5
5
  import { colorProps as l, orientationProps as u } from "@bridge-ui/core/Tokens/Divider";
6
6
  //#region src/Components/Divider/composables/useDivider.ts
7
7
  var d = [
@@ -10,7 +10,7 @@ var d = [
10
10
  "orientation"
11
11
  ];
12
12
  function f(f, p) {
13
- let m = i(), h = r(() => c({
13
+ let m = i(), h = r(() => s({
14
14
  props: {
15
15
  ...m,
16
16
  ...f
@@ -23,13 +23,13 @@ function f(f, p) {
23
23
  }), v = n({
24
24
  entry: _,
25
25
  props: () => h.value.componentProps
26
- }), y = r(() => a(s(l, _.value?.tokens?.color), g.value.color)), b = r(() => a(s(u, _.value?.tokens?.orientation), g.value.orientation));
26
+ }), y = r(() => c(o(l, _.value?.tokens?.color), g.value.color)), b = r(() => c(o(u, _.value?.tokens?.orientation), g.value.orientation));
27
27
  return {
28
28
  merged: g,
29
29
  rootBind: r(() => e({}, h.value.inheritedAttrs, {
30
30
  role: "separator",
31
31
  "aria-orientation": g.value.orientation,
32
- class: o({
32
+ class: a({
33
33
  "m-0 shrink-0 border-0": !0,
34
34
  [y.value ?? ""]: !0,
35
35
  [b.value ?? ""]: !0,
@@ -1,7 +1,7 @@
1
1
  import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as ee, useBridgeUIMergedRegistryClasses as te } from "../../../Utils/index.js";
2
- import { computed as n, nextTick as r, onBeforeUnmount as ne, ref as i, toValue as a, useAttrs as o, watch as s } from "vue";
3
- import { get as c } from "es-toolkit/compat";
4
- import { DRAWER_LEAVE_FALLBACK_MS as re, LAYER_STACK_BASE_Z_INDEX as l, acquireLayerStackOrder as ie, cn as u, countDrawerTransitionLayers as d, createFocusTrap as ae, getDrawerOverlayTransitionClass as oe, getDrawerPanelTransitionClass as se, getLayerStackEntry as ce, hasDrawerTransition as le, mergeBridgeUILayeredClasses as f, pushLayerStack as p, resolveEffectiveDrawerTransition as m, splitComponentProps as h, subscribeLayerStack as g } from "@bridge-ui/core";
2
+ import { computed as n, nextTick as r, onBeforeUnmount as ne, ref as i, toValue as re, useAttrs as ie, watch as a } from "vue";
3
+ import { DRAWER_LEAVE_FALLBACK_MS as o, LAYER_STACK_BASE_Z_INDEX as s, acquireLayerStackOrder as ae, cn as c, countDrawerTransitionLayers as l, createFocusTrap as u, getDrawerOverlayTransitionClass as oe, getDrawerPanelTransitionClass as se, getLayerStackEntry as ce, hasDrawerTransition as le, mergeBridgeUILayeredClasses as d, pushLayerStack as f, resolveEffectiveDrawerTransition as p, splitComponentProps as m, subscribeLayerStack as h } from "@bridge-ui/core";
4
+ import { get as g } from "es-toolkit/compat";
5
5
  import { isModalBackdropClick as ue } from "@bridge-ui/core/Utils";
6
6
  import { blurProps as de, placementPanelProps as fe, placementProps as pe, sizeProps as me } from "@bridge-ui/core/Tokens/Drawer";
7
7
  //#region src/Components/Drawer/composables/useDrawer.ts
@@ -28,11 +28,11 @@ var he = [
28
28
  "disableRestoreFocus"
29
29
  ];
30
30
  function _(_, ge, v = {}) {
31
- let _e = o(), y = i(!1), b = i(!1), x = i(""), S = 0, C = null, w = null, T = i(null), E = null, D = i(l), O = null, k = i("closed"), A = null, j = n(() => a(v.show ?? !1));
31
+ let _e = ie(), y = i(!1), b = i(!1), x = i(""), S = 0, C = null, w = null, T = i(null), E = null, D = i(s), O = null, k = i("closed"), A = null, j = n(() => re(v.show ?? !1));
32
32
  function M(e) {
33
33
  e || v.onClose?.(), v.show && (v.show.value = e), v.onShowChange?.(e);
34
34
  }
35
- let N = n(() => h({
35
+ let N = n(() => m({
36
36
  bridgeKeys: he,
37
37
  props: {
38
38
  ..._e,
@@ -45,30 +45,30 @@ function _(_, ge, v = {}) {
45
45
  }), I = n(() => P.value.customProps), L = te({
46
46
  entry: F,
47
47
  props: () => N.value.componentProps
48
- }), R = n(() => m(P.value.transition ?? "none")), z = n(() => le(R.value)), B = n(() => P.value.scroll ?? "paper"), V = n(() => P.value.keepMounted && !y.value), H = n(() => P.value.placement ?? "left"), U = n(() => H.value === "left" || H.value === "right" ? "horizontal" : "vertical"), ve = n(() => c(f(pe, F.value?.tokens?.placement), H.value)), ye = n(() => c(fe, H.value)), be = n(() => c(f(de, F.value?.tokens?.blur), P.value.blur)), xe = n(() => c(f(me, F.value?.tokens?.size), [P.value.size, U.value])), Se = n(() => oe(R.value)), Ce = n(() => se(R.value, H.value)), W = n(() => !P.value.persistent), we = n(() => N.value.inheritedAttrs), Te = n(() => e(I.value?.root, we.value, {
48
+ }), R = n(() => p(P.value.transition ?? "none")), z = n(() => le(R.value)), B = n(() => P.value.scroll ?? "paper"), V = n(() => P.value.keepMounted && !y.value), H = n(() => P.value.placement ?? "left"), U = n(() => H.value === "left" || H.value === "right" ? "horizontal" : "vertical"), ve = n(() => g(d(pe, F.value?.tokens?.placement), H.value)), ye = n(() => g(fe, H.value)), be = n(() => g(d(de, F.value?.tokens?.blur), P.value.blur)), xe = n(() => g(d(me, F.value?.tokens?.size), [P.value.size, U.value])), Se = n(() => oe(R.value)), Ce = n(() => se(R.value, H.value)), W = n(() => !P.value.persistent), we = n(() => N.value.inheritedAttrs), Te = n(() => e(I.value?.root, we.value, {
49
49
  onTransitionend: je,
50
50
  style: { zIndex: D.value },
51
51
  "aria-hidden": V.value ? !0 : void 0,
52
- class: u({
52
+ class: c({
53
53
  "fixed inset-0": !0,
54
54
  "overflow-y-auto": B.value === "body",
55
55
  "overflow-hidden": B.value === "paper",
56
56
  "invisible pointer-events-none": V.value,
57
- [c(L.value, "root") ?? ""]: !0
57
+ [g(L.value, "root") ?? ""]: !0
58
58
  })
59
59
  })), Ee = n(() => e(I.value?.overlay, { onClick: Z }, {
60
60
  "data-drawer-part": "overlay",
61
61
  "data-state": k.value,
62
- class: u({
62
+ class: c({
63
63
  "fixed inset-0 bg-black/50": !0,
64
64
  [be.value ?? ""]: !0,
65
65
  [Se.value]: z.value,
66
- [c(L.value, "overlay") ?? ""]: !0
66
+ [g(L.value, "overlay") ?? ""]: !0
67
67
  })
68
- })), De = n(() => e(I.value?.wrapper, { onClick: Q }, u({
68
+ })), De = n(() => e(I.value?.wrapper, { onClick: Q }, c({
69
69
  "flex min-h-full w-full transform": !0,
70
70
  [ve.value ?? ""]: !0,
71
- [c(L.value, "wrapper") ?? ""]: !0
71
+ [g(L.value, "wrapper") ?? ""]: !0
72
72
  }))), Oe = n(() => e(I.value?.panel, {
73
73
  role: "dialog",
74
74
  "aria-modal": !0,
@@ -77,13 +77,13 @@ function _(_, ge, v = {}) {
77
77
  }, {
78
78
  "data-drawer-part": "panel",
79
79
  "data-state": k.value,
80
- class: u({
80
+ class: c({
81
81
  "relative rounded-none": !0,
82
82
  [ye.value ?? ""]: !0,
83
83
  [xe.value ?? ""]: !0,
84
84
  "overflow-y-auto": B.value === "paper",
85
85
  [Ce.value]: z.value,
86
- [c(L.value, "panel") ?? ""]: !0
86
+ [g(L.value, "panel") ?? ""]: !0
87
87
  })
88
88
  }));
89
89
  function G() {
@@ -94,7 +94,7 @@ function _(_, ge, v = {}) {
94
94
  G();
95
95
  return;
96
96
  }
97
- G(), w = ae({
97
+ G(), w = u({
98
98
  container: T.value,
99
99
  disableAutoFocus: !P.value.autoFocus,
100
100
  disableEnforceFocus: P.value.disableEnforceFocus,
@@ -115,13 +115,13 @@ function _(_, ge, v = {}) {
115
115
  J();
116
116
  return;
117
117
  }
118
- if (k.value = "closed", S = d(R.value, { hideBackdrop: P.value.hideBackdrop }), S === 0) {
118
+ if (k.value = "closed", S = l(R.value, { hideBackdrop: P.value.hideBackdrop }), S === 0) {
119
119
  J();
120
120
  return;
121
121
  }
122
122
  q(), A = setTimeout(() => {
123
123
  A = null, S > 0 && J();
124
- }, re);
124
+ }, o);
125
125
  }
126
126
  function Ae() {
127
127
  if (!z.value) {
@@ -157,13 +157,13 @@ function _(_, ge, v = {}) {
157
157
  function Me() {
158
158
  !j.value || P.value.closeOnEscape === !1 || !W.value || X();
159
159
  }
160
- s(j, (e) => {
160
+ a(j, (e) => {
161
161
  if (e) {
162
162
  b.value = !0, y.value = !0, Ae();
163
163
  return;
164
164
  }
165
165
  b.value && Y();
166
- }, { immediate: !0 }), s([
166
+ }, { immediate: !0 }), a([
167
167
  y,
168
168
  k,
169
169
  () => P.value.autoFocus,
@@ -178,17 +178,17 @@ function _(_, ge, v = {}) {
178
178
  let e = ce(x.value);
179
179
  e && (D.value = e.zIndex);
180
180
  }
181
- return s(y, (e) => {
181
+ return a(y, (e) => {
182
182
  if (e) {
183
- C === null && (C = ie()), E = p({
183
+ C === null && (C = ae()), E = f({
184
184
  order: C,
185
185
  id: v.stackId,
186
186
  onEscape: Me,
187
187
  lockScroll: P.value.disableScrollLock !== !0
188
- }), x.value = E.id, D.value = E.zIndex, $(), O = g($);
188
+ }), x.value = E.id, D.value = E.zIndex, $(), O = h($);
189
189
  return;
190
190
  }
191
- O?.(), O = null, E?.release(), E = null, x.value = "", D.value = l, b.value || (C = null);
191
+ O?.(), O = null, E?.release(), E = null, x.value = "", D.value = s, b.value || (C = null);
192
192
  }, { immediate: !0 }), ne(() => {
193
193
  q(), O?.(), O = null, G(), E?.release(), E = null, C = null;
194
194
  }), {
@@ -29,7 +29,7 @@ var _ = [
29
29
  }, null, 8, ["api"])
30
30
  ], 16),
31
31
  !b.value.invalidated.value && g(e)(b.value.slots, "description", b.value.merged.value.description) ? (p(), o("p", f(d({ key: 0 }, b.value.descriptionBind.value)), [(p(), i(h(g(t)(b.value.slots, "description", b.value.merged.value.description))))], 16)) : a("", !0),
32
- b.value.merged.value.withoutErrorMessage ? a("", !0) : (p(), o("p", d({ key: 1 }, b.value.errorMessageBind.value, { "aria-hidden": b.value.showErrorMessageContent.value ? void 0 : !0 }), [b.value.showErrorMessageContent.value ? (p(), i(h(g(t)(b.value.slots, "errorMessage", b.value.merged.value.errorMessage)), { key: 0 })) : a("", !0)], 16, v))
32
+ b.value.merged.value.hideErrorMessage ? a("", !0) : (p(), o("p", d({ key: 1 }, b.value.errorMessageBind.value, { "aria-hidden": b.value.showErrorMessageContent.value ? void 0 : !0 }), [b.value.showErrorMessageContent.value ? (p(), i(h(g(t)(b.value.slots, "errorMessage", b.value.merged.value.errorMessage)), { key: 0 })) : a("", !0)], 16, v))
33
33
  ], 16, _));
34
34
  }
35
35
  });
@@ -2,8 +2,8 @@ import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
2
2
  import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
3
3
  import { FormControlOwnProps } from '../formControl.types';
4
4
  import { LabelProps } from '../../Label/label.types';
5
- export declare const formControlBridgeKeys: readonly ["size", "error", "classes", "disabled", "endLabel", "readonly", "required", "controlId", "startLabel", "customProps", "description", "errorMessage", "withoutErrorMessage"];
6
- type FormControlLibDefaults = LibDefaultsShape<FormControlOwnProps, "size" | "error" | "withoutErrorMessage">;
5
+ export declare const formControlBridgeKeys: readonly ["size", "error", "classes", "disabled", "endLabel", "readonly", "required", "controlId", "startLabel", "customProps", "description", "errorMessage", "hideErrorMessage"];
6
+ type FormControlLibDefaults = LibDefaultsShape<FormControlOwnProps, "size" | "error" | "hideErrorMessage">;
7
7
  type FormControlMerged = MergeLibDefaults<FormControlOwnProps, FormControlLibDefaults>;
8
8
  export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlOwnProps, "field">>, libDefaults: FormControlLibDefaults): {
9
9
  slots: Readonly<{
@@ -11,7 +11,7 @@ export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlO
11
11
  }>;
12
12
  merged: import('vue').ComputedRef<FormControlMerged>;
13
13
  rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
14
- rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, Partial<Omit<Omit<FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
14
+ rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, Partial<Omit<Omit<FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "hideErrorMessage" | "readonly" | "startLabel">>>>;
15
15
  controlId: import('vue').ComputedRef<string>;
16
16
  isDisabled: import('vue').ComputedRef<boolean>;
17
17
  isReadonly: import('vue').ComputedRef<boolean>;
@@ -1,10 +1,10 @@
1
1
  import { hasSlotOrProp as e } from "../../../Utils/slotOrProp.js";
2
2
  import { mergeNestedComponentProps as t, mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
3
3
  import { computed as a, toValue as o, useAttrs as s, useId as c, useSlots as l } from "vue";
4
- import { get as u, omit as d } from "es-toolkit/compat";
5
- import { cn as f, mergeBridgeUILayeredClasses as p, splitComponentProps as m } from "@bridge-ui/core";
6
- import { invalidatedProps as h } from "@bridge-ui/core/Tokens/FormControl";
7
- import { sizeProps as g } from "@bridge-ui/core/Tokens/Label";
4
+ import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
5
+ import { get as p, omit as m } from "es-toolkit/compat";
6
+ import { sizeProps as h } from "@bridge-ui/core/Tokens/Label";
7
+ import { invalidatedProps as g } from "@bridge-ui/core/Tokens/FormControl";
8
8
  //#region src/Components/FormControl/composables/useFormControl.ts
9
9
  var _ = [
10
10
  "size",
@@ -19,10 +19,10 @@ var _ = [
19
19
  "customProps",
20
20
  "description",
21
21
  "errorMessage",
22
- "withoutErrorMessage"
22
+ "hideErrorMessage"
23
23
  ];
24
24
  function v(v, y) {
25
- let b = c(), x = l(), S = s(), C = a(() => m({
25
+ let b = c(), x = l(), S = s(), C = a(() => f({
26
26
  bridgeKeys: _,
27
27
  props: {
28
28
  ...S,
@@ -38,16 +38,16 @@ function v(v, y) {
38
38
  }), O = a(() => w.value.error === !0), k = a(() => !!w.value.disabled), A = a(() => !!w.value.readonly), j = a(() => {
39
39
  let e = C.value.inheritedAttrs.id;
40
40
  return w.value.controlId ?? e ?? b;
41
- }), M = a(() => !w.value.withoutErrorMessage), N = a(() => O.value && e(x, "errorMessage", w.value.errorMessage)), P = a(() => {
41
+ }), M = a(() => !w.value.hideErrorMessage), N = a(() => O.value && e(x, "errorMessage", w.value.errorMessage)), P = a(() => {
42
42
  let t = [];
43
43
  return !O.value && e(x, "description", w.value.description) && t.push(`${j.value}-description`), O.value && M.value && e(x, "errorMessage", w.value.errorMessage) && t.push(`${j.value}-error`), t.length > 0 ? t.join(" ") : void 0;
44
- }), F = a(() => u(g, w.value.size ?? "md")), I = a(() => p(h, T.value?.tokens?.invalidated, w.value.customProps?.invalidated)), L = a(() => n(E.value?.root, d(C.value.inheritedAttrs, ["class"]), f({
44
+ }), F = a(() => p(h, w.value.size ?? "md")), I = a(() => d(g, T.value?.tokens?.invalidated, w.value.customProps?.invalidated)), L = a(() => n(E.value?.root, m(C.value.inheritedAttrs, ["class"]), u({
45
45
  "group/form-control relative w-full": !0,
46
46
  "aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60 aria-disabled:cursor-not-allowed": !0,
47
47
  "aria-readonly:pointer-events-none aria-readonly:select-none": !0,
48
48
  [D.value.root ?? ""]: !0,
49
49
  [S.class]: !!S.class
50
- }))), R = a(() => n(E.value?.row, {}, f({
50
+ }))), R = a(() => n(E.value?.row, {}, u({
51
51
  "flex flex-row items-center gap-x-2": !0,
52
52
  [D.value.row ?? ""]: !0
53
53
  }))), z = a(() => {
@@ -56,7 +56,7 @@ function v(v, y) {
56
56
  size: w.value.size,
57
57
  error: O.value,
58
58
  required: w.value.required,
59
- classes: { root: f({
59
+ classes: { root: u({
60
60
  "cursor-pointer": !0,
61
61
  [D.value[e] ?? ""]: !0
62
62
  }) }
@@ -65,11 +65,11 @@ function v(v, y) {
65
65
  endLabel: e("endLabel"),
66
66
  startLabel: e("startLabel")
67
67
  };
68
- }), B = a(() => n(E.value?.description, { id: `${j.value}-description` }, f({
68
+ }), B = a(() => n(E.value?.description, { id: `${j.value}-description` }, u({
69
69
  "mt-2 text-gray-500 dark:text-gray-400": !0,
70
70
  [F.value ?? ""]: !0,
71
71
  [D.value.description ?? ""]: !0
72
- }))), V = a(() => n(E.value?.errorMessage, { id: `${j.value}-error` }, f({
72
+ }))), V = a(() => n(E.value?.errorMessage, { id: `${j.value}-error` }, u({
73
73
  "mt-2": !0,
74
74
  "min-h-[1lh]": M.value,
75
75
  [I.value.errorMessage ?? ""]: !0,
@@ -122,6 +122,12 @@ export interface FormControlOwnProps {
122
122
  * @default undefined
123
123
  */
124
124
  field?: UseFormControlReturn;
125
+ /**
126
+ * When `true`, does not reserve space below the row for error messages.
127
+ *
128
+ * @default false
129
+ */
130
+ hideErrorMessage?: boolean;
125
131
  /**
126
132
  * Whether the control is read-only.
127
133
  *
@@ -155,12 +161,6 @@ export interface FormControlOwnProps {
155
161
  * @default undefined
156
162
  */
157
163
  startLabel?: string;
158
- /**
159
- * When `true`, does not reserve space below the row for error messages.
160
- *
161
- * @default false
162
- */
163
- withoutErrorMessage?: boolean;
164
164
  }
165
165
  export interface FormControlSlots {
166
166
  /**
@@ -20,13 +20,13 @@ var x = [
20
20
  u("div", h(p(f.api.containerBind.value)), [
21
21
  b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 2 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
22
22
  _(w.$slots, "default"),
23
- b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
23
+ b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
24
24
  icon: f.api.errorIcon.value,
25
25
  size: f.api.merged.value.size
26
26
  }, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 6 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
27
27
  ], 16),
28
28
  !f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
29
- f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
29
+ f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
30
30
  id: `${f.api.controlId.value}-error`,
31
31
  "aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
32
32
  }), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
@@ -19,13 +19,13 @@ var x = [
19
19
  u("div", h(p(f.api.containerBind.value)), [f.api.hasInsetLabelRow.value ? (g(), l("div", h(m({ key: 0 }, f.api.insetLabelRowBind.value)), [d(o, { api: f.api }, null, 8, ["api"]), b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("span", h(m({ key: 0 }, f.api.cornerBind.value)), [(g(), s(v(b(i)(f.api.slots, "corner", f.api.merged.value.corner))))], 16)) : c("", !0)], 16)) : c("", !0), u("div", S, [
20
20
  b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 2 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
21
21
  _(T.$slots, "default"),
22
- b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
22
+ b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
23
23
  icon: f.api.errorIcon.value,
24
24
  size: f.api.merged.value.size
25
25
  }, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 6 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
26
26
  ])], 16),
27
27
  !f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 0 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, C)) : c("", !0),
28
- f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
28
+ f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
29
29
  id: `${f.api.controlId.value}-error`,
30
30
  "aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
31
31
  }), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, w))
@@ -20,13 +20,13 @@ var x = [
20
20
  u("div", h(p(f.api.containerBind.value)), [
21
21
  b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 2 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
22
22
  _(w.$slots, "default"),
23
- b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
23
+ b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
24
24
  icon: f.api.errorIcon.value,
25
25
  size: f.api.merged.value.size
26
26
  }, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 6 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
27
27
  ], 16),
28
28
  !f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
29
- f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
29
+ f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
30
30
  id: `${f.api.controlId.value}-error`,
31
31
  "aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
32
32
  }), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
@@ -21,7 +21,7 @@ var x = [
21
21
  u("div", h(p(f.api.stackedBodyBind.value)), [f.api.hasInsetLabelRow.value ? (g(), l("div", h(m({ key: 0 }, f.api.insetLabelRowBind.value)), [d(o, { api: f.api }, null, 8, ["api"]), b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("span", h(m({ key: 0 }, f.api.cornerBind.value)), [(g(), s(v(b(i)(f.api.slots, "corner", f.api.merged.value.corner))))], 16)) : c("", !0)], 16)) : c("", !0), u("div", h(p(f.api.stackedInputRowBind.value)), [
22
22
  b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 0 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
23
23
  _(w.$slots, "default"),
24
- b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 2 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 3 }, f.api.endBind.value)), [d(b(a), m({
24
+ b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 2 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 3 }, f.api.endBind.value)), [d(b(a), m({
25
25
  icon: f.api.errorIcon.value,
26
26
  size: f.api.merged.value.size
27
27
  }, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
@@ -29,7 +29,7 @@ var x = [
29
29
  b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 1 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : c("", !0)
30
30
  ], 16),
31
31
  !f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 0 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
32
- f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
32
+ f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
33
33
  id: `${f.api.controlId.value}-error`,
34
34
  "aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
35
35
  }), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
@@ -20,13 +20,13 @@ var x = [
20
20
  u("div", h(p(f.api.containerBind.value)), [
21
21
  b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 2 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
22
22
  _(w.$slots, "default"),
23
- b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.withErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
23
+ b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
24
24
  icon: f.api.errorIcon.value,
25
25
  size: f.api.merged.value.size
26
26
  }, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 6 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
27
27
  ], 16),
28
28
  !f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
29
- f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
29
+ f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
30
30
  id: `${f.api.controlId.value}-error`,
31
31
  "aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
32
32
  }), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
@@ -20,8 +20,8 @@ export type FormFieldOptions = {
20
20
  */
21
21
  reservedSlots?: () => undefined | readonly FormFieldReservedSlotName[];
22
22
  };
23
- export declare const formFieldBridgeKeys: readonly ["end", "size", "color", "error", "label", "start", "corner", "classes", "endIcon", "rounded", "variant", "disabled", "readonly", "required", "errorIcon", "startIcon", "customProps", "description", "errorMessage", "withErrorIcon", "withoutErrorMessage"];
24
- type FormFieldLibDefaults = LibDefaultsShape<FormFieldOwnProps, "size" | "color" | "rounded" | "variant" | "errorIcon" | "withErrorIcon">;
23
+ export declare const formFieldBridgeKeys: readonly ["end", "size", "color", "error", "label", "start", "corner", "classes", "endIcon", "rounded", "variant", "disabled", "readonly", "required", "errorIcon", "startIcon", "customProps", "description", "errorMessage", "showErrorIcon", "hideErrorMessage"];
24
+ type FormFieldLibDefaults = LibDefaultsShape<FormFieldOwnProps, "size" | "color" | "rounded" | "variant" | "errorIcon" | "showErrorIcon">;
25
25
  type FormFieldMerged = MergeLibDefaults<FormFieldOwnProps, FormFieldLibDefaults>;
26
26
  export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnProps, "field">>, libDefaults: FormFieldLibDefaults, options?: FormFieldOptions): {
27
27
  slots: Readonly<{
@@ -443,7 +443,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
443
443
  onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
444
444
  onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
445
445
  onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
446
- }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
446
+ }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>;
447
447
  isNotched: import('vue').ComputedRef<boolean>;
448
448
  isStacked: import('vue').ComputedRef<boolean>;
449
449
  startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;