themelia-react-ui 1.0.0 → 1.0.1

package/dist/{choice-inputs-CavA-SGV.js → choice-inputs-CC7XqPQO.js}

@@ -4,16 +4,16 @@ import { useStrings as r } from "./lib/strings.js";
 import { t as i } from "./utils-C2EKeIw3.js";
 import { i as a } from "./text.styles-BwB7vAF2.js";
 import { a as o, n as s } from "./typography-Cv8MT-82.js";
-import { t as c } from "./structure-BvW4vG4H.js";
+import { t as c } from "./structure-MvKVq-oL.js";
 import { n as l, r as u, t as d } from "./popover.recipes-zgBhMlUu.js";
 import { n as f, t as p } from "./collection-content-C4fthJV_.js";
-import { d as m, o as h, p as g } from "./form-sizing-39NohSqn.js";
+import { d as m, o as h, p as g } from "./form-sizing-BWs70_a2.js";
 import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "./select-B2mb-qN2.js";
-import * as T from "react";
-import { forwardRef as E, memo as D, useCallback as O, useId as k, useMemo as A, useState as j } from "react";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
-import { CheckIcon as ee, Circle as te, CircleCheck as P } from "lucide-react";
-import { Checkbox as F } from "@base-ui/react/checkbox";
+import { t as T } from "./checkbox-BavDRjF7.js";
+import * as E from "react";
+import { forwardRef as D, memo as O, useCallback as k, useId as A, useMemo as j, useState as M } from "react";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+import { Circle as ee, CircleCheck as F } from "lucide-react";
 import { Switch as I } from "@base-ui/react/switch";
 import { Radio as L } from "@base-ui/react/radio";
 import { RadioGroup as R } from "@base-ui/react/radio-group";
