themelia-react-ui 2.0.5 → 2.0.6

package/dist/{choice-inputs-zUgBZfE4.js → choice-inputs-DHGtx0QV.js}

@@ -1,22 +1,22 @@
 "use client";
 import { S as e, d as t, i as n, v as r } from "./ui-provider-C-74NVLc.js";
 import { useStrings as i } from "./lib/strings.js";
-import { t as a } from "./utils-B6kKb8jB.js";
-import { a as o, c as s } from "./typography-BQnine1k.js";
+import { t as a } from "./utils-DhuoqFy4.js";
+import { a as o, c as s } from "./typography-C7-YMW1S.js";
 import { o as c, s as l } from "./text.styles-B64My8RZ.js";
 import { t as u } from "./focus-recipes-B653VaLq.js";
 import { t as d } from "./anchored-positioning-DPnKTvNs.js";
-import { t as f } from "./portal-recipes-BpsV_iRw.js";
+import { t as f } from "./portal-recipes-DyUXqUtD.js";
 import { t as p } from "./motion-recipes-DitYv6P2.js";
-import { t as m } from "./structure-DuxKl954.js";
-import { a as h } from "./surface-recipes-BKRVW8Os.js";
-import { n as g, r as _, t as v } from "./popover.recipes-DdiEp0rd.js";
-import { n as y, t as b } from "./collection-content-gDh1v6O4.js";
-import { t as x } from "./interaction-recipes-XR9ZpVYL.js";
-import { t as S } from "./field-state-recipes-BVA2CWHo.js";
-import { r as C } from "./field-affordance-recipes-DWcNcOjh.js";
-import { d as w, h as T, p as E, s as D, y as O } from "./form-sizing-Bs2qFUeE.js";
-import { t as k } from "./checkbox-fflqmODR.js";
+import { t as m } from "./structure-DZJ2wbAU.js";
+import { a as h } from "./surface-recipes-C8mNycaY.js";
+import { n as g, r as _, t as v } from "./popover.recipes-DJ0AkUan.js";
+import { n as y, t as b } from "./collection-content-CSnwtOTH.js";
+import { t as x } from "./interaction-recipes-4wZ2tvfb.js";
+import { t as S } from "./field-state-recipes-7sza8QbC.js";
+import { r as C } from "./field-affordance-recipes-D6H7tVJi.js";
+import { d as w, h as T, p as E, s as D, y as O } from "./form-sizing-CgcrUbLU.js";
+import { t as k } from "./checkbox-MoyHIAPs.js";
 import * as A from "react";
 import { forwardRef as j, memo as M, useCallback as N, useId as P, useMemo as F, useState as I } from "react";
 import { jsx as L, jsxs as R } from "react/jsx-runtime";
