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

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

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

package/dist/lib/client/field-CjUAjp1m.js

@@ -0,0 +1,483 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+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 { 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) {
+	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);
+	}
+	function c() {
+		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())) {
+			if (!t.validity.valid) return t;
+			i ??= t;
+		}
+		return i;
+	}
+	function l() {
+		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) {
+		r += 1;
+		let i = r;
+		s();
+		let f = c(), p = () => f?.validationMessage ? [f.validationMessage] : [], m = () => (f = c(), f?.willValidate ? W(f, e.isMarkedDirty()) : {
+			...u,
+			valid: !0
+		}), h = (n, r) => {
+			let i = n.valid === !1 ? r : [];
+			e.publish({
+				value: t,
+				state: n,
+				errors: i,
+				error: i[0] ?? "",
+				initialValue: e.getValidityData().initialValue
+			});
+		};
+		if (n) {
+			if (e.state().valid !== !1 || !f) return;
+			let t = f.validity;
+			if (!t.valueMissing) {
+				l(), f = c();
+				let e = f?.validity.customError ? p() : [];
+				h({
+					...u,
+					valid: e.length === 0,
+					customError: e.length > 0
+				}, e);
+				return;
+			}
+			for (let e of d) if (e !== "valueMissing" && e !== "customError" && t[e]) return;
+		}
+		l();
+		let g = m(), _ = e.shouldValidateOnChange();
+		if (f?.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,
+					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({
+				...g,
+				valid: null
+			}, []), y.then((e) => {
+				i === r && (a = null, v(e, m()));
+			}, () => {
+				i === r && (a = null);
+			});
+			return;
+		}
+		v(y);
+	}
+	function p(t, n = !1) {
+		if (s(), r += 1, n) return;
+		let o = e.shouldValidateOnChange(), l = e.validationDebounceTime();
+		if (o && t !== "" && l > 0) {
+			a = c(), i = setTimeout(() => {
+				i = void 0, f(t);
+			}, l);
+			return;
+		}
+		f(t, !o);
+	}
+	function m(e, r, i = () => r) {
+		let o = t.get(e);
+		o || (o = /* @__PURE__ */ new Map(), t.set(e, o));
+		let s = { getControl: i };
+		return o.set(r, s), () => {
+			let i = t.get(e);
+			i?.get(r) === s && (e === n && r === a && p(void 0, !0), i?.delete(r), i?.size === 0 && t.delete(e));
+		};
+	}
+	function h() {
+		let e = c(), r = n && e ? t.get(n)?.get(e) : void 0;
+		return e ? r?.getControl() ?? e : null;
+	}
+	function g(e) {
+		n && n !== e && p(void 0, !0), n = e;
+	}
+	return B(() => {
+		p(void 0, !0), l();
+	}), {
+		commit: f,
+		change: p,
+		registerInput: m,
+		getInputControl: h,
+		setActiveInputSource: g
+	};
+}
+function U(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]) {
+		r = !1;
+		break;
+	}
+	return r && !t && (n.valid = !0, n.valueMissing = !1), n;
+}
+function G(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 },
+		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(() => ({
+		disabled: J(),
+		touched: ae(),
+		dirty: ie(),
+		valid: X() ? !1 : J() ? null : q().state.valid,
+		filled: w(),
+		focused: O()
+	})), 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));
+	function ue(e) {
+		K = e, ne(e);
+	}
+	function de(t) {
+		e.touched === void 0 && m(t);
+	}
+	function fe(t) {
+		e.dirty === void 0 && (t && (R = !0), x(t));
+	}
+	function pe() {
+		return U ? U.value() : K.value;
+	}
+	function me() {
+		return U ? U.getValue ? U.getValue() : U.value() : K.value;
+	}
+	function he() {
+		R = !0, $.commit(pe());
+	}
+	let $ = ee({
+		form: a,
+		getValidityData: () => K,
+		publish: ue,
+		validate: () => e.validate,
+		validationDebounceTime: () => e.validationDebounceTime ?? 0,
+		state: Q,
+		validationMode: Z,
+		isMarkedDirty: () => R,
+		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,
+		getValue: me
+	};
+	function _e() {
+		let e = !!(U?.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));
+			return;
+		}
+		V = e, U = t, $.setActiveInputSource(e), W || (W = !0, ue({
+			...K,
+			initialValue: H(pe)
+		})), P((e) => e + 1);
+	}
+	let ye = { validate: he }, be = {
+		state: Q,
+		validityData: q,
+		name: Y,
+		disabled: J,
+		invalid: X,
+		validationMode: Z,
+		shouldValidateOnChange: () => Z() === "onChange" || Z() === "onSubmit" && a.submitAttempted(),
+		setTouched: de,
+		setDirty: fe,
+		setFilled: D,
+		setFocused: M,
+		registerFieldControl: ve,
+		validation: $
+	};
+	return F(() => e.dirty, (e) => {
+		e !== void 0 && (R = e);
+	}), F(() => ({
+		version: N(),
+		disabled: J()
+	}), () => H(_e)), F(() => o.actionsRef, (e) => {
+		e?.(ye);
+	}), B(() => G?.()), T(y, {
+		value: u,
+		get children() {
+			return T(h, {
+				value: be,
+				get children() {
+					return T(se, k({
+						get class() {
+							return oe();
+						},
+						get style() {
+							return ce();
+						}
+					}, le, d));
+				}
+			});
+		}
+	});
+}
+//#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(() => ({
+		...a.state(),
+		disabled: a.disabled() || s.disabled()
+	})), S = I(() => r(e.class, x())), C = t(e, () => x(), (e) => (() => {
+		var t = E(q);
+		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);
+	function B(e) {
+		return e instanceof Element && !!e.closest("button,input,select,textarea");
+	}
+	function H() {
+		let e = c.controlId(), t = f();
+		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();
+	}
+	function W(e) {
+		P.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (y() || e.preventDefault());
+	}
+	return F(_, (e) => c.registerLabelId(e)), V(() => {
+		f();
+	}), T(C, k({
+		ref: [((e) => h(e)), l.ref],
+		get id() {
+			return _();
+		},
+		get class() {
+			return S();
+		},
+		get style() {
+			return w();
+		},
+		get for() {
+			return O(() => !!y())() ? c.controlId() ?? void 0 : void 0;
+		},
+		onClick: ee,
+		onMouseDown: U,
+		onPointerDown: W
+	}, D, g));
+}
+//#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(() => ({
+		...a.state(),
+		disabled: a.disabled() || o.disabled()
+	})), h = I(() => r(e.class, f())), g = t(e, () => f(), (e) => (() => {
+		var t = E(J);
+		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({
+		get id() {
+			return d();
+		},
+		get class() {
+			return h();
+		},
+		get style() {
+			return _();
+		}
+	}, y, 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(() => ({
+		...a.state(),
+		disabled: l()
+	})), d = I(() => r(e.class, u())), f = t(e, () => u(), (e) => (() => {
+		var t = E(Y);
+		return j(t, e, !1), A(), t;
+	})()), h = I(() => i(e.style, u())), g = I(() => n(u(), p)), b = { disabled: l };
+	return T(y, {
+		value: s,
+		get children() {
+			return T(x, {
+				value: b,
+				get children() {
+					return T(f, k({
+						get class() {
+							return d();
+						},
+						get style() {
+							return h();
+						}
+					}, g, c));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/field/error/FieldError.tsx
+var Z = /* @__PURE__ */ M("<ul>"), ie = /* @__PURE__ */ M("<li>"), ae = /* @__PURE__ */ M("<div>"), Q = {
+	...p,
+	...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();
+		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;
+		let e = C();
+		return e ? !!l.validityData().state[e] : S() || l.validityData().state.valid === !1;
+	}), M = I(() => {
+		if (!C() && S()) return x();
+		let e = l.validityData();
+		return e.errors.length > 1 ? e.errors : e.error;
+	}), V = I(() => {
+		if (f.children !== void 0) return f.children;
+		let e = M();
+		return Array.isArray(e) ? e.length > 1 ? (() => {
+			var t = E(Z);
+			return D(t, T(N, {
+				each: e,
+				children: (e) => (() => {
+					var t = E(ie);
+					return D(t, e), t;
+				})()
+			})), t;
+		})() : e[0] : e;
+	}), [H, ee] = L(), U = c(() => w()), W = I(() => ({
+		...l.state(),
+		transitionStatus: U.transitionStatus()
+	})), G = t(e, () => W(), (e) => (() => {
+		var t = E(ae);
+		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));
+	return F(() => ({
+		visible: w(),
+		id: b(),
+		message: w() ? V() : void 0
+	}), (e) => {
+		o = e.visible, d.registerMessageId(h, e.visible ? e.id : void 0), e.visible && ee(e.message);
+	}), F(() => ({
+		visible: w(),
+		transitionStatus: U.transitionStatus(),
+		element: a
+	}), (e) => {
+		if (e.visible || e.transitionStatus !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return s(e.element, () => {
+			o || (a = void 0, U.setMounted(!1));
+		}, t.signal), () => t.abort();
+	}), B(() => d.registerMessageId(h, void 0)), T(P, {
+		get when() {
+			return U.mounted();
+		},
+		get children() {
+			return T(G, k({
+				ref: [f.ref, ((e) => a = e)],
+				get id() {
+					return b();
+				},
+				get class() {
+					return te();
+				},
+				get style() {
+					return K();
+				}
+			}, q, y, { get children() {
+				return O(() => !!w())() ? V() : H();
+			} }));
+		}
+	});
+}
+//#endregion
+//#region src/field/validity/FieldValidity.tsx
+function se(e) {
+	let t = m(), n = I(() => {
+		let e = t.validityData();
+		return t.invalid() ? {
+			...e,
+			state: {
+				...e.state,
+				valid: !1
+			}
+		} : e;
+	}), r = c(() => n().state.valid === !1), i = I(() => {
+		let e = n();
+		return {
+			error: e.error,
+			errors: e.errors,
+			value: e.value,
+			initialValue: e.initialValue,
+			validity: e.state,
+			transitionStatus: r.transitionStatus()
+		};
+	});
+	return O(() => e.children(i()));
+}
+//#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
+});
+//#endregion
+export { ce as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../fieldset-BQTAWv2L.js";
+import { t as e } from "../fieldset-Byqk3noT.js";
 export { e as Fieldset };

package/dist/lib/client/fieldset-Byqk3noT.js

@@ -0,0 +1,70 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+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 { n as a, t as o } from "./FieldsetRootContext-BgThSAcd.js";
+import { createComponent as s, getNextElement as c, mergeProps as l, runHydrationEvents as u, spread as d, template as f } from "@solidjs/web";
+import { createEffect as p, createMemo as m, createSignal as h, createUniqueId as g, omit as _ } from "solid-js";
+//#region src/fieldset/root/FieldsetRoot.tsx
+var v = /* @__PURE__ */ f("<fieldset>");
+function y(e) {
+	let f = a(!0), [p, g] = h(), y = _(e, "render", "class", "disabled", "style"), b = m(() => f?.disabled() || (e.disabled ?? !1)), x = m(() => ({ disabled: b() })), S = m(() => r(e.class, x())), C = m(() => i(e.style, x())), w = m(() => n(x())), T = {
+		legendId: p,
+		setLegendId: g,
+		disabled: b
+	}, E = t(e, () => x(), (e) => (() => {
+		var t = c(v);
+		return d(t, e, !1), u(), t;
+	})());
+	return s(o, {
+		value: T,
+		get children() {
+			return s(E, l({
+				get class() {
+					return S();
+				},
+				get style() {
+					return C();
+				},
+				get "aria-labelledby"() {
+					return p();
+				},
+				get disabled() {
+					return b();
+				}
+			}, w, y));
+		}
+	});
+}
+//#endregion
+//#region src/fieldset/legend/FieldsetLegend.tsx
+var b = /* @__PURE__ */ f("<div>");
+function x(e) {
+	let o = a(), f = `base-ui-${g()}`, h = _(e, "render", "class", "id", "style"), v = m(() => e.id ?? f), y = m(() => ({ disabled: o.disabled() })), x = m(() => r(e.class, y())), S = m(() => i(e.style, y())), C = m(() => n(y()));
+	p(v, (e) => (o.setLegendId(e), () => {
+		o.setLegendId((t) => t === e ? void 0 : t);
+	}));
+	let w = t(e, () => y(), (e) => (() => {
+		var t = c(b);
+		return d(t, e, !1), u(), t;
+	})());
+	return s(w, l({
+		get id() {
+			return v();
+		},
+		get class() {
+			return x();
+		},
+		get style() {
+			return S();
+		}
+	}, C, h));
+}
+//#endregion
+//#region src/fieldset/index.parts.ts
+var S = /* @__PURE__ */ e({
+	Legend: () => x,
+	Root: () => y
+});
+//#endregion
+export { S as t };

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

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

package/dist/lib/client/form-6Ne_bWQX.js

@@ -0,0 +1,109 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { w as t } from "./reasons-Co5CzjKq.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { createGenericEventDetails as i } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as a } from "./internals/composeEventHandlers.js";
+import { t as o } from "./FormContext-CwLBtm_d.js";
+import { t as s } from "./form-types-DFBxc1LF.js";
+import { claimElement as c, createComponent as l, getNextElement as u, mergeProps as d, runHydrationEvents as f, spread as p, template as m } from "@solidjs/web";
+import { createEffect as h, createMemo as g, createSignal as _, omit as v, untrack as y } from "solid-js";
+//#region src/form/Form.tsx
+var b = /* @__PURE__ */ m("<form>"), x = Object.freeze({}), S = {};
+function C(m) {
+	let C = null, T = !1, E = !1, D = 0, O = /* @__PURE__ */ new Map(), k = m, A = y(() => k.errors), j = m, M = v(m, "actionsRef", "render", "class", "errors", "onFormSubmit", "onSubmit", "ref", "style", "validationMode"), [N, P] = _(y(() => k.errors) ?? x), F = g(() => k.validationMode ?? "onSubmit"), I = g(() => n(m.class, S)), L = e(m, () => S, (e) => (() => {
+		var t = u(b);
+		return c(t), p(t, e, !1), f(), t;
+	})()), R = g(() => r(m.style, S));
+	function z(e) {
+		return O.set(e.token, e), () => {
+			O.get(e.token) === e && O.delete(e.token);
+		};
+	}
+	function B() {
+		let e = {};
+		for (let t of O.values()) {
+			let n = t.name();
+			n && (e[n] = t.getValue());
+		}
+		return e;
+	}
+	function V(e = y(N)) {
+		let t = !1, n = null;
+		for (let r of O.values()) {
+			if (!r.isInvalid() && !s(e, r.name())) continue;
+			t = !0;
+			let i = r.getControl();
+			i && (!n || w(i, n)) && (n = i);
+		}
+		return n ? (n.focus(), n.tagName === "INPUT" && n.select(), !0) : t;
+	}
+	function H(e) {
+		e && P((t) => {
+			if (!Object.hasOwn(t, e)) return t;
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}
+	let U = { validate(e) {
+		if (e) {
+			for (let t of O.values()) if (t.name() === e) {
+				t.validate();
+				break;
+			}
+			return;
+		}
+		for (let e of O.values()) e.validate();
+	} }, W = a(() => j.onSubmit);
+	function G(e) {
+		E = !0, D += 1;
+		for (let e of O.values()) e.validate();
+		if (V()) {
+			e.preventDefault();
+			return;
+		}
+		T = !0, W.call(e.currentTarget, e);
+		let n = k.onFormSubmit;
+		n && (e.preventDefault(), n(B(), i(t, e)));
+	}
+	let K = {
+		errors: N,
+		validationMode: F,
+		submitAttempted: () => E,
+		submitCount: () => D,
+		formElement: () => C,
+		clearError: H,
+		registerField: z,
+		getFormValues: B
+	};
+	return h(() => k.errors, (e) => {
+		if (e === A) return;
+		A = e;
+		let t = e ?? x;
+		P(t), T && (T = !1, y(() => V(t)));
+	}), h(() => k.actionsRef, (e) => {
+		e?.(U);
+	}), l(o, {
+		value: K,
+		get children() {
+			return l(L, d({
+				ref: [((e) => {
+					C = e.tagName === "FORM" ? e : null;
+				}), j.ref],
+				get class() {
+					return I();
+				},
+				get style() {
+					return R();
+				},
+				novalidate: !0,
+				onSubmit: G
+			}, M));
+		}
+	});
+}
+function w(e, t) {
+	let n = e.compareDocumentPosition(t);
+	return (n & Node.DOCUMENT_POSITION_DISCONNECTED) === 0 && (n & Node.DOCUMENT_POSITION_FOLLOWING) !== 0;
+}
+//#endregion
+export { C as t };