@bridge-ui/vue 0.0.6 → 0.0.8

package/dist/Components/Checkbox/composables/useCheckbox.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
 import { computed as i, ref as a, toValue as o, useAttrs as s, watchEffect as c } from "vue";
-import { get as l, omit as u } from "es-toolkit/compat";
-import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
+import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
+import { get as f, omit as p } from "es-toolkit/compat";
 import { colorProps as m, invalidatedProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Tokens/Checkbox";
 //#region src/Components/Checkbox/composables/useCheckbox.ts
 var v = [
@@ -20,9 +20,9 @@ function y(y, b, x) {
 		...o(y)
 	}), {
 		error: !1,
-		withoutErrorMessage: !1,
+		hideErrorMessage: !1,
 		size: b.size ?? "sm"
-	}), T = i(() => p({
+	}, { componentName: "Checkbox" }), T = i(() => d({
 		bridgeKeys: v,
 		props: {
 			...S,
@@ -35,7 +35,7 @@ function y(y, b, x) {
 	}), O = i(() => E.value.customProps), k = n({
 		entry: D,
 		props: () => T.value.componentProps
-	}), 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"));
+	}), 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"));
 	c(() => {
 		C.value && (C.value.indeterminate = !!E.value.indeterminate);
 	});
@@ -43,10 +43,10 @@ function y(y, b, x) {
 		...O.value?.input,
 		...w.controlBind.value,
 		type: "checkbox"
-	}, u(T.value.inheritedAttrs, ["class"]), d({
+	}, p(T.value.inheritedAttrs, ["class"]), l({
 		"sr-only": !0,
 		[k.value.input ?? ""]: !0
-	}))), L = i(() => e(O.value?.control, { "aria-hidden": !0 }, d({
+	}))), L = i(() => e(O.value?.control, { "aria-hidden": !0 }, l({
 		"inline-flex shrink-0 items-center justify-center border shadow-sm transition ease-in-out duration-100": !0,
 		"pointer-events-none": !0,
 		[P.value ?? ""]: !0,
@@ -57,12 +57,12 @@ function y(y, b, x) {
 	})));
 	return {
 		merged: E,
-		iconBind: i(() => e(O.value?.icon, {}, d({
+		iconBind: i(() => e(O.value?.icon, {}, l({
 			"text-white": !0,
 			[k.value.icon ?? ""]: !0
 		}))),
 		inputRef: C,
-		fieldBind: i(() => e({}, {}, d({
+		fieldBind: i(() => e({}, {}, l({
 			"relative inline-flex shrink-0 cursor-pointer items-center": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
 			[N.value?.focus ?? ""]: !0

package/dist/Components/Chip/Chip.vue.d.ts

@@ -6,8 +6,8 @@ declare const __VLS_base: import('vue').DefineComponent<ChipOwnProps, {}, {}, {}
     onDismiss?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
     size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ChipSize, import('./chip.types').ChipSizeOverrides>;
-    disabled: boolean;
     clearLabel: string;
+    disabled: boolean;
     dismissible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/Components/Chip/composables/useChip.d.ts

@@ -6,7 +6,7 @@ type ChipLibDefaults = LibDefaultsShape<ChipOwnProps, "size">;
 type ChipMerged = MergeLibDefaults<ChipOwnProps, ChipLibDefaults>;
 export declare function useChip(props: ChipOwnProps, libDefaults: ChipLibDefaults, emit: SetupContext<ChipEmits>["emit"]): {
     merged: import('vue').ComputedRef<ChipMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ChipProps, "size" | "classes" | "customProps" | "label" | "disabled" | "clearLabel" | "dismissible">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ChipProps, "size" | "classes" | "customProps" | "label" | "clearLabel" | "disabled" | "dismissible">>>;
     labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     clearBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;

package/dist/Components/Chip/composables/useChip.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a } from "es-toolkit/compat";
-import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c } from "es-toolkit/compat";
 import { sizeProps as l } from "@bridge-ui/core/Tokens/Chip";
 //#region src/Components/Chip/composables/useChip.ts
 var u = [
@@ -14,7 +14,7 @@ var u = [
 	"dismissible"
 ];
 function d(d, f, p) {
-	let m = i(), h = r(() => c({
+	let m = i(), h = r(() => s({
 		bridgeKeys: u,
 		props: {
 			...m,
@@ -27,12 +27,12 @@ function d(d, f, p) {
 	}), v = n({
 		entry: _,
 		props: () => h.value.componentProps
-	}), 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({
+	}), 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({
 		"inline-flex max-w-full items-center bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-100": !0,
 		"opacity-50 pointer-events-none": g.value.disabled === !0,
 		[b.value?.root ?? ""]: !0,
 		[v.value.root ?? ""]: !0
-	}))), C = r(() => e(y.value?.label, {}, o({
+	}))), C = r(() => e(y.value?.label, {}, a({
 		truncate: !0,
 		[b.value?.label ?? ""]: !0,
 		[v.value.label ?? ""]: !0
@@ -41,7 +41,7 @@ function d(d, f, p) {
 		tabindex: g.value.disabled ? -1 : 0,
 		"aria-label": g.value.clearLabel ?? "Remove",
 		"aria-disabled": g.value.disabled ? !0 : void 0
-	}, o({
+	}, a({
 		"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,
 		[v.value.clear ?? ""]: !0
 	})));

package/dist/Components/Divider/composables/useDivider.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a } from "es-toolkit/compat";
-import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c } from "es-toolkit/compat";
 import { colorProps as l, orientationProps as u } from "@bridge-ui/core/Tokens/Divider";
 //#region src/Components/Divider/composables/useDivider.ts
 var d = [
@@ -10,7 +10,7 @@ var d = [
 	"orientation"
 ];
 function f(f, p) {
-	let m = i(), h = r(() => c({
+	let m = i(), h = r(() => s({
 		props: {
 			...m,
 			...f
@@ -23,13 +23,13 @@ function f(f, p) {
 	}), v = n({
 		entry: _,
 		props: () => h.value.componentProps
-	}), y = r(() => a(s(l, _.value?.tokens?.color), g.value.color)), b = r(() => a(s(u, _.value?.tokens?.orientation), g.value.orientation));
+	}), y = r(() => c(o(l, _.value?.tokens?.color), g.value.color)), b = r(() => c(o(u, _.value?.tokens?.orientation), g.value.orientation));
 	return {
 		merged: g,
 		rootBind: r(() => e({}, h.value.inheritedAttrs, {
 			role: "separator",
 			"aria-orientation": g.value.orientation,
-			class: o({
+			class: a({
 				"m-0 shrink-0 border-0": !0,
 				[y.value ?? ""]: !0,
 				[b.value ?? ""]: !0,

package/dist/Components/Drawer/Drawer.vue.d.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     stackId: import('vue').ComputedRef<string>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
     close: () => any;
+    "update:modelValue": (value: boolean) => any;
     "show-change": (show: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onShow-change"?: ((show: boolean) => any) | undefined;
 }>, {
     closeOnEscape: boolean;

package/dist/Components/Drawer/composables/useDrawer.d.ts

@@ -34,7 +34,7 @@ export declare function useDrawer(props: DrawerOwnProps, libDefaults: DrawerLibD
         };
         "aria-hidden": boolean | undefined;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<DrawerProps, "size" | "classes" | "customProps" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "blur" | "scroll" | "autoFocus" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "hideBackdrop" | "stackId" | "transition" | "ariaLabel" | "ariaLabelledBy">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<DrawerProps, "size" | "classes" | "customProps" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "scroll" | "blur" | "autoFocus" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "hideBackdrop" | "stackId" | "transition" | "ariaLabel" | "ariaLabelledBy">>>;
     panelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
         "data-drawer-part": string;
         "data-state": "open" | "closed";

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,16 +2,25 @@ 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): {
+/**
+ * Options for {@link useFormControl}.
+ */
+export type FormControlOptions = {
+    /**
+     * Public registry key that owns FormControl chrome defaults/tokens.
+     */
+    componentName?: "Radio" | "Switch" | "Checkbox";
+};
+export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlOwnProps, "field">>, libDefaults: FormControlLibDefaults, options?: FormControlOptions): {
     slots: Readonly<{
         [name: string]: import('vue').Slot<any> | undefined;
     }>;
     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">, "error" | "size" | "classes" | "customProps" | "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" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "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,85 +19,89 @@ var _ = [
 	"customProps",
 	"description",
 	"errorMessage",
-	"withoutErrorMessage"
+	"hideErrorMessage"
 ];
-function v(v, y) {
-	let b = c(), x = l(), S = s(), C = a(() => m({
+function v(v, y, b = {}) {
+	let x = c(), S = l(), C = s(), w = a(() => f({
 		bridgeKeys: _,
 		props: {
-			...S,
+			...C,
 			...o(v)
 		}
-	})), { merged: w, entry: T } = r({
+	})), { merged: T, entry: E } = r({
 		libDefaults: y,
-		componentName: "FormControl",
-		props: () => C.value.componentProps
-	}), E = a(() => w.value.customProps), D = i({
-		entry: T,
-		props: () => C.value.componentProps
-	}), 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(() => {
+		componentName: b.componentName,
+		props: () => w.value.componentProps
+	}), D = a(() => T.value.customProps), O = i({
+		entry: E,
+		props: () => w.value.componentProps
+	}), k = a(() => T.value.error === !0), A = a(() => !!T.value.disabled), j = a(() => !!T.value.readonly), M = a(() => {
+		let e = w.value.inheritedAttrs.id;
+		return T.value.controlId ?? e ?? x;
+	}), N = a(() => !T.value.hideErrorMessage), P = a(() => k.value && e(S, "errorMessage", T.value.errorMessage)), F = 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({
+		return !k.value && e(S, "description", T.value.description) && t.push(`${M.value}-description`), k.value && N.value && e(S, "errorMessage", T.value.errorMessage) && t.push(`${M.value}-error`), t.length > 0 ? t.join(" ") : void 0;
+	}), I = a(() => p(h, T.value.size ?? "md")), L = a(() => d(g, p(E.value, [
+		"tokens",
+		"formControl",
+		"invalidated"
+	]), T.value.customProps?.invalidated)), R = a(() => n(D.value?.root, m(w.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({
+		[O.value.root ?? ""]: !0,
+		[C.class]: !!C.class
+	}))), z = a(() => n(D.value?.row, {}, u({
 		"flex flex-row items-center gap-x-2": !0,
-		[D.value.row ?? ""]: !0
-	}))), z = a(() => {
-		let e = (e) => t(E.value?.[e], {
-			for: j.value,
-			size: w.value.size,
-			error: O.value,
-			required: w.value.required,
-			classes: { root: f({
+		[O.value.row ?? ""]: !0
+	}))), B = a(() => {
+		let e = (e) => t(D.value?.[e], {
+			for: M.value,
+			size: T.value.size,
+			error: k.value,
+			required: T.value.required,
+			classes: { root: u({
 				"cursor-pointer": !0,
-				[D.value[e] ?? ""]: !0
+				[O.value[e] ?? ""]: !0
 			}) }
 		});
 		return {
 			endLabel: e("endLabel"),
 			startLabel: e("startLabel")
 		};
-	}), B = a(() => n(E.value?.description, { id: `${j.value}-description` }, f({
+	}), V = a(() => n(D.value?.description, { id: `${M.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({
+		[I.value ?? ""]: !0,
+		[O.value.description ?? ""]: !0
+	}))), H = a(() => n(D.value?.errorMessage, { id: `${M.value}-error` }, u({
 		"mt-2": !0,
-		"min-h-[1lh]": M.value,
-		[I.value.errorMessage ?? ""]: !0,
-		[F.value ?? ""]: !0,
-		[D.value.errorMessage ?? ""]: !0
+		"min-h-[1lh]": N.value,
+		[L.value.errorMessage ?? ""]: !0,
+		[I.value ?? ""]: !0,
+		[O.value.errorMessage ?? ""]: !0
 	})));
 	return {
-		slots: x,
-		merged: w,
-		rowBind: R,
-		rootBind: L,
-		controlId: j,
-		isDisabled: k,
-		isReadonly: A,
+		slots: S,
+		merged: T,
+		rowBind: z,
+		rootBind: R,
+		controlId: M,
+		isDisabled: A,
+		isReadonly: j,
 		controlBind: a(() => ({
-			id: j.value,
-			disabled: k.value,
-			readonly: A.value,
-			"aria-describedby": P.value,
-			required: w.value.required || void 0,
-			"aria-invalid": O.value || void 0
+			id: M.value,
+			disabled: A.value,
+			readonly: j.value,
+			"aria-describedby": F.value,
+			required: T.value.required || void 0,
+			"aria-invalid": k.value || void 0
 		})),
-		invalidated: O,
-		fieldLabelProps: z,
-		descriptionBind: B,
-		errorMessageBind: V,
-		showErrorMessageContent: N,
-		reservesErrorMessageSpace: M
+		invalidated: k,
+		fieldLabelProps: B,
+		descriptionBind: V,
+		errorMessageBind: H,
+		showErrorMessageContent: P,
+		reservesErrorMessageSpace: N
 	};
 }
 //#endregion

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/FormControl/index.d.ts

@@ -1,4 +1,4 @@
 export { formControlBridgeKeys, useFormControl, } from './composables/useFormControl';
-export type { UseFormControlReturn } from './composables/useFormControl';
+export type { FormControlOptions, UseFormControlReturn, } from './composables/useFormControl';
 export type { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlProps, FormControlSizeOverrides, FormControlSlots, } from './formControl.types';
 export { default as FormControl } from './FormControl.vue';

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))