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

package/dist/lib/client/progress-AVKxvgpc.js

@@ -0,0 +1,195 @@
+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 { mergeStyles as a } from "./internals/mergeStyles.js";
+import { createComponent as o, effect as s, getNextElement as c, memo as l, mergeProps as u, runHydrationEvents as d, spread as f, style as p, template as m } from "@solidjs/web";
+import { createContext as h, createEffect as g, createMemo as _, createSignal as v, createUniqueId as y, omit as b, useContext as x } from "solid-js";
+//#region src/progress/root/ProgressRootContext.ts
+var S = Symbol("ProgressRootContext"), C = h(S);
+function w() {
+	let e = x(C);
+	if (e === S) throw Error("Base UI: ProgressRootContext is missing. Progress parts must be placed within <Progress.Root>.");
+	return e;
+}
+//#endregion
+//#region src/progress/root/stateAttributesMapping.ts
+var T = { status(e) {
+	return { [`data-${e}`]: "" };
+} }, E = /* @__PURE__ */ m("<div>"), D = /* @__PURE__ */ m("<span role=presentation>x"), O = {
+	"clip-path": "inset(50%)",
+	overflow: "hidden",
+	"white-space": "nowrap",
+	border: 0,
+	padding: 0,
+	width: "1px",
+	height: "1px",
+	margin: "-1px",
+	position: "fixed",
+	top: 0,
+	left: 0
+};
+function k(e) {
+	let a = e, m = e, [h, g] = v(), y = b(m, "render", "children", "class", "format", "getAriaValueText", "locale", "max", "min", "style", "value"), x = _(() => a.min ?? 0), S = _(() => a.max ?? 100), w = _(() => {
+		if (a.value == null || !Number.isFinite(a.value)) return null;
+		let e = (a.value - x()) * 100 / (S() - x());
+		return A(Number.isNaN(e) ? 0 : e, 0, 100);
+	}), k = _(() => a.value == null || !Number.isFinite(a.value) ? null : A(a.value, x(), S())), j = _(() => {
+		let e = k();
+		return e == null ? "indeterminate" : e === S() ? "complete" : "progressing";
+	}), M = _(() => {
+		let e = k();
+		return e == null ? "" : a.format ? new Intl.NumberFormat(a.locale, a.format).format(e) : new Intl.NumberFormat(a.locale, { style: "percent" }).format((w() ?? 0) / 100);
+	}), N = _(() => a.getAriaValueText ? a.getAriaValueText(M(), a.value) : j() === "indeterminate" ? "indeterminate progress" : M()), P = _(() => ({ status: j() })), F = _(() => r(e.class, P())), I = _(() => i(e.style, P())), L = _(() => n(P(), T)), R = {
+		formattedValue: M,
+		percentageValue: w,
+		setLabelId: g,
+		state: P,
+		value: () => a.value
+	}, z = t(e, () => P(), (e) => (() => {
+		var t = c(E);
+		return f(t, e, !1), d(), t;
+	})());
+	return o(C, {
+		value: R,
+		get children() {
+			return o(z, u({
+				get class() {
+					return F();
+				},
+				get style() {
+					return I();
+				},
+				get "aria-labelledby"() {
+					return h();
+				},
+				get "aria-valuemax"() {
+					return S();
+				},
+				get "aria-valuemin"() {
+					return x();
+				},
+				get "aria-valuenow"() {
+					return k() ?? void 0;
+				},
+				get "aria-valuetext"() {
+					return N();
+				},
+				role: "progressbar"
+			}, L, y, { get children() {
+				return [l(() => m.children), (() => {
+					var e = c(D);
+					return s(() => O, (t, n) => {
+						p(e, t, n);
+					}), e;
+				})()];
+			} }));
+		}
+	});
+}
+function A(e, t, n) {
+	return Math.max(t, Math.min(e, n));
+}
+//#endregion
+//#region src/progress/track/ProgressTrack.tsx
+var j = /* @__PURE__ */ m("<div>");
+function M(e) {
+	let a = w(), s = b(e, "render", "class", "style"), l = _(() => a.state()), p = _(() => r(e.class, l())), m = _(() => i(e.style, l())), h = _(() => n(l(), T)), g = t(e, () => l(), (e) => (() => {
+		var t = c(j);
+		return f(t, e, !1), d(), t;
+	})());
+	return o(g, u({
+		get class() {
+			return p();
+		},
+		get style() {
+			return m();
+		}
+	}, h, s));
+}
+//#endregion
+//#region src/progress/indicator/ProgressIndicator.tsx
+var N = /* @__PURE__ */ m("<div>");
+function P(e) {
+	let s = w(), l = b(e, "render", "class", "style"), p = _(() => s.state()), m = _(() => r(e.class, p())), h = _(() => {
+		let e = s.percentageValue();
+		return e == null ? void 0 : {
+			"inset-inline-start": "0",
+			height: "inherit",
+			width: `${e}%`
+		};
+	}), g = _(() => {
+		let t = h(), n = i(e.style, p());
+		return t ? typeof n == "string" ? `inset-inline-start:0;height:inherit;width:${s.percentageValue()}%;${n}` : a(t, n === !1 ? void 0 : n) : n;
+	}), v = _(() => n(p(), T)), y = t(e, () => p(), (e) => (() => {
+		var t = c(N);
+		return f(t, e, !1), d(), t;
+	})());
+	return o(y, u({
+		get class() {
+			return m();
+		},
+		get style() {
+			return g();
+		}
+	}, v, l));
+}
+//#endregion
+//#region src/progress/value/ProgressValue.tsx
+var F = /* @__PURE__ */ m("<span>");
+function I(e) {
+	let a = e, s = w(), l = b(e, "render", "children", "class", "style"), p = _(() => s.state()), m = _(() => r(e.class, p())), h = _(() => i(e.style, p())), g = _(() => n(p(), T)), v = _(() => {
+		let e = p().status === "indeterminate";
+		return typeof a.children == "function" ? a.children(e ? "indeterminate" : s.formattedValue(), s.value()) : e ? null : s.formattedValue();
+	}), y = t(e, () => p(), (e) => (() => {
+		var t = c(F);
+		return f(t, e, !1), d(), t;
+	})());
+	return o(y, u({
+		get class() {
+			return m();
+		},
+		get style() {
+			return h();
+		},
+		"aria-hidden": "true"
+	}, g, l, { get children() {
+		return v();
+	} }));
+}
+//#endregion
+//#region src/progress/label/ProgressLabel.tsx
+var L = /* @__PURE__ */ m("<span>");
+function R(e) {
+	let a = w(), s = `base-ui-${y()}`, l = b(e, "render", "class", "id", "style"), p = _(() => e.id ?? s), m = _(() => a.state()), h = _(() => r(e.class, m())), v = _(() => i(e.style, m())), x = _(() => n(m(), T));
+	g(p, (e) => (a.setLabelId(e), () => {
+		a.setLabelId((t) => t === e ? void 0 : t);
+	}));
+	let S = t(e, () => m(), (e) => (() => {
+		var t = c(L);
+		return f(t, e, !1), d(), t;
+	})());
+	return o(S, u({
+		get id() {
+			return p();
+		},
+		get class() {
+			return h();
+		},
+		get style() {
+			return v();
+		},
+		role: "presentation"
+	}, x, l));
+}
+//#endregion
+//#region src/progress/index.parts.ts
+var z = /* @__PURE__ */ e({
+	Indicator: () => P,
+	Label: () => R,
+	Root: () => k,
+	Track: () => M,
+	Value: () => I
+});
+//#endregion
+export { z as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../radio-CzGQ81z1.js";
+import { t as e } from "../radio-CeCU-Qqi.js";
 export { e as Radio };

package/dist/lib/client/radio-CeCU-Qqi.js

@@ -0,0 +1,284 @@
+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 { w as r } from "./reasons-Co5CzjKq.js";
+import { n as i, t as a } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as o } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as s } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as c, liveEventHandler as l } from "./internals/composeEventHandlers.js";
+import { t as u } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { t as d } from "./createTransitionStatus-BL_cPSEA.js";
+import { fieldStateAttributesMapping as f } from "./internals/field-constants.js";
+import { r as p } from "./FieldRootContext-D3fuVjs3.js";
+import { r as m } from "./LabelableContext-CmQF-TX2.js";
+import { n as h } from "./FieldItemContext-Bwzf-4tL.js";
+import { n as g } from "./RadioGroupContext-CZexBsPa.js";
+import { createComponent as _, delegateEvents as v, effect as y, getNextElement as b, memo as x, mergeProps as S, ref as ee, runHydrationEvents as C, setAttribute as w, setProperty as te, spread as T, style as ne, template as E } from "@solidjs/web";
+import { Show as D, createContext as O, createEffect as k, createMemo as A, createSignal as j, createUniqueId as M, omit as N, onCleanup as re, onSettled as ie, untrack as ae, useContext as P } from "solid-js";
+//#region src/radio/root/RadioRootContext.ts
+var F = Symbol("RadioRootContext"), I = O(F);
+function L() {
+	let e = P(I);
+	if (e === F) throw Error("Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>.");
+	return e;
+}
+//#endregion
+//#region src/radio/root/RadioRoot.tsx
+var oe = /* @__PURE__ */ E("<span>"), se = /* @__PURE__ */ E("<input type=radio tabindex=-1 aria-hidden=true>"), R = {
+	"clip-path": "inset(50%)",
+	overflow: "hidden",
+	"white-space": "nowrap",
+	border: "0",
+	padding: "0",
+	width: "1px",
+	height: "1px",
+	margin: "-1px",
+	position: "fixed",
+	top: "0",
+	left: "0"
+}, ce = {
+	...R,
+	position: "absolute"
+}, le = {
+	...f,
+	checked(e) {
+		return e ? { "data-checked": "" } : { "data-unchecked": "" };
+	}
+};
+function z(e) {
+	let s = g(), u = p(!0), d = h(), f = m(), v = e, E = e, D = Symbol("Radio"), O = Symbol("RadioLabelSource"), P = `base-ui-${M()}`, F = `base-ui-${M()}`, L = `base-ui-${M()}`, z = ae(f.controlId), V = typeof z == "string" ? z : P, [H, U] = j(), [W, de] = j(), [fe, G] = j(), pe = N(E, "aria-describedby", "aria-labelledby", "render", "class", "disabled", "id", "inputRef", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "readOnly", "ref", "required", "style", "value"), K = A(() => v.nativeButton ?? !1), q = A(() => u.disabled() || d.disabled() || (s?.disabled() ?? !1) || (v.disabled ?? !1)), J = A(() => (s?.readOnly() ?? !1) || (v.readOnly ?? !1)), Y = A(() => (s?.required() ?? !1) || (v.required ?? !1)), X = A(() => s ? s.checkedValue() === v.value : v.value === ""), Z = A(() => v.id ?? V), me = A(() => K() ? Z() : F), Q = A(() => ({
+		...u.state(),
+		required: Y(),
+		disabled: q(),
+		readOnly: J(),
+		checked: X()
+	})), he = A(() => i(e.class, Q())), ge = t(e, () => Q(), (e) => (() => {
+		var t = b(oe);
+		return T(t, e, !1), C(), t;
+	})()), _e = A(() => a(e.style, Q())), ve = A(() => n(Q(), le)), ye = A(() => v["aria-labelledby"] ?? f.labelId() ?? fe()), be = A(() => f.getAriaDescribedBy(v["aria-describedby"])), $ = {
+		token: D,
+		checked: X,
+		disabled: q,
+		element: H,
+		input: W,
+		value: () => v.value
+	}, xe = c(l(() => v.onClick)), Se = c(l(() => v.onFocus)), Ce = c(l(() => v.onKeyDown)), we = c(l(() => v.onKeyUp));
+	function Te(e) {
+		if (xe.call(e.currentTarget, e), e.baseUIHandlerPrevented || e.defaultPrevented || q() || J()) return;
+		e.preventDefault();
+		let t = W();
+		t && !X() && B(t, e);
+	}
+	function Ee(e) {
+		Se.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (s?.setActiveRadio($), !(!s || q() || J() || !s.touched()) && (W()?.click(), s.setTouched(!1)));
+	}
+	function De(e) {
+		if (Ce.call(e.currentTarget, e), !e.baseUIHandlerPrevented) {
+			if (e.key === "Enter") {
+				e.preventDefault();
+				return;
+			}
+			!K() && e.key === " " && e.preventDefault();
+		}
+	}
+	function Oe(e) {
+		we.call(e.currentTarget, e), !(e.baseUIHandlerPrevented || K() || e.defaultPrevented || e.key !== " " || q() || J()) && B(e.currentTarget, e);
+	}
+	function ke(e) {
+		let t = e.currentTarget;
+		if (e.stopPropagation(), X()) return;
+		if (!s || q() || J() || v.value === void 0) {
+			e.preventDefault();
+			let n = X();
+			queueMicrotask(() => {
+				s ? s.syncInputs() : t.checked = n;
+			});
+			return;
+		}
+		let n = o(r, e);
+		if (!s.selectValue(v.value, n)) {
+			e.preventDefault(), queueMicrotask(s.syncInputs);
+			return;
+		}
+		u.setTouched(!0), queueMicrotask(s.syncInputs);
+	}
+	function Ae() {
+		H()?.focus();
+	}
+	function je() {
+		return H() ?? null;
+	}
+	return k(Z, (e) => f.registerControlId(O, e)), k(() => s, (e) => e?.registerRadio($)), k(() => ({
+		explicit: v["aria-labelledby"],
+		fieldLabel: f.labelId(),
+		input: W(),
+		inputId: Z(),
+		nativeButton: K()
+	}), (e) => {
+		if (e.explicit || e.fieldLabel || e.nativeButton || !e.input) {
+			G(void 0);
+			return;
+		}
+		let t = e.input.closest("label") ?? e.input.labels?.[0];
+		if (!t) {
+			G(void 0);
+			return;
+		}
+		t.id ||= L, G(t.id || void 0);
+	}), k(() => ({
+		input: W(),
+		source: s?.fieldControlSource
+	}), (e) => {
+		if (!(!e.input || !e.source)) return u.validation.registerInput(e.source, e.input, je);
+	}), k(() => ({
+		checked: X(),
+		disabled: q(),
+		input: W()
+	}), (e) => {
+		e.checked && u.setFilled(!0), s?.notifyRadioChange();
+	}), ie(() => {
+		H();
+	}), re(() => {
+		f.registerControlId(O, void 0);
+	}), _(I, {
+		value: Q,
+		get children() {
+			return [_(ge, S({
+				ref: [((e) => U(e)), v.ref],
+				get id() {
+					return me();
+				},
+				get class() {
+					return he();
+				},
+				get style() {
+					return _e();
+				},
+				get type() {
+					return K() ? "button" : void 0;
+				},
+				role: "radio",
+				get tabIndex() {
+					return x(() => !!q())() ? -1 : s ? s.isTabStop($) ? 0 : -1 : 0;
+				},
+				get disabled() {
+					return K() && q() ? !0 : void 0;
+				},
+				get "aria-disabled"() {
+					return !K() && q() ? "true" : void 0;
+				},
+				get "aria-checked"() {
+					return X() ? "true" : "false";
+				},
+				get "aria-labelledby"() {
+					return ye();
+				},
+				get "aria-describedby"() {
+					return be();
+				},
+				get "aria-invalid"() {
+					return Q().valid === !1 && !q() ? "true" : void 0;
+				},
+				get "data-composite-item-active"() {
+					return X() ? "" : void 0;
+				},
+				onClick: Te,
+				onFocus: Ee,
+				onKeyDown: De,
+				onKeyUp: Oe
+			}, ve, pe)), (() => {
+				var e = b(se);
+				return e.addEventListener("focus", Ae), e.$$click = ke, ee(() => [((e) => de(e)), v.inputRef], e), y(() => ({
+					e: s?.form(),
+					t: K() ? void 0 : Z(),
+					a: s?.name(),
+					o: s?.name() ? ce : R,
+					i: v.value === void 0 ? void 0 : ue(v.value),
+					n: q(),
+					s: X(),
+					h: Y(),
+					r: J()
+				}), ({ e: t, t: n, a: r, o: i, i: a, n: o, s, h: c, r: l }, u) => {
+					t !== u?.e && w(e, "form", t), n !== u?.t && w(e, "id", n), r !== u?.a && w(e, "name", r), ne(e, i, u?.o), te(e, "value", a), o !== u?.n && w(e, "disabled", o), te(e, "checked", s), c !== u?.h && w(e, "required", c), l !== u?.r && w(e, "readonly", l);
+				}), C(), e;
+			})()];
+		}
+	});
+}
+function ue(e) {
+	if (e == null) return "";
+	if (typeof e == "string") return e;
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return String(e);
+	}
+}
+function B(e, t) {
+	let n = e.ownerDocument.defaultView;
+	if (!n) return;
+	let r = n.PointerEvent ?? n.MouseEvent;
+	e.dispatchEvent(new r("click", {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0,
+		detail: 0,
+		shiftKey: t.shiftKey,
+		ctrlKey: t.ctrlKey,
+		altKey: t.altKey,
+		metaKey: t.metaKey
+	}));
+}
+v(["click"]);
+//#endregion
+//#region src/radio/indicator/RadioIndicator.tsx
+var V = /* @__PURE__ */ E("<span>"), H = {
+	...f,
+	...s,
+	checked(e) {
+		return e ? { "data-checked": "" } : { "data-unchecked": "" };
+	}
+};
+function U(e) {
+	let r, o = !1, s = L(), c = e, l = N(e, "render", "class", "keepMounted", "ref", "style"), f = A(() => s().checked), p = d(() => f()), m = A(() => (c.keepMounted ?? !1) || p.mounted()), h = A(() => ({
+		...s(),
+		transitionStatus: p.transitionStatus()
+	})), g = t(e, () => h(), (e) => (() => {
+		var t = b(V);
+		return T(t, e, !1), C(), t;
+	})()), v = A(() => m() ? i(e.class, h()) : void 0), y = A(() => m() ? a(e.style, h()) : void 0), x = A(() => n(h(), H));
+	return k(() => ({
+		checked: f(),
+		element: r,
+		status: p.transitionStatus()
+	}), (e) => {
+		if (o = e.checked, e.checked || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return u(e.element, () => {
+			o || p.setMounted(!1);
+		}, t.signal), () => t.abort();
+	}), _(D, {
+		get when() {
+			return m();
+		},
+		get children() {
+			return _(g, S({
+				ref: [c.ref, ((e) => r = e)],
+				get class() {
+					return v();
+				},
+				get style() {
+					return y();
+				}
+			}, x, l));
+		}
+	});
+}
+//#endregion
+//#region src/radio/index.parts.ts
+var W = /* @__PURE__ */ e({
+	Indicator: () => U,
+	Root: () => z
+});
+//#endregion
+export { W as t };

package/dist/lib/client/radio-group/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../radio-group-DpHlBKA6.js";
+import { t as e } from "../radio-group-NbuJvjQe.js";
 export { e as RadioGroup };

package/dist/lib/client/radio-group-NbuJvjQe.js

@@ -0,0 +1,195 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { composeEventHandlers as i, liveEventHandler as a } from "./internals/composeEventHandlers.js";
+import { n as o } from "./DirectionContext-BwMabICS.js";
+import { fieldStateAttributesMapping as s } from "./internals/field-constants.js";
+import { r as ee } from "./FieldRootContext-D3fuVjs3.js";
+import { n as te } from "./FormContext-CwLBtm_d.js";
+import { r as ne } from "./LabelableContext-CmQF-TX2.js";
+import { n as re } from "./FieldsetRootContext-BgThSAcd.js";
+import { t as ie } from "./RadioGroupContext-CZexBsPa.js";
+import { createComponent as c, getNextElement as l, mergeProps as u, runHydrationEvents as d, spread as f, template as p } from "@solidjs/web";
+import { createEffect as m, createMemo as h, createSignal as g, createUniqueId as ae, omit as oe, onCleanup as se, onSettled as ce, untrack as _ } from "solid-js";
+//#region src/radio-group/RadioGroup.tsx
+var le = /* @__PURE__ */ p("<div>");
+function v(p) {
+	let v = ee(!0), de = re(!0), S = te(), C = ne(), w = o(), T = p, fe = p, E = Symbol("RadioGroup"), D = `base-ui-${ae()}`, O = _(() => T.value !== void 0), [k, A] = g(() => _(() => T.defaultValue)), [j, M] = g(), [N, P] = g(!1), [F, I] = g(), [L, R] = g(0), z = /* @__PURE__ */ new Map(), B, V = _(() => O ? T.value : k()), H, U, pe = oe(fe, "aria-describedby", "aria-labelledby", "render", "class", "defaultValue", "disabled", "form", "inputRef", "name", "onBlur", "onFocus", "onKeyDown", "onValueChange", "readOnly", "ref", "required", "style", "value"), W = h(() => O ? T.value : k()), G = h(() => v.disabled() || (T.disabled ?? !1)), K = h(() => T.readOnly ?? !1), q = h(() => T.required ?? !1), J = h(() => v.name() ?? T.name), me = h(() => W() ?? null), Y = h(() => ({
+		...v.state(),
+		disabled: G(),
+		readOnly: K(),
+		required: q()
+	})), he = h(() => n(p.class, Y())), ge = e(p, () => Y(), (e) => (() => {
+		var t = l(le);
+		return f(t, e, !1), d(), t;
+	})()), _e = h(() => r(p.style, Y())), ve = h(() => t(Y(), s)), ye = h(() => T["aria-labelledby"] ?? C.labelId() ?? de?.legendId()), be = h(() => C.getAriaDescribedBy(T["aria-describedby"])), xe = h(() => {
+		L();
+		let e = Array.from(z.values()), t = e.find((e) => e.checked() && !e.disabled());
+		return t ? t.token : e.find((e) => e.token === F() && !e.disabled())?.token ?? e.find((e) => !e.disabled())?.token;
+	});
+	function Se(e) {
+		return z.set(e.token, e), (_(e.checked) || !B && !_(e.disabled)) && (B = e.token, I(e.token)), X(), () => {
+			if (z.delete(e.token), B === e.token) {
+				let e = Array.from(z.values()).find((e) => _(e.checked) && !_(e.disabled)) ?? Array.from(z.values()).find((e) => !_(e.disabled));
+				B = e?.token, I(e?.token);
+			}
+			X();
+		};
+	}
+	function X() {
+		R((e) => e + 1);
+	}
+	function Z(e) {
+		e.disabled() || (B = e.token, I(e.token));
+	}
+	function Ce(e) {
+		return !e.disabled() && xe() === e.token;
+	}
+	function Q(e, t) {
+		return T.onValueChange?.(e, t), !t.isCanceled && (O || A(() => e), !0);
+	}
+	function we() {
+		for (let e of z.values()) {
+			let t = _(e.input);
+			t && (t.checked = _(e.checked));
+		}
+	}
+	function Te() {
+		let e = S.formElement();
+		if (!e) return W() ?? null;
+		L();
+		for (let t of z.values()) {
+			let n = t.input();
+			if (n?.checked && b(n, e)) return W() ?? null;
+		}
+		return null;
+	}
+	let $ = {
+		id: D,
+		name: T.name,
+		value: me,
+		getValue: Te,
+		getControl: () => v.validation.getInputControl() ?? j() ?? null
+	}, Ee = i(a(() => T.onFocus)), De = i(a(() => T.onBlur)), Oe = i(a(() => T.onKeyDown));
+	function ke(e) {
+		Ee.call(e.currentTarget, e), !e.baseUIHandlerPrevented && v.setFocused(!0);
+	}
+	function Ae(e) {
+		if (De.call(e.currentTarget, e), e.baseUIHandlerPrevented) return;
+		let t = e.relatedTarget;
+		t instanceof Element && y(e.currentTarget, t) || (v.setTouched(!0), v.setFocused(!1), v.validationMode() === "onBlur" && v.validation.commit(W()));
+	}
+	function je(e) {
+		if (Oe.call(e.currentTarget, e), e.baseUIHandlerPrevented) return;
+		let t = ue(e, w());
+		if (t === 0 || e.ctrlKey || e.altKey || e.metaKey) return;
+		L();
+		let n = Array.from(z.values()).filter((e) => !e.disabled());
+		if (n.length < 2) return;
+		let r = e.composedPath()[0], i = n.findIndex((e) => r instanceof Node && e.element()?.contains(r));
+		if (i === -1) return;
+		let a = n[(i + t + n.length) % n.length];
+		!a || a === n[i] || (e.preventDefault(), e.stopPropagation(), P(!0), Z(a), queueMicrotask(() => a.element()?.focus()));
+	}
+	let Me = {
+		checkedValue: W,
+		disabled: G,
+		fieldControlSource: E,
+		form: () => T.form,
+		name: J,
+		readOnly: K,
+		required: q,
+		state: Y,
+		touched: N,
+		isTabStop: Ce,
+		notifyRadioChange: X,
+		registerRadio: Se,
+		selectValue: Q,
+		setActiveRadio: Z,
+		setTouched: P,
+		syncInputs: we
+	};
+	return m(() => ({
+		disabled: G(),
+		element: j(),
+		id: T.id ?? D,
+		name: T.name
+	}), (e) => {
+		$.id = e.id, $.name = e.name, v.registerFieldControl(E, e.disabled || !e.element ? void 0 : $);
+	}), m(() => ({
+		initialValue: v.validityData().initialValue,
+		name: J(),
+		value: W()
+	}), (e) => {
+		e.value !== V && (V = e.value, _(() => {
+			S.clearError(e.name), v.setDirty(e.value !== e.initialValue), v.setFilled(e.value != null), v.validation.change(e.value), X();
+		}));
+	}), m(() => {
+		L();
+		let e = Array.from(z.values()), t = e.find((e) => e.checked() && !e.disabled() && e.input())?.input();
+		return {
+			inputRef: T.inputRef,
+			representative: t ?? e.find((e) => !e.disabled() && e.input())?.input()
+		};
+	}, (e) => {
+		(e.representative !== H || e.inputRef !== U) && (H = e.representative, U = e.inputRef, e.representative && x(e.inputRef, e.representative));
+	}), ce(() => {
+		v.setFilled(W() != null);
+	}), se(() => v.registerFieldControl(E, void 0)), c(ie, {
+		value: Me,
+		get children() {
+			return c(ge, u({
+				ref: [((e) => M(e)), T.ref],
+				get class() {
+					return he();
+				},
+				get style() {
+					return _e();
+				},
+				role: "radiogroup",
+				get "aria-required"() {
+					return q() ? "true" : void 0;
+				},
+				get "aria-disabled"() {
+					return G() ? "true" : void 0;
+				},
+				get "aria-readonly"() {
+					return K() ? "true" : void 0;
+				},
+				get "aria-labelledby"() {
+					return ye();
+				},
+				get "aria-describedby"() {
+					return be();
+				},
+				get "aria-invalid"() {
+					return Y().valid === !1 && !G() ? "true" : void 0;
+				},
+				onFocus: ke,
+				onBlur: Ae,
+				onKeyDown: je
+			}, ve, pe));
+		}
+	});
+}
+function ue(e, t) {
+	return e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : e.key === "ArrowRight" ? t === "rtl" ? -1 : 1 : e.key === "ArrowLeft" ? t === "rtl" ? 1 : -1 : 0;
+}
+function y(e, t) {
+	if (e.contains(t)) return !0;
+	let n = t;
+	for (; n;) {
+		if (n === e) return !0;
+		n = n.parentNode ?? (n instanceof ShadowRoot ? n.host : null);
+	}
+	return !1;
+}
+function b(e, t) {
+	return e.matches(":disabled") ? !1 : e.form === t || e.form === null && !e.hasAttribute("form");
+}
+function x(e, t) {
+	if (Array.isArray(e)) for (let n of e) x(n, t);
+	else typeof e == "function" && e(t);
+}
+//#endregion
+export { v as t };