@bridge-ui/vue 0.0.5 → 0.0.7

package/dist/Components/Drawer/composables/useDrawer.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as ee, useBridgeUIMergedRegistryClasses as te } from "../../../Utils/index.js";
-import { computed as n, nextTick as r, onBeforeUnmount as ne, ref as i, toValue as a, useAttrs as o, watch as s } from "vue";
-import { get as c } from "es-toolkit/compat";
-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";
+import { computed as n, nextTick as r, onBeforeUnmount as ne, ref as i, toValue as re, useAttrs as ie, watch as a } from "vue";
+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";
+import { get as g } from "es-toolkit/compat";
 import { isModalBackdropClick as ue } from "@bridge-ui/core/Utils";
 import { blurProps as de, placementPanelProps as fe, placementProps as pe, sizeProps as me } from "@bridge-ui/core/Tokens/Drawer";
 //#region src/Components/Drawer/composables/useDrawer.ts
@@ -28,11 +28,11 @@ var he = [
 	"disableRestoreFocus"
 ];
 function _(_, ge, v = {}) {
-	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));
+	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));
 	function M(e) {
 		e || v.onClose?.(), v.show && (v.show.value = e), v.onShowChange?.(e);
 	}
-	let N = n(() => h({
+	let N = n(() => m({
 		bridgeKeys: he,
 		props: {
 			..._e,
@@ -45,30 +45,30 @@ function _(_, ge, v = {}) {
 	}), I = n(() => P.value.customProps), L = te({
 		entry: F,
 		props: () => N.value.componentProps
-	}), 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, {
+	}), 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, {
 		onTransitionend: je,
 		style: { zIndex: D.value },
 		"aria-hidden": V.value ? !0 : void 0,
-		class: u({
+		class: c({
 			"fixed inset-0": !0,
 			"overflow-y-auto": B.value === "body",
 			"overflow-hidden": B.value === "paper",
 			"invisible pointer-events-none": V.value,
-			[c(L.value, "root") ?? ""]: !0
+			[g(L.value, "root") ?? ""]: !0
 		})
 	})), Ee = n(() => e(I.value?.overlay, { onClick: Z }, {
 		"data-drawer-part": "overlay",
 		"data-state": k.value,
-		class: u({
+		class: c({
 			"fixed inset-0 bg-black/50": !0,
 			[be.value ?? ""]: !0,
 			[Se.value]: z.value,
-			[c(L.value, "overlay") ?? ""]: !0
+			[g(L.value, "overlay") ?? ""]: !0
 		})
-	})), De = n(() => e(I.value?.wrapper, { onClick: Q }, u({
+	})), De = n(() => e(I.value?.wrapper, { onClick: Q }, c({
 		"flex min-h-full w-full transform": !0,
 		[ve.value ?? ""]: !0,
-		[c(L.value, "wrapper") ?? ""]: !0
+		[g(L.value, "wrapper") ?? ""]: !0
 	}))), Oe = n(() => e(I.value?.panel, {
 		role: "dialog",
 		"aria-modal": !0,
@@ -77,13 +77,13 @@ function _(_, ge, v = {}) {
 	}, {
 		"data-drawer-part": "panel",
 		"data-state": k.value,
-		class: u({
+		class: c({
 			"relative rounded-none": !0,
 			[ye.value ?? ""]: !0,
 			[xe.value ?? ""]: !0,
 			"overflow-y-auto": B.value === "paper",
 			[Ce.value]: z.value,
-			[c(L.value, "panel") ?? ""]: !0
+			[g(L.value, "panel") ?? ""]: !0
 		})
 	}));
 	function G() {
@@ -94,7 +94,7 @@ function _(_, ge, v = {}) {
 			G();
 			return;
 		}
-		G(), w = ae({
+		G(), w = u({
 			container: T.value,
 			disableAutoFocus: !P.value.autoFocus,
 			disableEnforceFocus: P.value.disableEnforceFocus,
@@ -115,13 +115,13 @@ function _(_, ge, v = {}) {
 			J();
 			return;
 		}
-		if (k.value = "closed", S = d(R.value, { hideBackdrop: P.value.hideBackdrop }), S === 0) {
+		if (k.value = "closed", S = l(R.value, { hideBackdrop: P.value.hideBackdrop }), S === 0) {
 			J();
 			return;
 		}
 		q(), A = setTimeout(() => {
 			A = null, S > 0 && J();
-		}, re);
+		}, o);
 	}
 	function Ae() {
 		if (!z.value) {
@@ -157,13 +157,13 @@ function _(_, ge, v = {}) {
 	function Me() {
 		!j.value || P.value.closeOnEscape === !1 || !W.value || X();
 	}
-	s(j, (e) => {
+	a(j, (e) => {
 		if (e) {
 			b.value = !0, y.value = !0, Ae();
 			return;
 		}
 		b.value && Y();
-	}, { immediate: !0 }), s([
+	}, { immediate: !0 }), a([
 		y,
 		k,
 		() => P.value.autoFocus,
@@ -178,17 +178,17 @@ function _(_, ge, v = {}) {
 		let e = ce(x.value);
 		e && (D.value = e.zIndex);
 	}
-	return s(y, (e) => {
+	return a(y, (e) => {
 		if (e) {
-			C === null && (C = ie()), E = p({
+			C === null && (C = ae()), E = f({
 				order: C,
 				id: v.stackId,
 				onEscape: Me,
 				lockScroll: P.value.disableScrollLock !== !0
-			}), x.value = E.id, D.value = E.zIndex, $(), O = g($);
+			}), x.value = E.id, D.value = E.zIndex, $(), O = h($);
 			return;
 		}
-		O?.(), O = null, E?.release(), E = null, x.value = "", D.value = l, b.value || (C = null);
+		O?.(), O = null, E?.release(), E = null, x.value = "", D.value = s, b.value || (C = null);
 	}, { immediate: !0 }), ne(() => {
 		q(), O?.(), O = null, G(), E?.release(), E = null, C = null;
 	}), {

package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ var _ = [
 				}, null, 8, ["api"])
 			], 16),
 			!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),
-			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))
+			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))
 		], 16, _));
 	}
 });

package/dist/Components/FormControl/composables/useFormControl.d.ts

@@ -2,8 +2,8 @@ import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
 import { FormControlOwnProps } from '../formControl.types';
 import { LabelProps } from '../../Label/label.types';
-export declare const formControlBridgeKeys: readonly ["size", "error", "classes", "disabled", "endLabel", "readonly", "required", "controlId", "startLabel", "customProps", "description", "errorMessage", "withoutErrorMessage"];
-type FormControlLibDefaults = LibDefaultsShape<FormControlOwnProps, "size" | "error" | "withoutErrorMessage">;
+export declare const formControlBridgeKeys: readonly ["size", "error", "classes", "disabled", "endLabel", "readonly", "required", "controlId", "startLabel", "customProps", "description", "errorMessage", "hideErrorMessage"];
+type FormControlLibDefaults = LibDefaultsShape<FormControlOwnProps, "size" | "error" | "hideErrorMessage">;
 type FormControlMerged = MergeLibDefaults<FormControlOwnProps, FormControlLibDefaults>;
 export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlOwnProps, "field">>, libDefaults: FormControlLibDefaults): {
     slots: Readonly<{
@@ -11,7 +11,7 @@ export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlO
     }>;
     merged: import('vue').ComputedRef<FormControlMerged>;
     rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, Partial<Omit<Omit<FormControlOwnProps, "field">, "size" | "classes" | "customProps" | "error" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
+    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">>>>;
     controlId: import('vue').ComputedRef<string>;
     isDisabled: import('vue').ComputedRef<boolean>;
     isReadonly: import('vue').ComputedRef<boolean>;

package/dist/Components/FormControl/composables/useFormControl.js

@@ -1,10 +1,10 @@
 import { hasSlotOrProp as e } from "../../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as t, mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
 import { computed as a, toValue as o, useAttrs as s, useId as c, useSlots as l } from "vue";
-import { get as u, omit as d } from "es-toolkit/compat";
-import { cn as f, mergeBridgeUILayeredClasses as p, splitComponentProps as m } from "@bridge-ui/core";
-import { invalidatedProps as h } from "@bridge-ui/core/Tokens/FormControl";
-import { sizeProps as g } from "@bridge-ui/core/Tokens/Label";
+import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
+import { get as p, omit as m } from "es-toolkit/compat";
+import { sizeProps as h } from "@bridge-ui/core/Tokens/Label";
+import { invalidatedProps as g } from "@bridge-ui/core/Tokens/FormControl";
 //#region src/Components/FormControl/composables/useFormControl.ts
 var _ = [
 	"size",
@@ -19,10 +19,10 @@ var _ = [
 	"customProps",
 	"description",
 	"errorMessage",
-	"withoutErrorMessage"
+	"hideErrorMessage"
 ];
 function v(v, y) {
-	let b = c(), x = l(), S = s(), C = a(() => m({
+	let b = c(), x = l(), S = s(), C = a(() => f({
 		bridgeKeys: _,
 		props: {
 			...S,
@@ -38,16 +38,16 @@ function v(v, y) {
 	}), O = a(() => w.value.error === !0), k = a(() => !!w.value.disabled), A = a(() => !!w.value.readonly), j = a(() => {
 		let e = C.value.inheritedAttrs.id;
 		return w.value.controlId ?? e ?? b;
-	}), M = a(() => !w.value.withoutErrorMessage), N = a(() => O.value && e(x, "errorMessage", w.value.errorMessage)), P = a(() => {
+	}), M = a(() => !w.value.hideErrorMessage), N = a(() => O.value && e(x, "errorMessage", w.value.errorMessage)), P = a(() => {
 		let t = [];
 		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;
-	}), 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({
+	}), 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({
 		"group/form-control relative w-full": !0,
 		"aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60 aria-disabled:cursor-not-allowed": !0,
 		"aria-readonly:pointer-events-none aria-readonly:select-none": !0,
 		[D.value.root ?? ""]: !0,
 		[S.class]: !!S.class
-	}))), R = a(() => n(E.value?.row, {}, f({
+	}))), R = a(() => n(E.value?.row, {}, u({
 		"flex flex-row items-center gap-x-2": !0,
 		[D.value.row ?? ""]: !0
 	}))), z = a(() => {
@@ -56,7 +56,7 @@ function v(v, y) {
 			size: w.value.size,
 			error: O.value,
 			required: w.value.required,
-			classes: { root: f({
+			classes: { root: u({
 				"cursor-pointer": !0,
 				[D.value[e] ?? ""]: !0
 			}) }
@@ -65,11 +65,11 @@ function v(v, y) {
 			endLabel: e("endLabel"),
 			startLabel: e("startLabel")
 		};
-	}), B = a(() => n(E.value?.description, { id: `${j.value}-description` }, f({
+	}), B = a(() => n(E.value?.description, { id: `${j.value}-description` }, u({
 		"mt-2 text-gray-500 dark:text-gray-400": !0,
 		[F.value ?? ""]: !0,
 		[D.value.description ?? ""]: !0
-	}))), V = a(() => n(E.value?.errorMessage, { id: `${j.value}-error` }, f({
+	}))), V = a(() => n(E.value?.errorMessage, { id: `${j.value}-error` }, u({
 		"mt-2": !0,
 		"min-h-[1lh]": M.value,
 		[I.value.errorMessage ?? ""]: !0,

package/dist/Components/FormControl/formControl.types.d.ts

@@ -122,6 +122,12 @@ export interface FormControlOwnProps {
      * @default undefined
      */
     field?: UseFormControlReturn;
+    /**
+     * When `true`, does not reserve space below the row for error messages.
+     *
+     * @default false
+     */
+    hideErrorMessage?: boolean;
     /**
      * Whether the control is read-only.
      *
@@ -155,12 +161,6 @@ export interface FormControlOwnProps {
      * @default undefined
      */
     startLabel?: string;
-    /**
-     * When `true`, does not reserve space below the row for error messages.
-     *
-     * @default false
-     */
-    withoutErrorMessage?: boolean;
 }
 export interface FormControlSlots {
     /**

package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js

@@ -20,13 +20,13 @@ var x = [
 			u("div", h(p(f.api.containerBind.value)), [
 				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),
 				_(w.$slots, "default"),
-				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({
+				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({
 					icon: f.api.errorIcon.value,
 					size: f.api.merged.value.size
 				}, 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)
 			], 16),
 			!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),
-			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
+			f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
 			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))

package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js

@@ -19,13 +19,13 @@ var x = [
 			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, [
 				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),
 				_(T.$slots, "default"),
-				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({
+				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({
 					icon: f.api.errorIcon.value,
 					size: f.api.merged.value.size
 				}, 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)
 			])], 16),
 			!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),
-			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
+			f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
 			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, w))

package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js

@@ -20,13 +20,13 @@ var x = [
 			u("div", h(p(f.api.containerBind.value)), [
 				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),
 				_(w.$slots, "default"),
-				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({
+				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({
 					icon: f.api.errorIcon.value,
 					size: f.api.merged.value.size
 				}, 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)
 			], 16),
 			!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),
-			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
+			f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
 			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))

package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js

@@ -21,7 +21,7 @@ var x = [
 				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)), [
 					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),
 					_(w.$slots, "default"),
-					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({
+					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({
 						icon: f.api.errorIcon.value,
 						size: f.api.merged.value.size
 					}, 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 = [
 				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)
 			], 16),
 			!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),
-			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
+			f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
 			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))

package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js

@@ -20,13 +20,13 @@ var x = [
 			u("div", h(p(f.api.containerBind.value)), [
 				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),
 				_(w.$slots, "default"),
-				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({
+				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({
 					icon: f.api.errorIcon.value,
 					size: f.api.merged.value.size
 				}, 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)
 			], 16),
 			!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),
-			f.api.merged.value.withoutErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
+			f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": f.api.showErrorMessageContent.value ? void 0 : !0
 			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))

package/dist/Components/FormField/composables/useFormField.d.ts

@@ -20,8 +20,8 @@ export type FormFieldOptions = {
      */
     reservedSlots?: () => undefined | readonly FormFieldReservedSlotName[];
 };
-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"];
-type FormFieldLibDefaults = LibDefaultsShape<FormFieldOwnProps, "size" | "color" | "rounded" | "variant" | "errorIcon" | "withErrorIcon">;
+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"];
+type FormFieldLibDefaults = LibDefaultsShape<FormFieldOwnProps, "size" | "color" | "rounded" | "variant" | "errorIcon" | "showErrorIcon">;
 type FormFieldMerged = MergeLibDefaults<FormFieldOwnProps, FormFieldLibDefaults>;
 export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnProps, "field">>, libDefaults: FormFieldLibDefaults, options?: FormFieldOptions): {
     slots: Readonly<{
@@ -181,13 +181,13 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         'aria-valuenow'?: (string | number) | undefined;
         'aria-valuetext'?: string | undefined | undefined;
         accesskey?: string | undefined | undefined;
-        contenteditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: "" | "until-found" | (boolean | "true" | "false") | "hidden" | undefined;
+        hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;
         spellcheck?: (boolean | "true" | "false") | undefined;
@@ -221,7 +221,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
     }>>;
     controlId: import('vue').ComputedRef<string>;
     errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    errorIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
+    errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
     inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;
@@ -443,7 +443,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+    }, 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">>>>;
     isNotched: import('vue').ComputedRef<boolean>;
     isStacked: import('vue').ComputedRef<boolean>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;