solid-baseui 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/lib/client/field/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../field-CjUAjp1m.js";
+import { t as e } from "../field-DIMrgpBW.js";
 export { e as Field };

package/dist/lib/client/{field-CjUAjp1m.js → field-DIMrgpBW.js}

@@ -3,21 +3,21 @@ import { t } from "./useRender-CxZ8PI-g.js";
 import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
 import { n as r, t as i } from "./resolveStyle-XcgAuaKR.js";
 import { transitionStatusMapping as a } from "./internals/stateAttributesMapping.js";
-import { composeEventHandlers as o } from "./internals/composeEventHandlers.js";
-import { t as s } from "./runOnceAnimationsFinish-CFADb4CN.js";
-import { t as c } from "./createTransitionStatus-BL_cPSEA.js";
-import { DEFAULT_VALIDITY_DATA as l, DEFAULT_VALIDITY_STATE as u, VALIDITY_KEYS as d, copyNativeValidity as f, fieldStateAttributesMapping as p } from "./internals/field-constants.js";
-import { n as m, t as h } from "./FieldRootContext-izCEh80D.js";
-import { n as g } from "./FormContext-CwLBtm_d.js";
-import { n as _, r as v, t as y } from "./LabelableContext-CmQF-TX2.js";
-import { n as b, t as x } from "./FieldItemContext-Bwzf-4tL.js";
-import { n as S } from "./FieldsetRootContext-BgThSAcd.js";
-import { t as C } from "./form-types-DFBxc1LF.js";
-import { t as w } from "./FieldControl-C0PATyKV.js";
+import { composeEventHandlers as o, liveEventHandler as s } from "./internals/composeEventHandlers.js";
+import { t as c } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { t as l } from "./createTransitionStatus-BL_cPSEA.js";
+import { DEFAULT_VALIDITY_DATA as u, DEFAULT_VALIDITY_STATE as d, VALIDITY_KEYS as f, copyNativeValidity as p, fieldStateAttributesMapping as m } from "./internals/field-constants.js";
+import { n as h, r as g } from "./FieldRootContext-D3fuVjs3.js";
+import { n as _ } from "./FormContext-CwLBtm_d.js";
+import { n as v, r as y, t as b } from "./LabelableContext-CmQF-TX2.js";
+import { n as x, t as S } from "./FieldItemContext-Bwzf-4tL.js";
+import { n as C } from "./FieldsetRootContext-BgThSAcd.js";
+import { t as w } from "./form-types-DFBxc1LF.js";
+import { t as ee } from "./FieldControl-eDe-Jnp9.js";
 import { createComponent as T, getNextElement as E, insert as D, memo as O, mergeProps as k, runHydrationEvents as A, spread as j, template as M } from "@solidjs/web";
 import { For as N, Show as P, createEffect as F, createMemo as I, createSignal as L, createUniqueId as R, omit as z, onCleanup as B, onSettled as V, untrack as H } from "solid-js";
 //#region src/field/root/createFieldValidation.ts
