themelia-react-ui 2.0.5 → 3.0.0

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

@@ -1,24 +1,25 @@
 "use client";
-import { S as e, d as t, i as n, v as r } from "./ui-provider-C-74NVLc.js";
+import { C as e, a as t, f as n, y as r } from "./ui-provider-Bu1S-o96.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-BVbAG2J6.js";
+import { a as o, c as s } from "./typography-C0dELqYV.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 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 * 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 { t as u } from "./focus-recipes-DSkiUvUp.js";
+import { n as d } from "./anchored-positioning-1U_eBFNx.js";
+import { t as f } from "./portal-recipes-BPeS4rGB.js";
+import { t as p } from "./motion-recipes-CUc_aHuG.js";
+import { t as m } from "./structure-DElaQwwN.js";
+import { s as h } from "./surface-recipes-DV6rrOFq.js";
+import { n as g, r as _, t as v } from "./popover.recipes-BqkdvlZn.js";
+import { n as y, t as b } from "./collection-content-D7SoDlYd.js";
+import { t as x } from "./interaction-recipes-DmuS1ase.js";
+import { t as S } from "./field-state-recipes-EtCxpEy3.js";
+import { r as C } from "./field-affordance-recipes-DfbMadot.js";
+import { d as w, h as T, p as E, s as D, y as O } from "./form-sizing-DE_dZw32.js";
+import { t as k } from "./use-controllable-state-BlP8SyBI.js";
+import { t as A } from "./checkbox-Dy5_XBMZ.js";
+import * as j from "react";
+import { forwardRef as M, memo as N, useCallback as P, useId as F, useMemo as I } from "react";
 import { jsx as L, jsxs as R } from "react/jsx-runtime";
 import { CheckIcon as z, ChevronDownIcon as B, ChevronUpIcon as V, CircleCheck as H } from "lucide-react";
 import { Select as U } from "@base-ui/react/select";
@@ -53,8 +54,8 @@ function re({ className: e, size: t = "default", iconClassName: n, children: r,
 		}) })]
 	});
 }
-function ie({ className: e, container: t, children: r, side: i = "bottom", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, alignItemWithTrigger: l = !0, positionMethod: u = d, ...m }) {
-	let g = n(t);
+function ie({ className: e, container: n, children: r, side: i = "bottom", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, alignItemWithTrigger: l = !0, positionMethod: u = d, ...m }) {
+	let g = t(n);
 	return /* @__PURE__ */ L(U.Portal, {
 		container: g,
 		className: f(),
@@ -69,11 +70,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, {})
 				]
 			})
@@ -225,8 +229,8 @@ function Se({ option: e, size: t }) {
 		descriptionClassName: "select--option-description line-clamp-2"
 	});
 }