@@ -69,11 +69,14 @@ function ie({ className: e, container: t, children: r, side: i = "bottom", sideO
 			children: /* @__PURE__ */ R(U.Popup, {
 				"data-slot": "select-content",
 				"data-align-trigger": l,
-				className: a(p.popup, "data-[align-trigger=true]:transition-none data-[align-trigger=true]:duration-0 data-[align-trigger=true]:scale-100 data-[align-trigger=true]:translate-none data-[align-trigger=true]:opacity-100", "relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-surface bg-popover text-popover-foreground shadow-md", h.anchored.shell, e),
+				className: a(p.popup, "data-[align-trigger=true]:transition-none data-[align-trigger=true]:duration-0 data-[align-trigger=true]:scale-100 data-[align-trigger=true]:translate-none data-[align-trigger=true]:opacity-100", "relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-surface bg-popover text-popover-foreground shadow-md outline-none", h.anchored.shell, e),
 				...m,
 				children: [
 					/* @__PURE__ */ L(Y, {}),
-					/* @__PURE__ */ L(U.List, { children: r }),
+					/* @__PURE__ */ L(U.List, {
+						className: "outline-none",
+						children: r
+					}),
 					/* @__PURE__ */ L(oe, {})
 				]
 			})
@@ -524,33 +527,35 @@ var Fe = {
 	2: "grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2",
 	3: "grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2 @xl/card-checkbox-group:grid-cols-3",
 	4: "grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2 @2xl/card-checkbox-group:grid-cols-4"
-}, Ie = j(function({ "aria-describedby": e, options: n, value: i, defaultValue: o, onValueChange: u, name: d, columns: f = 3, invalid: p, disabled: h, size: g, className: _ }, v) {
-	let { defaultScale: y } = t(), { defaultTextSize: b } = r(), x = O(g, y), C = a("card-checkbox-group--marker", $, l[b ?? "sm"], c.normal), w = i !== void 0, [T, E] = I(o ?? []), D = F(() => w ? i ?? [] : T, [
-		T,
-		w,
-		i
-	]), k = Te[x], A = N((e) => {
-		if (h || n.find((t) => t.value === e)?.disabled) return;
-		let t = D.includes(e) ? D.filter((t) => t !== e) : [...D, e];
-		w || E(t), u?.(t);
-	}, [
-		h,
-		n,
+}, Ie = j(function({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: u, defaultValue: d, onValueChange: f, name: p, columns: h = 3, invalid: g, disabled: _, size: v, className: y }, b) {
+	let { defaultScale: x } = t(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-checkbox-group--marker", $, l[C ?? "sm"], c.normal), E = u !== void 0, [D, k] = I(d ?? []), A = F(() => E ? u ?? [] : D, [
 		D,
-		w,
+		E,
 		u
+	]), j = Te[w], M = N((e) => {
+		if (_ || o.find((t) => t.value === e)?.disabled) return;
+		let t = A.includes(e) ? A.filter((t) => t !== e) : [...A, e];
+		E || k(t), f?.(t);
+	}, [
+		_,
+		o,
+		A,
+		E,
+		f
 	]);
 	return /* @__PURE__ */ L("div", {
-		ref: v,
-		className: a("card-checkbox-group--component @container/card-checkbox-group", _),
+		ref: b,
+		className: a("card-checkbox-group--component @container/card-checkbox-group", y),
 		children: /* @__PURE__ */ L("div", {
-			className: a("card-checkbox-group--grid", Fe[f]),
+			className: a("card-checkbox-group--grid", Fe[h]),
 			role: "group",
-			"aria-describedby": e,
-			"aria-invalid": p || void 0,
-			"aria-disabled": h || void 0,
-			children: n.map((e) => {
-				let t = e.icon, n = e.label, r = D.includes(e.value), i = h || e.disabled, o = !!d && r, c = d ? `${d}[]` : void 0;
+			"aria-label": e,
+			"aria-labelledby": n,
+			"aria-describedby": i,
+			"aria-invalid": g || void 0,
+			"aria-disabled": _ || void 0,
+			children: o.map((e) => {
+				let t = e.icon, n = e.label, r = A.includes(e.value), i = _ || e.disabled, o = !!p && r, c = p ? `${p}[]` : void 0;
 				return /* @__PURE__ */ R("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ L("input", {
@@ -563,16 +568,16 @@ var Fe = {
 					}), /* @__PURE__ */ R("button", {
 						type: "button",
 						"aria-pressed": r,
-						"aria-invalid": p || void 0,
-						onClick: () => A(e.value),
+						"aria-invalid": g || void 0,
+						onClick: () => M(e.value),
 						disabled: i,
 						"data-selected": r,
-						className: a("box-border group relative flex w-full flex-col items-start text-start outline-none cursor-pointer", "rounded-surface border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150", Oe, "data-[selected=true]:border-primary", k.padding, k.gap, S.invalid, "disabled:cursor-not-allowed disabled:opacity-50"),
+						className: a("box-border group relative flex w-full flex-col items-start text-start outline-none cursor-pointer", "rounded-surface border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150", Oe, "data-[selected=true]:border-primary", j.padding, j.gap, S.invalid, "disabled:cursor-not-allowed disabled:opacity-50"),
 						children: [!!t && /* @__PURE__ */ L("span", {
-							className: a("inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground", k.iconBox),
-							children: /* @__PURE__ */ L(t, { className: k.iconSize })
+							className: a("inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground", j.iconBox),
+							children: /* @__PURE__ */ L(t, { className: j.iconSize })
 						}), /* @__PURE__ */ R("span", {
-							className: a("card-checkbox-group--body flex w-full min-w-0 items-start", k.gap),
+							className: a("card-checkbox-group--body flex w-full min-w-0 items-start", j.gap),
 							children: [/* @__PURE__ */ R(m, {
 								gap: "dense",
 								className: "min-w-0 flex-1",
@@ -588,7 +593,7 @@ var Fe = {
 								}) : e.description)]
 							}), /* @__PURE__ */ L("span", {
 								"aria-hidden": "true",
-								className: C,
+								className: T,
 								children: /* @__PURE__ */ L("span", {
 									className: Ae,
 									children: /* @__PURE__ */ L(H, { className: a(ke, !r && "hidden") })
@@ -613,32 +618,34 @@ var Re = {
 	3: "grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2 @xl/card-radio-group:grid-cols-3",
 	4: "grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2 @2xl/card-radio-group:grid-cols-4"
 };
-function ze({ "aria-describedby": e, options: n, value: i, defaultValue: o, onValueChange: u, name: d, columns: f = 3, invalid: p, disabled: h, size: g, className: _ }, v) {
-	let { defaultScale: y } = t(), { defaultTextSize: b } = r(), x = O(g, y), C = a("card-radio-group--marker", $, l[b ?? "sm"], c.normal), w = Te[x], T = F(() => a("card-radio-group--grid", Re[f]), [f]);
+function ze({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: u, defaultValue: d, onValueChange: f, name: p, columns: h = 3, invalid: g, disabled: _, size: v, className: y }, b) {
+	let { defaultScale: x } = t(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-radio-group--marker", $, l[C ?? "sm"], c.normal), E = Te[w], D = F(() => a("card-radio-group--grid", Re[h]), [h]);
 	return /* @__PURE__ */ L("div", {
-		ref: v,
-		className: a("card-radio-group--component @container/card-radio-group", _),
+		ref: b,
+		className: a("card-radio-group--component @container/card-radio-group", y),
 		children: /* @__PURE__ */ L(K, {
-			value: i,
-			defaultValue: o,
-			onValueChange: (e) => e && u?.(e),
-			name: d,
-			disabled: h,
-			"aria-describedby": e,
-			"aria-invalid": p || void 0,
-			className: T,
-			children: n.map((e) => {
+			value: u,
+			defaultValue: d,
+			onValueChange: (e) => e && f?.(e),
+			name: p,
+			disabled: _,
+			"aria-label": e,
+			"aria-labelledby": n,
+			"aria-describedby": i,
+			"aria-invalid": g || void 0,
+			className: D,
+			children: o.map((e) => {
 				let t = e.icon, n = e.label;
 				return /* @__PURE__ */ R(G.Root, {
 					value: e.value,
-					disabled: h || e.disabled,
-					"aria-invalid": p || void 0,
-					className: a("box-border relative group flex flex-col text-start outline-none cursor-pointer", "rounded-surface border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150", Oe, "data-[checked]:border-primary", w.padding, w.gap, S.invalid, "data-disabled:cursor-not-allowed data-disabled:opacity-50"),
+					disabled: _ || e.disabled,
+					"aria-invalid": g || void 0,
+					className: a("box-border relative group flex flex-col text-start outline-none cursor-pointer", "rounded-surface border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150", Oe, "data-[checked]:border-primary", E.padding, E.gap, S.invalid, "data-disabled:cursor-not-allowed data-disabled:opacity-50"),
 					children: [!!t && /* @__PURE__ */ L("span", {
-						className: a("inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground", w.iconBox),
-						children: /* @__PURE__ */ L(t, { className: w.iconSize })
+						className: a("inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground", E.iconBox),
+						children: /* @__PURE__ */ L(t, { className: E.iconSize })
 					}), /* @__PURE__ */ R("span", {
-						className: a("card-radio-group--body flex w-full min-w-0 items-start", w.gap),
+						className: a("card-radio-group--body flex w-full min-w-0 items-start", E.gap),
 						children: [/* @__PURE__ */ R(m, {
 							gap: "dense",
 							className: "min-w-0 flex-1",
@@ -654,7 +661,7 @@ function ze({ "aria-describedby": e, options: n, value: i, defaultValue: o, onVa
 							}) : e.description)]
 						}), /* @__PURE__ */ L("span", {
 							"aria-hidden": "true",
-							className: C,
+							className: T,
 							children: /* @__PURE__ */ L("span", {
 								className: Ae,
 								children: /* @__PURE__ */ L(G.Indicator, { render: /* @__PURE__ */ L(H, { className: ke }) })
@@ -673,24 +680,27 @@ Be.displayName = "CardRadioGroup";
 function Ve(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var He = j(function({ options: e, value: n, defaultValue: i, onValueChange: o, name: c, invalid: u, disabled: d, size: f, className: p }, h) {
-	let { defaultScale: g } = t(), { defaultTextSize: _ } = r(), v = De[O(f, g)], y = a(l[_ ?? "sm"], "leading-tight");
+var He = j(function({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: c, defaultValue: u, onValueChange: d, name: f, invalid: p, disabled: h, size: g, className: _ }, v) {
+	let { defaultScale: y } = t(), { defaultTextSize: b } = r(), C = De[O(g, y)], w = a(l[b ?? "sm"], "leading-tight");
 	return /* @__PURE__ */ L(K, {
-		ref: h,
-		value: n,
-		defaultValue: i,
-		onValueChange: (e) => e && o?.(e),
-		name: c,
-		disabled: d,
-		"aria-invalid": u || void 0,
-		className: a("list-radio-group--component", "overflow-hidden rounded-radius border border-border [&>[role=radio]~[role=radio]]:border-t [&>[role=radio]~[role=radio]]:border-border", S.invalid, d && "pointer-events-none opacity-50", p),
-		children: e.map((e) => /* @__PURE__ */ R(G.Root, {
+		ref: v,
+		"aria-label": e,
+		"aria-labelledby": n,
+		"aria-describedby": i,
+		value: c,
+		defaultValue: u,
+		onValueChange: (e) => e && d?.(e),
+		name: f,
+		disabled: h,
+		"aria-invalid": p || void 0,
+		className: a("list-radio-group--component", "overflow-hidden rounded-radius border border-border [&>[role=radio]~[role=radio]]:border-t [&>[role=radio]~[role=radio]]:border-border", S.invalid, h && "pointer-events-none opacity-50", _),
+		children: o.map((e) => /* @__PURE__ */ R(G.Root, {
 			value: e.value,
-			disabled: d || e.disabled,
-			className: a("box-border group flex w-full items-start gap-space-lg text-start outline-none cursor-pointer", `transition-colors ${x.rowHover}`, "data-disabled:cursor-not-allowed", !d && "data-disabled:opacity-50", v),
+			disabled: h || e.disabled,
+			className: a("box-border group flex w-full items-start gap-space-lg text-start outline-none cursor-pointer", `transition-colors ${x.rowHover}`, "data-disabled:cursor-not-allowed", !h && "data-disabled:opacity-50", C),
 			children: [/* @__PURE__ */ L("span", {
 				"aria-hidden": "true",
-				className: a("list-radio-group--track", $, y),
+				className: a("list-radio-group--track", $, w),
 				children: /* @__PURE__ */ L("span", {
 					className: a("list-radio-group--radio box-border flex size-4 items-center justify-center rounded-full border border-input transition-[border-color,box-shadow]", "group-data-[checked]:border-primary group-focus-visible:border-ring group-focus-visible:ring-3 group-focus-visible:ring-ring/50"),
 					children: /* @__PURE__ */ L(G.Indicator, { className: "list-radio-group--dot size-2 rounded-full bg-primary" })
@@ -718,47 +728,45 @@ var He = j(function({ options: e, value: n, defaultValue: i, onValueChange: o, n
 He.displayName = "ListRadioGroup";
 //#endregion
 //#region src/components/base/choice-inputs/pill-radio-group.tsx
-var Ue = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), We = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Ge = A.forwardRef(function({ name: e, value: n, options: r, onValueChange: i, allowClear: o = !1, size: c, fullWidth: l = !1, disabled: d = !1, invalid: f = !1, className: p, "aria-label": m, "aria-labelledby": h, "aria-describedby": g }, _) {
-	let { defaultScale: v } = t(), y = O(c, v), b = A.useRef([]), x = A.useCallback((e) => !d && !e.disabled, [d]), C = r.findIndex((e) => e.value === n), T = C >= 0 && x(r[C]) ? C : r.findIndex(x), E = A.useCallback((e) => {
-		e === n ? o && i(null) : i(e);
-	}, [
-		o,
-		i,
-		n
-	]);
-	return /* @__PURE__ */ L("div", {
-		ref: _,
-		"data-name": e,
+var Ue = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), We = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Ge = A.forwardRef(function(e, n) {
+	let { name: r, value: i, defaultValue: o, options: c, onValueChange: l, allowClear: d = !1, size: f, fullWidth: p = !1, disabled: m = !1, invalid: h = !1, className: g, "aria-label": _, "aria-labelledby": v, "aria-describedby": y } = e, b = Object.hasOwn(e, "value"), [x, C] = A.useState(o ?? null), T = b ? i : x, { defaultScale: E } = t(), D = O(f, E), k = A.useRef([]), j = A.useCallback((e) => !m && !e.disabled, [m]), M = c.findIndex((e) => e.value === T), N = c[M], P = N && j(N) ? M : c.findIndex(j), F = (e) => {
+		b || C(e), l?.(e);
+	}, I = (e) => {
+		e === T ? d && F(null) : F(e);
+	};
+	return /* @__PURE__ */ R("div", {
+		ref: n,
+		"data-name": r,
 		role: "radiogroup",
-		"aria-label": m,
-		"aria-labelledby": h,
-		"aria-describedby": g,
-		"aria-invalid": f || void 0,
-		"aria-disabled": d || void 0,
+		"aria-label": _,
+		"aria-labelledby": v,
+		"aria-describedby": y,
+		"aria-invalid": h || void 0,
+		"aria-disabled": m || void 0,
 		onKeyDown: (e) => {
-			let t = r.map((e, t) => x(e) ? t : -1).filter((e) => e >= 0);
+			let t = c.map((e, t) => j(e) ? t : -1).filter((e) => e >= 0);
 			if (!t.length) return;
-			let a = b.current.findIndex((t) => t === e.target);
-			if (a < 0) return;
-			let o = getComputedStyle(e.currentTarget).direction === "rtl", s = o ? /* @__PURE__ */ new Set(["ArrowLeft", "ArrowDown"]) : Ue, c = o ? /* @__PURE__ */ new Set(["ArrowRight", "ArrowUp"]) : We, l = t.indexOf(a), u;
-			s.has(e.key) ? u = t[(l + 1) % t.length] : c.has(e.key) ? u = t[(l - 1 + t.length) % t.length] : e.key === "Home" ? u = t[0] : e.key === "End" && (u = t[t.length - 1]), u !== void 0 && (e.preventDefault(), b.current[u]?.focus(), r[u].value !== n && i(r[u].value));
+			let n = k.current.findIndex((t) => t === e.target);
+			if (n < 0) return;
+			let r = getComputedStyle(e.currentTarget).direction === "rtl", i = r ? /* @__PURE__ */ new Set(["ArrowLeft", "ArrowDown"]) : Ue, a = r ? /* @__PURE__ */ new Set(["ArrowRight", "ArrowUp"]) : We, o = t.indexOf(n), s;
+			i.has(e.key) ? s = t[(o + 1) % t.length] : a.has(e.key) ? s = t[(o - 1 + t.length) % t.length] : e.key === "Home" ? s = t[0] : e.key === "End" && (s = t[t.length - 1]), s !== void 0 && (e.preventDefault(), k.current[s]?.focus(), c[s].value !== T && F(c[s].value));
 		},
-		className: a("pill-radio-group--component", "border-input inline-flex items-center overflow-hidden rounded-radius border", w[y], l ? "w-full" : "w-fit self-start", S.invalid, d && "pointer-events-none opacity-50", p),
-		children: r.map((e, t) => {
-			let r = e.value === n, i = e.icon, o = typeof e.label == "string" ? e.label : void 0;
+		className: a("pill-radio-group--component", "border-input inline-flex items-center overflow-hidden rounded-radius border", w[D], p ? "w-full" : "w-fit self-start", S.invalid, m && "pointer-events-none opacity-50", g),
+		children: [c.map((e, t) => {
+			let n = e.value === T, r = e.icon, i = typeof e.label == "string" ? e.label : void 0;
 			return /* @__PURE__ */ R("button", {
 				ref: (e) => {
-					b.current[t] = e;
+					k.current[t] = e;
 				},
 				type: "button",
 				role: "radio",
-				"aria-checked": r,
-				"aria-label": o || e.value,
-				disabled: d || e.disabled,
-				tabIndex: t === T ? 0 : -1,
-				onClick: () => E(e.value),
-				className: a("box-border inline-flex select-none items-center justify-center border-0 p-0 font-sans font-medium transition-colors", `outline-none focus-visible:z-10 ${u.inset}`, "disabled:pointer-events-none", !d && "disabled:opacity-50", Ee[y], "h-full min-h-0", l && "flex-1", t > 0 && "border-input border-s", r ? "bg-primary text-primary-foreground focus-visible:inset-ring-primary-foreground focus-visible:ring-primary-foreground/50" : "bg-background text-foreground hover:bg-muted"),
-				children: [!!i && /* @__PURE__ */ L(i, { className: a(y === "sm" ? "size-icon-sm" : "size-icon", e.label && "me-space-sm") }), typeof e.label == "string" || typeof e.label == "number" || typeof e.label == "bigint" ? /* @__PURE__ */ L(s, {
+				"aria-checked": n,
+				"aria-label": i || e.value,
+				disabled: m || e.disabled,
+				tabIndex: t === P ? 0 : -1,
+				onClick: () => I(e.value),
+				className: a("box-border inline-flex select-none items-center justify-center border-0 p-0 font-sans font-medium transition-colors", `outline-none focus-visible:z-10 ${u.inset}`, "disabled:pointer-events-none", !m && "disabled:opacity-50", Ee[D], "h-full min-h-0", p && "flex-1", t > 0 && "border-input border-s", n ? "bg-primary text-primary-foreground focus-visible:inset-ring-primary-foreground focus-visible:ring-primary-foreground/50" : "bg-background text-foreground hover:bg-muted"),
+				children: [!!r && /* @__PURE__ */ L(r, { className: a(D === "sm" ? "size-icon-sm" : "size-icon", e.label && "me-space-sm") }), typeof e.label == "string" || typeof e.label == "number" || typeof e.label == "bigint" ? /* @__PURE__ */ L(s, {
 					tag: "span",
 					size: "inherit",
 					weight: "medium",
@@ -767,11 +775,15 @@ var Ue = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), We = /* @__PURE__
 					children: e.label
 				}) : e.label]
 			}, e.value);
-		})
+		}), r && N && j(N) && /* @__PURE__ */ L("input", {
+			type: "hidden",
+			name: r,
+			value: N.value
+		})]
 	});
 });
 Ge.displayName = "PillRadioGroup";
 //#endregion
 export { re as _, Ne as a, Q as c, le as d, ue as f, ee as g, me as h, Ie as i, Ce as l, pe as m, He as n, je as o, de as p, Be as r, $ as s, Ge as t, he as u, ne as v };
 
-//# sourceMappingURL=choice-inputs-zUgBZfE4.js.map
+//# sourceMappingURL=choice-inputs-DHGtx0QV.js.map