@bridge-ui/vue 0.0.9 → 0.0.11

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

@@ -1,19 +1,20 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r } from "../../Utils/slotOrProp.js";
-import i from "../Label/Label.js";
-import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t } from "../../Utils/slotOrProp.js";
+import n from "../Label/Label.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useSlots as h, withCtx as g } from "vue";
 //#region src/Components/FormControl/FormControlLabel.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ u({
+var _ = /*@__PURE__*/ c({
 	__name: "FormControlLabel",
 	props: {
 		api: {},
 		name: {}
 	},
-	setup(u) {
-		return (v, y) => g(t)(u.api.slots, u.name, u.api.merged.value[u.name]) ? (p(), o(g(i), f(d({ key: 0 }, u.api.fieldLabelProps.value[u.name])), {
-			default: _(() => [g(e)(u.api.slots, u.name) ? (p(), o(m(g(r)(u.api.slots, u.name)), { key: 0 })) : g(n)(u.api.merged.value[u.name]) ? (p(), c(a, { key: 1 }, [l(h(u.api.merged.value[u.name]), 1)], 64)) : s("", !0)]),
-			_: 1
-		}, 16)) : s("", !0);
+	setup(c) {
+		let _ = h();
+		return (h, v) => m(t)(m(_), c.name, c.api.merged.value[c.name]) ? (d(), i(m(n), u(l({ key: 0 }, c.api.fieldLabelProps.value[c.name])), {
+			default: g(() => [m(e)(m(_), c.name) ? f(h.$slots, c.name, {}, void 0, void 0, 0) : (d(), o(r, { key: 1 }, [s(p(c.api.merged.value[c.name]), 1)], 64))]),
+			_: 3
+		}, 16)) : a("", !0);
 	}
 });
 //#endregion
-export { v as default };
+export { _ as default };

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 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", "hideErrorMessage"];
@@ -19,8 +19,8 @@ export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlO
         [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" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
+    rowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').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>;
@@ -37,10 +37,10 @@ export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlO
         endLabel: LabelProps;
         startLabel: LabelProps;
     }>;
-    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
+    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
         id: string;
     }>>;
-    errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
+    errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
         id: string;
     }>>;
     showErrorMessageContent: import('vue').ComputedRef<boolean>;

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