-var Ce = M(j(function(e, n) {
-	let r = Object.prototype.hasOwnProperty.call(e, "value"), { options: o, density: s, placeholder: c, strings: l, allowClear: u = !1, invalid: d, size: f, className: p, contentClassName: m, onValueChange: h, disabled: g, readOnly: _, defaultOpen: v, open: y, onOpenChange: b, onOpenChangeComplete: x, modal: S, highlightItemOnHover: w, name: T, form: D, autoComplete: k, inputRef: A, id: j, required: M, "aria-label": P, "aria-labelledby": I, "aria-describedby": z, "aria-invalid": B, onFocus: V, onBlur: H, value: U, defaultValue: W, renderOption: G, renderValue: K, ...te } = e, ie = i(he, l), { defaultScale: ae } = t(), q = O(f, ae), J = c ?? ie.placeholder, Y = F(() => {
+var Ce = N(M(function(e, t) {
+	let r = Object.prototype.hasOwnProperty.call(e, "value"), { options: o, density: s, placeholder: c, strings: l, allowClear: u = !1, invalid: d, size: f, className: p, contentClassName: m, onValueChange: h, disabled: g, readOnly: _, defaultOpen: v, open: y, onOpenChange: b, onOpenChangeComplete: x, modal: S, highlightItemOnHover: w, name: T, form: D, autoComplete: k, inputRef: A, id: j, required: M, "aria-label": N, "aria-labelledby": F, "aria-describedby": z, "aria-invalid": B, onFocus: V, onBlur: H, value: U, defaultValue: W, renderOption: G, renderValue: K, ...te } = e, ie = i(he, l), { defaultScale: ae } = n(), q = O(f, ae), J = c ?? ie.placeholder, Y = I(() => {
 		let e = o.map((e) => ({
 			option: e,
 			internalValue: _e(e.value)
@@ -242,10 +246,10 @@ var Ce = M(j(function(e, n) {
 		u,
 		o,
 		J
-	]), oe = F(() => new Map(Y.map((e) => [e.internalValue, e.option])), [Y]), X = ve(U), se = ve(W), ce = N((e) => {
+	]), oe = I(() => new Map(Y.map((e) => [e.internalValue, e.option])), [Y]), X = ve(U), se = ve(W), ce = P((e) => {
 		let t = ye(e);
 		h?.(t);
-	}, [h]), fe = N((e) => ye(e) ?? "", []);
+	}, [h]), fe = P((e) => ye(e) ?? "", []);
 	return /* @__PURE__ */ R(ee, {
 		onValueChange: ce,
 		disabled: g,
@@ -266,9 +270,9 @@ var Ce = M(j(function(e, n) {
 		itemToStringValue: fe,
 		...r ? { value: X } : {},
 		children: [/* @__PURE__ */ L(re, {
-			ref: n,
-			"aria-label": P,
-			"aria-labelledby": I,
+			ref: t,
+			"aria-label": N,
+			"aria-labelledby": F,
 			"aria-describedby": z,
 			"aria-invalid": d ? !0 : B,
 			onFocus: V,
@@ -324,14 +328,14 @@ function we({ className: e, size: t = "default", ...n }) {
 }
 //#endregion
 //#region src/components/base/choice-inputs/switch.tsx
-var Q = j(function({ onValueChange: n, size: r, invalid: i, className: o, id: s, name: c, "aria-invalid": l, ...u }, d) {
-	let { defaultScale: f } = t(), p = e(r, f), m = i ? !0 : l, h = m !== void 0 && m !== !1 && m !== "false";
+var Q = M(function({ onValueChange: t, size: r, invalid: i, className: o, id: s, name: c, "aria-invalid": l, ...u }, d) {
+	let { defaultScale: f } = n(), p = e(r, f), m = i ? !0 : l, h = m !== void 0 && m !== !1 && m !== "false";
 	return /* @__PURE__ */ L(we, {
 		ref: d,
 		...u,
 		id: s,
 		name: c,
-		onCheckedChange: (e) => n?.(e),
+		onCheckedChange: (e) => t?.(e),
 		size: p === "sm" ? "sm" : "default",
 		"aria-invalid": m,
 		className: a("switch--component", p === "lg" && "h-6! w-11! [&_[data-slot=switch-thumb]]:size-5! [&[data-checked]_[data-slot=switch-thumb]]:translate-x-[20px]!", h && "data-unchecked:border-destructive", o)
@@ -367,27 +371,26 @@ var Te = {
 	sm: "px-row-x py-row-y-sm",
 	md: "px-row-x py-row-y",
 	lg: "px-row-x py-row-y-lg"
-}, Oe = `${x.tileHover} ${u.frame}`, $ = "flex h-lh shrink-0 items-center", ke = "size-action-sm shrink-0 text-primary-foreground fill-primary stroke-primary-foreground", Ae = "inline-flex size-action-sm shrink-0 items-center justify-center", je = A.forwardRef(function({ "aria-describedby": n, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, hint: f, icon: p, name: h, value: g, defaultValue: _, onValueChange: v, disabled: y = !1, invalid: b, className: x }, C) {
-	let w = g !== void 0, [E, D] = I(_ ?? !1), O = w ? g ?? !1 : E, { defaultScale: k } = t(), A = T[e(void 0, k)], j = P(), M = l ?? j, F = typeof d == "string" && d.trim() !== "", z = F ? `${M}-description` : void 0, B = N((e) => {
-		y || (w || D(e), v?.(e));
-	}, [
-		y,
-		w,
-		v
-	]), V = N((e) => {
-		e.target.closest("[role=\"switch\"]") || B(!O);
-	}, [O, B]);
+}, Oe = `${x.tileHover} ${u.frame}`, $ = "flex h-lh shrink-0 items-center", ke = "size-action-sm shrink-0 text-primary-foreground fill-primary stroke-primary-foreground", Ae = "inline-flex size-action-sm shrink-0 items-center justify-center", je = j.forwardRef(function({ "aria-describedby": t, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, hint: f, icon: p, name: h, value: g, defaultValue: _, onValueChange: v, disabled: y = !1, invalid: b, className: x }, C) {
+	let [w, E] = k({
+		value: g,
+		defaultValue: _ ?? !1,
+		onChange: v
+	}), { defaultScale: D } = n(), O = T[e(void 0, D)], A = F(), j = l ?? A, M = typeof d == "string" && d.trim() !== "", N = M ? `${j}-description` : void 0, I = P((e) => {
+		y || E(e);
+	}, [y, E]), z = P((e) => {
+		e.target.closest("[role=\"switch\"]") || I(!w);
+	}, [w, I]);
 	return /* @__PURE__ */ R("div", {
 		ref: C,
 		"aria-invalid": b || r,
-		onClick: V,
-		className: a("switch-card--component", "group relative flex items-start gap-space-lg rounded-surface border bg-card text-card-foreground p-surface transition-[background,border-color,box-shadow] duration-150", "border-border", O && "border-primary", S.invalid, !y && "cursor-pointer hover:border-input", y && "cursor-not-allowed opacity-50", x),
+		onClick: z,
+		className: a("switch-card--component", "group relative flex items-start gap-space-lg rounded-surface border bg-card text-card-foreground p-surface transition-[background,border-color,box-shadow] duration-150", "border-border", w && "border-primary", S.invalid, !y && "cursor-pointer hover:border-input", y && "cursor-not-allowed opacity-50", x),
 		children: [
 			!!h && /* @__PURE__ */ L("input", {
 				type: "hidden",
 				name: h,
-				value: O ? "1" : "0",
-				"aria-hidden": "true"
+				value: w ? "1" : "0"
 			}),
 			!!p && /* @__PURE__ */ L("span", {
 				className: a("switch-card--icon size-control", "inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground"),
@@ -398,12 +401,12 @@ var Te = {
 				className: "min-w-0 flex-1",
 				children: [
 					/* @__PURE__ */ L(o, {
-						htmlFor: M,
+						htmlFor: j,
 						className: a("block text-inherit", y ? "cursor-not-allowed" : "cursor-pointer"),
 						children: u
 					}),
-					!!F && /* @__PURE__ */ L(s, {
-						id: z,
+					!!M && /* @__PURE__ */ L(s, {
+						id: N,
 						size: "xs",
 						type: "secondary",
 						children: d
@@ -416,18 +419,18 @@ var Te = {
 				]
 			}),
 			/* @__PURE__ */ L("div", {
-				className: a("switch-card--control", $, A),
+				className: a("switch-card--control", $, O),
 				children: /* @__PURE__ */ L(Q, {
 					className: "data-disabled:opacity-100",
-					id: M,
+					id: j,
 					ref: i,
 					onBlur: c,
-					checked: O,
-					onValueChange: B,
+					checked: w,
+					onValueChange: I,
 					disabled: y,
 					invalid: b || !!(r && r !== "false"),
 					"aria-label": u,
-					"aria-describedby": [n, z].filter(Boolean).join(" ") || void 0
+					"aria-describedby": [t, N].filter(Boolean).join(" ") || void 0
 				})
 			})
 		]
@@ -439,51 +442,51 @@ je.displayName = "SwitchCard";
 function Me(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var Ne = j(function({ "aria-describedby": n, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, kind: f = "switch", value: p, defaultValue: h, onValueChange: g, disabled: _ = !1, invalid: v = !1, name: y, className: b, controlPosition: x = "trailing" }, S) {
-	let C = p !== void 0, [w, E] = I(h ?? !1), D = C ? p ?? !1 : w, { defaultScale: O } = t(), A = a("toggle-field--control", $, T[e(void 0, O)]), j = P(), M = l ?? j, F = `${M}-label`, z = d != null && d !== !1, B = z ? `${M}-description` : void 0, V = N((e) => {
-		_ || (C || E(e), g?.(e));
-	}, [
-		_,
-		C,
-		g
-	]), H = (e) => {
-		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || V(!D);
-	}, U = f === "switch" ? /* @__PURE__ */ L(Q, {
+var Ne = M(function({ "aria-describedby": t, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, kind: f = "switch", value: p, defaultValue: h, onValueChange: g, disabled: _ = !1, invalid: v = !1, name: y, className: b, controlPosition: x = "trailing" }, S) {
+	let [C, w] = k({
+		value: p,
+		defaultValue: h ?? !1,
+		onChange: g
+	}), { defaultScale: E } = n(), D = a("toggle-field--control", $, T[e(void 0, E)]), O = F(), j = l ?? O, M = `${j}-label`, N = d != null && d !== !1, I = N ? `${j}-description` : void 0, z = P((e) => {
+		_ || w(e);
+	}, [_, w]), B = (e) => {
+		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || z(!C);
+	}, V = f === "switch" ? /* @__PURE__ */ L(Q, {
 		className: "after:inset-x-0",
-		id: M,
+		id: j,
 		ref: i,
 		onBlur: c,
 		name: y,
-		checked: D,
-		onValueChange: V,
+		checked: C,
+		onValueChange: z,
 		disabled: _,
 		invalid: v || !!(r && r !== "false"),
-		"aria-labelledby": F,
-		"aria-describedby": [n, B].filter(Boolean).join(" ") || void 0
-	}) : /* @__PURE__ */ L(k, {
-		id: M,
+		"aria-labelledby": M,
+		"aria-describedby": [t, I].filter(Boolean).join(" ") || void 0
+	}) : /* @__PURE__ */ L(A, {
+		id: j,
 		ref: i,
 		onBlur: c,
 		name: y,
-		checked: D,
-		onCheckedChange: (e) => V(e === !0),
+		checked: C,
+		onCheckedChange: (e) => z(e === !0),
 		disabled: _,
 		"aria-invalid": v || r,
-		"aria-labelledby": F,
-		"aria-describedby": [n, B].filter(Boolean).join(" ") || void 0
-	}), W = /* @__PURE__ */ R(m, {
+		"aria-labelledby": M,
+		"aria-describedby": [t, I].filter(Boolean).join(" ") || void 0
+	}), H = /* @__PURE__ */ R(m, {
 		gap: "dense",
 		className: "min-w-0 flex-1",
 		children: [/* @__PURE__ */ L("div", {
-			id: F,
+			id: M,
 			children: Me(u) ? /* @__PURE__ */ L(o, {
-				htmlFor: M,
+				htmlFor: j,
 				"data-disabled": _ || void 0,
 				className: a("block text-inherit data-disabled:opacity-50", _ ? "cursor-not-allowed" : "cursor-pointer"),
 				children: u
 			}) : u
-		}), z && /* @__PURE__ */ L("div", {
-			id: B,
+		}), N && /* @__PURE__ */ L("div", {
+			id: I,
 			children: Me(d) ? /* @__PURE__ */ L(s, {
 				size: "xs",
 				type: "secondary",
@@ -498,17 +501,17 @@ var Ne = j(function({ "aria-describedby": n, "aria-invalid": r, controlRef: i, o
 		wrap: !1,
 		gap: "md",
 		role: "group",
-		onClick: H,
+		onClick: B,
 		className: a("toggle-field--component rounded-radius py-row-y", _ && "pointer-events-none", b),
 		children: [
 			x === "leading" && /* @__PURE__ */ L("div", {
-				className: A,
-				children: U
+				className: D,
+				children: V
 			}),
-			W,
+			H,
 			x === "trailing" && /* @__PURE__ */ L("div", {
-				className: A,
-				children: U
+				className: D,
+				children: V
 			})
 		]
 	});
@@ -524,33 +527,34 @@ 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);
+}, Ie = M(function({ "aria-label": e, "aria-labelledby": t, "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 } = n(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-checkbox-group--marker", $, l[C ?? "sm"], c.normal), [E, D] = k({
+		value: u,
+		defaultValue: d ?? [],
+		onChange: f
+	}), A = Te[w], j = P((e) => {
+		if (_ || o.find((t) => t.value === e)?.disabled) return;
+		let t = E.includes(e) ? E.filter((t) => t !== e) : [...E, e];
+		D(t);
 	}, [
-		h,
-		n,
-		D,
-		w,
-		u
+		_,
+		o,
+		E,
+		D
 	]);
 	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": t,
+			"aria-describedby": i,
+			"aria-invalid": g || void 0,
+			"aria-disabled": _ || void 0,
+			children: o.map((e) => {
+				let t = e.icon, n = e.label, r = E.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 +567,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: () => j(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", A.padding, A.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", A.iconBox),
+							children: /* @__PURE__ */ L(t, { className: A.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", A.gap),
 							children: [/* @__PURE__ */ R(m, {
 								gap: "dense",
 								className: "min-w-0 flex-1",
@@ -588,7 +592,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 +617,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": t, "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 } = n(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-radio-group--marker", $, l[C ?? "sm"], c.normal), E = Te[w], D = I(() => 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": t,
+			"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 +660,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 }) })
@@ -666,31 +672,34 @@ function ze({ "aria-describedby": e, options: n, value: i, defaultValue: o, onVa
 		})
 	});
 }
-var Be = M(A.forwardRef(ze));
+var Be = N(j.forwardRef(ze));
 Be.displayName = "CardRadioGroup";
 //#endregion
 //#region src/components/base/choice-inputs/list-radio-group.tsx
 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 = M(function({ "aria-label": e, "aria-labelledby": t, "aria-describedby": i, options: o, value: c, defaultValue: u, onValueChange: d, name: f, invalid: p, disabled: h, size: g, className: _ }, v) {
+	let { defaultScale: y } = n(), { 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": t,
+		"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 +727,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 = j.forwardRef(function(e, t) {
+	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] = j.useState(o ?? null), T = b ? i : x, { defaultScale: E } = n(), D = O(f, E), k = j.useRef([]), A = j.useCallback((e) => !m && !e.disabled, [m]), M = c.findIndex((e) => e.value === T), N = c[M], P = N && A(N) ? M : c.findIndex(A), F = (e) => {
+		b || C(e), l?.(e);
+	}, I = (e) => {
+		e === T ? d && F(null) : F(e);
+	};
+	return /* @__PURE__ */ R("div", {
+		ref: t,
+		"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) => A(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 +774,15 @@ var Ue = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), We = /* @__PURE__
 					children: e.label
 				}) : e.label]
 			}, e.value);
-		})
+		}), r && N && A(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-oJEsrb5Y.js.map