themelia-react-ui 1.0.0 → 1.0.2

package/dist/choice-inputs-Mk3iWbhr.js

@@ -0,0 +1,725 @@
+"use client";
+import { _ as e, p as t, s as n } from "./ui-provider-DRPn3qNl.js";
+import { r } from "./theme-scope-kStaAer0.js";
+import { useStrings as i } from "./lib/strings.js";
+import { t as a } from "./utils-BvH9PSmq.js";
+import { a as o } from "./text.styles-Q4sGAIgA.js";
+import { a as s, n as c } from "./typography-BxQgiZyw.js";
+import { t as l } from "./anchored-positioning-DPnKTvNs.js";
+import { t as u } from "./motion-recipes-B6jKXEcN.js";
+import { t as d } from "./structure-CRdqVawd.js";
+import { n as f, r as p, t as m } from "./popover.recipes-QlD4JenO.js";
+import { n as h, t as g } from "./collection-content-D6S8cv_n.js";
+import { d as _, o as v, p as y, u as b } from "./form-sizing-QP8aIRaW.js";
+import { t as x } from "./checkbox-BQNDjUCh.js";
+import * as S from "react";
+import { forwardRef as C, memo as w, useCallback as T, useId as E, useMemo as D, useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { CheckIcon as j, ChevronDownIcon as M, ChevronUpIcon as N, Circle as P, CircleCheck as F } from "lucide-react";
+import { Select as I } from "@base-ui/react/select";
+import { Switch as L } from "@base-ui/react/switch";
+import { Radio as R } from "@base-ui/react/radio";
+import { RadioGroup as z } from "@base-ui/react/radio-group";
+//#region src/components/ui/select.tsx
+var ee = I.Root;
+function te({ className: e, ...t }) {
+	return /* @__PURE__ */ k(I.Group, {
+		"data-slot": "select-group",
+		className: a("scroll-my-1 p-1", e),
+		...t
+	});
+}
+function ne({ className: e, ...t }) {
+	return /* @__PURE__ */ k(I.Value, {
+		"data-slot": "select-value",
+		className: a("flex flex-1 text-start", e),
+		...t
+	});
+}
+function B({ className: e, size: t = "default", children: n, ...r }) {
+	return /* @__PURE__ */ A(I.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": t,
+		className: a("border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 aria-invalid:border-destructive gap-space-sm rounded-md border bg-transparent py-space-xs px-control text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-space-sm [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
+		...r,
+		children: [n, /* @__PURE__ */ k(I.Icon, { render: /* @__PURE__ */ k(M, { className: "text-muted-foreground size-4 pointer-events-none" }) })]
+	});
+}
+function re({ className: e, container: t, children: n, side: i = "bottom", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, alignItemWithTrigger: d = !0, positionMethod: f = l, ...p }) {
+	let m = r(t);
+	return /* @__PURE__ */ k(I.Portal, {
+		container: m,
+		children: /* @__PURE__ */ k(I.Positioner, {
+			positionMethod: f,
+			side: i,
+			sideOffset: o,
+			align: s,
+			alignOffset: c,
+			alignItemWithTrigger: d,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ A(I.Popup, {
+				"data-slot": "select-content",
+				"data-align-trigger": d,
+				className: a(u.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", "bg-popover text-popover-foreground ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto", e),
+				...p,
+				children: [
+					/* @__PURE__ */ k(H, {}),
+					/* @__PURE__ */ k(I.List, { children: n }),
+					/* @__PURE__ */ k(oe, {})
+				]
+			})
+		})
+	});
+}
+function ie({ className: e, ...t }) {
+	return /* @__PURE__ */ k(I.GroupLabel, {
+		"data-slot": "select-label",
+		className: a("text-muted-foreground px-2 py-1.5 text-xs", e),
+		...t
+	});
+}
+function ae({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ A(I.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__ */ k(I.ItemText, {
+			className: "flex min-w-0 flex-1 gap-space-sm",
+			children: t
+		}), /* @__PURE__ */ k(I.ItemIndicator, {
+			render: /* @__PURE__ */ k("span", { className: "pointer-events-none flex shrink-0 items-center justify-center" }),
+			children: /* @__PURE__ */ k(j, { className: "pointer-events-none" })
+		})]
+	});
+}
+function V({ className: e, ...t }) {
+	return /* @__PURE__ */ k(I.Separator, {
+		"data-slot": "select-separator",
+		className: a("bg-border -mx-1 my-1 h-px pointer-events-none", e),
+		...t
+	});
+}
+function H({ className: e, ...t }) {
+	return /* @__PURE__ */ k(I.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-4 top-0 w-full", e),
+		...t,
+		children: /* @__PURE__ */ k(N, {})
+	});
+}
+function oe({ className: e, ...t }) {
+	return /* @__PURE__ */ k(I.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-4 bottom-0 w-full", e),
+		...t,
+		children: /* @__PURE__ */ k(M, {})
+	});
+}
+//#endregion
+//#region src/components/base/choice-inputs/select-popup.tsx
+var U = {
+	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 W(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function G({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
+	return /* @__PURE__ */ k(re, {
+		align: t,
+		alignItemWithTrigger: n,
+		className: a(U.content, p.surface, p.menu, "w-max min-w-(--anchor-width) max-w-(--available-width)", e),
+		...r
+	});
+}
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ k(te, {
+		className: a(U.group, "p-0", e),
+		...t
+	});
+}
+function ce({ children: e, className: n, size: r = "md", density: i = "default", ...s }) {
+	let { defaultTextSize: c } = t();
+	return /* @__PURE__ */ k(ae, {
+		className: a(U.item, f(i), m.highlighted, m.disabled, se[r], o[c ?? "sm"], n),
+		...s,
+		children: W(e) ? /* @__PURE__ */ k(h, { children: e }) : e
+	});
+}
+function q({ children: e, className: t, size: n = "md", ...r }) {
+	return /* @__PURE__ */ k(ie, {
+		className: a(U.label, "px-row-x py-row-y", n === "sm" ? "text-pxs" : n === "lg" ? "text-base" : "text-sm", t),
+		...r,
+		children: W(e) ? /* @__PURE__ */ k(s, {
+			tag: "span",
+			size: "inherit",
+			type: "secondary",
+			lineHeight: "tight",
+			className: "text-inherit",
+			children: e
+		}) : e
+	});
+}
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ k(V, {
+		className: a(U.separator, p.separator, e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/choice-inputs/select.tsx
+var le = { placeholder: "Select an option" }, Y = "__admin_ui_select_clear__", X = "__admin_ui_select_option__:";
+function ue(e) {
+	return e === "" ? Y : `${X}${e}`;
+}
+function de(e) {
+	return e === "" || e == null ? null : `${X}${e}`;
+}
+function fe(e) {
+	if (e !== null && e !== Y && e.startsWith(X)) return e.slice(27);
+}
+function pe(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function me(e, t) {
+	return pe(e) ? /* @__PURE__ */ k(s, {
+		tag: "span",
+		size: "inherit",
+		lineHeight: "tight",
+		className: a("text-inherit", t),
+		children: e
+	}) : e;
+}
+function he({ option: e, size: t }) {
+	return /* @__PURE__ */ k(g, {
+		label: e.label,
+		description: e.description,
+		leading: e.icon,
+		leadingDecorative: !0,
+		wrap: !0,
+		className: "select--option-content",
+		leadingClassName: a("select--option-icon", v[t]),
+		bodyClassName: "select--option-text text-start",
+		labelClassName: "select--option-label block",
+		descriptionClassName: "select--option-description line-clamp-2"
+	});
+}
+var Z = w(C(function(e, t) {
+	let r = Object.prototype.hasOwnProperty.call(e, "value"), { options: o, density: s, placeholder: c, strings: l, allowClear: u = !1, invalid: d, size: f, className: p, contentClassName: m, onValueChange: h, disabled: g, readOnly: v, defaultOpen: b, open: x, onOpenChange: S, onOpenChangeComplete: C, modal: w, highlightItemOnHover: E, name: O, form: j, autoComplete: M, inputRef: N, id: P, required: F, "aria-label": I, "aria-labelledby": L, "aria-describedby": R, "aria-invalid": z, onFocus: te, onBlur: re, value: ie, defaultValue: ae, renderOption: V, renderValue: H, ...oe } = e, U = i(le, l), { defaultScale: se } = n(), W = y(f, se), q = c ?? U.placeholder, J = D(() => {
+		let e = o.map((e) => ({
+			option: e,
+			internalValue: ue(e.value)
+		}));
+		return u && !e.some(({ internalValue: e }) => e === Y) && e.unshift({
+			internalValue: Y,
+			option: {
+				value: "",
+				label: q
+			}
+		}), e;
+	}, [
+		u,
+		o,
+		q
+	]), X = D(() => new Map(J.map((e) => [e.internalValue, e.option])), [J]), pe = de(ie), Z = de(ae), ge = T((e) => {
+		let t = fe(e);
+		h?.(t);
+	}, [h]), Q = T((e) => fe(e) ?? "", []);
+	return /* @__PURE__ */ A(ee, {
+		onValueChange: ge,
+		disabled: g,
+		readOnly: v,
+		defaultOpen: b,
+		open: x,
+		onOpenChange: S,
+		onOpenChangeComplete: C,
+		modal: w,
+		highlightItemOnHover: E,
+		name: O,
+		form: j,
+		autoComplete: M,
+		inputRef: N,
+		id: P,
+		required: F,
+		defaultValue: Z,
+		itemToStringValue: Q,
+		...r ? { value: pe } : {},
+		children: [/* @__PURE__ */ k(B, {
+			ref: t,
+			"aria-label": I,
+			"aria-labelledby": L,
+			"aria-describedby": R,
+			"aria-invalid": d ? !0 : z,
+			onFocus: te,
+			onBlur: re,
+			className: a("select--component select--trigger", _(W), "data-[placeholder]:text-muted-foreground", p),
+			...oe,
+			children: /* @__PURE__ */ k(ne, {
+				className: "select--value min-w-0",
+				children: (e) => {
+					let t = e && e !== Y ? X.get(e) : void 0;
+					return me(H ? H(t) : t?.label ?? q, "min-w-0 truncate");
+				}
+			})
+		}), /* @__PURE__ */ k(G, {
+			className: a("select--content", m),
+			children: /* @__PURE__ */ k(K, {
+				className: "select--group",
+				children: J.map(({ internalValue: e, option: t }) => {
+					let n = V?.(t);
+					return /* @__PURE__ */ k(ce, {
+						value: e,
+						label: t.label,
+						"aria-label": t.label,
+						disabled: t.disabled,
+						size: W,
+						density: s,
+						className: "select--item",
+						children: V ? me(n, "select--option-custom") : /* @__PURE__ */ k(he, {
+							option: t,
+							size: W
+						})
+					}, e);
+				})
+			})
+		})]
+	});
+}));
+Z.displayName = "Select";
+//#endregion
+//#region src/components/ui/switch.tsx
+function ge({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ k(L.Root, {
+		"data-slot": "switch",
+		"data-size": t,
+		className: a("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring 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__ */ k(L.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"
+		})
+	});
+}
+//#endregion
+//#region src/components/base/choice-inputs/switch.tsx
+var Q = C(function({ onValueChange: t, size: r, invalid: i, className: o, id: s, name: c, "aria-invalid": l, ...u }, d) {
+	let { defaultScale: f } = n(), p = e(r, f), m = i ? !0 : l, h = m !== void 0 && m !== !1 && m !== "false";
+	return /* @__PURE__ */ k(ge, {
+		ref: d,
+		...u,
+		id: s,
+		name: c,
+		onCheckedChange: (e) => t?.(e),
+		size: p === "sm" ? "sm" : "default",
+		"aria-invalid": m,
+		className: a("switch--component", p === "lg" && "h-6! w-11! [&_[data-slot=switch-thumb]]:size-5! [&[data-checked]_[data-slot=switch-thumb]]:translate-x-[20px]!", h && "data-unchecked:border-destructive", o)
+	});
+});
+Q.displayName = "Switch";
+//#endregion
+//#region src/components/base/choice-inputs/switch-card.tsx
+var _e = S.forwardRef(function({ "aria-describedby": e, label: t, description: n, hint: r, icon: i, name: o, value: l, defaultValue: u, onValueChange: f, disabled: p = !1, invalid: m, className: h }, g) {
+	let _ = l !== void 0, [v, y] = O(u ?? !1), b = _ ? l ?? !1 : v, x = E(), S = D(() => o ?? x, [o, x]), C = typeof n == "string" && n.trim() !== "", w = C ? `${S}-description` : void 0, j = T((e) => {
+		p || (_ || y(e), f?.(e));
+	}, [
+		p,
+		_,
+		f
+	]), M = T((e) => {
+		e.target.closest("[role=\"switch\"]") || j(!b);
+	}, [b, j]);
+	return /* @__PURE__ */ A("div", {
+		ref: g,
+		"aria-invalid": m || void 0,
+		onClick: M,
+		className: a("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: [
+			!!o && /* @__PURE__ */ k("input", {
+				type: "hidden",
+				name: o,
+				value: b ? "1" : "0",
+				"aria-hidden": "true"
+			}),
+			!!i && /* @__PURE__ */ k("span", {
+				className: a("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__ */ k(i, { className: "size-icon" })
+			}),
+			/* @__PURE__ */ A(d, {
+				gap: "dense",
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ k(c, {
+						htmlFor: S,
+						className: a("block font-semibold tracking-tight", p ? "cursor-not-allowed" : "cursor-pointer"),
+						children: t
+					}),
+					!!C && /* @__PURE__ */ k(s, {
+						id: w,
+						type: "secondary",
+						className: "leading-snug",
+						children: n
+					}),
+					!!r && /* @__PURE__ */ k(s, {
+						size: "xs",
+						type: "discrete",
+						className: "leading-snug",
+						children: r
+					})
+				]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "mt-1 flex shrink-0 items-center",
+				children: /* @__PURE__ */ k(Q, {
+					id: S,
+					checked: b,
+					onValueChange: j,
+					disabled: p,
+					invalid: m,
+					"aria-label": t,
+					"aria-describedby": [e, w].filter(Boolean).join(" ") || void 0
+				})
+			})
+		]
+	});
+});
+_e.displayName = "SwitchCard";
+//#endregion
+//#region src/components/base/choice-inputs/toggle-field.tsx
+function ve(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var ye = C(function({ "aria-describedby": e, label: t, description: n, kind: r = "switch", value: i, defaultValue: o, onValueChange: l, disabled: u = !1, invalid: f = !1, name: p, className: m, controlPosition: h = "trailing" }, g) {
+	let _ = i !== void 0, [v, y] = O(o ?? !1), b = _ ? i ?? !1 : v, S = E(), C = `${S}-label`, w = n != null && n !== !1, D = w ? `${S}-description` : void 0, j = T((e) => {
+		u || (_ || y(e), l?.(e));
+	}, [
+		u,
+		_,
+		l
+	]), M = (e) => {
+		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || j(!b);
+	}, N = r === "switch" ? /* @__PURE__ */ k(Q, {
+		className: "after:inset-x-0",
+		id: S,
+		name: p,
+		checked: b,
+		onValueChange: j,
+		disabled: u,
+		invalid: f,
+		"aria-labelledby": C,
+		"aria-describedby": [e, D].filter(Boolean).join(" ") || void 0
+	}) : /* @__PURE__ */ k(x, {
+		id: S,
+		name: p,
+		checked: b,
+		onCheckedChange: (e) => j(e === !0),
+		disabled: u,
+		"aria-invalid": f || void 0,
+		"aria-labelledby": C,
+		"aria-describedby": [e, D].filter(Boolean).join(" ") || void 0
+	}), P = /* @__PURE__ */ A(d, {
+		gap: "dense",
+		className: "min-w-0 flex-1",
+		children: [/* @__PURE__ */ k("div", {
+			id: C,
+			children: ve(t) ? /* @__PURE__ */ k(c, {
+				htmlFor: S,
+				className: a("block", u ? "cursor-not-allowed opacity-50" : "cursor-pointer"),
+				children: t
+			}) : t
+		}), w && /* @__PURE__ */ k("div", {
+			id: D,
+			children: ve(n) ? /* @__PURE__ */ k(s, {
+				size: "xs",
+				type: "secondary",
+				className: "leading-snug",
+				children: n
+			}) : n
+		})]
+	});
+	return /* @__PURE__ */ A(d, {
+		ref: g,
+		direction: "horizontal",
+		align: "start",
+		wrap: !1,
+		gap: "md",
+		role: "group",
+		onClick: M,
+		className: a("toggle-field--component rounded-radius py-row-y", u && "pointer-events-none", m),
+		children: [
+			h === "leading" && /* @__PURE__ */ k("div", {
+				className: "mt-0.5 flex shrink-0",
+				children: N
+			}),
+			P,
+			h === "trailing" && /* @__PURE__ */ k("div", {
+				className: "mt-0.5 flex shrink-0",
+				children: N
+			})
+		]
+	});
+});
+ye.displayName = "ToggleField";
+//#endregion
+//#region src/components/base/choice-inputs/choice-types.ts
+var be = {
+	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"
+	}
+}, xe = {
+	sm: "h-control-sm px-control-sm text-pxs",
+	md: "h-control px-control text-sm",
+	lg: "h-control-lg px-control text-sm"
+}, Se = {
+	sm: "px-row-x py-row-y-sm",
+	md: "px-row-x py-row-y",
+	lg: "px-row-x py-row-y-lg"
+}, Ce = "absolute top-space-sm end-space-sm size-action-sm text-primary-foreground fill-primary stroke-primary-foreground", we = "[&>*:not(svg)]:max-w-[calc(100%_-_var(--spacing-action-sm))]";
+//#endregion
+//#region src/components/base/choice-inputs/card-checkbox-group.tsx
+function Te(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var Ee = {
+	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"
+}, De = C(function({ "aria-describedby": e, options: t, value: r, defaultValue: i, onValueChange: o, name: c, columns: l = 3, invalid: u, disabled: f, size: p, className: m }, h) {
+	let { defaultScale: g } = n(), _ = y(p, g), v = r !== void 0, [b, x] = O(i ?? []), S = D(() => v ? r ?? [] : b, [
+		b,
+		v,
+		r
+	]), C = be[_], w = T((e) => {
+		if (f || t.find((t) => t.value === e)?.disabled) return;
+		let n = S.includes(e) ? S.filter((t) => t !== e) : [...S, e];
+		v || x(n), o?.(n);
+	}, [
+		f,
+		t,
+		S,
+		v,
+		o
+	]);
+	return /* @__PURE__ */ k("div", {
+		ref: h,
+		className: a("card-checkbox-group--component @container/card-checkbox-group", m),
+		children: /* @__PURE__ */ k("div", {
+			className: a("card-checkbox-group--grid", Ee[l]),
+			role: "group",
+			"aria-describedby": e,
+			"aria-invalid": u || void 0,
+			"aria-disabled": f || void 0,
+			children: t.map((e) => {
+				let t = e.icon, n = e.label, r = S.includes(e.value), i = f || e.disabled, o = !!c && r, l = c ? `${c}[]` : void 0;
+				return /* @__PURE__ */ A("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ k("input", {
+						type: "hidden",
+						name: l,
+						value: e.value,
+						"aria-hidden": "true",
+						hidden: !0,
+						disabled: !o
+					}), /* @__PURE__ */ A("button", {
+						type: "button",
+						"aria-pressed": r,
+						"aria-invalid": u || void 0,
+						onClick: () => w(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-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", "data-[selected=true]:border-primary data-[selected=true]:bg-primary/[0.04]", C.padding, C.gap, we, "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50"),
+						children: [
+							/* @__PURE__ */ k(F, { className: a(Ce, !r && "hidden") }),
+							!!t && /* @__PURE__ */ k("span", {
+								className: a("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", C.iconBox),
+								children: /* @__PURE__ */ k(t, { className: C.iconSize })
+							}),
+							/* @__PURE__ */ A(d, {
+								gap: "dense",
+								className: "min-w-0",
+								children: [Te(n) ? /* @__PURE__ */ k(s, {
+									tag: "span",
+									weight: "medium",
+									children: n
+								}) : n, !!e.description && (Te(e.description) ? /* @__PURE__ */ k(s, {
+									size: "xs",
+									type: "secondary",
+									children: e.description
+								}) : e.description)]
+							})
+						]
+					})]
+				}, e.value);
+			})
+		})
+	});
+});
+De.displayName = "CardCheckboxGroup";
+//#endregion
+//#region src/components/base/choice-inputs/card-radio-group.tsx
+function $(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var Oe = {
+	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 ke({ "aria-describedby": e, options: t, value: r, defaultValue: i, onValueChange: o, name: c, columns: l = 3, invalid: u, disabled: f, size: p, className: m }, h) {
+	let { defaultScale: g } = n(), _ = be[y(p, g)], v = D(() => a("card-radio-group--grid", Oe[l]), [l]);
+	return /* @__PURE__ */ k("div", {
+		ref: h,
+		className: a("card-radio-group--component @container/card-radio-group", m),
+		children: /* @__PURE__ */ k(z, {
+			value: r,
+			defaultValue: i,
+			onValueChange: (e) => e && o?.(e),
+			name: c,
+			disabled: f,
+			"aria-describedby": e,
+			"aria-invalid": u || void 0,
+			className: v,
+			children: t.map((e) => {
+				let t = e.icon, n = e.label;
+				return /* @__PURE__ */ A(R.Root, {
+					value: e.value,
+					disabled: f || e.disabled,
+					"aria-invalid": u || void 0,
+					className: a("box-border 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", "data-[checked]:border-primary data-[checked]:bg-primary/[0.04]", _.padding, _.gap, we, "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50"),
+					children: [
+						/* @__PURE__ */ k(R.Indicator, { render: /* @__PURE__ */ k(F, { className: Ce }) }),
+						!!t && /* @__PURE__ */ k("span", {
+							className: a("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__ */ k(t, { className: _.iconSize })
+						}),
+						/* @__PURE__ */ A(d, {
+							gap: "dense",
+							className: "min-w-0",
+							children: [$(n) ? /* @__PURE__ */ k(s, {
+								tag: "span",
+								weight: "semibold",
+								children: n
+							}) : n, !!e.description && ($(e.description) ? /* @__PURE__ */ k(s, {
+								size: "xs",
+								type: "secondary",
+								children: e.description
+							}) : e.description)]
+						})
+					]
+				}, e.value);
+			})
+		})
+	});
+}
+var Ae = w(S.forwardRef(ke));
+Ae.displayName = "CardRadioGroup";
+//#endregion
+//#region src/components/base/choice-inputs/list-radio-group.tsx
+function je(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var Me = C(function({ options: e, value: t, defaultValue: r, onValueChange: i, name: o, invalid: c, disabled: l, size: u, className: f }, p) {
+	let { defaultScale: m } = n(), h = Se[y(u, m)];
+	return /* @__PURE__ */ k(z, {
+		ref: p,
+		value: t,
+		defaultValue: r,
+		onValueChange: (e) => e && i?.(e),
+		name: o,
+		disabled: l,
+		"aria-invalid": c || 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", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", l && "pointer-events-none opacity-50", f),
+		children: e.map((e) => /* @__PURE__ */ A(R.Root, {
+			value: e.value,
+			disabled: l || e.disabled,
+			className: a("box-border 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", h),
+			children: [/* @__PURE__ */ k("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__ */ k(R.Indicator, { render: /* @__PURE__ */ k(P, { className: "h-2.5 w-2.5 fill-primary-accent text-primary-accent" }) })
+			}), /* @__PURE__ */ A(d, {
+				gap: "dense",
+				className: "flex-1 min-w-0",
+				children: [je(e.label) ? /* @__PURE__ */ k(s, {
+					tag: "span",
+					weight: "medium",
+					lineHeight: "tight",
+					className: "block",
+					children: e.label
+				}) : e.label, !!e.description && (je(e.description) ? /* @__PURE__ */ k(s, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "block",
+					children: e.description
+				}) : e.description)]
+			})]
+		}, e.value))
+	});
+});
+Me.displayName = "ListRadioGroup";
+//#endregion
+//#region src/components/base/choice-inputs/pill-radio-group.tsx
+var Ne = S.forwardRef(function({ name: e, value: t, options: r, onValueChange: i, allowClear: o = !1, size: c, fullWidth: l = !1, disabled: u = !1, invalid: d = !1, className: f }, p) {
+	let { defaultScale: m } = n(), h = y(c, m), g = S.useCallback((e) => {
+		e === t ? o && i(null) : i(e);
+	}, [
+		o,
+		i,
+		t
+	]);
+	return /* @__PURE__ */ k("div", {
+		ref: p,
+		"data-name": e,
+		role: "radiogroup",
+		"aria-invalid": d || void 0,
+		className: a("pill-radio-group--component", "border-input inline-flex items-center overflow-hidden rounded-inner border", b[h], l ? "w-full" : "w-fit self-start", "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, i = e.icon, o = typeof e.label == "string" ? e.label : void 0;
+			return /* @__PURE__ */ A("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": r,
+				"aria-label": o || e.value,
+				disabled: u || e.disabled,
+				onClick: () => g(e.value),
+				className: a("box-border inline-flex select-none items-center justify-center border-0 p-0 font-sans font-medium transition-colors", "focus-visible:ring-ring outline-none focus-visible:z-10 focus-visible:ring-2", "disabled:pointer-events-none disabled:opacity-50", xe[h], "h-full min-h-0", l && "flex-1", n > 0 && "border-input border-l", r ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted"),
+				children: [!!i && /* @__PURE__ */ k(i, { className: a(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__ */ k(s, {
+					tag: "span",
+					size: "inherit",
+					weight: "medium",
+					lineHeight: "tight",
+					className: "text-inherit",
+					children: e.label
+				}) : e.label]
+			}, e.value);
+		})
+	});
+});
+Ne.displayName = "PillRadioGroup";
+//#endregion
+export { ne as _, ye as a, Z as c, K as d, ce as f, B as g, ee as h, De as i, le as l, J as m, Me as n, _e as o, q as p, Ae as r, Q as s, Ne as t, G as u };
+
+//# sourceMappingURL=choice-inputs-Mk3iWbhr.js.map