themelia-react-ui 2.0.0 → 2.0.1

package/dist/choice-inputs-DrJ17tpL.js

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