themelia-react-ui 2.0.2 → 2.0.4

package/dist/{choice-inputs-CNHvARCJ.js → choice-inputs-JLtij2y4.js}

@@ -1,63 +1,63 @@
 "use client";
-import { m as e, s as t, v as n } from "./ui-provider-C_U0Xma4.js";
+import { m as e, s as t, v as n } from "./ui-provider-CQCuCBcy.js";
 import { r } from "./theme-scope-BJ6eE2xt.js";
 import { useStrings as i } from "./lib/strings.js";
-import { t as a } from "./utils-BRhFDwuU.js";
-import { a as o, c as s } from "./typography-UTnveOEy.js";
-import { a as c, i as l } from "./text.styles-g4He6UIW.js";
+import { t as a } from "./utils-CF3c95Io.js";
+import { a as o, c as s } from "./typography-CSyJrh28.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 "./motion-recipes-ChBg4HBq.js";
-import { t as p } from "./structure-BmisBK-3.js";
+import { t as p } from "./structure-C0V0_Fyf.js";
 import { a as m } from "./surface-recipes-BKRVW8Os.js";
 import { n as h, r as g, t as _ } from "./popover.recipes-D3j8R8Yp.js";
-import { n as v, t as y } from "./collection-content-By56pLog.js";
+import { n as v, t as y } from "./collection-content-C0e8SsTm.js";
 import { t as b } from "./interaction-recipes-XR9ZpVYL.js";
 import { t as x } from "./field-state-recipes-BVA2CWHo.js";
-import { r as S } from "./field-affordance-recipes-DZhnIL_Y.js";
-import { d as C, h as w, p as T, s as E, y as D } from "./form-sizing-BdP_Mf5p.js";
-import { t as O } from "./checkbox-AWIhNhmo.js";
+import { r as S } from "./field-affordance-recipes-DjwGx8eM.js";
+import { d as C, h as w, p as T, s as E, y as D } from "./form-sizing-NXgjkmBG.js";
+import { t as O } from "./checkbox-CzYUTPeJ.js";
 import * as k from "react";
 import { forwardRef as A, memo as j, useCallback as M, useId as N, useMemo as P, useState as F } from "react";
 import { jsx as I, jsxs as L } from "react/jsx-runtime";
-import { CheckIcon as R, ChevronDownIcon as z, ChevronUpIcon as ee, CircleCheck as B } from "lucide-react";
-import { Select as V } from "@base-ui/react/select";
-import { Switch as H } from "@base-ui/react/switch";
-import { Radio as U } from "@base-ui/react/radio";
-import { RadioGroup as W } from "@base-ui/react/radio-group";
+import { CheckIcon as R, ChevronDownIcon as z, ChevronUpIcon as B, CircleCheck as V } from "lucide-react";
+import { Select as H } from "@base-ui/react/select";
+import { Switch as U } from "@base-ui/react/switch";
+import { Radio as W } from "@base-ui/react/radio";
+import { RadioGroup as G } from "@base-ui/react/radio-group";
 //#region src/components/ui/select.tsx
