solid-baseui 0.1.0-alpha.0

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

@@ -0,0 +1,188 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { mergeStyles as i } from "./internals/mergeStyles.js";
+import { Dynamic as a, createComponent as o, effect as s, getNextElement as c, memo as l, mergeProps as u, style as d, template as f } from "@solidjs/web";
+import { createContext as p, createEffect as m, createMemo as h, createSignal as g, createUniqueId as _, omit as v, useContext as y } from "solid-js";
+//#region src/progress/root/ProgressRootContext.ts
+var b = Symbol("ProgressRootContext"), x = p(b);
+function S() {
+	let e = y(x);
+	if (e === b) 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 C = { status(e) {
+	return { [`data-${e}`]: "" };
+} }, w = /* @__PURE__ */ f("<span role=presentation>x"), T = {
+	"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 E(e) {
+	let i = e, f = e, [p, m] = g(), _ = v(f, "as", "children", "class", "format", "getAriaValueText", "locale", "max", "min", "style", "value"), y = h(() => i.min ?? 0), b = h(() => i.max ?? 100), S = h(() => {
+		if (i.value == null || !Number.isFinite(i.value)) return null;
+		let e = (i.value - y()) * 100 / (b() - y());
+		return D(Number.isNaN(e) ? 0 : e, 0, 100);
+	}), E = h(() => i.value == null || !Number.isFinite(i.value) ? null : D(i.value, y(), b())), O = h(() => {
+		let e = E();
+		return e == null ? "indeterminate" : e === b() ? "complete" : "progressing";
+	}), k = h(() => {
+		let e = E();
+		return e == null ? "" : i.format ? new Intl.NumberFormat(i.locale, i.format).format(e) : new Intl.NumberFormat(i.locale, { style: "percent" }).format((S() ?? 0) / 100);
+	}), A = h(() => i.getAriaValueText ? i.getAriaValueText(k(), i.value) : O() === "indeterminate" ? "indeterminate progress" : k()), j = h(() => ({ status: O() })), M = h(() => n(e.class, j())), N = h(() => r(e.style, j())), P = h(() => t(j(), C));
+	return o(x, {
+		value: {
+			formattedValue: k,
+			percentageValue: S,
+			setLabelId: m,
+			state: j,
+			value: () => i.value
+		},
+		get children() {
+			return o(a, u({
+				get component() {
+					return e.as ?? "div";
+				},
+				get class() {
+					return M();
+				},
+				get style() {
+					return N();
+				},
+				get "aria-labelledby"() {
+					return p();
+				},
+				get "aria-valuemax"() {
+					return b();
+				},
+				get "aria-valuemin"() {
+					return y();
+				},
+				get "aria-valuenow"() {
+					return E() ?? void 0;
+				},
+				get "aria-valuetext"() {
+					return A();
+				},
+				role: "progressbar"
+			}, P, _, { get children() {
+				return [l(() => f.children), (() => {
+					var e = c(w);
+					return s(() => T, (t, n) => {
+						d(e, t, n);
+					}), e;
+				})()];
+			} }));
+		}
+	});
+}
+function D(e, t, n) {
+	return Math.max(t, Math.min(e, n));
+}
+//#endregion
+//#region src/progress/track/ProgressTrack.tsx
+function O(e) {
+	let i = S(), s = v(e, "as", "class", "style"), c = h(() => i.state()), l = h(() => n(e.class, c())), d = h(() => r(e.style, c())), f = h(() => t(c(), C));
+	return o(a, u({
+		get component() {
+			return e.as ?? "div";
+		},
+		get class() {
+			return l();
+		},
+		get style() {
+			return d();
+		}
+	}, f, s));
+}
+//#endregion
+//#region src/progress/indicator/ProgressIndicator.tsx
+function k(e) {
+	let s = S(), c = v(e, "as", "class", "style"), l = h(() => s.state()), d = h(() => n(e.class, l())), f = h(() => {
+		let e = s.percentageValue();
+		return e == null ? void 0 : {
+			"inset-inline-start": "0",
+			height: "inherit",
+			width: `${e}%`
+		};
+	}), p = h(() => {
+		let t = f(), n = r(e.style, l());
+		return t ? typeof n == "string" ? `inset-inline-start:0;height:inherit;width:${s.percentageValue()}%;${n}` : i(t, n === !1 ? void 0 : n) : n;
+	}), m = h(() => t(l(), C));
+	return o(a, u({
+		get component() {
+			return e.as ?? "div";
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return p();
+		}
+	}, m, c));
+}
+//#endregion
+//#region src/progress/value/ProgressValue.tsx
+function A(e) {
+	let i = e, s = S(), c = v(e, "as", "children", "class", "style"), l = h(() => s.state()), d = h(() => n(e.class, l())), f = h(() => r(e.style, l())), p = h(() => t(l(), C)), m = h(() => {
+		let e = l().status === "indeterminate";
+		return typeof i.children == "function" ? i.children(e ? "indeterminate" : s.formattedValue(), s.value()) : e ? null : s.formattedValue();
+	});
+	return o(a, u({
+		get component() {
+			return e.as ?? "span";
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		},
+		"aria-hidden": "true"
+	}, p, c, { get children() {
+		return m();
+	} }));
+}
+//#endregion
+//#region src/progress/label/ProgressLabel.tsx
+function j(e) {
+	let i = S(), s = `base-ui-${_()}`, c = v(e, "as", "class", "id", "style"), l = h(() => e.id ?? s), d = h(() => i.state()), f = h(() => n(e.class, d())), p = h(() => r(e.style, d())), g = h(() => t(d(), C));
+	return m(l, (e) => (i.setLabelId(e), () => {
+		i.setLabelId((t) => t === e ? void 0 : t);
+	})), o(a, u({
+		get component() {
+			return e.as ?? "span";
+		},
+		get id() {
+			return l();
+		},
+		get class() {
+			return f();
+		},
+		get style() {
+			return p();
+		},
+		role: "presentation"
+	}, g, c));
+}
+//#endregion
+//#region src/progress/index.parts.ts
+var M = /* @__PURE__ */ e({
+	Indicator: () => k,
+	Label: () => j,
+	Root: () => E,
+	Track: () => O,
+	Value: () => A
+});
+//#endregion
+export { M as t };

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

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

package/dist/lib/client/radio-CzGQ81z1.js

@@ -0,0 +1,299 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { w as n } from "./reasons-Co5CzjKq.js";
+import { n as r, t as i } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as a } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as o } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as s } from "./internals/composeEventHandlers.js";
+import { t as c } from "./runOnceAnimationsFinish-15EM-Z4l.js";
+import { t as l } from "./createTransitionStatus-B1L-whed.js";
+import { fieldStateAttributesMapping as u } from "./internals/field-constants.js";
+import { n as d } from "./FieldRootContext-izCEh80D.js";
+import { r as f } from "./LabelableContext-DKsB0fIx.js";
+import { n as p } from "./FieldItemContext-Bwzf-4tL.js";
+import { n as m } from "./RadioGroupContext-CZexBsPa.js";
+import { Dynamic as h, createComponent as g, delegateEvents as _, effect as v, getNextElement as y, memo as ee, mergeProps as b, ref as x, runHydrationEvents as S, setAttribute as C, spread as w, style as te, template as T } from "@solidjs/web";
+import { Show as E, createContext as D, createEffect as O, createMemo as k, createSignal as A, createUniqueId as j, omit as M, onCleanup as ne, onSettled as re, untrack as ie, useContext as N } from "solid-js";
+//#region src/radio/root/RadioRootContext.ts
+var P = Symbol("RadioRootContext"), F = D(P);
+function I() {
+	let e = N(F);
+	if (e === P) 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 ae = /* @__PURE__ */ T("<input type=radio tabindex=-1 aria-hidden=true>"), L = {
+	"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"
+}, oe = {
+	...L,
+	position: "absolute"
+}, se = {
+	...u,
+	checked(e) {
+		return e ? { "data-checked": "" } : { "data-unchecked": "" };
+	}
+};
+function R(e) {
+	let o = m(), c = d(!0), l = p(), u = f(), _ = e, w = e, T = Symbol("Radio"), E = Symbol("RadioLabelSource"), D = `base-ui-${j()}`, N = `base-ui-${j()}`, P = `base-ui-${j()}`, I = ie(u.controlId), R = typeof I == "string" ? I : D, [B, V] = A(), [H, U] = A(), [W, G] = A(), le = M(w, "aria-describedby", "aria-labelledby", "as", "class", "disabled", "id", "inputRef", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "readOnly", "ref", "required", "style", "value"), K = k(() => _.nativeButton ?? !1), q = k(() => c.disabled() || l.disabled() || (o?.disabled() ?? !1) || (_.disabled ?? !1)), J = k(() => (o?.readOnly() ?? !1) || (_.readOnly ?? !1)), Y = k(() => (o?.required() ?? !1) || (_.required ?? !1)), X = k(() => o ? o.checkedValue() === _.value : _.value === ""), Z = k(() => _.id ?? R), ue = k(() => K() ? Z() : N), Q = k(() => ({
+		...c.state(),
+		required: Y(),
+		disabled: q(),
+		readOnly: J(),
+		checked: X()
+	})), de = k(() => r(e.class, Q())), fe = k(() => i(e.style, Q())), pe = k(() => t(Q(), se)), me = k(() => _["aria-labelledby"] ?? u.labelId() ?? W()), he = k(() => u.getAriaDescribedBy(_["aria-describedby"])), $ = {
+		token: T,
+		checked: X,
+		disabled: q,
+		element: B,
+		input: H,
+		value: () => _.value
+	}, ge = s(() => _.onClick), _e = s(() => _.onFocus), ve = s(() => _.onKeyDown), ye = s(() => _.onKeyUp);
+	function be(e) {
+		if (ge.call(e.currentTarget, e), e.baseUIHandlerPrevented || e.defaultPrevented || q() || J()) return;
+		e.preventDefault();
+		let t = H();
+		t && !X() && z(t, e);
+	}
+	function xe(e) {
+		_e.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (o?.setActiveRadio($), !(!o || q() || J() || !o.touched()) && (H()?.click(), o.setTouched(!1)));
+	}
+	function Se(e) {
+		if (ve.call(e.currentTarget, e), !e.baseUIHandlerPrevented) {
+			if (e.key === "Enter") {
+				e.preventDefault();
+				return;
+			}
+			!K() && e.key === " " && e.preventDefault();
+		}
+	}
+	function Ce(e) {
+		ye.call(e.currentTarget, e), !(e.baseUIHandlerPrevented || K() || e.defaultPrevented || e.key !== " " || q() || J()) && z(e.currentTarget, e);
+	}
+	function we(e) {
+		let t = e.currentTarget;
+		if (e.stopPropagation(), X()) return;
+		if (!o || q() || J() || _.value === void 0) {
+			e.preventDefault();
+			let n = X();
+			queueMicrotask(() => {
+				o ? o.syncInputs() : t.checked = n;
+			});
+			return;
+		}
+		let r = a(n, e);
+		if (!o.selectValue(_.value, r)) {
+			e.preventDefault(), queueMicrotask(o.syncInputs);
+			return;
+		}
+		c.setTouched(!0), queueMicrotask(o.syncInputs);
+	}
+	function Te() {
+		B()?.focus();
+	}
+	function Ee() {
+		return B() ?? null;
+	}
+	return O(Z, (e) => u.registerControlId(E, e)), O(() => o, (e) => e?.registerRadio($)), O(() => ({
+		explicit: _["aria-labelledby"],
+		fieldLabel: u.labelId(),
+		input: H(),
+		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 ||= P, G(t.id || void 0);
+	}), O(() => ({
+		input: H(),
+		source: o?.fieldControlSource
+	}), (e) => {
+		if (!(!e.input || !e.source)) return c.validation.registerInput(e.source, e.input, Ee);
+	}), O(() => ({
+		checked: X(),
+		disabled: q(),
+		input: H()
+	}), (e) => {
+		e.checked && c.setFilled(!0), o?.notifyRadioChange();
+	}), re(() => {
+		B();
+	}), ne(() => {
+		u.registerControlId(E, void 0);
+	}), g(F, {
+		value: Q,
+		get children() {
+			return [g(h, b({
+				get component() {
+					return e.as ?? "span";
+				},
+				ref: [((e) => V(e)), _.ref],
+				get id() {
+					return ue();
+				},
+				get class() {
+					return de();
+				},
+				get style() {
+					return fe();
+				},
+				get type() {
+					return K() ? "button" : void 0;
+				},
+				role: "radio",
+				get tabIndex() {
+					return ee(() => !!q())() ? -1 : o ? o.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 me();
+				},
+				get "aria-describedby"() {
+					return he();
+				},
+				get "aria-invalid"() {
+					return Q().valid === !1 && !q() ? "true" : void 0;
+				},
+				get "data-composite-item-active"() {
+					return X() ? "" : void 0;
+				},
+				onClick: be,
+				onFocus: xe,
+				onKeyDown: Se,
+				onKeyUp: Ce
+			}, pe, le)), (() => {
+				var e = y(ae);
+				return e.addEventListener("focus", Te), e.$$click = we, x(() => [((e) => U(e)), _.inputRef], e), v(() => ({
+					e: o?.form(),
+					t: K() ? void 0 : Z(),
+					a: o?.name(),
+					o: o?.name() ? oe : L,
+					i: _.value === void 0 ? void 0 : ce(_.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 && C(e, "form", t), n !== u?.t && C(e, "id", n), r !== u?.a && C(e, "name", r), te(e, i, u?.o), e.value = a ?? "", o !== u?.n && C(e, "disabled", o), e.checked = s, c !== u?.h && C(e, "required", c), l !== u?.r && C(e, "readonly", l);
+				}), S(), e;
+			})()];
+		}
+	});
+}
+function ce(e) {
+	if (e == null) return "";
+	if (typeof e == "string") return e;
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return String(e);
+	}
+}
+function z(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
+	}));
+}
+_(["click"]);
+//#endregion
+//#region src/radio/indicator/RadioIndicator.tsx
+var B = /* @__PURE__ */ T("<span>"), V = {
+	...u,
+	...o,
+	checked(e) {
+		return e ? { "data-checked": "" } : { "data-unchecked": "" };
+	}
+}, H = h;
+function U(e) {
+	let n, a = !1, o = I(), s = e, u = M(e, "as", "class", "keepMounted", "ref", "style"), d = k(() => o().checked), f = l(() => d()), p = k(() => (s.keepMounted ?? !1) || f.mounted()), m = k(() => ({
+		...o(),
+		transitionStatus: f.transitionStatus()
+	})), h = k(() => p() ? r(e.class, m()) : void 0), _ = k(() => p() ? i(e.style, m()) : void 0), v = k(() => t(m(), V));
+	return O(() => ({
+		checked: d(),
+		element: n,
+		status: f.transitionStatus()
+	}), (e) => {
+		if (a = e.checked, e.checked || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return c(e.element, () => {
+			a || f.setMounted(!1);
+		}, t.signal), () => t.abort();
+	}), g(E, {
+		get when() {
+			return p();
+		},
+		get children() {
+			return g(E, {
+				get when() {
+					return e.as;
+				},
+				get fallback() {
+					var e = y(B);
+					return x(() => [s.ref, ((e) => n = e)], e), w(e, b({
+						get class() {
+							return h();
+						},
+						get style() {
+							return _();
+						}
+					}, v, u), !1), S(), e;
+				},
+				children: (e) => g(H, b({
+					get component() {
+						return e();
+					},
+					ref: [s.ref, ((e) => n = e)],
+					get class() {
+						return h();
+					},
+					get style() {
+						return _();
+					}
+				}, v, u))
+			});
+		}
+	});
+}
+//#endregion
+//#region src/radio/index.parts.ts
+var W = /* @__PURE__ */ e({
+	Indicator: () => U,
+	Root: () => R
+});
+//#endregion
+export { W as t };

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

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

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

@@ -0,0 +1,193 @@
+import { getStateAttributesProps as e } from "./internals/getStateAttributesProps.js";
+import { n as t, t as n } from "./resolveStyle-XcgAuaKR.js";
+import { composeEventHandlers as r } from "./internals/composeEventHandlers.js";
+import { n as i } from "./DirectionContext-BwMabICS.js";
+import { fieldStateAttributesMapping as a } from "./internals/field-constants.js";
+import { n as o } from "./FieldRootContext-izCEh80D.js";
+import { n as s } from "./FormContext-BB05lWOI.js";
+import { r as ee } from "./LabelableContext-DKsB0fIx.js";
+import { n as c } from "./FieldsetRootContext-BgThSAcd.js";
+import { t as te } from "./RadioGroupContext-CZexBsPa.js";
+import { Dynamic as l, createComponent as u, mergeProps as d } from "@solidjs/web";
+import { createEffect as f, createMemo as p, createSignal as m, createUniqueId as h, omit as ne, onCleanup as re, onSettled as g, untrack as _ } from "solid-js";
+//#region src/radio-group/RadioGroup.tsx
+function v(v) {
+	let S = o(!0), ae = c(!0), C = s(), w = ee(), T = i(), E = v, D = v, O = Symbol("RadioGroup"), k = `base-ui-${h()}`, A = _(() => E.value !== void 0), [j, oe] = m(() => _(() => E.defaultValue)), [M, se] = m(), [N, P] = m(!1), [F, I] = m(), [L, R] = m(0), z = /* @__PURE__ */ new Map(), B, V = _(() => A ? E.value : j()), H, U, W = ne(D, "aria-describedby", "aria-labelledby", "as", "class", "defaultValue", "disabled", "form", "inputRef", "name", "onBlur", "onFocus", "onKeyDown", "onValueChange", "readOnly", "ref", "required", "style", "value"), G = p(() => A ? E.value : j()), K = p(() => S.disabled() || (E.disabled ?? !1)), q = p(() => E.readOnly ?? !1), J = p(() => E.required ?? !1), Y = p(() => S.name() ?? E.name), ce = p(() => G() ?? null), X = p(() => ({
+		...S.state(),
+		disabled: K(),
+		readOnly: q(),
+		required: J()
+	})), le = p(() => t(v.class, X())), ue = p(() => n(v.style, X())), de = p(() => e(X(), a)), fe = p(() => E["aria-labelledby"] ?? w.labelId() ?? ae?.legendId()), pe = p(() => w.getAriaDescribedBy(E["aria-describedby"])), me = p(() => {
+		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 he(e) {
+		return z.set(e.token, e), (_(e.checked) || !B && !_(e.disabled)) && (B = e.token, I(e.token)), Z(), () => {
+			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);
+			}
+			Z();
+		};
+	}
+	function Z() {
+		R((e) => e + 1);
+	}
+	function Q(e) {
+		e.disabled() || (B = e.token, I(e.token));
+	}
+	function ge(e) {
+		return !e.disabled() && me() === e.token;
+	}
+	function _e(e, t) {
+		return E.onValueChange?.(e, t), !t.isCanceled && (A || oe(() => e), !0);
+	}
+	function ve() {
+		for (let e of z.values()) {
+			let t = _(e.input);
+			t && (t.checked = _(e.checked));
+		}
+	}
+	function ye() {
+		let e = C.formElement();
+		if (!e) return G() ?? null;
+		L();
+		for (let t of z.values()) {
+			let n = t.input();
+			if (n?.checked && b(n, e)) return G() ?? null;
+		}
+		return null;
+	}
+	let $ = {
+		id: k,
+		name: E.name,
+		value: ce,
+		getValue: ye,
+		getControl: () => S.validation.getInputControl() ?? M() ?? null
+	}, be = r(() => E.onFocus), xe = r(() => E.onBlur), Se = r(() => E.onKeyDown);
+	function Ce(e) {
+		be.call(e.currentTarget, e), !e.baseUIHandlerPrevented && S.setFocused(!0);
+	}
+	function we(e) {
+		if (xe.call(e.currentTarget, e), e.baseUIHandlerPrevented) return;
+		let t = e.relatedTarget;
+		t instanceof Element && y(e.currentTarget, t) || (S.setTouched(!0), S.setFocused(!1), S.validationMode() === "onBlur" && S.validation.commit(G()));
+	}
+	function Te(e) {
+		if (Se.call(e.currentTarget, e), e.baseUIHandlerPrevented) return;
+		let t = ie(e, T());
+		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), Q(a), queueMicrotask(() => a.element()?.focus()));
+	}
+	let Ee = {
+		checkedValue: G,
+		disabled: K,
+		fieldControlSource: O,
+		form: () => E.form,
+		name: Y,
+		readOnly: q,
+		required: J,
+		state: X,
+		touched: N,
+		isTabStop: ge,
+		notifyRadioChange: Z,
+		registerRadio: he,
+		selectValue: _e,
+		setActiveRadio: Q,
+		setTouched: P,
+		syncInputs: ve
+	};
+	return f(() => ({
+		disabled: K(),
+		element: M(),
+		id: E.id ?? k,
+		name: E.name
+	}), (e) => {
+		$.id = e.id, $.name = e.name, S.registerFieldControl(O, e.disabled || !e.element ? void 0 : $);
+	}), f(() => ({
+		initialValue: S.validityData().initialValue,
+		name: Y(),
+		value: G()
+	}), (e) => {
+		e.value !== V && (V = e.value, _(() => {
+			C.clearError(e.name), S.setDirty(e.value !== e.initialValue), S.setFilled(e.value != null), S.validation.change(e.value), Z();
+		}));
+	}), f(() => {
+		L();
+		let e = Array.from(z.values()), t = e.find((e) => e.checked() && !e.disabled() && e.input())?.input();
+		return {
+			inputRef: E.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));
+	}), g(() => {
+		S.setFilled(G() != null);
+	}), re(() => S.registerFieldControl(O, void 0)), u(te, {
+		value: Ee,
+		get children() {
+			return u(l, d({
+				get component() {
+					return v.as ?? "div";
+				},
+				ref: [((e) => se(e)), E.ref],
+				get class() {
+					return le();
+				},
+				get style() {
+					return ue();
+				},
+				role: "radiogroup",
+				get "aria-required"() {
+					return J() ? "true" : void 0;
+				},
+				get "aria-disabled"() {
+					return K() ? "true" : void 0;
+				},
+				get "aria-readonly"() {
+					return q() ? "true" : void 0;
+				},
+				get "aria-labelledby"() {
+					return fe();
+				},
+				get "aria-describedby"() {
+					return pe();
+				},
+				get "aria-invalid"() {
+					return X().valid === !1 && !K() ? "true" : void 0;
+				},
+				onFocus: Ce,
+				onBlur: we,
+				onKeyDown: Te
+			}, de, W));
+		}
+	});
+}
+function ie(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 };