@@ -1,10 +1,9 @@
 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 { 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";
+import { get as u, omit as d } from "es-toolkit/compat";
+import { formControlInvalidatedProps as f, labelSizeProps as p } from "@bridge-ui/core/Tokens";
+import { cn as m, mergeBridgeUILayeredClasses as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
 //#region src/Components/FormControl/composables/useFormControl.ts
 var _ = [
 	"size",
@@ -22,7 +21,7 @@ var _ = [
 	"hideErrorMessage"
 ];
 function v(v, y, b = {}) {
-	let x = c(), S = l(), C = s(), w = a(() => f({
+	let x = c(), S = l(), C = s(), w = a(() => g({
 		bridgeKeys: _,
 		props: {
 			...C,
@@ -41,17 +40,17 @@ function v(v, y, b = {}) {
 	}), N = a(() => !T.value.hideErrorMessage), P = a(() => k.value && e(S, "errorMessage", T.value.errorMessage)), F = a(() => {
 		let t = [];
 		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, [
+	}), I = a(() => u(p, T.value.size ?? "md")), L = a(() => h(f, u(E.value, [
 		"tokens",
 		"formControl",
 		"invalidated"
-	]), T.value.customProps?.invalidated)), R = a(() => n(D.value?.root, m(w.value.inheritedAttrs, ["class"]), u({
+	]), T.value.customProps?.invalidated)), R = a(() => n(D.value?.root, d(w.value.inheritedAttrs, ["class"]), m({
 		"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,
 		[O.value.root ?? ""]: !0,
 		[C.class]: !!C.class
-	}))), z = a(() => n(D.value?.row, {}, u({
+	}))), z = a(() => n(D.value?.row, {}, m({
 		"flex flex-row items-center gap-x-2": !0,
 		[O.value.row ?? ""]: !0
 	}))), B = a(() => {
@@ -60,7 +59,7 @@ function v(v, y, b = {}) {
 			size: T.value.size,
 			error: k.value,
 			required: T.value.required,
-			classes: { root: u({
+			classes: { root: m({
 				"cursor-pointer": !0,
 				[O.value[e] ?? ""]: !0
 			}) }
@@ -69,11 +68,11 @@ function v(v, y, b = {}) {
 			endLabel: e("endLabel"),
 			startLabel: e("startLabel")
 		};
-	}), V = a(() => n(D.value?.description, { id: `${M.value}-description` }, u({
+	}), V = a(() => n(D.value?.description, { id: `${M.value}-description` }, m({
 		"mt-2 text-dark-500 dark:text-dark-400": !0,
 		[I.value ?? ""]: !0,
 		[O.value.description ?? ""]: !0
-	}))), H = a(() => n(D.value?.errorMessage, { id: `${M.value}-error` }, u({
+	}))), H = a(() => n(D.value?.errorMessage, { id: `${M.value}-error` }, m({
 		"mt-2": !0,
 		"min-h-[1lh]": N.value,
 		[L.value.errorMessage ?? ""]: !0,

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { FormControlInvalidated, LabelSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { FormControlInvalidated, LabelSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { UseFormControlReturn } from './composables/useFormControl';
 import { LabelProps } from '../Label/label.types';
 export interface FormControlSizeOverrides {}
@@ -184,4 +185,8 @@ export interface FormControlSlots {
      */
     startLabel?: Slot<undefined>;
 }
+/**
+ * Named FormControl chrome slots (excludes the `default` control slot).
+ */
+export declare const FORM_CONTROL_CHROME_SLOT_NAMES: readonly ["endLabel", "startLabel", "description", "errorMessage"];
 export type FormControlProps = MergeHtmlProps<FormControlOwnProps, HTMLAttributes>;

package/dist/Components/FormControl/formControl.types.js

@@ -0,0 +1,9 @@
+//#region src/Components/FormControl/formControl.types.ts
+var e = [
+	"endLabel",
+	"startLabel",
+	"description",
+	"errorMessage"
+];
+//#endregion
+export { e as FORM_CONTROL_CHROME_SLOT_NAMES };

package/dist/Components/FormControl/index.d.ts

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

package/dist/Components/FormControl/index.js

@@ -1,3 +1,4 @@
 import { formControlBridgeKeys as e, useFormControl as t } from "./composables/useFormControl.js";
-import n from "./FormControl.js";
-export { n as FormControl, e as formControlBridgeKeys, t as useFormControl };
+import { FORM_CONTROL_CHROME_SLOT_NAMES as n } from "./formControl.types.js";
+import r from "./FormControl.js";
+export { n as FORM_CONTROL_CHROME_SLOT_NAMES, r as FormControl, e as formControlBridgeKeys, t as useFormControl };

package/dist/Components/FormField/FilledFormField.vue.d.ts

@@ -2,9 +2,21 @@ import { UseFormFieldReturn } from './composables/useFormField';
 type __VLS_Props = {
     api: UseFormFieldReturn;
 };
-declare var __VLS_21: {};
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {}, __VLS_21: {}, __VLS_33: {}, __VLS_35: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_21) => any;
+    label?: (props: typeof __VLS_8) => any;
+} & {
+    corner?: (props: typeof __VLS_10) => any;
+} & {
+    start?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    end?: (props: typeof __VLS_21) => any;
+} & {
+    description?: (props: typeof __VLS_33) => any;
+} & {
+    errorMessage?: (props: typeof __VLS_35) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,37 +1,42 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
-import a from "../Icon/Icon.js";
-import o from "./FormFieldLabel.js";
-import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "../Icon/Icon.js";
+import i from "./FormFieldLabel.js";
+import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
 //#region src/Components/FormField/FilledFormField.vue?vue&type=script&setup=true&lang.ts
-var x = [
+var S = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], S = ["id"], C = ["id", "aria-hidden"], w = /*@__PURE__*/ f({
+], C = ["id"], w = ["id", "aria-hidden"], T = /*@__PURE__*/ f({
 	__name: "FilledFormField",
 	props: { api: {} },
 	setup(f) {
-		return (w, T) => (g(), l("div", m(f.api.rootBind.value, {
+		let T = b();
+		return (b, E) => (g(), s("div", m(f.api.rootBind.value, {
 			"data-invalid": f.api.invalidated.value || void 0,
 			"aria-disabled": f.api.isDisabled.value || void 0,
 			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			b(t)(f.api.slots, "label", f.api.merged.value.label) || b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("div", h(m({ key: 0 }, f.api.headerBind.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.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.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
+			y(t)(y(T), "label", f.api.merged.value.label) || y(t)(y(T), "corner", f.api.merged.value.corner) ? (g(), s("div", h(m({ key: 0 }, f.api.headerBind.value)), [d(i, { api: f.api }, l({ _: 2 }, [y(e)(y(T), "label") ? {
+				name: "label",
+				fn: x(() => [_(b.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, ["api"]), y(t)(y(T), "corner", f.api.merged.value.corner) ? (g(), s("span", h(m({ key: 0 }, f.api.cornerBind.value)), [y(e)(y(T), "corner") ? _(b.$slots, "corner", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.corner) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.corner), 1)], 64)) : o("", !0)], 16)) : o("", !0)], 16)) : o("", !0),
+			c("div", h(p(f.api.containerBind.value)), [
+				y(e)(y(T), "start") ? (g(), s("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [_(b.$slots, "start")], 16)) : y(n)(f.api.merged.value.start) ? (g(), s("div", h(m({ key: 1 }, f.api.startBind.value)), v(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), s("div", h(m({ key: 2 }, f.api.startBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : o("", !0),
+				_(b.$slots, "default"),
+				y(e)(y(T), "end") ? (g(), s("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [_(b.$slots, "end")], 16)) : y(n)(f.api.merged.value.end) ? (g(), s("div", h(m({ key: 4 }, f.api.endBind.value)), v(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), s("div", h(m({ key: 5 }, f.api.endBind.value)), [d(y(r), 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)
+				}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), s("div", h(m({ key: 6 }, f.api.endBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : o("", !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.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
+			!f.api.invalidated.value && y(t)(y(T), "description", f.api.merged.value.description) ? (g(), s("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [y(e)(y(T), "description") ? _(b.$slots, "description", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.description) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.description), 1)], 64)) : o("", !0)], 16, C)) : o("", !0),
+			f.api.merged.value.hideErrorMessage ? o("", !0) : (g(), s("p", m({ key: 2 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": !f.api.showErrorMessageContent.value || void 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))
-		], 16, x));
+			}), [f.api.showErrorMessageContent.value ? (g(), s(a, { key: 0 }, [y(e)(y(T), "errorMessage") ? _(b.$slots, "errorMessage", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.errorMessage) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.errorMessage), 1)], 64)) : o("", !0)], 64)) : o("", !0)], 16, w))
+		], 16, S));
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };

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

@@ -1,37 +1,42 @@
-import e from "./FilledFormField.js";
-import t from "./NotchedFormField.js";
-import n from "./OutlinedFormField.js";
-import r from "./StackedFormField.js";
-import i from "./UnderlinedFormField.js";
-import { computed as a, createBlock as o, defineComponent as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, useSlots as d, withCtx as f } from "vue";
-import { get as p } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as t } from "./formField.types.js";
+import n from "./FilledFormField.js";
+import r from "./NotchedFormField.js";
+import i from "./OutlinedFormField.js";
+import a from "./StackedFormField.js";
+import o from "./UnderlinedFormField.js";
+import { computed as s, createBlock as c, createSlots as l, defineComponent as u, guardReactiveProps as d, normalizeProps as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, unref as _, useSlots as v, withCtx as y } from "vue";
+import { get as b } from "es-toolkit/compat";
 //#region src/Components/FormField/FormField.vue?vue&type=script&setup=true&lang.ts
-var m = /*@__PURE__*/ s({
+var x = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "FormField",
 	props: { field: {} },
-	setup(s) {
-		let m = s, h = d(), g = a(() => ({
-			...m.field,
+	setup(u) {
+		let x = u, S = v(), C = s(() => ({
+			...x.field,
 			slots: {
-				...m.field.slots,
-				...h
+				...x.field.slots,
+				...S
 			}
-		})), _ = {
-			filled: e,
-			notched: t,
-			stacked: r,
-			outline: n,
-			underlined: i
-		}, v = a(() => {
-			let e = g.value.variantKey.value;
-			return p(_, e, n);
+		})), w = {
+			filled: n,
+			notched: r,
+			stacked: a,
+			outline: i,
+			underlined: o
+		}, T = s(() => {
+			let e = C.value.variantKey.value;
+			return b(w, e, i);
 		});
-		return (e, t) => (c(), o(u(v.value), { api: g.value }, {
-			default: f(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 8, ["api"]));
+		return (n, r) => (p(), c(g(T.value), { api: C.value }, l({
+			default: y(() => [h(n.$slots, "default")]),
+			_: 2
+		}, [m(_(e)(_(t), n.$slots), (e) => ({
+			name: e,
+			fn: y((t) => [h(n.$slots, e, f(d(t || {})))])
+		}))]), 1032, ["api"]));
 	}
 });
 //#endregion
-export { m as default };
+export { x as default };

package/dist/Components/FormField/FormFieldLabel.vue.d.ts

@@ -2,6 +2,16 @@ import { UseFormFieldReturn } from './composables/useFormField';
 type __VLS_Props = {
     api: UseFormFieldReturn;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,16 +1,17 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r } from "../../Utils/slotOrProp.js";
-import i from "../Label/Label.js";
-import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t } from "../../Utils/slotOrProp.js";
+import n from "../Label/Label.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useSlots as h, withCtx as g } from "vue";
 //#region src/Components/FormField/FormFieldLabel.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ u({
+var _ = /*@__PURE__*/ c({
 	__name: "FormFieldLabel",
 	props: { api: {} },
-	setup(u) {
-		return (v, y) => g(t)(u.api.slots, "label", u.api.merged.value.label) ? (p(), o(g(i), f(d({ key: 0 }, u.api.fieldLabelProps.value)), {
-			default: _(() => [g(e)(u.api.slots, "label") ? (p(), o(m(g(r)(u.api.slots, "label")), { key: 0 })) : g(n)(u.api.merged.value.label) ? (p(), c(a, { key: 1 }, [l(h(u.api.merged.value.label), 1)], 64)) : s("", !0)]),
-			_: 1
-		}, 16)) : s("", !0);
+	setup(c) {
+		let _ = h();
+		return (h, v) => m(t)(m(_), "label", c.api.merged.value.label) ? (d(), i(m(n), u(l({ key: 0 }, c.api.fieldLabelProps.value)), {
+			default: g(() => [m(e)(m(_), "label") ? f(h.$slots, "label", {}, void 0, void 0, 0) : (d(), o(r, { key: 1 }, [s(p(c.api.merged.value.label), 1)], 64))]),
+			_: 3
+		}, 16)) : a("", !0);
 	}
 });
 //#endregion
-export { v as default };
+export { _ as default };

package/dist/Components/FormField/NotchedFormField.vue.d.ts

@@ -2,9 +2,21 @@ import { UseFormFieldReturn } from './composables/useFormField';
 type __VLS_Props = {
     api: UseFormFieldReturn;
 };
-declare var __VLS_21: {};
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {}, __VLS_21: {}, __VLS_33: {}, __VLS_35: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_21) => any;
+    label?: (props: typeof __VLS_8) => any;
+} & {
+    corner?: (props: typeof __VLS_10) => any;
+} & {
+    start?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    end?: (props: typeof __VLS_21) => any;
+} & {
+    description?: (props: typeof __VLS_33) => any;
+} & {
+    errorMessage?: (props: typeof __VLS_35) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,36 +1,41 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
-import a from "../Icon/Icon.js";
-import o from "./FormFieldLabel.js";
-import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "../Icon/Icon.js";
+import i from "./FormFieldLabel.js";
+import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
 //#region src/Components/FormField/NotchedFormField.vue?vue&type=script&setup=true&lang.ts
-var x = [
+var S = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], S = { class: "flex min-h-0 w-full flex-1 items-stretch gap-x-2" }, C = ["id"], w = ["id", "aria-hidden"], T = /*@__PURE__*/ f({
+], C = { class: "flex min-h-0 w-full flex-1 items-stretch gap-x-2" }, w = ["id"], T = ["id", "aria-hidden"], E = /*@__PURE__*/ f({
 	__name: "NotchedFormField",
 	props: { api: {} },
 	setup(f) {
-		return (T, E) => (g(), l("div", m(f.api.rootBind.value, {
+		let E = b();
+		return (b, D) => (g(), s("div", m(f.api.rootBind.value, {
 			"data-invalid": f.api.invalidated.value || void 0,
 			"aria-disabled": f.api.isDisabled.value || void 0,
 			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			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.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
+			c("div", h(p(f.api.containerBind.value)), [f.api.hasInsetLabelRow.value ? (g(), s("div", h(m({ key: 0 }, f.api.insetLabelRowBind.value)), [d(i, { api: f.api }, l({ _: 2 }, [y(e)(y(E), "label") ? {
+				name: "label",
+				fn: x(() => [_(b.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, ["api"]), y(t)(y(E), "corner", f.api.merged.value.corner) ? (g(), s("span", h(m({ key: 0 }, f.api.cornerBind.value)), [y(e)(y(E), "corner") ? _(b.$slots, "corner", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.corner) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.corner), 1)], 64)) : o("", !0)], 16)) : o("", !0)], 16)) : o("", !0), c("div", C, [
+				y(e)(y(E), "start") ? (g(), s("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [_(b.$slots, "start")], 16)) : y(n)(f.api.merged.value.start) ? (g(), s("div", h(m({ key: 1 }, f.api.startBind.value)), v(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), s("div", h(m({ key: 2 }, f.api.startBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : o("", !0),
+				_(b.$slots, "default"),
+				y(e)(y(E), "end") ? (g(), s("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [_(b.$slots, "end")], 16)) : y(n)(f.api.merged.value.end) ? (g(), s("div", h(m({ key: 4 }, f.api.endBind.value)), v(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), s("div", h(m({ key: 5 }, f.api.endBind.value)), [d(y(r), 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)
+				}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), s("div", h(m({ key: 6 }, f.api.endBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : o("", !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.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
+			!f.api.invalidated.value && y(t)(y(E), "description", f.api.merged.value.description) ? (g(), s("p", m({ key: 0 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [y(e)(y(E), "description") ? _(b.$slots, "description", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.description) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.description), 1)], 64)) : o("", !0)], 16, w)) : o("", !0),
+			f.api.merged.value.hideErrorMessage ? o("", !0) : (g(), s("p", m({ key: 1 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": !f.api.showErrorMessageContent.value || void 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))
-		], 16, x));
+			}), [f.api.showErrorMessageContent.value ? (g(), s(a, { key: 0 }, [y(e)(y(E), "errorMessage") ? _(b.$slots, "errorMessage", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.errorMessage) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.errorMessage), 1)], 64)) : o("", !0)], 64)) : o("", !0)], 16, T))
+		], 16, S));
 	}
 });
 //#endregion
-export { T as default };
+export { E as default };

package/dist/Components/FormField/OutlinedFormField.vue.d.ts

@@ -2,9 +2,21 @@ import { UseFormFieldReturn } from './composables/useFormField';
 type __VLS_Props = {
     api: UseFormFieldReturn;
 };
-declare var __VLS_21: {};
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {}, __VLS_21: {}, __VLS_33: {}, __VLS_35: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_21) => any;
+    label?: (props: typeof __VLS_8) => any;
+} & {
+    corner?: (props: typeof __VLS_10) => any;
+} & {
+    start?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    end?: (props: typeof __VLS_21) => any;
+} & {
+    description?: (props: typeof __VLS_33) => any;
+} & {
+    errorMessage?: (props: typeof __VLS_35) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,37 +1,42 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
-import a from "../Icon/Icon.js";
-import o from "./FormFieldLabel.js";
-import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "../Icon/Icon.js";
+import i from "./FormFieldLabel.js";
+import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
 //#region src/Components/FormField/OutlinedFormField.vue?vue&type=script&setup=true&lang.ts
-var x = [
+var S = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], S = ["id"], C = ["id", "aria-hidden"], w = /*@__PURE__*/ f({
+], C = ["id"], w = ["id", "aria-hidden"], T = /*@__PURE__*/ f({
 	__name: "OutlinedFormField",
 	props: { api: {} },
 	setup(f) {
-		return (w, T) => (g(), l("div", m(f.api.rootBind.value, {
+		let T = b();
+		return (b, E) => (g(), s("div", m(f.api.rootBind.value, {
 			"data-invalid": f.api.invalidated.value || void 0,
 			"aria-disabled": f.api.isDisabled.value || void 0,
 			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			b(t)(f.api.slots, "label", f.api.merged.value.label) || b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("div", h(m({ key: 0 }, f.api.headerBind.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.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.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
+			y(t)(y(T), "label", f.api.merged.value.label) || y(t)(y(T), "corner", f.api.merged.value.corner) ? (g(), s("div", h(m({ key: 0 }, f.api.headerBind.value)), [d(i, { api: f.api }, l({ _: 2 }, [y(e)(y(T), "label") ? {
+				name: "label",
+				fn: x(() => [_(b.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, ["api"]), y(t)(y(T), "corner", f.api.merged.value.corner) ? (g(), s("span", h(m({ key: 0 }, f.api.cornerBind.value)), [y(e)(y(T), "corner") ? _(b.$slots, "corner", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.corner) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.corner), 1)], 64)) : o("", !0)], 16)) : o("", !0)], 16)) : o("", !0),
+			c("div", h(p(f.api.containerBind.value)), [
+				y(e)(y(T), "start") ? (g(), s("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [_(b.$slots, "start")], 16)) : y(n)(f.api.merged.value.start) ? (g(), s("div", h(m({ key: 1 }, f.api.startBind.value)), v(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), s("div", h(m({ key: 2 }, f.api.startBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : o("", !0),
+				_(b.$slots, "default"),
+				y(e)(y(T), "end") ? (g(), s("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [_(b.$slots, "end")], 16)) : y(n)(f.api.merged.value.end) ? (g(), s("div", h(m({ key: 4 }, f.api.endBind.value)), v(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), s("div", h(m({ key: 5 }, f.api.endBind.value)), [d(y(r), 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)
+				}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), s("div", h(m({ key: 6 }, f.api.endBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : o("", !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.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
+			!f.api.invalidated.value && y(t)(y(T), "description", f.api.merged.value.description) ? (g(), s("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [y(e)(y(T), "description") ? _(b.$slots, "description", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.description) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.description), 1)], 64)) : o("", !0)], 16, C)) : o("", !0),
+			f.api.merged.value.hideErrorMessage ? o("", !0) : (g(), s("p", m({ key: 2 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": !f.api.showErrorMessageContent.value || void 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))
-		], 16, x));
+			}), [f.api.showErrorMessageContent.value ? (g(), s(a, { key: 0 }, [y(e)(y(T), "errorMessage") ? _(b.$slots, "errorMessage", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.errorMessage) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.errorMessage), 1)], 64)) : o("", !0)], 64)) : o("", !0)], 16, w))
+		], 16, S));
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };