themelia-react-ui 2.0.4 → 2.0.6

package/dist/choice-inputs-DHGtx0QV.js

@@ -0,0 +1,789 @@
+"use client";
+import { S as e, d as t, i as n, v as r } from "./ui-provider-C-74NVLc.js";
+import { useStrings as i } from "./lib/strings.js";
+import { t as a } from "./utils-DhuoqFy4.js";
+import { a as o, c as s } from "./typography-C7-YMW1S.js";
+import { o as c, s as l } from "./text.styles-B64My8RZ.js";
+import { t as u } from "./focus-recipes-B653VaLq.js";
+import { t as d } from "./anchored-positioning-DPnKTvNs.js";
+import { t as f } from "./portal-recipes-DyUXqUtD.js";
+import { t as p } from "./motion-recipes-DitYv6P2.js";
+import { t as m } from "./structure-DZJ2wbAU.js";
+import { a as h } from "./surface-recipes-C8mNycaY.js";
+import { n as g, r as _, t as v } from "./popover.recipes-DJ0AkUan.js";
+import { n as y, t as b } from "./collection-content-CSnwtOTH.js";
+import { t as x } from "./interaction-recipes-4wZ2tvfb.js";
+import { t as S } from "./field-state-recipes-7sza8QbC.js";
+import { r as C } from "./field-affordance-recipes-D6H7tVJi.js";
+import { d as w, h as T, p as E, s as D, y as O } from "./form-sizing-CgcrUbLU.js";
+import { t as k } from "./checkbox-MoyHIAPs.js";
+import * as A from "react";
+import { forwardRef as j, memo as M, useCallback as N, useId as P, useMemo as F, useState as I } from "react";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+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";
+import { Switch as W } from "@base-ui/react/switch";
+import { Radio as G } from "@base-ui/react/radio";
+import { RadioGroup as K } from "@base-ui/react/radio-group";
+//#region src/components/ui/select.tsx
+var ee = U.Root;
+function te({ className: e, ...t }) {
+	return /* @__PURE__ */ L(U.Group, {
+		"data-slot": "select-group",
+		className: a("scroll-my-1", e),
+		...t
+	});
+}
+function ne({ className: e, ...t }) {
+	return /* @__PURE__ */ L(U.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__ */ R(U.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-radius 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", S.focus, S.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__ */ L(U.Icon, { render: /* @__PURE__ */ L(B, {
+			"aria-hidden": "true",
+			className: a("pointer-events-none shrink-0 text-muted-foreground", C.icon[t === "sm" ? "sm" : "md"], n)
+		}) })]
+	});
+}
+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);
+	return /* @__PURE__ */ L(U.Portal, {
+		container: g,
+		className: f(),
+		children: /* @__PURE__ */ L(U.Positioner, {
+			positionMethod: u,
+			side: i,
+			sideOffset: o,
+			align: s,
+			alignOffset: c,
+			alignItemWithTrigger: l,
+			className: "isolate z-50",
+			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 outline-none", h.anchored.shell, e),
+				...m,
+				children: [
+					/* @__PURE__ */ L(Y, {}),
+					/* @__PURE__ */ L(U.List, {
+						className: "outline-none",
+						children: r
+					}),
+					/* @__PURE__ */ L(oe, {})
+				]
+			})
+		})
+	});
+}
+function ae({ className: e, ...t }) {
+	return /* @__PURE__ */ L(U.GroupLabel, {
+		"data-slot": "select-label",
+		className: a("px-row-x py-row-y-sm text-xs font-medium text-muted-foreground", e),
+		...t
+	});
+}
+function q({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ R(U.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__ */ L(U.ItemText, {
+			className: "flex min-w-0 flex-1 gap-space-sm",
+			children: t
+		}), /* @__PURE__ */ L(U.ItemIndicator, {
+			render: /* @__PURE__ */ L("span", { className: "pointer-events-none flex shrink-0 items-center justify-center" }),
+			children: /* @__PURE__ */ L(z, { className: "pointer-events-none" })
+		})]
+	});
+}
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ L(U.Separator, {
+		"data-slot": "select-separator",
+		className: a("pointer-events-none my-space-xs h-px", h.anchored.separator, e),
+		...t
+	});
+}
+function Y({ className: e, ...t }) {
+	return /* @__PURE__ */ L(U.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__ */ L(V, {})
+	});
+}
+function oe({ className: e, ...t }) {
+	return /* @__PURE__ */ L(U.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,
+		children: /* @__PURE__ */ L(B, {})
+	});
+}
+//#endregion
+//#region src/components/base/choice-inputs/select-popup.tsx
+var X = {
+	content: "select-popup--component",
+	group: "select-popup--group",
+	item: "select-popup--item",
+	label: "select-popup--label",
+	separator: "select-popup--separator"
+}, se = {
+	sm: "[&_svg:not([class*='size-'])]:size-icon-sm",
+	md: "[&_svg:not([class*='size-'])]:size-icon",
+	lg: "[&_svg:not([class*='size-'])]:size-icon-lg"
+};
+function ce(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function le({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
+	return /* @__PURE__ */ L(ie, {
+		align: t,
+		alignItemWithTrigger: n,
+		className: a(X.content, _.surface, _.menu, "w-max min-w-(--anchor-width) max-w-(--available-width)", e),
+		...r
+	});
+}
+function ue({ className: e, ...t }) {
+	return /* @__PURE__ */ L(te, {
+		className: a(X.group, "p-0", e),
+		...t
+	});
+}
+function de({ children: e, className: t, size: n = "md", density: i = "default", ...o }) {
+	let { defaultTextSize: s } = r();
+	return /* @__PURE__ */ L(q, {
+		className: a(X.item, g(i), v.highlighted, v.disabled, se[n], l[s ?? "sm"], t),
+		...o,
+		children: ce(e) ? /* @__PURE__ */ L(y, { children: e }) : e
+	});
+}
+var fe = {
+	sm: "text-xs",
+	md: "text-xs",
+	lg: "text-sm"
+};
+function pe({ children: e, className: t, size: n = "md", ...r }) {
+	return /* @__PURE__ */ L(ae, {
+		className: a(X.label, "px-row-x py-row-y-sm font-medium text-muted-foreground", fe[n], t),
+		...r,
+		children: ce(e) ? /* @__PURE__ */ L(s, {
+			tag: "span",
+			size: "inherit",
+			type: "inherit",
+			weight: "inherit",
+			lineHeight: "tight",
+			children: e
+		}) : e
+	});
+}
+function me({ className: e, ...t }) {
+	return /* @__PURE__ */ L(J, {
+		className: a(X.separator, _.separator, e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/choice-inputs/select.tsx
+var he = { placeholder: "Select an option" }, Z = "__admin_ui_select_clear__", ge = "__admin_ui_select_option__:";
+function _e(e) {
+	return e === "" ? Z : `${ge}${e}`;
+}
+function ve(e) {
+	return e === "" || e == null ? null : `${ge}${e}`;
+}
+function ye(e) {
+	if (e !== null && e !== Z && e.startsWith(ge)) return e.slice(27);
+}
+function be(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function xe(e, t) {
+	return be(e) ? /* @__PURE__ */ L(s, {
+		tag: "span",
+		size: "inherit",
+		lineHeight: "tight",
+		className: a("text-inherit", t),
+		children: e
+	}) : e;
+}
+function Se({ option: e, size: t }) {
+	return /* @__PURE__ */ L(b, {
+		label: e.label,
+		description: e.description,
+		leading: e.icon,
+		leadingDecorative: !0,
+		wrap: !0,
+		className: "select--option-content",
+		leadingClassName: a("select--option-icon", D[t]),
+		bodyClassName: "select--option-text text-start",
+		labelClassName: "select--option-label block",
+		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(() => {
+		let e = o.map((e) => ({
+			option: e,
+			internalValue: _e(e.value)
+		}));
+		return u && !e.some(({ internalValue: e }) => e === Z) && e.unshift({
+			internalValue: Z,
+			option: {
+				value: "",
+				label: J
+			}
+		}), e;
+	}, [
+		u,
+		o,
+		J
+	]), oe = F(() => new Map(Y.map((e) => [e.internalValue, e.option])), [Y]), X = ve(U), se = ve(W), ce = N((e) => {
+		let t = ye(e);
+		h?.(t);
+	}, [h]), fe = N((e) => ye(e) ?? "", []);
+	return /* @__PURE__ */ R(ee, {
+		onValueChange: ce,
+		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,
+		defaultValue: se,
+		itemToStringValue: fe,
+		...r ? { value: X } : {},
+		children: [/* @__PURE__ */ L(re, {
+			ref: n,
+			"aria-label": P,
+			"aria-labelledby": I,
+			"aria-describedby": z,
+			"aria-invalid": d ? !0 : B,
+			onFocus: V,
+			onBlur: H,
+			iconClassName: C.icon[q],
+			className: a("select--component select--trigger", E(q), "data-[placeholder]:text-muted-foreground", p),
+			...te,
+			children: /* @__PURE__ */ L(ne, {
+				className: "select--value min-w-0",
+				children: (e) => {
+					let t = e && e !== Z ? oe.get(e) : void 0;
+					return xe(K ? K(t) : t?.label ?? J, "min-w-0 truncate");
+				}
+			})
+		}), /* @__PURE__ */ L(le, {
+			className: a("select--content", m),
+			children: /* @__PURE__ */ L(ue, {
+				className: "select--group",
+				children: Y.map(({ internalValue: e, option: t }) => {
+					let n = G?.(t);
+					return /* @__PURE__ */ L(de, {
+						value: e,
+						label: t.label,
+						"aria-label": t.label,
+						disabled: t.disabled,
+						size: q,
+						density: s,
+						className: "select--item",
+						children: G ? xe(n, "select--option-custom") : /* @__PURE__ */ L(Se, {
+							option: t,
+							size: q
+						})
+					}, e);
+				})
+			})
+		})]
+	});
+}));
+Ce.displayName = "Select";
+//#endregion
+//#region src/components/ui/switch.tsx
+function we({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ L(W.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, S.invalid, "after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", e),
+		...n,
+		children: /* @__PURE__ */ L(W.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"
+		})
+	});
+}
+//#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";
+	return /* @__PURE__ */ L(we, {
+		ref: d,
+		...u,
+		id: s,
+		name: c,
+		onCheckedChange: (e) => n?.(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)
+	});
+});
+Q.displayName = "Switch";
+//#endregion
+//#region src/components/base/choice-inputs/choice-types.ts
+var Te = {
+	sm: {
+		padding: "p-surface-xs",
+		iconBox: "size-avatar-sm",
+		iconSize: "size-icon-sm",
+		gap: "gap-space-sm"
+	},
+	md: {
+		padding: "p-surface",
+		iconBox: "size-avatar",
+		iconSize: "size-icon",
+		gap: "gap-space-md"
+	},
+	lg: {
+		padding: "p-surface-lg",
+		iconBox: "size-avatar-lg",
+		iconSize: "size-icon-lg",
+		gap: "gap-space-lg"
+	}
+}, Ee = {
+	sm: "h-control-sm px-control-sm text-pxs",
+	md: "h-control px-control text-sm",
+	lg: "h-control-lg px-control text-sm"
+}, De = {
+	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]);
+	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),
+		children: [
+			!!h && /* @__PURE__ */ L("input", {
+				type: "hidden",
+				name: h,
+				value: O ? "1" : "0",
+				"aria-hidden": "true"
+			}),
+			!!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"),
+				children: /* @__PURE__ */ L(p, { className: "size-icon" })
+			}),
+			/* @__PURE__ */ R(m, {
+				gap: "dense",
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ L(o, {
+						htmlFor: M,
+						className: a("block text-inherit", y ? "cursor-not-allowed" : "cursor-pointer"),
+						children: u
+					}),
+					!!F && /* @__PURE__ */ L(s, {
+						id: z,
+						size: "xs",
+						type: "secondary",
+						children: d
+					}),
+					!!f && /* @__PURE__ */ L(s, {
+						size: "xs",
+						type: "discrete",
+						children: f
+					})
+				]
+			}),
+			/* @__PURE__ */ L("div", {
+				className: a("switch-card--control", $, A),
+				children: /* @__PURE__ */ L(Q, {
+					className: "data-disabled:opacity-100",
+					id: M,
+					ref: i,
+					onBlur: c,
+					checked: O,
+					onValueChange: B,
+					disabled: y,
+					invalid: b || !!(r && r !== "false"),
+					"aria-label": u,
+					"aria-describedby": [n, z].filter(Boolean).join(" ") || void 0
+				})
+			})
+		]
+	});
+});
+je.displayName = "SwitchCard";
+//#endregion
+//#region src/components/base/choice-inputs/toggle-field.tsx
+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, {
+		className: "after:inset-x-0",
+		id: M,
+		ref: i,
+		onBlur: c,
+		name: y,
+		checked: D,
+		onValueChange: V,
+		disabled: _,
+		invalid: v || !!(r && r !== "false"),
+		"aria-labelledby": F,
+		"aria-describedby": [n, B].filter(Boolean).join(" ") || void 0
+	}) : /* @__PURE__ */ L(k, {
+		id: M,
+		ref: i,
+		onBlur: c,
+		name: y,
+		checked: D,
+		onCheckedChange: (e) => V(e === !0),
+		disabled: _,
+		"aria-invalid": v || r,
+		"aria-labelledby": F,
+		"aria-describedby": [n, B].filter(Boolean).join(" ") || void 0
+	}), W = /* @__PURE__ */ R(m, {
+		gap: "dense",
+		className: "min-w-0 flex-1",
+		children: [/* @__PURE__ */ L("div", {
+			id: F,
+			children: Me(u) ? /* @__PURE__ */ L(o, {
+				htmlFor: M,
+				"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,
+			children: Me(d) ? /* @__PURE__ */ L(s, {
+				size: "xs",
+				type: "secondary",
+				children: d
+			}) : d
+		})]
+	});
+	return /* @__PURE__ */ R(m, {
+		ref: S,
+		direction: "horizontal",
+		align: "start",
+		wrap: !1,
+		gap: "md",
+		role: "group",
+		onClick: H,
+		className: a("toggle-field--component rounded-radius py-row-y", _ && "pointer-events-none", b),
+		children: [
+			x === "leading" && /* @__PURE__ */ L("div", {
+				className: A,
+				children: U
+			}),
+			W,
+			x === "trailing" && /* @__PURE__ */ L("div", {
+				className: A,
+				children: U
+			})
+		]
+	});
+});
+Ne.displayName = "ToggleField";
+//#endregion
+//#region src/components/base/choice-inputs/card-checkbox-group.tsx
+function Pe(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var Fe = {
+	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"
+}, Ie = j(function({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: u, defaultValue: d, onValueChange: f, name: p, columns: h = 3, invalid: g, disabled: _, size: v, className: y }, b) {
+	let { defaultScale: x } = t(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-checkbox-group--marker", $, l[C ?? "sm"], c.normal), E = u !== void 0, [D, k] = I(d ?? []), A = F(() => E ? u ?? [] : D, [
+		D,
+		E,
+		u
+	]), j = Te[w], M = N((e) => {
+		if (_ || o.find((t) => t.value === e)?.disabled) return;
+		let t = A.includes(e) ? A.filter((t) => t !== e) : [...A, e];
+		E || k(t), f?.(t);
+	}, [
+		_,
+		o,
+		A,
+		E,
+		f
+	]);
+	return /* @__PURE__ */ L("div", {
+		ref: b,
+		className: a("card-checkbox-group--component @container/card-checkbox-group", y),
+		children: /* @__PURE__ */ L("div", {
+			className: a("card-checkbox-group--grid", Fe[h]),
+			role: "group",
+			"aria-label": e,
+			"aria-labelledby": n,
+			"aria-describedby": i,
+			"aria-invalid": g || void 0,
+			"aria-disabled": _ || void 0,
+			children: o.map((e) => {
+				let t = e.icon, n = e.label, r = A.includes(e.value), i = _ || e.disabled, o = !!p && r, c = p ? `${p}[]` : void 0;
+				return /* @__PURE__ */ R("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ L("input", {
+						type: "hidden",
+						name: c,
+						value: e.value,
+						"aria-hidden": "true",
+						hidden: !0,
+						disabled: !o
+					}), /* @__PURE__ */ R("button", {
+						type: "button",
+						"aria-pressed": r,
+						"aria-invalid": g || void 0,
+						onClick: () => M(e.value),
+						disabled: i,
+						"data-selected": r,
+						className: a("box-border group relative flex w-full flex-col items-start text-start outline-none cursor-pointer", "rounded-surface border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150", Oe, "data-[selected=true]:border-primary", j.padding, j.gap, S.invalid, "disabled:cursor-not-allowed disabled:opacity-50"),
+						children: [!!t && /* @__PURE__ */ L("span", {
+							className: a("inline-flex shrink-0 items-center justify-center rounded-radius bg-muted text-muted-foreground", j.iconBox),
+							children: /* @__PURE__ */ L(t, { className: j.iconSize })
+						}), /* @__PURE__ */ R("span", {
+							className: a("card-checkbox-group--body flex w-full min-w-0 items-start", j.gap),
+							children: [/* @__PURE__ */ R(m, {
+								gap: "dense",
+								className: "min-w-0 flex-1",
+								children: [Pe(n) ? /* @__PURE__ */ L(s, {
+									tag: "span",
+									type: "inherit",
+									weight: "medium",
+									children: n
+								}) : n, !!e.description && (Pe(e.description) ? /* @__PURE__ */ L(s, {
+									size: "xs",
+									type: "secondary",
+									children: e.description
+								}) : e.description)]
+							}), /* @__PURE__ */ L("span", {
+								"aria-hidden": "true",
+								className: T,
+								children: /* @__PURE__ */ L("span", {
+									className: Ae,
+									children: /* @__PURE__ */ L(H, { className: a(ke, !r && "hidden") })
+								})
+							})]
+						})]
+					})]
+				}, e.value);
+			})
+		})
+	});
+});
+Ie.displayName = "CardCheckboxGroup";
+//#endregion
+//#region src/components/base/choice-inputs/card-radio-group.tsx
+function Le(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var Re = {
+	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 ze({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: u, defaultValue: d, onValueChange: f, name: p, columns: h = 3, invalid: g, disabled: _, size: v, className: y }, b) {
+	let { defaultScale: x } = t(), { defaultTextSize: C } = r(), w = O(v, x), T = a("card-radio-group--marker", $, l[C ?? "sm"], c.normal), E = Te[w], D = F(() => a("card-radio-group--grid", Re[h]), [h]);
+	return /* @__PURE__ */ L("div", {
+		ref: b,
+		className: a("card-radio-group--component @container/card-radio-group", y),
+		children: /* @__PURE__ */ L(K, {
+			value: u,
+			defaultValue: d,
+			onValueChange: (e) => e && f?.(e),
+			name: p,
+			disabled: _,
+			"aria-label": e,
+			"aria-labelledby": n,
+			"aria-describedby": i,
+			"aria-invalid": g || void 0,
+			className: D,
+			children: o.map((e) => {
+				let t = e.icon, n = e.label;
+				return /* @__PURE__ */ R(G.Root, {
+					value: e.value,
+					disabled: _ || 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", 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", E.gap),
+						children: [/* @__PURE__ */ R(m, {
+							gap: "dense",
+							className: "min-w-0 flex-1",
+							children: [Le(n) ? /* @__PURE__ */ L(s, {
+								tag: "span",
+								type: "inherit",
+								weight: "medium",
+								children: n
+							}) : n, !!e.description && (Le(e.description) ? /* @__PURE__ */ L(s, {
+								size: "xs",
+								type: "secondary",
+								children: e.description
+							}) : e.description)]
+						}), /* @__PURE__ */ L("span", {
+							"aria-hidden": "true",
+							className: T,
+							children: /* @__PURE__ */ L("span", {
+								className: Ae,
+								children: /* @__PURE__ */ L(G.Indicator, { render: /* @__PURE__ */ L(H, { className: ke }) })
+							})
+						})]
+					})]
+				}, e.value);
+			})
+		})
+	});
+}
+var Be = M(A.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({ "aria-label": e, "aria-labelledby": n, "aria-describedby": i, options: o, value: c, defaultValue: u, onValueChange: d, name: f, invalid: p, disabled: h, size: g, className: _ }, v) {
+	let { defaultScale: y } = t(), { defaultTextSize: b } = r(), C = De[O(g, y)], w = a(l[b ?? "sm"], "leading-tight");
+	return /* @__PURE__ */ L(K, {
+		ref: v,
+		"aria-label": e,
+		"aria-labelledby": n,
+		"aria-describedby": i,
+		value: c,
+		defaultValue: u,
+		onValueChange: (e) => e && d?.(e),
+		name: f,
+		disabled: h,
+		"aria-invalid": p || void 0,
+		className: a("list-radio-group--component", "overflow-hidden rounded-radius border border-border [&>[role=radio]~[role=radio]]:border-t [&>[role=radio]~[role=radio]]:border-border", S.invalid, h && "pointer-events-none opacity-50", _),
+		children: o.map((e) => /* @__PURE__ */ R(G.Root, {
+			value: e.value,
+			disabled: 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", $, 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" })
+				})
+			}), /* @__PURE__ */ R(m, {
+				gap: "dense",
+				className: "flex-1 min-w-0",
+				children: [Ve(e.label) ? /* @__PURE__ */ L(s, {
+					tag: "span",
+					weight: "medium",
+					lineHeight: "tight",
+					className: "block",
+					children: e.label
+				}) : e.label, !!e.description && (Ve(e.description) ? /* @__PURE__ */ L(s, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "block",
+					children: e.description
+				}) : e.description)]
+			})]
+		}, e.value))
+	});
+});
+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(e, n) {
+	let { name: r, value: i, defaultValue: o, options: c, onValueChange: l, allowClear: d = !1, size: f, fullWidth: p = !1, disabled: m = !1, invalid: h = !1, className: g, "aria-label": _, "aria-labelledby": v, "aria-describedby": y } = e, b = Object.hasOwn(e, "value"), [x, C] = A.useState(o ?? null), T = b ? i : x, { defaultScale: E } = t(), D = O(f, E), k = A.useRef([]), j = A.useCallback((e) => !m && !e.disabled, [m]), M = c.findIndex((e) => e.value === T), N = c[M], P = N && j(N) ? M : c.findIndex(j), F = (e) => {
+		b || C(e), l?.(e);
+	}, I = (e) => {
+		e === T ? d && F(null) : F(e);
+	};
+	return /* @__PURE__ */ R("div", {
+		ref: n,
+		"data-name": r,
+		role: "radiogroup",
+		"aria-label": _,
+		"aria-labelledby": v,
+		"aria-describedby": y,
+		"aria-invalid": h || void 0,
+		"aria-disabled": m || void 0,
+		onKeyDown: (e) => {
+			let t = c.map((e, t) => j(e) ? t : -1).filter((e) => e >= 0);
+			if (!t.length) return;
+			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[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) => {
+					k.current[t] = e;
+				},
+				type: "button",
+				role: "radio",
+				"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",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: e.label
+				}) : e.label]
+			}, e.value);
+		}), r && N && j(N) && /* @__PURE__ */ L("input", {
+			type: "hidden",
+			name: r,
+			value: N.value
+		})]
+	});
+});
+Ge.displayName = "PillRadioGroup";
+//#endregion
+export { re as _, Ne as a, Q as c, le as d, ue as f, ee as g, me as h, Ie as i, Ce as l, pe as m, He as n, je as o, de as p, Be as r, $ as s, Ge as t, he as u, ne as v };
+
+//# sourceMappingURL=choice-inputs-DHGtx0QV.js.map