-var te = V.Root;
-function G({ className: e, ...t }) {
-	return /* @__PURE__ */ I(V.Group, {
+var ee = H.Root;
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ I(H.Group, {
 		"data-slot": "select-group",
 		className: a("scroll-my-1", e),
 		...t
 	});
 }
-function ne({ className: e, ...t }) {
-	return /* @__PURE__ */ I(V.Value, {
+function te({ className: e, ...t }) {
+	return /* @__PURE__ */ I(H.Value, {
 		"data-slot": "select-value",
 		className: a("flex flex-1 text-start", e),
 		...t
 	});
 }
-function re({ className: e, size: t = "default", iconClassName: n, children: r, ...i }) {
-	return /* @__PURE__ */ L(V.Trigger, {
+function ne({ className: e, size: t = "default", iconClassName: n, children: r, ...i }) {
+	return /* @__PURE__ */ L(H.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": t,
 		className: a("box-border flex w-fit items-center justify-between gap-space-sm whitespace-nowrap rounded-inner border border-input bg-transparent px-control py-space-xs font-sans text-sm text-foreground shadow-none outline-none transition-[color,box-shadow]", "data-[placeholder]:text-muted-foreground data-[size=default]:h-control data-[size=sm]:h-control-sm", x.focus, x.invalid, "disabled:cursor-not-allowed disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:opacity-50", "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-space-sm [&_svg:not([class*='size-'])]:size-icon [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
 		...i,
-		children: [r, /* @__PURE__ */ I(V.Icon, { render: /* @__PURE__ */ I(z, {
+		children: [r, /* @__PURE__ */ I(H.Icon, { render: /* @__PURE__ */ I(z, {
 			"aria-hidden": "true",
 			className: a("pointer-events-none shrink-0 text-muted-foreground", S.icon[t === "sm" ? "sm" : "md"], n)
 		}) })]
 	});
 }
-function ie({ className: e, container: t, children: n, side: i = "bottom", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, alignItemWithTrigger: l = !0, positionMethod: u = d, ...p }) {
+function re({ className: e, container: t, children: n, side: i = "bottom", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, alignItemWithTrigger: l = !0, positionMethod: u = d, ...p }) {
 	let h = r(t);
-	return /* @__PURE__ */ I(V.Portal, {
+	return /* @__PURE__ */ I(H.Portal, {
 		container: h,
-		children: /* @__PURE__ */ I(V.Positioner, {
+		children: /* @__PURE__ */ I(H.Positioner, {
 			positionMethod: u,
 			side: i,
 			sideOffset: o,
@@ -65,58 +65,58 @@ function ie({ className: e, container: t, children: n, side: i = "bottom", sideO
 			alignOffset: c,
 			alignItemWithTrigger: l,
 			className: "isolate z-50",
-			children: /* @__PURE__ */ L(V.Popup, {
+			children: /* @__PURE__ */ L(H.Popup, {
 				"data-slot": "select-content",
 				"data-align-trigger": l,
 				className: a(f.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-radius bg-popover text-popover-foreground shadow-md", m.anchored.shell, e),
 				...p,
 				children: [
-					/* @__PURE__ */ I(q, {}),
-					/* @__PURE__ */ I(V.List, { children: n }),
-					/* @__PURE__ */ I(J, {})
+					/* @__PURE__ */ I(J, {}),
+					/* @__PURE__ */ I(H.List, { children: n }),
+					/* @__PURE__ */ I(Y, {})
 				]
 			})
 		})
 	});
 }
-function ae({ className: e, ...t }) {
-	return /* @__PURE__ */ I(V.GroupLabel, {
+function ie({ className: e, ...t }) {
+	return /* @__PURE__ */ I(H.GroupLabel, {
 		"data-slot": "select-label",
 		className: a("px-row-x py-row-y-sm text-xs font-medium text-muted-foreground", e),
 		...t
 	});
 }
-function oe({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ L(V.Item, {
+function ae({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ L(H.Item, {
 		"data-slot": "select-item",
 		className: a("relative flex w-full cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
 		...n,
-		children: [/* @__PURE__ */ I(V.ItemText, {
+		children: [/* @__PURE__ */ I(H.ItemText, {
 			className: "flex min-w-0 flex-1 gap-space-sm",
 			children: t
-		}), /* @__PURE__ */ I(V.ItemIndicator, {
+		}), /* @__PURE__ */ I(H.ItemIndicator, {
 			render: /* @__PURE__ */ I("span", { className: "pointer-events-none flex shrink-0 items-center justify-center" }),
 			children: /* @__PURE__ */ I(R, { className: "pointer-events-none" })
 		})]
 	});
 }
-function K({ className: e, ...t }) {
-	return /* @__PURE__ */ I(V.Separator, {
+function q({ className: e, ...t }) {
+	return /* @__PURE__ */ I(H.Separator, {
 		"data-slot": "select-separator",
 		className: a("pointer-events-none my-space-xs h-px", m.anchored.separator, e),
 		...t
 	});
 }
-function q({ className: e, ...t }) {
-	return /* @__PURE__ */ I(V.ScrollUpArrow, {
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ I(H.ScrollUpArrow, {
 		"data-slot": "select-scroll-up-button",
 		className: a("bg-popover z-10 flex cursor-default items-center justify-center py-space-xs [&_svg:not([class*='size-'])]:size-icon top-0 w-full", e),
 		...t,
-		children: /* @__PURE__ */ I(ee, {})
+		children: /* @__PURE__ */ I(B, {})
 	});
 }
-function J({ className: e, ...t }) {
-	return /* @__PURE__ */ I(V.ScrollDownArrow, {
+function Y({ className: e, ...t }) {
+	return /* @__PURE__ */ I(H.ScrollDownArrow, {
 		"data-slot": "select-scroll-down-button",
 		className: a("bg-popover z-10 flex cursor-default items-center justify-center py-space-xs [&_svg:not([class*='size-'])]:size-icon bottom-0 w-full", e),
 		...t,
@@ -125,40 +125,40 @@ function J({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/base/choice-inputs/select-popup.tsx
-var Y = {
+var X = {
 	content: "select-popup--component",
 	group: "select-popup--group",
 	item: "select-popup--item",
 	label: "select-popup--label",
 	separator: "select-popup--separator"
-}, se = {
+}, oe = {
 	sm: "[&_svg:not([class*='size-'])]:size-icon-sm",
 	md: "[&_svg:not([class*='size-'])]:size-icon",
 	lg: "[&_svg:not([class*='size-'])]:size-icon-lg"
 };
-function X(e) {
+function se(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
 function ce({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
-	return /* @__PURE__ */ I(ie, {
+	return /* @__PURE__ */ I(re, {
 		align: t,
 		alignItemWithTrigger: n,
-		className: a(Y.content, g.surface, g.menu, "w-max min-w-(--anchor-width) max-w-(--available-width)", e),
+		className: a(X.content, g.surface, g.menu, "w-max min-w-(--anchor-width) max-w-(--available-width)", e),
 		...r
 	});
 }
 function le({ className: e, ...t }) {
-	return /* @__PURE__ */ I(G, {
-		className: a(Y.group, "p-0", e),
+	return /* @__PURE__ */ I(K, {
+		className: a(X.group, "p-0", e),
 		...t
 	});
 }
 function ue({ children: t, className: n, size: r = "md", density: i = "default", ...o }) {
 	let { defaultTextSize: s } = e();
-	return /* @__PURE__ */ I(oe, {
-		className: a(Y.item, h(i), _.highlighted, _.disabled, se[r], c[s ?? "sm"], n),
+	return /* @__PURE__ */ I(ae, {
+		className: a(X.item, h(i), _.highlighted, _.disabled, oe[r], l[s ?? "sm"], n),
 		...o,
-		children: X(t) ? /* @__PURE__ */ I(v, { children: t }) : t
+		children: se(t) ? /* @__PURE__ */ I(v, { children: t }) : t
 	});
 }
 var de = {
@@ -167,10 +167,10 @@ var de = {
 	lg: "text-sm"
 };
 function fe({ children: e, className: t, size: n = "md", ...r }) {
-	return /* @__PURE__ */ I(ae, {
-		className: a(Y.label, "px-row-x py-row-y-sm font-medium text-muted-foreground", de[n], t),
+	return /* @__PURE__ */ I(ie, {
+		className: a(X.label, "px-row-x py-row-y-sm font-medium text-muted-foreground", de[n], t),
 		...r,
-		children: X(e) ? /* @__PURE__ */ I(s, {
+		children: se(e) ? /* @__PURE__ */ I(s, {
 			tag: "span",
 			size: "inherit",
 			type: "inherit",
@@ -181,8 +181,8 @@ function fe({ children: e, className: t, size: n = "md", ...r }) {
 	});
 }
 function pe({ className: e, ...t }) {
-	return /* @__PURE__ */ I(K, {
-		className: a(Y.separator, g.separator, e),
+	return /* @__PURE__ */ I(q, {
+		className: a(X.separator, g.separator, e),
 		...t
 	});
 }
@@ -225,7 +225,7 @@ function xe({ option: e, size: t }) {
 	});
 }
 var Se = j(A(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: C, highlightItemOnHover: w, name: E, form: O, autoComplete: k, inputRef: A, id: j, required: N, "aria-label": F, "aria-labelledby": R, "aria-describedby": z, "aria-invalid": ee, onFocus: B, onBlur: V, value: H, defaultValue: U, renderOption: W, renderValue: G, ...ie } = e, ae = i(me, l), { defaultScale: oe } = t(), K = D(f, oe), q = c ?? ae.placeholder, J = P(() => {
+	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: C, highlightItemOnHover: w, name: E, form: O, autoComplete: k, inputRef: A, id: j, required: N, "aria-label": F, "aria-labelledby": R, "aria-describedby": z, "aria-invalid": B, onFocus: V, onBlur: H, value: U, defaultValue: W, renderOption: G, renderValue: K, ...re } = e, ie = i(me, l), { defaultScale: ae } = t(), q = D(f, ae), J = c ?? ie.placeholder, Y = P(() => {
 		let e = o.map((e) => ({
 			option: e,
 			internalValue: ge(e.value)
@@ -234,18 +234,18 @@ var Se = j(A(function(e, n) {
 			internalValue: Z,
 			option: {
 				value: "",
-				label: q
+				label: J
 			}
 		}), e;
 	}, [
 		u,
 		o,
-		q
-	]), Y = P(() => new Map(J.map((e) => [e.internalValue, e.option])), [J]), se = _e(H), X = _e(U), de = M((e) => {
+		J
+	]), X = P(() => new Map(Y.map((e) => [e.internalValue, e.option])), [Y]), oe = _e(U), se = _e(W), de = M((e) => {
 		let t = ve(e);
 		h?.(t);
 	}, [h]), fe = M((e) => ve(e) ?? "", []);
-	return /* @__PURE__ */ L(te, {
+	return /* @__PURE__ */ L(ee, {
 		onValueChange: de,
 		disabled: g,
 		readOnly: _,
@@ -261,44 +261,44 @@ var Se = j(A(function(e, n) {
 		inputRef: A,
 		id: j,
 		required: N,
-		defaultValue: X,
+		defaultValue: se,
 		itemToStringValue: fe,
-		...r ? { value: se } : {},
-		children: [/* @__PURE__ */ I(re, {
+		...r ? { value: oe } : {},
+		children: [/* @__PURE__ */ I(ne, {
 			ref: n,
 			"aria-label": F,
 			"aria-labelledby": R,
 			"aria-describedby": z,
-			"aria-invalid": d ? !0 : ee,
-			onFocus: B,
-			onBlur: V,
-			iconClassName: S.icon[K],
-			className: a("select--component select--trigger", T(K), "data-[placeholder]:text-muted-foreground", p),
-			...ie,
-			children: /* @__PURE__ */ I(ne, {
+			"aria-invalid": d ? !0 : B,
+			onFocus: V,
+			onBlur: H,
+			iconClassName: S.icon[q],
+			className: a("select--component select--trigger", T(q), "data-[placeholder]:text-muted-foreground", p),
+			...re,
+			children: /* @__PURE__ */ I(te, {
 				className: "select--value min-w-0",
 				children: (e) => {
-					let t = e && e !== Z ? Y.get(e) : void 0;
-					return be(G ? G(t) : t?.label ?? q, "min-w-0 truncate");
+					let t = e && e !== Z ? X.get(e) : void 0;
+					return be(K ? K(t) : t?.label ?? J, "min-w-0 truncate");
 				}
 			})
 		}), /* @__PURE__ */ I(ce, {
 			className: a("select--content", m),
 			children: /* @__PURE__ */ I(le, {
 				className: "select--group",
-				children: J.map(({ internalValue: e, option: t }) => {
-					let n = W?.(t);
+				children: Y.map(({ internalValue: e, option: t }) => {
+					let n = G?.(t);
 					return /* @__PURE__ */ I(ue, {
 						value: e,
 						label: t.label,
 						"aria-label": t.label,
 						disabled: t.disabled,
-						size: K,
+						size: q,
 						density: s,
 						className: "select--item",
-						children: W ? be(n, "select--option-custom") : /* @__PURE__ */ I(xe, {
+						children: G ? be(n, "select--option-custom") : /* @__PURE__ */ I(xe, {
 							option: t,
-							size: K
+							size: q
 						})
 					}, e);
 				})
@@ -310,12 +310,12 @@ Se.displayName = "Select";
 //#endregion
 //#region src/components/ui/switch.tsx
 function Ce({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ I(H.Root, {
+	return /* @__PURE__ */ I(U.Root, {
 		"data-slot": "switch",
 		"data-size": t,
 		className: a("peer group/switch relative box-border inline-flex shrink-0 items-center rounded-full border border-transparent outline-none transition-[background-color,border-color,box-shadow]", "data-checked:bg-primary data-unchecked:bg-input", "data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7", u.frame, x.invalid, "after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", e),
 		...n,
-		children: /* @__PURE__ */ I(H.Thumb, {
+		children: /* @__PURE__ */ I(U.Thumb, {
 			"data-slot": "switch-thumb",
 			className: "bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform motion-reduce:transition-none"
 		})
@@ -366,65 +366,67 @@ var we = {
 	sm: "px-row-x py-row-y-sm",
 	md: "px-row-x py-row-y",
 	lg: "px-row-x py-row-y-lg"
-}, De = `${b.tileHover} ${u.frame}`, $ = "flex h-lh shrink-0 items-center", Oe = "size-action-sm shrink-0 text-primary-foreground fill-primary stroke-primary-foreground", ke = "inline-flex size-action-sm shrink-0 items-center justify-center", Ae = k.forwardRef(function({ "aria-describedby": e, label: r, description: i, hint: c, icon: l, name: u, value: d, defaultValue: f, onValueChange: m, disabled: h = !1, invalid: g, className: _ }, v) {
-	let y = d !== void 0, [b, S] = F(f ?? !1), C = y ? d ?? !1 : b, { defaultScale: T } = t(), E = w[n(void 0, T)], D = N(), O = P(() => u ?? D, [u, D]), k = typeof i == "string" && i.trim() !== "", A = k ? `${O}-description` : void 0, j = M((e) => {
-		h || (y || S(e), m?.(e));
+}, De = `${b.tileHover} ${u.frame}`, $ = "flex h-lh shrink-0 items-center", Oe = "size-action-sm shrink-0 text-primary-foreground fill-primary stroke-primary-foreground", ke = "inline-flex size-action-sm shrink-0 items-center justify-center", Ae = k.forwardRef(function({ "aria-describedby": e, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, hint: f, icon: m, name: h, value: g, defaultValue: _, onValueChange: v, disabled: y = !1, invalid: b, className: S }, C) {
+	let T = g !== void 0, [E, D] = F(_ ?? !1), O = T ? g ?? !1 : E, { defaultScale: k } = t(), A = w[n(void 0, k)], j = N(), P = l ?? j, R = typeof d == "string" && d.trim() !== "", z = R ? `${P}-description` : void 0, B = M((e) => {
+		y || (T || D(e), v?.(e));
 	}, [
-		h,
 		y,
-		m
-	]), R = M((e) => {
-		e.target.closest("[role=\"switch\"]") || j(!C);
-	}, [C, j]);
+		T,
+		v
+	]), V = M((e) => {
+		e.target.closest("[role=\"switch\"]") || B(!O);
+	}, [O, B]);
 	return /* @__PURE__ */ L("div", {
-		ref: v,
-		"aria-invalid": g || void 0,
-		onClick: R,
-		className: a("switch-card--component", "group relative flex items-start gap-space-lg rounded-radius border bg-card text-card-foreground p-surface transition-[background,border-color,box-shadow] duration-150", "border-border", C && "border-primary", x.invalid, !h && "cursor-pointer hover:border-input", h && "cursor-not-allowed opacity-50", _),
+		ref: C,
+		"aria-invalid": b || r,
+		onClick: V,
+		className: a("switch-card--component", "group relative flex items-start gap-space-lg rounded-radius border bg-card text-card-foreground p-surface transition-[background,border-color,box-shadow] duration-150", "border-border", O && "border-primary", x.invalid, !y && "cursor-pointer hover:border-input", y && "cursor-not-allowed opacity-50", S),
 		children: [
-			!!u && /* @__PURE__ */ I("input", {
+			!!h && /* @__PURE__ */ I("input", {
 				type: "hidden",
-				name: u,
-				value: C ? "1" : "0",
+				name: h,
+				value: O ? "1" : "0",
 				"aria-hidden": "true"
 			}),
-			!!l && /* @__PURE__ */ I("span", {
+			!!m && /* @__PURE__ */ I("span", {
 				className: a("switch-card--icon size-control", "inline-flex shrink-0 items-center justify-center rounded-inner bg-muted text-muted-foreground"),
-				children: /* @__PURE__ */ I(l, { className: "size-icon" })
+				children: /* @__PURE__ */ I(m, { className: "size-icon" })
 			}),
 			/* @__PURE__ */ L(p, {
 				gap: "dense",
 				className: "min-w-0 flex-1",
 				children: [
 					/* @__PURE__ */ I(o, {
-						htmlFor: O,
-						className: a("block text-inherit", h ? "cursor-not-allowed" : "cursor-pointer"),
-						children: r
+						htmlFor: P,
+						className: a("block text-inherit", y ? "cursor-not-allowed" : "cursor-pointer"),
+						children: u
 					}),
-					!!k && /* @__PURE__ */ I(s, {
-						id: A,
+					!!R && /* @__PURE__ */ I(s, {
+						id: z,
 						size: "xs",
 						type: "secondary",
-						children: i
+						children: d
 					}),
-					!!c && /* @__PURE__ */ I(s, {
+					!!f && /* @__PURE__ */ I(s, {
 						size: "xs",
 						type: "discrete",
-						children: c
+						children: f
 					})
 				]
 			}),
 			/* @__PURE__ */ I("div", {
-				className: a("switch-card--control", $, E),
+				className: a("switch-card--control", $, A),
 				children: /* @__PURE__ */ I(Q, {
 					className: "data-disabled:opacity-100",
-					id: O,
-					checked: C,
-					onValueChange: j,
-					disabled: h,
-					invalid: g,
-					"aria-label": r,
-					"aria-describedby": [e, A].filter(Boolean).join(" ") || void 0
+					id: P,
+					ref: i,
+					onBlur: c,
+					checked: O,
+					onValueChange: B,
+					disabled: y,
+					invalid: b || !!(r && r !== "false"),
+					"aria-label": u,
+					"aria-describedby": [e, z].filter(Boolean).join(" ") || void 0
 				})
 			})
 		]
@@ -436,72 +438,76 @@ Ae.displayName = "SwitchCard";
 function je(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var Me = A(function({ "aria-describedby": e, label: r, description: i, kind: c = "switch", value: l, defaultValue: u, onValueChange: d, disabled: f = !1, invalid: m = !1, name: h, className: g, controlPosition: _ = "trailing" }, v) {
-	let y = l !== void 0, [b, x] = F(u ?? !1), S = y ? l ?? !1 : b, { defaultScale: C } = t(), T = a("toggle-field--control", $, w[n(void 0, C)]), E = N(), D = `${E}-label`, k = i != null && i !== !1, A = k ? `${E}-description` : void 0, j = M((e) => {
-		f || (y || x(e), d?.(e));
+var Me = A(function({ "aria-describedby": e, "aria-invalid": r, controlRef: i, onBlur: c, id: l, label: u, description: d, kind: f = "switch", value: m, defaultValue: h, onValueChange: g, disabled: _ = !1, invalid: v = !1, name: y, className: b, controlPosition: x = "trailing" }, S) {
+	let C = m !== void 0, [T, E] = F(h ?? !1), D = C ? m ?? !1 : T, { defaultScale: k } = t(), A = a("toggle-field--control", $, w[n(void 0, k)]), j = N(), P = l ?? j, R = `${P}-label`, z = d != null && d !== !1, B = z ? `${P}-description` : void 0, V = M((e) => {
+		_ || (C || E(e), g?.(e));
 	}, [
-		f,
-		y,
-		d
-	]), P = (e) => {
-		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || j(!S);
-	}, R = c === "switch" ? /* @__PURE__ */ I(Q, {
+		_,
+		C,
+		g
+	]), H = (e) => {
+		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || V(!D);
+	}, U = f === "switch" ? /* @__PURE__ */ I(Q, {
 		className: "after:inset-x-0",
-		id: E,
-		name: h,
-		checked: S,
-		onValueChange: j,
-		disabled: f,
-		invalid: m,
-		"aria-labelledby": D,
-		"aria-describedby": [e, A].filter(Boolean).join(" ") || void 0
+		id: P,
+		ref: i,
+		onBlur: c,
+		name: y,
+		checked: D,
+		onValueChange: V,
+		disabled: _,
+		invalid: v || !!(r && r !== "false"),
+		"aria-labelledby": R,
+		"aria-describedby": [e, B].filter(Boolean).join(" ") || void 0
 	}) : /* @__PURE__ */ I(O, {
-		id: E,
-		name: h,
-		checked: S,
-		onCheckedChange: (e) => j(e === !0),
-		disabled: f,
-		"aria-invalid": m || void 0,
-		"aria-labelledby": D,
-		"aria-describedby": [e, A].filter(Boolean).join(" ") || void 0
-	}), z = /* @__PURE__ */ L(p, {
+		id: P,
+		ref: i,
+		onBlur: c,
+		name: y,
+		checked: D,
+		onCheckedChange: (e) => V(e === !0),
+		disabled: _,
+		"aria-invalid": v || r,
+		"aria-labelledby": R,
+		"aria-describedby": [e, B].filter(Boolean).join(" ") || void 0
+	}), W = /* @__PURE__ */ L(p, {
 		gap: "dense",
 		className: "min-w-0 flex-1",
 		children: [/* @__PURE__ */ I("div", {
-			id: D,
-			children: je(r) ? /* @__PURE__ */ I(o, {
-				htmlFor: E,
-				"data-disabled": f || void 0,
-				className: a("block text-inherit data-disabled:opacity-50", f ? "cursor-not-allowed" : "cursor-pointer"),
-				children: r
-			}) : r
-		}), k && /* @__PURE__ */ I("div", {
-			id: A,
-			children: je(i) ? /* @__PURE__ */ I(s, {
+			id: R,
+			children: je(u) ? /* @__PURE__ */ I(o, {
+				htmlFor: P,
+				"data-disabled": _ || void 0,
+				className: a("block text-inherit data-disabled:opacity-50", _ ? "cursor-not-allowed" : "cursor-pointer"),
+				children: u
+			}) : u
+		}), z && /* @__PURE__ */ I("div", {
+			id: B,
+			children: je(d) ? /* @__PURE__ */ I(s, {
 				size: "xs",
 				type: "secondary",
-				children: i
-			}) : i
+				children: d
+			}) : d
 		})]
 	});
 	return /* @__PURE__ */ L(p, {
-		ref: v,
+		ref: S,
 		direction: "horizontal",
 		align: "start",
 		wrap: !1,
 		gap: "md",
 		role: "group",
-		onClick: P,
-		className: a("toggle-field--component rounded-radius py-row-y", f && "pointer-events-none", g),
+		onClick: H,
+		className: a("toggle-field--component rounded-radius py-row-y", _ && "pointer-events-none", b),
 		children: [
-			_ === "leading" && /* @__PURE__ */ I("div", {
-				className: T,
-				children: R
+			x === "leading" && /* @__PURE__ */ I("div", {
+				className: A,
+				children: U
 			}),
-			z,
-			_ === "trailing" && /* @__PURE__ */ I("div", {
-				className: T,
-				children: R
+			W,
+			x === "trailing" && /* @__PURE__ */ I("div", {
+				className: A,
+				children: U
 			})
 		]
 	});
@@ -518,7 +524,7 @@ var Pe = {
 	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"
 }, Fe = A(function({ "aria-describedby": n, options: r, value: i, defaultValue: o, onValueChange: u, name: d, columns: f = 3, invalid: m, disabled: h, size: g, className: _ }, v) {
-	let { defaultScale: y } = t(), { defaultTextSize: b } = e(), S = D(g, y), C = a("card-checkbox-group--marker", $, c[b ?? "sm"], l.normal), w = i !== void 0, [T, E] = F(o ?? []), O = P(() => w ? i ?? [] : T, [
+	let { defaultScale: y } = t(), { defaultTextSize: b } = e(), S = D(g, y), C = a("card-checkbox-group--marker", $, l[b ?? "sm"], c.normal), w = i !== void 0, [T, E] = F(o ?? []), O = P(() => w ? i ?? [] : T, [
 		T,
 		w,
 		i
@@ -584,7 +590,7 @@ var Pe = {
 								className: C,
 								children: /* @__PURE__ */ I("span", {
 									className: ke,
-									children: /* @__PURE__ */ I(B, { className: a(Oe, !r && "hidden") })
+									children: /* @__PURE__ */ I(V, { className: a(Oe, !r && "hidden") })
 								})
 							})]
 						})]
@@ -607,11 +613,11 @@ var Le = {
 	4: "grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2 @2xl/card-radio-group:grid-cols-4"
 };
 function Re({ "aria-describedby": n, options: r, value: i, defaultValue: o, onValueChange: u, name: d, columns: f = 3, invalid: m, disabled: h, size: g, className: _ }, v) {
-	let { defaultScale: y } = t(), { defaultTextSize: b } = e(), S = D(g, y), C = a("card-radio-group--marker", $, c[b ?? "sm"], l.normal), w = we[S], T = P(() => a("card-radio-group--grid", Le[f]), [f]);
+	let { defaultScale: y } = t(), { defaultTextSize: b } = e(), S = D(g, y), C = a("card-radio-group--marker", $, l[b ?? "sm"], c.normal), w = we[S], T = P(() => a("card-radio-group--grid", Le[f]), [f]);
 	return /* @__PURE__ */ I("div", {
 		ref: v,
 		className: a("card-radio-group--component @container/card-radio-group", _),
-		children: /* @__PURE__ */ I(W, {
+		children: /* @__PURE__ */ I(G, {
 			value: i,
 			defaultValue: o,
 			onValueChange: (e) => e && u?.(e),
@@ -622,7 +628,7 @@ function Re({ "aria-describedby": n, options: r, value: i, defaultValue: o, onVa
 			className: T,
 			children: r.map((e) => {
 				let t = e.icon, n = e.label;
-				return /* @__PURE__ */ L(U.Root, {
+				return /* @__PURE__ */ L(W.Root, {
 					value: e.value,
 					disabled: h || e.disabled,
 					"aria-invalid": m || void 0,
@@ -650,7 +656,7 @@ function Re({ "aria-describedby": n, options: r, value: i, defaultValue: o, onVa
 							className: C,
 							children: /* @__PURE__ */ I("span", {
 								className: ke,
-								children: /* @__PURE__ */ I(U.Indicator, { render: /* @__PURE__ */ I(B, { className: Oe }) })
+								children: /* @__PURE__ */ I(W.Indicator, { render: /* @__PURE__ */ I(V, { className: Oe }) })
 							})
 						})]
 					})]
@@ -666,18 +672,18 @@ ze.displayName = "CardRadioGroup";
 function Be(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var Ve = A(function({ options: n, value: r, defaultValue: i, onValueChange: o, name: l, invalid: u, disabled: d, size: f, className: m }, h) {
-	let { defaultScale: g } = t(), { defaultTextSize: _ } = e(), v = Ee[D(f, g)], y = a(c[_ ?? "sm"], "leading-tight");
-	return /* @__PURE__ */ I(W, {
+var Ve = A(function({ options: n, value: r, defaultValue: i, onValueChange: o, name: c, invalid: u, disabled: d, size: f, className: m }, h) {
+	let { defaultScale: g } = t(), { defaultTextSize: _ } = e(), v = Ee[D(f, g)], y = a(l[_ ?? "sm"], "leading-tight");
+	return /* @__PURE__ */ I(G, {
 		ref: h,
 		value: r,
 		defaultValue: i,
 		onValueChange: (e) => e && o?.(e),
-		name: l,
+		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", x.invalid, d && "pointer-events-none opacity-50", m),
-		children: n.map((e) => /* @__PURE__ */ L(U.Root, {
+		children: n.map((e) => /* @__PURE__ */ L(W.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 ${b.rowHover}`, "data-disabled:cursor-not-allowed", !d && "data-disabled:opacity-50", v),
@@ -686,7 +692,7 @@ var Ve = A(function({ options: n, value: r, defaultValue: i, onValueChange: o, n
 				className: a("list-radio-group--track", $, y),
 				children: /* @__PURE__ */ I("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__ */ I(U.Indicator, { className: "list-radio-group--dot size-2 rounded-full bg-primary" })
+					children: /* @__PURE__ */ I(W.Indicator, { className: "list-radio-group--dot size-2 rounded-full bg-primary" })
 				})
 			}), /* @__PURE__ */ L(p, {
 				gap: "dense",
@@ -765,6 +771,6 @@ var He = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), Ue = /* @__PURE__
 });
 We.displayName = "PillRadioGroup";
 //#endregion
-export { re as _, Me as a, Q as c, ce as d, le as f, te as g, pe as h, Fe as i, Se as l, fe as m, Ve as n, Ae as o, ue as p, ze as r, $ as s, We as t, me as u, ne as v };
+export { ne as _, Me as a, Q as c, ce as d, le as f, ee as g, pe as h, Fe as i, Se as l, fe as m, Ve as n, Ae as o, ue as p, ze as r, $ as s, We as t, me as u, te as v };
 
-//# sourceMappingURL=choice-inputs-CNHvARCJ.js.map
+//# sourceMappingURL=choice-inputs-JLtij2y4.js.map