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

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-DA_oZhQT.js";
 export { e as Radio };

package/dist/lib/client/radio-DA_oZhQT.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 } from "./internals/composeEventHandlers.js";
+import { t as l } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { t as u } from "./createTransitionStatus-BL_cPSEA.js";
+import { fieldStateAttributesMapping as d } from "./internals/field-constants.js";
+import { n as f } from "./FieldRootContext-izCEh80D.js";
+import { r as p } from "./LabelableContext-CmQF-TX2.js";
+import { n as m } from "./FieldItemContext-Bwzf-4tL.js";
+import { n as h } from "./RadioGroupContext-CZexBsPa.js";
+import { 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, setProperty as w, spread as T, style as te, 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 ne, onSettled as re, untrack as ie, 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 ae = /* @__PURE__ */ E("<span>"), oe = /* @__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"
+}, se = {
+	...R,
+	position: "absolute"
+}, ce = {
+	...d,
+	checked(e) {
+		return e ? { "data-checked": "" } : { "data-unchecked": "" };
+	}
+};
+function z(e) {
+	let s = h(), l = f(!0), u = m(), d = p(), _ = e, E = e, D = Symbol("Radio"), O = Symbol("RadioLabelSource"), P = `base-ui-${M()}`, F = `base-ui-${M()}`, L = `base-ui-${M()}`, z = ie(d.controlId), V = typeof z == "string" ? z : P, [H, U] = j(), [W, ue] = j(), [de, G] = j(), fe = N(E, "aria-describedby", "aria-labelledby", "render", "class", "disabled", "id", "inputRef", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "readOnly", "ref", "required", "style", "value"), K = A(() => _.nativeButton ?? !1), q = A(() => l.disabled() || u.disabled() || (s?.disabled() ?? !1) || (_.disabled ?? !1)), J = A(() => (s?.readOnly() ?? !1) || (_.readOnly ?? !1)), Y = A(() => (s?.required() ?? !1) || (_.required ?? !1)), X = A(() => s ? s.checkedValue() === _.value : _.value === ""), Z = A(() => _.id ?? V), pe = A(() => K() ? Z() : F), Q = A(() => ({
+		...l.state(),
+		required: Y(),
+		disabled: q(),
+		readOnly: J(),
+		checked: X()
+	})), me = A(() => i(e.class, Q())), he = t(e, () => Q(), (e) => (() => {
+		var t = y(ae);
+		return T(t, e, !1), S(), t;
+	})()), ge = A(() => a(e.style, Q())), _e = A(() => n(Q(), ce)), ve = A(() => _["aria-labelledby"] ?? d.labelId() ?? de()), ye = A(() => d.getAriaDescribedBy(_["aria-describedby"])), $ = {
+		token: D,
+		checked: X,
+		disabled: q,
+		element: H,
+		input: W,
+		value: () => _.value
+	}, be = c(() => _.onClick), xe = c(() => _.onFocus), Se = c(() => _.onKeyDown), Ce = c(() => _.onKeyUp);
+	function we(e) {
+		if (be.call(e.currentTarget, e), e.baseUIHandlerPrevented || e.defaultPrevented || q() || J()) return;
+		e.preventDefault();
+		let t = W();
+		t && !X() && B(t, e);
+	}
+	function Te(e) {
+		xe.call(e.currentTarget, e), !e.baseUIHandlerPrevented && (s?.setActiveRadio($), !(!s || q() || J() || !s.touched()) && (W()?.click(), s.setTouched(!1)));
+	}
+	function Ee(e) {
+		if (Se.call(e.currentTarget, e), !e.baseUIHandlerPrevented) {
+			if (e.key === "Enter") {
+				e.preventDefault();
+				return;
+			}
+			!K() && e.key === " " && e.preventDefault();
+		}
+	}
+	function De(e) {
+		Ce.call(e.currentTarget, e), !(e.baseUIHandlerPrevented || K() || e.defaultPrevented || e.key !== " " || q() || J()) && B(e.currentTarget, e);
+	}
+	function Oe(e) {
+		let t = e.currentTarget;
+		if (e.stopPropagation(), X()) return;
+		if (!s || q() || J() || _.value === void 0) {
+			e.preventDefault();
+			let n = X();
+			queueMicrotask(() => {
+				s ? s.syncInputs() : t.checked = n;
+			});
+			return;
+		}
+		let n = o(r, e);
+		if (!s.selectValue(_.value, n)) {
+			e.preventDefault(), queueMicrotask(s.syncInputs);
+			return;
+		}
+		l.setTouched(!0), queueMicrotask(s.syncInputs);
+	}
+	function ke() {
+		H()?.focus();
+	}
+	function Ae() {
+		return H() ?? null;
+	}
+	return k(Z, (e) => d.registerControlId(O, e)), k(() => s, (e) => e?.registerRadio($)), k(() => ({
+		explicit: _["aria-labelledby"],
+		fieldLabel: d.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 l.validation.registerInput(e.source, e.input, Ae);
+	}), k(() => ({
+		checked: X(),
+		disabled: q(),
+		input: W()
+	}), (e) => {
+		e.checked && l.setFilled(!0), s?.notifyRadioChange();
+	}), re(() => {
+		H();
+	}), ne(() => {
+		d.registerControlId(O, void 0);
+	}), g(I, {
+		value: Q,
+		get children() {
+			return [g(he, b({
+				ref: [((e) => U(e)), _.ref],
+				get id() {
+					return pe();
+				},
+				get class() {
+					return me();
+				},
+				get style() {
+					return ge();
+				},
+				get type() {
+					return K() ? "button" : void 0;
+				},
+				role: "radio",
+				get tabIndex() {
+					return ee(() => !!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 ve();
+				},
+				get "aria-describedby"() {
+					return ye();
+				},
+				get "aria-invalid"() {
+					return Q().valid === !1 && !q() ? "true" : void 0;
+				},
+				get "data-composite-item-active"() {
+					return X() ? "" : void 0;
+				},
+				onClick: we,
+				onFocus: Te,
+				onKeyDown: Ee,
+				onKeyUp: De
+			}, _e, fe)), (() => {
+				var e = y(oe);
+				return e.addEventListener("focus", ke), e.$$click = Oe, x(() => [((e) => ue(e)), _.inputRef], e), v(() => ({
+					e: s?.form(),
+					t: K() ? void 0 : Z(),
+					a: s?.name(),
+					o: s?.name() ? se : R,
+					i: _.value === void 0 ? void 0 : le(_.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), w(e, "value", a), o !== u?.n && C(e, "disabled", o), w(e, "checked", s), c !== u?.h && C(e, "required", c), l !== u?.r && C(e, "readonly", l);
+				}), S(), e;
+			})()];
+		}
+	});
+}
+function le(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
+	}));
+}
+_(["click"]);
+//#endregion
+//#region src/radio/indicator/RadioIndicator.tsx
+var V = /* @__PURE__ */ E("<span>"), H = {
+	...d,
+	...s,
+	checked(e) {
+		return e ? { "data-checked": "" } : { "data-unchecked": "" };
+	}
+};
+function U(e) {
+	let r, o = !1, s = L(), c = e, d = N(e, "render", "class", "keepMounted", "ref", "style"), f = A(() => s().checked), p = u(() => f()), m = A(() => (c.keepMounted ?? !1) || p.mounted()), h = A(() => ({
+		...s(),
+		transitionStatus: p.transitionStatus()
+	})), _ = t(e, () => h(), (e) => (() => {
+		var t = y(V);
+		return T(t, e, !1), S(), t;
+	})()), v = A(() => m() ? i(e.class, h()) : void 0), ee = 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 l(e.element, () => {
+			o || p.setMounted(!1);
+		}, t.signal), () => t.abort();
+	}), g(D, {
+		get when() {
+			return m();
+		},
+		get children() {
+			return g(_, b({
+				ref: [c.ref, ((e) => r = e)],
+				get class() {
+					return v();
+				},
+				get style() {
+					return ee();
+				}
+			}, x, d));
+		}
+	});
+}
+//#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-CWtQxWDl.js";
 export { e as RadioGroup };

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