@@ -24,7 +24,7 @@ var z = {
 	item: "select-popup--item",
 	label: "select-popup--label",
 	separator: "select-popup--separator"
-}, ne = {
+}, te = {
 	sm: "[&_svg:not([class*='size-'])]:size-icon-sm",
 	md: "[&_svg:not([class*='size-'])]:size-icon",
 	lg: "[&_svg:not([class*='size-'])]:size-icon-lg"
@@ -32,33 +32,33 @@ var z = {
 function B(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function re({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
-	return /* @__PURE__ */ M(b, {
+function ne({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
+	return /* @__PURE__ */ N(b, {
 		align: t,
 		alignItemWithTrigger: n,
 		className: i(z.content, u.surface, u.menu, "w-max min-w-(--anchor-width) max-w-(--available-width)", e),
 		...r
 	});
 }
-function ie({ className: e, ...t }) {
-	return /* @__PURE__ */ M(S, {
+function re({ className: e, ...t }) {
+	return /* @__PURE__ */ N(S, {
 		className: i(z.group, "p-0", e),
 		...t
 	});
 }
-function ae({ children: e, className: n, size: r = "md", density: o = "default", ...s }) {
+function ie({ children: e, className: n, size: r = "md", density: o = "default", ...s }) {
 	let { defaultTextSize: c } = t();
-	return /* @__PURE__ */ M(y, {
-		className: i(z.item, l(o), d.highlighted, d.disabled, ne[r], a[c ?? "sm"], n),
+	return /* @__PURE__ */ N(y, {
+		className: i(z.item, l(o), d.highlighted, d.disabled, te[r], a[c ?? "sm"], n),
 		...s,
-		children: B(e) ? /* @__PURE__ */ M(f, { children: e }) : e
+		children: B(e) ? /* @__PURE__ */ N(f, { children: e }) : e
 	});
 }
-function oe({ children: e, className: t, size: n = "md", ...r }) {
-	return /* @__PURE__ */ M(_, {
+function ae({ children: e, className: t, size: n = "md", ...r }) {
+	return /* @__PURE__ */ N(_, {
 		className: i(z.label, "px-row-x py-row-y", n === "sm" ? "text-pxs" : n === "lg" ? "text-base" : "text-sm", t),
 		...r,
-		children: B(e) ? /* @__PURE__ */ M(o, {
+		children: B(e) ? /* @__PURE__ */ N(o, {
 			tag: "span",
 			size: "inherit",
 			type: "secondary",
@@ -68,29 +68,29 @@ function oe({ children: e, className: t, size: n = "md", ...r }) {
 		}) : e
 	});
 }
-function se({ className: e, ...t }) {
-	return /* @__PURE__ */ M(x, {
+function oe({ className: e, ...t }) {
+	return /* @__PURE__ */ N(x, {
 		className: i(z.separator, u.separator, e),
 		...t
 	});
 }
 //#endregion
 //#region src/components/base/choice-inputs/select.tsx
-var ce = { placeholder: "Select an option" }, V = "__admin_ui_select_clear__", H = "__admin_ui_select_option__:";
-function le(e) {
+var se = { placeholder: "Select an option" }, V = "__admin_ui_select_clear__", H = "__admin_ui_select_option__:";
+function ce(e) {
 	return e === "" ? V : `${H}${e}`;
 }
-function U(e) {
+function le(e) {
 	return e === "" || e == null ? null : `${H}${e}`;
 }
 function ue(e) {
 	if (e !== null && e !== V && e.startsWith(H)) return e.slice(27);
 }
-function W(e) {
+function de(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function de(e, t) {
-	return W(e) ? /* @__PURE__ */ M(o, {
+function fe(e, t) {
+	return de(e) ? /* @__PURE__ */ N(o, {
 		tag: "span",
 		size: "inherit",
 		lineHeight: "tight",
@@ -98,8 +98,8 @@ function de(e, t) {
 		children: e
 	}) : e;
 }
-function fe({ option: e, size: t }) {
-	return /* @__PURE__ */ M(p, {
+function pe({ option: e, size: t }) {
+	return /* @__PURE__ */ N(p, {
 		label: e.label,
 		description: e.description,
 		leading: e.icon,
@@ -112,29 +112,29 @@ function fe({ option: e, size: t }) {
 		descriptionClassName: "select--option-description line-clamp-2"
 	});
 }
-var G = D(E(function(e, t) {
-	let a = Object.prototype.hasOwnProperty.call(e, "value"), { options: o, density: s, placeholder: c, strings: l, allowClear: u = !1, invalid: d, size: f, className: p, contentClassName: h, onValueChange: _, disabled: y, readOnly: b, defaultOpen: x, open: S, onOpenChange: T, onOpenChangeComplete: E, modal: D, highlightItemOnHover: k, name: j, form: ee, autoComplete: te, inputRef: P, id: F, required: I, "aria-label": L, "aria-labelledby": R, "aria-describedby": z, "aria-invalid": ne, onFocus: B, onBlur: oe, value: se, defaultValue: H, renderOption: W, renderValue: G, ...pe } = e, K = r(ce, l), { defaultScale: me } = n(), q = g(f, me), J = c ?? K.placeholder, Y = A(() => {
+var U = O(D(function(e, t) {
+	let a = Object.prototype.hasOwnProperty.call(e, "value"), { options: o, density: s, placeholder: c, strings: l, allowClear: u = !1, invalid: d, size: f, className: p, contentClassName: h, onValueChange: _, disabled: y, readOnly: b, defaultOpen: x, open: S, onOpenChange: T, onOpenChangeComplete: E, modal: D, highlightItemOnHover: O, name: A, form: M, autoComplete: ee, inputRef: F, id: I, required: L, "aria-label": R, "aria-labelledby": z, "aria-describedby": te, "aria-invalid": B, onFocus: ae, onBlur: oe, value: H, defaultValue: de, renderOption: U, renderValue: W, ...G } = e, K = r(se, l), { defaultScale: q } = n(), J = g(f, q), Y = c ?? K.placeholder, X = j(() => {
 		let e = o.map((e) => ({
 			option: e,
-			internalValue: le(e.value)
+			internalValue: ce(e.value)
 		}));
 		return u && !e.some(({ internalValue: e }) => e === V) && e.unshift({
 			internalValue: V,
 			option: {
 				value: "",
-				label: J
+				label: Y
 			}
 		}), e;
 	}, [
 		u,
 		o,
-		J
-	]), X = A(() => new Map(Y.map((e) => [e.internalValue, e.option])), [Y]), Z = U(se), he = U(H), ge = O((e) => {
+		Y
+	]), me = j(() => new Map(X.map((e) => [e.internalValue, e.option])), [X]), Z = le(H), Q = le(de), $ = k((e) => {
 		let t = ue(e);
 		_?.(t);
-	}, [_]), Q = O((e) => ue(e) ?? "", []);
-	return /* @__PURE__ */ N(w, {
-		onValueChange: ge,
+	}, [_]), he = k((e) => ue(e) ?? "", []);
+	return /* @__PURE__ */ P(w, {
+		onValueChange: $,
 		disabled: y,
 		readOnly: b,
 		defaultOpen: x,
@@ -142,50 +142,50 @@ var G = D(E(function(e, t) {
 		onOpenChange: T,
 		onOpenChangeComplete: E,
 		modal: D,
-		highlightItemOnHover: k,
-		name: j,
-		form: ee,
-		autoComplete: te,
-		inputRef: P,
-		id: F,
-		required: I,
-		defaultValue: he,
-		itemToStringValue: Q,
+		highlightItemOnHover: O,
+		name: A,
+		form: M,
+		autoComplete: ee,
+		inputRef: F,
+		id: I,
+		required: L,
+		defaultValue: Q,
+		itemToStringValue: he,
 		...a ? { value: Z } : {},
-		children: [/* @__PURE__ */ M(C, {
+		children: [/* @__PURE__ */ N(C, {
 			ref: t,
-			"aria-label": L,
-			"aria-labelledby": R,
-			"aria-describedby": z,
-			"aria-invalid": d ? !0 : ne,
-			onFocus: B,
+			"aria-label": R,
+			"aria-labelledby": z,
+			"aria-describedby": te,
+			"aria-invalid": d ? !0 : B,
+			onFocus: ae,
 			onBlur: oe,
-			className: i("select--component select--trigger", m(q), "data-[placeholder]:text-muted-foreground", p),
-			...pe,
-			children: /* @__PURE__ */ M(v, {
+			className: i("select--component select--trigger", m(J), "data-[placeholder]:text-muted-foreground", p),
+			...G,
+			children: /* @__PURE__ */ N(v, {
 				className: "select--value min-w-0",
 				children: (e) => {
-					let t = e && e !== V ? X.get(e) : void 0;
-					return de(G ? G(t) : t?.label ?? J, "min-w-0 truncate");
+					let t = e && e !== V ? me.get(e) : void 0;
+					return fe(W ? W(t) : t?.label ?? Y, "min-w-0 truncate");
 				}
 			})
-		}), /* @__PURE__ */ M(re, {
+		}), /* @__PURE__ */ N(ne, {
 			className: i("select--content", h),
-			children: /* @__PURE__ */ M(ie, {
+			children: /* @__PURE__ */ N(re, {
 				className: "select--group",
-				children: Y.map(({ internalValue: e, option: t }) => {
-					let n = W?.(t);
-					return /* @__PURE__ */ M(ae, {
+				children: X.map(({ internalValue: e, option: t }) => {
+					let n = U?.(t);
+					return /* @__PURE__ */ N(ie, {
 						value: e,
 						label: t.label,
 						"aria-label": t.label,
 						disabled: t.disabled,
-						size: q,
+						size: J,
 						density: s,
 						className: "select--item",
-						children: W ? de(n, "select--option-custom") : /* @__PURE__ */ M(fe, {
+						children: U ? fe(n, "select--option-custom") : /* @__PURE__ */ N(pe, {
 							option: t,
-							size: q
+							size: J
 						})
 					}, e);
 				})
@@ -193,41 +193,16 @@ var G = D(E(function(e, t) {
 		})]
 	});
 }));
-G.displayName = "Select";
-//#endregion
-//#region src/components/ui/checkbox.tsx
-function pe({ className: e, onCheckedChange: t, ...n }) {
-	return /* @__PURE__ */ M(F.Root, {
-		"data-slot": "checkbox",
-		className: i("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-[color,box-shadow] outline-none", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive", "data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground", "data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", e),
-		onCheckedChange: t,
-		...n,
-		children: /* @__PURE__ */ M(F.Indicator, {
-			"data-slot": "checkbox-indicator",
-			className: "flex items-center justify-center text-current",
-			children: /* @__PURE__ */ M(ee, { className: "size-3.5" })
-		})
-	});
-}
-//#endregion
-//#region src/components/base/choice-inputs/checkbox.tsx
-var K = E(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ M(pe, {
-		ref: n,
-		className: i("checkbox--component inline-flex items-center justify-center rounded-radius-xs border-muted-foreground", e),
-		...t
-	});
-});
-K.displayName = "Checkbox";
+U.displayName = "Select";
 //#endregion
 //#region src/components/ui/switch.tsx
-function me({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ M(I.Root, {
+function W({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ N(I.Root, {
 		"data-slot": "switch",
 		"data-size": t,
 		className: i("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", e),
 		...n,
-		children: /* @__PURE__ */ M(I.Thumb, {
+		children: /* @__PURE__ */ N(I.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"
 		})
@@ -235,9 +210,9 @@ function me({ className: e, size: t = "default", ...n }) {
 }
 //#endregion
 //#region src/components/base/choice-inputs/switch.tsx
-var q = E(function({ onValueChange: t, size: r, invalid: a, className: o, id: s, name: c, "aria-invalid": l, ...u }, d) {
+var G = D(function({ onValueChange: t, size: r, invalid: a, className: o, id: s, name: c, "aria-invalid": l, ...u }, d) {
 	let { defaultScale: f } = n(), p = e(r, f), m = a ? !0 : l, h = m !== void 0 && m !== !1 && m !== "false";
-	return /* @__PURE__ */ M(me, {
+	return /* @__PURE__ */ N(W, {
 		ref: d,
 		...u,
 		id: s,
@@ -248,51 +223,51 @@ var q = E(function({ onValueChange: t, size: r, invalid: a, className: o, id: s,
 		className: i("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)
 	});
 });
-q.displayName = "Switch";
+G.displayName = "Switch";
 //#endregion
 //#region src/components/base/choice-inputs/switch-card.tsx
-var J = T.forwardRef(function({ "aria-describedby": e, label: t, description: n, hint: r, icon: a, name: l, value: u, defaultValue: d, onValueChange: f, disabled: p = !1, invalid: m, className: h }, g) {
-	let _ = u !== void 0, [v, y] = j(d ?? !1), b = _ ? u ?? !1 : v, x = k(), S = A(() => l ?? x, [l, x]), C = typeof n == "string" && n.trim() !== "", w = C ? `${S}-description` : void 0, T = O((e) => {
+var K = E.forwardRef(function({ "aria-describedby": e, label: t, description: n, hint: r, icon: a, name: l, value: u, defaultValue: d, onValueChange: f, disabled: p = !1, invalid: m, className: h }, g) {
+	let _ = u !== void 0, [v, y] = M(d ?? !1), b = _ ? u ?? !1 : v, x = A(), S = j(() => l ?? x, [l, x]), C = typeof n == "string" && n.trim() !== "", w = C ? `${S}-description` : void 0, T = k((e) => {
 		p || (_ || y(e), f?.(e));
 	}, [
 		p,
 		_,
 		f
-	]), E = O((e) => {
+	]), E = k((e) => {
 		e.target.closest("[role=\"switch\"]") || T(!b);
 	}, [b, T]);
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ P("div", {
 		ref: g,
 		"aria-invalid": m || void 0,
 		onClick: E,
 		className: i("switch-card--component", "group relative flex items-start gap-space-lg rounded-radius border bg-card p-surface transition-[background,border-color,box-shadow] duration-150", "border-border", b && "border-primary bg-primary/[0.04]", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", !p && "cursor-pointer hover:border-foreground/20 hover:bg-muted/30", p && "cursor-not-allowed opacity-50", h),
 		children: [
-			!!l && /* @__PURE__ */ M("input", {
+			!!l && /* @__PURE__ */ N("input", {
 				type: "hidden",
 				name: l,
 				value: b ? "1" : "0",
 				"aria-hidden": "true"
 			}),
-			!!a && /* @__PURE__ */ M("span", {
+			!!a && /* @__PURE__ */ N("span", {
 				className: i("mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-radius-md transition-colors", b ? "bg-primary/10 text-primary-accent" : "bg-muted/50 text-muted-foreground group-hover:bg-muted group-hover:text-foreground"),
-				children: /* @__PURE__ */ M(a, { className: "size-icon" })
+				children: /* @__PURE__ */ N(a, { className: "size-icon" })
 			}),
-			/* @__PURE__ */ N(c, {
+			/* @__PURE__ */ P(c, {
 				gap: "2xs",
 				className: "min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ M(s, {
+					/* @__PURE__ */ N(s, {
 						htmlFor: S,
 						className: i("block font-semibold tracking-tight", p ? "cursor-not-allowed" : "cursor-pointer"),
 						children: t
 					}),
-					!!C && /* @__PURE__ */ M(o, {
+					!!C && /* @__PURE__ */ N(o, {
 						id: w,
 						type: "secondary",
 						className: "leading-snug",
 						children: n
 					}),
-					!!r && /* @__PURE__ */ M(o, {
+					!!r && /* @__PURE__ */ N(o, {
 						size: "xs",
 						type: "discrete",
 						className: "leading-snug",
@@ -300,9 +275,9 @@ var J = T.forwardRef(function({ "aria-describedby": e, label: t, description: n,
 					})
 				]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ N("div", {
 				className: "mt-1 flex shrink-0 items-center",
-				children: /* @__PURE__ */ M(q, {
+				children: /* @__PURE__ */ N(G, {
 					id: S,
 					checked: b,
 					onValueChange: T,
@@ -315,53 +290,53 @@ var J = T.forwardRef(function({ "aria-describedby": e, label: t, description: n,
 		]
 	});
 });
-J.displayName = "SwitchCard";
+K.displayName = "SwitchCard";
 //#endregion
 //#region src/components/base/choice-inputs/toggle-field.tsx
-function Y(e) {
+function q(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var X = E(function({ "aria-describedby": e, label: t, description: n, kind: r = "switch", value: a, defaultValue: l, onValueChange: u, disabled: d = !1, invalid: f = !1, name: p, className: m, controlPosition: h = "trailing" }, g) {
-	let _ = a !== void 0, [v, y] = j(l ?? !1), b = _ ? a ?? !1 : v, x = k(), S = `${x}-label`, C = n != null && n !== !1, w = C ? `${x}-description` : void 0, T = O((e) => {
+var J = D(function({ "aria-describedby": e, label: t, description: n, kind: r = "switch", value: a, defaultValue: l, onValueChange: u, disabled: d = !1, invalid: f = !1, name: p, className: m, controlPosition: h = "trailing" }, g) {
+	let _ = a !== void 0, [v, y] = M(l ?? !1), b = _ ? a ?? !1 : v, x = A(), S = `${x}-label`, C = n != null && n !== !1, w = C ? `${x}-description` : void 0, E = k((e) => {
 		d || (_ || y(e), u?.(e));
 	}, [
 		d,
 		_,
 		u
-	]), E = (e) => {
-		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || T(!b);
-	}, D = r === "switch" ? /* @__PURE__ */ M(q, {
+	]), D = (e) => {
+		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || E(!b);
+	}, O = r === "switch" ? /* @__PURE__ */ N(G, {
 		className: "after:inset-x-0",
 		id: x,
 		name: p,
 		checked: b,
-		onValueChange: T,
+		onValueChange: E,
 		disabled: d,
 		invalid: f,
 		"aria-labelledby": S,
 		"aria-describedby": [e, w].filter(Boolean).join(" ") || void 0
-	}) : /* @__PURE__ */ M(K, {
+	}) : /* @__PURE__ */ N(T, {
 		id: x,
 		name: p,
 		checked: b,
-		onCheckedChange: (e) => T(e === !0),
+		onCheckedChange: (e) => E(e === !0),
 		disabled: d,
 		"aria-invalid": f || void 0,
 		"aria-labelledby": S,
 		"aria-describedby": [e, w].filter(Boolean).join(" ") || void 0
-	}), A = /* @__PURE__ */ N(c, {
+	}), j = /* @__PURE__ */ P(c, {
 		gap: "dense",
 		className: "min-w-0 flex-1",
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ N("div", {
 			id: S,
-			children: Y(t) ? /* @__PURE__ */ M(s, {
+			children: q(t) ? /* @__PURE__ */ N(s, {
 				htmlFor: x,
 				className: i("block", d ? "cursor-not-allowed opacity-50" : "cursor-pointer"),
 				children: t
 			}) : t
-		}), C && /* @__PURE__ */ M("div", {
+		}), C && /* @__PURE__ */ N("div", {
 			id: w,
-			children: Y(n) ? /* @__PURE__ */ M(o, {
+			children: q(n) ? /* @__PURE__ */ N(o, {
 				size: "xs",
 				type: "secondary",
 				className: "leading-snug",
@@ -369,32 +344,32 @@ var X = E(function({ "aria-describedby": e, label: t, description: n, kind: r =
 			}) : n
 		})]
 	});
-	return /* @__PURE__ */ N(c, {
+	return /* @__PURE__ */ P(c, {
 		ref: g,
 		direction: "horizontal",
 		align: "start",
 		wrap: !1,
 		gap: "md",
 		role: "group",
-		onClick: E,
+		onClick: D,
 		className: i("toggle-field--component rounded-radius-md py-row-y", d && "pointer-events-none", m),
 		children: [
-			h === "leading" && /* @__PURE__ */ M("div", {
+			h === "leading" && /* @__PURE__ */ N("div", {
 				className: "mt-0.5 flex shrink-0",
-				children: D
+				children: O
 			}),
-			A,
-			h === "trailing" && /* @__PURE__ */ M("div", {
+			j,
+			h === "trailing" && /* @__PURE__ */ N("div", {
 				className: "mt-0.5 flex shrink-0",
-				children: D
+				children: O
 			})
 		]
 	});
 });
-X.displayName = "ToggleField";
+J.displayName = "ToggleField";
 //#endregion
 //#region src/components/base/choice-inputs/choice-types.ts
-var Z = {
+var Y = {
 	sm: {
 		padding: "p-surface-xs",
 		iconBox: "size-avatar-sm",
@@ -413,31 +388,31 @@ var Z = {
 		iconSize: "size-icon-lg",
 		gap: "gap-space-lg"
 	}
-}, he = {
+}, X = {
 	sm: "h-control-sm px-control-sm text-pxs",
 	md: "h-control px-control text-sm",
 	lg: "h-control-lg px-control text-sm"
-}, ge = {
+}, me = {
 	sm: "px-row-x py-row-y-sm",
 	md: "px-row-x py-row-y",
 	lg: "px-row-x py-row-y-lg"
-}, Q = "absolute top-space-sm end-space-sm size-action-sm text-primary-foreground fill-primary stroke-primary-foreground", _e = "[&>*:not(svg)]:max-w-[calc(100%_-_var(--spacing-action-sm))]";
+}, Z = "absolute top-space-sm end-space-sm size-action-sm text-primary-foreground fill-primary stroke-primary-foreground", Q = "[&>*:not(svg)]:max-w-[calc(100%_-_var(--spacing-action-sm))]";
 //#endregion
 //#region src/components/base/choice-inputs/card-checkbox-group.tsx
-function ve(e) {
+function $(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var ye = {
+var he = {
 	1: "grid grid-cols-1 gap-space-md",
 	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"
-}, be = E(function({ "aria-describedby": e, options: t, value: r, defaultValue: a, onValueChange: s, name: c, columns: l = 3, invalid: u, disabled: d, size: f, className: p }, m) {
-	let { defaultScale: h } = n(), _ = g(f, h), v = r !== void 0, [y, b] = j(a ?? []), x = A(() => v ? r ?? [] : y, [
+}, ge = D(function({ "aria-describedby": e, options: t, value: r, defaultValue: a, onValueChange: s, name: c, columns: l = 3, invalid: u, disabled: d, size: f, className: p }, m) {
+	let { defaultScale: h } = n(), _ = g(f, h), v = r !== void 0, [y, b] = M(a ?? []), x = j(() => v ? r ?? [] : y, [
 		y,
 		v,
 		r
-	]), S = Z[_], C = O((e) => {
+	]), S = Y[_], C = k((e) => {
 		if (d || t.find((t) => t.value === e)?.disabled) return;
 		let n = x.includes(e) ? x.filter((t) => t !== e) : [...x, e];
 		v || b(n), s?.(n);
@@ -448,46 +423,46 @@ var ye = {
 		v,
 		s
 	]);
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ N("div", {
 		ref: m,
 		className: i("card-checkbox-group--component @container/card-checkbox-group", p),
-		children: /* @__PURE__ */ M("div", {
-			className: i("card-checkbox-group--grid", ye[l]),
+		children: /* @__PURE__ */ N("div", {
+			className: i("card-checkbox-group--grid", he[l]),
 			role: "group",
 			"aria-describedby": e,
 			"aria-invalid": u || void 0,
 			"aria-disabled": d || void 0,
 			children: t.map((e) => {
 				let t = e.icon, n = e.label, r = x.includes(e.value), a = d || e.disabled, s = !!c && r, l = c ? `${c}[]` : void 0;
-				return /* @__PURE__ */ N("div", {
+				return /* @__PURE__ */ P("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ M("input", {
+					children: [/* @__PURE__ */ N("input", {
 						type: "hidden",
 						name: l,
 						value: e.value,
 						"aria-hidden": "true",
 						hidden: !0,
 						disabled: !s
-					}), /* @__PURE__ */ N("button", {
+					}), /* @__PURE__ */ P("button", {
 						type: "button",
 						"aria-pressed": r,
 						"aria-invalid": u || void 0,
 						onClick: () => C(e.value),
 						disabled: a,
 						"data-selected": r,
-						className: i("group relative flex w-full flex-col items-start text-start outline-none cursor-pointer", "rounded-radius border bg-card transition-[color,box-shadow,background,border-color] duration-150", "border-border hover:border-foreground/20 hover:bg-muted/30", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "data-[selected=true]:border-primary data-[selected=true]:bg-primary/[0.04]", S.padding, S.gap, _e, "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50"),
+						className: i("group relative flex w-full flex-col items-start text-start outline-none cursor-pointer", "rounded-radius border bg-card transition-[color,box-shadow,background,border-color] duration-150", "border-border hover:border-foreground/20 hover:bg-muted/30", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "data-[selected=true]:border-primary data-[selected=true]:bg-primary/[0.04]", S.padding, S.gap, Q, "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50"),
 						children: [
-							/* @__PURE__ */ M(P, { className: i(Q, !r && "hidden") }),
-							!!t && /* @__PURE__ */ M("span", {
+							/* @__PURE__ */ N(F, { className: i(Z, !r && "hidden") }),
+							!!t && /* @__PURE__ */ N("span", {
 								className: i("inline-flex items-center justify-center rounded-radius-md bg-muted/50 text-muted-foreground group-hover:bg-muted", "group-data-[selected=true]:bg-primary/10 group-data-[selected=true]:text-primary-accent", S.iconBox),
-								children: /* @__PURE__ */ M(t, { className: S.iconSize })
+								children: /* @__PURE__ */ N(t, { className: S.iconSize })
 							}),
-							ve(n) ? /* @__PURE__ */ M(o, {
+							$(n) ? /* @__PURE__ */ N(o, {
 								tag: "span",
 								weight: "medium",
 								children: n
 							}) : n,
-							!!e.description && (ve(e.description) ? /* @__PURE__ */ M(o, {
+							!!e.description && ($(e.description) ? /* @__PURE__ */ N(o, {
 								size: "xs",
 								type: "secondary",
 								children: e.description
@@ -499,24 +474,24 @@ var ye = {
 		})
 	});
 });
-be.displayName = "CardCheckboxGroup";
+ge.displayName = "CardCheckboxGroup";
 //#endregion
 //#region src/components/base/choice-inputs/card-radio-group.tsx
-function $(e) {
+function _e(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var xe = {
+var ve = {
 	1: "grid grid-cols-1 gap-space-md",
 	2: "grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2",
 	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 Se({ "aria-describedby": e, options: t, value: r, defaultValue: a, onValueChange: s, name: c, columns: l = 3, invalid: u, disabled: d, size: f, className: p }, m) {
-	let { defaultScale: h } = n(), _ = Z[g(f, h)], v = A(() => i("card-radio-group--grid", xe[l]), [l]);
-	return /* @__PURE__ */ M("div", {
+function ye({ "aria-describedby": e, options: t, value: r, defaultValue: a, onValueChange: s, name: c, columns: l = 3, invalid: u, disabled: d, size: f, className: p }, m) {
+	let { defaultScale: h } = n(), _ = Y[g(f, h)], v = j(() => i("card-radio-group--grid", ve[l]), [l]);
+	return /* @__PURE__ */ N("div", {
 		ref: m,
 		className: i("card-radio-group--component @container/card-radio-group", p),
-		children: /* @__PURE__ */ M(R, {
+		children: /* @__PURE__ */ N(R, {
 			value: r,
 			defaultValue: a,
 			onValueChange: (e) => e && s?.(e),
@@ -527,23 +502,23 @@ function Se({ "aria-describedby": e, options: t, value: r, defaultValue: a, onVa
 			className: v,
 			children: t.map((e) => {
 				let t = e.icon, n = e.label;
-				return /* @__PURE__ */ N(L.Root, {
+				return /* @__PURE__ */ P(L.Root, {
 					value: e.value,
 					disabled: d || e.disabled,
 					"aria-invalid": u || void 0,
-					className: i("relative group flex flex-col text-start outline-none cursor-pointer", "rounded-radius border bg-card transition-[color,box-shadow,background,border-color] duration-150", "border-border hover:border-foreground/20 hover:bg-muted/30", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "data-[checked]:border-primary data-[checked]:bg-primary/[0.04]", _.padding, _.gap, _e, "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50"),
+					className: i("relative group flex flex-col text-start outline-none cursor-pointer", "rounded-radius border bg-card transition-[color,box-shadow,background,border-color] duration-150", "border-border hover:border-foreground/20 hover:bg-muted/30", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "data-[checked]:border-primary data-[checked]:bg-primary/[0.04]", _.padding, _.gap, Q, "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50"),
 					children: [
-						/* @__PURE__ */ M(L.Indicator, { render: /* @__PURE__ */ M(P, { className: Q }) }),
-						!!t && /* @__PURE__ */ M("span", {
+						/* @__PURE__ */ N(L.Indicator, { render: /* @__PURE__ */ N(F, { className: Z }) }),
+						!!t && /* @__PURE__ */ N("span", {
 							className: i("inline-flex items-center justify-center rounded-radius-md bg-muted/50 text-muted-foreground group-hover:bg-muted", "group-data-[checked]:bg-primary/10 group-data-[checked]:text-primary-accent", _.iconBox),
-							children: /* @__PURE__ */ M(t, { className: _.iconSize })
+							children: /* @__PURE__ */ N(t, { className: _.iconSize })
 						}),
-						$(n) ? /* @__PURE__ */ M(o, {
+						_e(n) ? /* @__PURE__ */ N(o, {
 							tag: "span",
 							weight: "semibold",
 							children: n
 						}) : n,
-						!!e.description && ($(e.description) ? /* @__PURE__ */ M(o, {
+						!!e.description && (_e(e.description) ? /* @__PURE__ */ N(o, {
 							size: "xs",
 							type: "secondary",
 							children: e.description
@@ -554,16 +529,16 @@ function Se({ "aria-describedby": e, options: t, value: r, defaultValue: a, onVa
 		})
 	});
 }
-var Ce = D(T.forwardRef(Se));
-Ce.displayName = "CardRadioGroup";
+var be = O(E.forwardRef(ye));
+be.displayName = "CardRadioGroup";
 //#endregion
 //#region src/components/base/choice-inputs/list-radio-group.tsx
-function we(e) {
+function xe(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var Te = E(function({ options: e, value: t, defaultValue: r, onValueChange: a, name: s, invalid: c, disabled: l, size: u, className: d }, f) {
-	let { defaultScale: p } = n(), m = ge[g(u, p)];
-	return /* @__PURE__ */ M(R, {
+var Se = D(function({ options: e, value: t, defaultValue: r, onValueChange: a, name: s, invalid: c, disabled: l, size: u, className: d }, f) {
+	let { defaultScale: p } = n(), m = me[g(u, p)];
+	return /* @__PURE__ */ N(R, {
 		ref: f,
 		value: t,
 		defaultValue: r,
@@ -572,22 +547,22 @@ var Te = E(function({ options: e, value: t, defaultValue: r, onValueChange: a, n
 		disabled: l,
 		"aria-invalid": c || void 0,
 		className: i("list-radio-group--component", "overflow-hidden rounded-radius-md border border-border [&>[role=radio]~[role=radio]]:border-t [&>[role=radio]~[role=radio]]:border-border", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", l && "pointer-events-none opacity-50", d),
-		children: e.map((e) => /* @__PURE__ */ N(L.Root, {
+		children: e.map((e) => /* @__PURE__ */ P(L.Root, {
 			value: e.value,
 			disabled: l || e.disabled,
 			className: i("group flex w-full items-start gap-space-lg text-start outline-none cursor-pointer", "transition-colors hover:bg-muted/40 focus-visible:bg-muted/40", "data-[checked]:bg-primary/10", "disabled:cursor-not-allowed disabled:opacity-50", m),
-			children: [/* @__PURE__ */ M("div", {
+			children: [/* @__PURE__ */ N("div", {
 				className: "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-primary-accent group-data-[checked]:border-primary-accent group-not-data-[checked]:border-muted-foreground/50",
-				children: /* @__PURE__ */ M(L.Indicator, { render: /* @__PURE__ */ M(te, { className: "h-2.5 w-2.5 fill-primary-accent text-primary-accent" }) })
-			}), /* @__PURE__ */ N("div", {
+				children: /* @__PURE__ */ N(L.Indicator, { render: /* @__PURE__ */ N(ee, { className: "h-2.5 w-2.5 fill-primary-accent text-primary-accent" }) })
+			}), /* @__PURE__ */ P("div", {
 				className: "flex-1 min-w-0",
-				children: [we(e.label) ? /* @__PURE__ */ M(o, {
+				children: [xe(e.label) ? /* @__PURE__ */ N(o, {
 					tag: "span",
 					weight: "medium",
 					lineHeight: "tight",
 					className: "block",
 					children: e.label
-				}) : e.label, !!e.description && (we(e.description) ? /* @__PURE__ */ M(o, {
+				}) : e.label, !!e.description && (xe(e.description) ? /* @__PURE__ */ N(o, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -598,18 +573,18 @@ var Te = E(function({ options: e, value: t, defaultValue: r, onValueChange: a, n
 		}, e.value))
 	});
 });
-Te.displayName = "ListRadioGroup";
+Se.displayName = "ListRadioGroup";
 //#endregion
 //#region src/components/base/choice-inputs/pill-radio-group.tsx
-var Ee = T.forwardRef(function({ name: e, value: t, options: r, onValueChange: a, allowClear: s = !1, size: c, fullWidth: l = !1, disabled: u = !1, invalid: d = !1, className: f }, p) {
-	let { defaultScale: m } = n(), h = g(c, m), _ = T.useCallback((e) => {
+var Ce = E.forwardRef(function({ name: e, value: t, options: r, onValueChange: a, allowClear: s = !1, size: c, fullWidth: l = !1, disabled: u = !1, invalid: d = !1, className: f }, p) {
+	let { defaultScale: m } = n(), h = g(c, m), _ = E.useCallback((e) => {
 		e === t ? s && a(null) : a(e);
 	}, [
 		s,
 		a,
 		t
 	]);
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ N("div", {
 		ref: p,
 		"data-name": e,
 		role: "radiogroup",
@@ -617,15 +592,15 @@ var Ee = T.forwardRef(function({ name: e, value: t, options: r, onValueChange: a
 		className: i("pill-radio-group--component", "border-input inline-flex items-center overflow-hidden rounded-radius border", l && "w-full", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", u && "pointer-events-none opacity-50", f),
 		children: r.map((e, n) => {
 			let r = e.value === t, a = e.icon, s = typeof e.label == "string" ? e.label : void 0;
-			return /* @__PURE__ */ N("button", {
+			return /* @__PURE__ */ P("button", {
 				type: "button",
 				role: "radio",
 				"aria-checked": r,
 				"aria-label": s || e.value,
 				disabled: u || e.disabled,
 				onClick: () => _(e.value),
-				className: i("inline-flex select-none items-center justify-center font-medium transition-colors", "focus-visible:ring-ring/50 outline-none focus-visible:z-10 focus-visible:ring-2", "disabled:pointer-events-none disabled:opacity-50", he[h], l && "flex-1", n > 0 && "border-input border-l", r ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted"),
-				children: [!!a && /* @__PURE__ */ M(a, { className: i(h === "sm" ? "size-icon-sm" : "size-icon", e.label && "mr-space-sm") }), typeof e.label == "string" || typeof e.label == "number" || typeof e.label == "bigint" ? /* @__PURE__ */ M(o, {
+				className: i("inline-flex select-none items-center justify-center font-medium transition-colors", "focus-visible:ring-ring/50 outline-none focus-visible:z-10 focus-visible:ring-2", "disabled:pointer-events-none disabled:opacity-50", X[h], l && "flex-1", n > 0 && "border-input border-l", r ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted"),
+				children: [!!a && /* @__PURE__ */ N(a, { className: i(h === "sm" ? "size-icon-sm" : "size-icon", e.label && "mr-space-sm") }), typeof e.label == "string" || typeof e.label == "number" || typeof e.label == "bigint" ? /* @__PURE__ */ N(o, {
 					tag: "span",
 					size: "inherit",
 					weight: "medium",
@@ -637,8 +612,8 @@ var Ee = T.forwardRef(function({ name: e, value: t, options: r, onValueChange: a
 		})
 	});
 });
-Ee.displayName = "PillRadioGroup";
+Ce.displayName = "PillRadioGroup";
 //#endregion
-export { X as a, K as c, re as d, ie as f, se as h, be as i, G as l, oe as m, Te as n, J as o, ae as p, Ce as r, q as s, Ee as t, ce as u };
+export { J as a, U as c, re as d, ie as f, ge as i, se as l, oe as m, Se as n, K as o, ae as p, be as r, G as s, Ce as t, ne as u };
 
-//# sourceMappingURL=choice-inputs-CavA-SGV.js.map
+//# sourceMappingURL=choice-inputs-CC7XqPQO.js.map