-function ee(e) {
+function U(e) {
 	let t = /* @__PURE__ */ new Map(), n = null, r = 0, i, a = null, o;
 	function s() {
 		a = null, i !== void 0 && (clearTimeout(i), i = void 0);
@@ -26,7 +26,7 @@ function ee(e) {
 		let r = n ? t.get(n) : void 0;
 		if (!r) return null;
 		let i = null;
-		for (let t of r.keys()) if (U(t, e.form.formElement())) {
+		for (let t of r.keys()) if (W(t, e.form.formElement())) {
 			if (!t.validity.valid) return t;
 			i ??= t;
 		}
@@ -36,12 +36,12 @@ function ee(e) {
 		let e = o;
 		o = void 0, e && (!e[0].willValidate || e[0].validationMessage === e[1]) && e[0].setCustomValidity(e[2]);
 	}
-	function f(t, n = !1) {
+	function u(t, n = !1) {
 		r += 1;
 		let i = r;
 		s();
-		let f = c(), p = () => f?.validationMessage ? [f.validationMessage] : [], m = () => (f = c(), f?.willValidate ? W(f, e.isMarkedDirty()) : {
-			...u,
+		let u = c(), p = () => u?.validationMessage ? [u.validationMessage] : [], m = () => (u = c(), u?.willValidate ? G(u, e.isMarkedDirty()) : {
+			...d,
 			valid: !0
 		}), h = (n, r) => {
 			let i = n.valid === !1 ? r : [];
@@ -54,40 +54,40 @@ function ee(e) {
 			});
 		};
 		if (n) {
-			if (e.state().valid !== !1 || !f) return;
-			let t = f.validity;
+			if (e.state().valid !== !1 || !u) return;
+			let t = u.validity;
 			if (!t.valueMissing) {
-				l(), f = c();
-				let e = f?.validity.customError ? p() : [];
+				l(), u = c();
+				let e = u?.validity.customError ? p() : [];
 				h({
-					...u,
+					...d,
 					valid: e.length === 0,
 					customError: e.length > 0
 				}, e);
 				return;
 			}
-			for (let e of d) if (e !== "valueMissing" && e !== "customError" && t[e]) return;
+			for (let e of f) if (e !== "valueMissing" && e !== "customError" && t[e]) return;
 		}
 		l();
 		let g = m(), _ = e.shouldValidateOnChange();
-		if (f?.validationMessage && !_) {
+		if (u?.validationMessage && !_) {
 			h(g, p());
 			return;
 		}
 		let v = (e, t = g) => {
 			let n = e ? [].concat(e).filter(Boolean) : [];
-			if (n.length > 0 && (t.valid = !1, t.customError = !0, f?.willValidate)) {
-				let e = f.validity.customError ? f.validationMessage : "", t = n.join("\n").replace(/\r\n?/g, "\n");
-				f.setCustomValidity(t), o = [
-					f,
+			if (n.length > 0 && (t.valid = !1, t.customError = !0, u?.willValidate)) {
+				let e = u.validity.customError ? u.validationMessage : "", t = n.join("\n").replace(/\r\n?/g, "\n");
+				u.setCustomValidity(t), o = [
+					u,
 					t,
 					e
 				];
 			}
 			h(t, n.length > 0 ? n : p());
 		}, y = e.validate()?.(t, e.form.getFormValues());
-		if (G(y)) {
-			a = f, g.valid === !1 ? h(g, p()) : (e.validationMode() === "onSubmit" || !e.getValidityData().state.customError) && h({
+		if (K(y)) {
+			a = u, g.valid === !1 ? h(g, p()) : (e.validationMode() === "onSubmit" || !e.getValidityData().state.customError) && h({
 				...g,
 				valid: null
 			}, []), y.then((e) => {
@@ -104,11 +104,11 @@ function ee(e) {
 		let o = e.shouldValidateOnChange(), l = e.validationDebounceTime();
 		if (o && t !== "" && l > 0) {
 			a = c(), i = setTimeout(() => {
-				i = void 0, f(t);
+				i = void 0, u(t);
 			}, l);
 			return;
 		}
-		f(t, !o);
+		u(t, !o);
 	}
 	function m(e, r, i = () => r) {
 		let o = t.get(e);
@@ -129,65 +129,65 @@ function ee(e) {
 	return B(() => {
 		p(void 0, !0), l();
 	}), {
-		commit: f,
+		commit: u,
 		change: p,
 		registerInput: m,
 		getInputControl: h,
 		setActiveInputSource: g
 	};
 }
-function U(e, t) {
+function W(e, t) {
 	return e.matches(":disabled") ? !1 : !t || e.form === t || e.form === null && !e.hasAttribute("form");
 }
-function W(e, t) {
-	let n = f(e.validity), r = n.valueMissing;
-	for (let e of d) if (e !== "valueMissing" && n[e]) {
+function G(e, t) {
+	let n = p(e.validity), r = n.valueMissing;
+	for (let e of f) if (e !== "valueMissing" && n[e]) {
 		r = !1;
 		break;
 	}
 	return r && !t && (n.valid = !0, n.valueMissing = !1), n;
 }
-function G(e) {
+function K(e) {
 	return typeof e == "object" && !!e && "then" in e;
 }
 //#endregion
 //#region src/field/root/FieldRoot.tsx
 var te = /* @__PURE__ */ M("<div>");
-function K(e) {
-	let a = g(), o = e, s = S(!0), c = v(), u = _({ parent: c }), d = z(e, "actionsRef", "render", "class", "dirty", "disabled", "invalid", "name", "style", "touched", "validate", "validationDebounceTime", "validationMode"), [f, m] = L(!1), [b, x] = L(!1), [w, D] = L(!1), [O, M] = L(!1), [N, P] = L(0), R = H(() => e.dirty ?? !1), V = null, U = null, W = !1, G, K = {
-		...l,
-		state: { ...l.state },
+function q(e) {
+	let a = _(), o = e, s = C(!0), c = y(), l = v({ parent: c }), d = z(e, "actionsRef", "render", "class", "dirty", "disabled", "invalid", "name", "style", "touched", "validate", "validationDebounceTime", "validationMode"), [f, p] = L(!1), [g, x] = L(!1), [S, ee] = L(!1), [D, O] = L(!1), [M, N] = L(0), P = H(() => e.dirty ?? !1), R = null, V = null, W = !1, G, K = {
+		...u,
+		state: { ...u.state },
 		errors: []
-	}, [q, ne] = L(K), J = I(() => s?.disabled() || (e.disabled ?? !1)), re = I(() => (N(), U?.name)), Y = I(() => e.name ?? re()), X = I(() => e.invalid === !0 || C(a.errors(), Y())), Z = I(() => e.validationMode ?? a.validationMode()), ie = I(() => e.dirty ?? b()), ae = I(() => e.touched ?? f()), Q = I(() => ({
+	}, [q, ne] = L(K), J = I(() => s?.disabled() || (e.disabled ?? !1)), re = I(() => (M(), V?.name)), Y = I(() => e.name ?? re()), X = I(() => e.invalid === !0 || w(a.errors(), Y())), Z = I(() => e.validationMode ?? a.validationMode()), ie = I(() => e.dirty ?? g()), ae = I(() => e.touched ?? f()), Q = I(() => ({
 		disabled: J(),
 		touched: ae(),
 		dirty: ie(),
 		valid: X() ? !1 : J() ? null : q().state.valid,
-		filled: w(),
-		focused: O()
+		filled: S(),
+		focused: D()
 	})), oe = I(() => r(e.class, Q())), se = t(e, () => Q(), (e) => (() => {
 		var t = E(te);
 		return j(t, e, !1), A(), t;
-	})()), ce = I(() => i(e.style, Q())), le = I(() => n(Q(), p));
+	})()), ce = I(() => i(e.style, Q())), le = I(() => n(Q(), m));
 	function ue(e) {
 		K = e, ne(e);
 	}
 	function de(t) {
-		e.touched === void 0 && m(t);
+		e.touched === void 0 && p(t);
 	}
 	function fe(t) {
-		e.dirty === void 0 && (t && (R = !0), x(t));
+		e.dirty === void 0 && (t && (P = !0), x(t));
 	}
 	function pe() {
-		return U ? U.value() : K.value;
+		return V ? V.value() : K.value;
 	}
 	function me() {
-		return U ? U.getValue ? U.getValue() : U.value() : K.value;
+		return V ? V.getValue ? V.getValue() : V.value() : K.value;
 	}
 	function he() {
-		R = !0, $.commit(pe());
+		P = !0, $.commit(pe());
 	}
-	let $ = ee({
+	let $ = U({
 		form: a,
 		getValidityData: () => K,
 		publish: ue,
@@ -195,29 +195,29 @@ function K(e) {
 		validationDebounceTime: () => e.validationDebounceTime ?? 0,
 		state: Q,
 		validationMode: Z,
-		isMarkedDirty: () => R,
+		isMarkedDirty: () => P,
 		shouldValidateOnChange: () => Z() === "onChange" || Z() === "onSubmit" && a.submitAttempted()
 	}), ge = {
 		token: Symbol("Field"),
 		name: Y,
 		validate: he,
 		isInvalid: () => X() || !J() && K.state.valid === !1,
-		getControl: () => $.getInputControl() ?? U?.getControl() ?? null,
+		getControl: () => $.getInputControl() ?? V?.getControl() ?? null,
 		getValue: me
 	};
 	function _e() {
-		let e = !!(U?.id && !J());
+		let e = !!(V?.id && !J());
 		e && !G ? G = a.registerField(ge) : !e && G && (G(), G = void 0);
 	}
 	function ve(e, t) {
 		if (!t) {
-			V === e && (V = null, U = null, $.setActiveInputSource(null), P((e) => e + 1));
+			R === e && (R = null, V = null, $.setActiveInputSource(null), N((e) => e + 1));
 			return;
 		}
-		V = e, U = t, $.setActiveInputSource(e), W || (W = !0, ue({
+		R = e, V = t, $.setActiveInputSource(e), W || (W = !0, ue({
 			...K,
 			initialValue: H(pe)
-		})), P((e) => e + 1);
+		})), N((e) => e + 1);
 	}
 	let ye = { validate: he }, be = {
 		state: Q,
@@ -229,20 +229,20 @@ function K(e) {
 		shouldValidateOnChange: () => Z() === "onChange" || Z() === "onSubmit" && a.submitAttempted(),
 		setTouched: de,
 		setDirty: fe,
-		setFilled: D,
-		setFocused: M,
+		setFilled: ee,
+		setFocused: O,
 		registerFieldControl: ve,
 		validation: $
 	};
 	return F(() => e.dirty, (e) => {
-		e !== void 0 && (R = e);
+		e !== void 0 && (P = e);
 	}), F(() => ({
-		version: N(),
+		version: M(),
 		disabled: J()
 	}), () => H(_e)), F(() => o.actionsRef, (e) => {
 		e?.(ye);
-	}), B(() => G?.()), T(y, {
-		value: u,
+	}), B(() => G?.()), T(b, {
+		value: l,
 		get children() {
 			return T(h, {
 				value: be,
@@ -262,102 +262,102 @@ function K(e) {
 }
 //#endregion
 //#region src/field/label/FieldLabel.tsx
-var q = /* @__PURE__ */ M("<label>");
-function ne(e) {
-	let a = m(), s = b(), c = v(), l = e, u = e, d = `base-ui-${R()}`, [f, h] = L(), g = z(u, "render", "class", "id", "nativeLabel", "onClick", "onMouseDown", "onPointerDown", "ref", "style"), _ = I(() => l.id ?? d), y = I(() => l.nativeLabel ?? !0), x = I(() => ({
+var ne = /* @__PURE__ */ M("<label>");
+function J(e) {
+	let a = g(), c = x(), l = y(), u = e, d = e, f = `base-ui-${R()}`, [p, h] = L(), _ = z(d, "render", "class", "id", "nativeLabel", "onClick", "onMouseDown", "onPointerDown", "ref", "style"), v = I(() => u.id ?? f), b = I(() => u.nativeLabel ?? !0), S = I(() => ({
 		...a.state(),
-		disabled: a.disabled() || s.disabled()
-	})), S = I(() => r(e.class, x())), C = t(e, () => x(), (e) => (() => {
-		var t = E(q);
+		disabled: a.disabled() || c.disabled()
+	})), C = I(() => r(e.class, S())), w = t(e, () => S(), (e) => (() => {
+		var t = E(ne);
 		return j(t, e, !1), A(), t;
-	})()), w = I(() => i(e.style, x())), D = I(() => n(x(), p)), M = o(() => l.onClick), N = o(() => l.onMouseDown), P = o(() => l.onPointerDown);
+	})()), ee = I(() => i(e.style, S())), D = I(() => n(S(), m)), M = o(s(() => u.onClick)), N = o(s(() => u.onMouseDown)), P = o(s(() => u.onPointerDown));
 	function B(e) {
 		return e instanceof Element && !!e.closest("button,input,select,textarea");
 	}
 	function H() {
-		let e = c.controlId(), t = f();
+		let e = l.controlId(), t = p();
 		if (!e || !t) return;
 		let n = t.ownerDocument.getElementById(e);
 		n instanceof HTMLElement && n.focus({ focusVisible: !0 });
 	}
-	function ee(e) {
-		M.call(e.currentTarget, e), !e.baseUIHandlerPrevented && !y() && !B(e.target) && H();
-	}
 	function U(e) {
-		N.call(e.currentTarget, e), !e.baseUIHandlerPrevented && !B(e.target) && !e.defaultPrevented && e.detail > 1 && e.preventDefault();
+		M.call(e.currentTarget, e), !e.baseUIHandlerPrevented && !b() && !B(e.target) && H();
 	}
 	function W(e) {
-		P.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (y() || e.preventDefault());
+		N.call(e.currentTarget, e), !e.baseUIHandlerPrevented && !B(e.target) && !e.defaultPrevented && e.detail > 1 && e.preventDefault();
 	}
-	return F(_, (e) => c.registerLabelId(e)), V(() => {
-		f();
-	}), T(C, k({
-		ref: [((e) => h(e)), l.ref],
+	function G(e) {
+		P.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (b() || e.preventDefault());
+	}
+	return F(v, (e) => l.registerLabelId(e)), V(() => {
+		p();
+	}), T(w, k({
+		ref: [((e) => h(e)), u.ref],
 		get id() {
-			return _();
+			return v();
 		},
 		get class() {
-			return S();
+			return C();
 		},
 		get style() {
-			return w();
+			return ee();
 		},
 		get for() {
-			return O(() => !!y())() ? c.controlId() ?? void 0 : void 0;
+			return O(() => !!b())() ? l.controlId() ?? void 0 : void 0;
 		},
-		onClick: ee,
-		onMouseDown: U,
-		onPointerDown: W
-	}, D, g));
+		onClick: U,
+		onMouseDown: W,
+		onPointerDown: G
+	}, D, _));
 }
 //#endregion
 //#region src/field/description/FieldDescription.tsx
-var J = /* @__PURE__ */ M("<p>");
-function re(e) {
-	let a = m(), o = b(), s = v(), c = Symbol("FieldDescription"), l = `base-ui-${R()}`, u = z(e, "render", "class", "id", "style"), d = I(() => e.id ?? l), f = I(() => ({
+var re = /* @__PURE__ */ M("<p>");
+function Y(e) {
+	let a = g(), o = x(), s = y(), c = Symbol("FieldDescription"), l = `base-ui-${R()}`, u = z(e, "render", "class", "id", "style"), d = I(() => e.id ?? l), f = I(() => ({
 		...a.state(),
 		disabled: a.disabled() || o.disabled()
-	})), h = I(() => r(e.class, f())), g = t(e, () => f(), (e) => (() => {
-		var t = E(J);
+	})), p = I(() => r(e.class, f())), h = t(e, () => f(), (e) => (() => {
+		var t = E(re);
 		return j(t, e, !1), A(), t;
-	})()), _ = I(() => i(e.style, f())), y = I(() => n(f(), p));
-	return F(d, (e) => s.registerMessageId(c, e)), B(() => s.registerMessageId(c, void 0)), T(g, k({
+	})()), _ = I(() => i(e.style, f())), v = I(() => n(f(), m));
+	return F(d, (e) => s.registerMessageId(c, e)), B(() => s.registerMessageId(c, void 0)), T(h, k({
 		get id() {
 			return d();
 		},
 		get class() {
-			return h();
+			return p();
 		},
 		get style() {
 			return _();
 		}
-	}, y, u));
+	}, v, u));
 }
 //#endregion
 //#region src/field/item/FieldItem.tsx
-var Y = /* @__PURE__ */ M("<div>");
-function X(e) {
-	let a = m(), o = v(), s = _({ parent: o }), c = z(e, "render", "class", "disabled", "style"), l = I(() => a.disabled() || (e.disabled ?? !1)), u = I(() => ({
+var X = /* @__PURE__ */ M("<div>");
+function Z(e) {
+	let a = g(), o = y(), s = v({ parent: o }), c = z(e, "render", "class", "disabled", "style"), l = I(() => a.disabled() || (e.disabled ?? !1)), u = I(() => ({
 		...a.state(),
 		disabled: l()
 	})), d = I(() => r(e.class, u())), f = t(e, () => u(), (e) => (() => {
-		var t = E(Y);
+		var t = E(X);
 		return j(t, e, !1), A(), t;
-	})()), h = I(() => i(e.style, u())), g = I(() => n(u(), p)), b = { disabled: l };
-	return T(y, {
+	})()), p = I(() => i(e.style, u())), h = I(() => n(u(), m)), _ = { disabled: l };
+	return T(b, {
 		value: s,
 		get children() {
-			return T(x, {
-				value: b,
+			return T(S, {
+				value: _,
 				get children() {
 					return T(f, k({
 						get class() {
 							return d();
 						},
 						get style() {
-							return h();
+							return p();
 						}
-					}, g, c));
+					}, h, c));
 				}
 			});
 		}
@@ -365,52 +365,52 @@ function X(e) {
 }
 //#endregion
 //#region src/field/error/FieldError.tsx
-var Z = /* @__PURE__ */ M("<ul>"), ie = /* @__PURE__ */ M("<li>"), ae = /* @__PURE__ */ M("<div>"), Q = {
-	...p,
+var ie = /* @__PURE__ */ M("<ul>"), ae = /* @__PURE__ */ M("<li>"), Q = /* @__PURE__ */ M("<div>"), oe = {
+	...m,
 	...a
 };
-function oe(e) {
-	let a, o = !1, l = m(), u = g(), d = v(), f = e, p = e, h = Symbol("FieldError"), _ = `base-ui-${R()}`, y = z(p, "render", "children", "class", "id", "match", "ref", "style"), b = I(() => f.id ?? _), x = I(() => {
-		let e = l.name(), t = u.errors();
+function se(e) {
+	let a, o = !1, s = g(), u = _(), d = y(), f = e, p = e, m = Symbol("FieldError"), h = `base-ui-${R()}`, v = z(p, "render", "children", "class", "id", "match", "ref", "style"), b = I(() => f.id ?? h), x = I(() => {
+		let e = s.name(), t = u.errors();
 		return e && Object.hasOwn(t, e) ? t[e] : null;
 	}), S = I(() => {
 		let e = x();
 		return Array.isArray(e) ? e.length > 0 : !!e;
 	}), C = I(() => typeof f.match == "string" ? f.match : void 0), w = I(() => {
 		if (f.match === !0) return !0;
-		if (l.state().disabled) return !1;
+		if (s.state().disabled) return !1;
 		let e = C();
-		return e ? !!l.validityData().state[e] : S() || l.validityData().state.valid === !1;
-	}), M = I(() => {
+		return e ? !!s.validityData().state[e] : S() || s.validityData().state.valid === !1;
+	}), ee = I(() => {
 		if (!C() && S()) return x();
-		let e = l.validityData();
+		let e = s.validityData();
 		return e.errors.length > 1 ? e.errors : e.error;
-	}), V = I(() => {
+	}), M = I(() => {
 		if (f.children !== void 0) return f.children;
-		let e = M();
+		let e = ee();
 		return Array.isArray(e) ? e.length > 1 ? (() => {
-			var t = E(Z);
+			var t = E(ie);
 			return D(t, T(N, {
 				each: e,
 				children: (e) => (() => {
-					var t = E(ie);
+					var t = E(ae);
 					return D(t, e), t;
 				})()
 			})), t;
 		})() : e[0] : e;
-	}), [H, ee] = L(), U = c(() => w()), W = I(() => ({
-		...l.state(),
+	}), [V, H] = L(), U = l(() => w()), W = I(() => ({
+		...s.state(),
 		transitionStatus: U.transitionStatus()
 	})), G = t(e, () => W(), (e) => (() => {
-		var t = E(ae);
+		var t = E(Q);
 		return j(t, e, !1), A(), t;
-	})()), te = I(() => U.mounted() ? r(e.class, W()) : void 0), K = I(() => U.mounted() ? i(e.style, W()) : void 0), q = I(() => n(W(), Q));
+	})()), K = I(() => U.mounted() ? r(e.class, W()) : void 0), te = I(() => U.mounted() ? i(e.style, W()) : void 0), q = I(() => n(W(), oe));
 	return F(() => ({
 		visible: w(),
 		id: b(),
-		message: w() ? V() : void 0
+		message: w() ? M() : void 0
 	}), (e) => {
-		o = e.visible, d.registerMessageId(h, e.visible ? e.id : void 0), e.visible && ee(e.message);
+		o = e.visible, d.registerMessageId(m, e.visible ? e.id : void 0), e.visible && H(e.message);
 	}), F(() => ({
 		visible: w(),
 		transitionStatus: U.transitionStatus(),
@@ -418,10 +418,10 @@ function oe(e) {
 	}), (e) => {
 		if (e.visible || e.transitionStatus !== "ending" || !e.element) return;
 		let t = new AbortController();
-		return s(e.element, () => {
+		return c(e.element, () => {
 			o || (a = void 0, U.setMounted(!1));
 		}, t.signal), () => t.abort();
-	}), B(() => d.registerMessageId(h, void 0)), T(P, {
+	}), B(() => d.registerMessageId(m, void 0)), T(P, {
 		get when() {
 			return U.mounted();
 		},
@@ -432,21 +432,21 @@ function oe(e) {
 					return b();
 				},
 				get class() {
-					return te();
+					return K();
 				},
 				get style() {
-					return K();
+					return te();
 				}
-			}, q, y, { get children() {
-				return O(() => !!w())() ? V() : H();
+			}, q, v, { get children() {
+				return O(() => !!w())() ? M() : V();
 			} }));
 		}
 	});
 }
 //#endregion
 //#region src/field/validity/FieldValidity.tsx
-function se(e) {
-	let t = m(), n = I(() => {
+function ce(e) {
+	let t = g(), n = I(() => {
 		let e = t.validityData();
 		return t.invalid() ? {
 			...e,
@@ -455,7 +455,7 @@ function se(e) {
 				valid: !1
 			}
 		} : e;
-	}), r = c(() => n().state.valid === !1), i = I(() => {
+	}), r = l(() => n().state.valid === !1), i = I(() => {
 		let e = n();
 		return {
 			error: e.error,
@@ -470,14 +470,14 @@ function se(e) {
 }
 //#endregion
 //#region src/field/index.parts.ts
-var ce = /* @__PURE__ */ e({
-	Control: () => w,
-	Description: () => re,
-	Error: () => oe,
-	Item: () => X,
-	Label: () => ne,
-	Root: () => K,
-	Validity: () => se
+var le = /* @__PURE__ */ e({
+	Control: () => ee,
+	Description: () => Y,
+	Error: () => se,
+	Item: () => Z,
+	Label: () => J,
+	Root: () => q,
+	Validity: () => ce
 });
 //#endregion
-export { ce as t };
+export { le as t };

package/dist/lib/client/form/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../form-6Ne_bWQX.js";
+import { t as e } from "../form-Bqq8wSLY.js";
 export { e as Form };