themelia-ui 3.0.0 → 3.2.0

package/dist/choice-inputs-OUDn0kQw.js

@@ -1,680 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-BkxEiwQ1.js";
-import { u as n } from "./ui-provider-Cmoq6i_D.js";
-import { i as r, n as i, t as a } from "./tooltip-t1VQQ2tZ.js";
-import { d as o } from "./display-B3Q17h5z.js";
-import { o as s } from "./structure-D0WGQAP3.js";
-import { t as c } from "./label-DumoMDm6.js";
-import { CheckIcon as l, ChevronDownIcon as u, ChevronUpIcon as d, CircleCheckIcon as f, CircleIcon as p, InfoIcon as m, MinusIcon as h } from "lucide-react";
-import * as g from "react";
-import { forwardRef as _, isValidElement as v, useCallback as y, useId as b, useMemo as x, useRef as S, useState as C } from "react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Select as D } from "@base-ui/react/select";
-import { Radio as O } from "@base-ui/react/radio";
-import { RadioGroup as k } from "@base-ui/react/radio-group";
-var A = {
-	field: "choice__field___a3Vcp",
-	control: "choice__control___NmimT",
-	label: "choice__label___G8WMe",
-	input: "choice__input___q7iK1",
-	radio: "choice__radio___qIw7K",
-	checkbox: "choice__checkbox___2CV9G",
-	mark: "choice__mark___dfDSJ",
-	checkMark: "choice__checkMark___kQ_oh",
-	dashMark: "choice__dashMark___7GQqG",
-	dot: "choice__dot___IOV2q",
-	switch: "choice__switch___ZejHh",
-	thumb: "choice__thumb___s06gp",
-	cardGrid: "choice__cardGrid___jzAPL",
-	columns1: "choice__columns1___D6QyC",
-	columns2: "choice__columns2___JzYeW",
-	columns3: "choice__columns3___5dA4V",
-	columns4: "choice__columns4___qs3Z0",
-	card: "choice__card___pQotQ",
-	switchCard: "choice__switchCard___MSJcJ",
-	cardMark: "choice__cardMark___BNtV9",
-	cardIcon: "choice__cardIcon___FHnbH",
-	list: "choice__list___SPpSu",
-	listRow: "choice__listRow___xuIb4",
-	listMarker: "choice__listMarker___mjLL0",
-	listMarkerDot: "choice__listMarkerDot___UCEgd",
-	pillGroup: "choice__pillGroup___3kp58",
-	pillGroupFullWidth: "choice__pillGroupFullWidth___lpu0o",
-	pill: "choice__pill___k7Jfx",
-	pillFullWidth: "choice__pillFullWidth___3MFR0",
-	row: "choice__row___1a0NE",
-	rowDisabled: "choice__rowDisabled___EKWak",
-	switchCardIcon: "choice__switchCardIcon___iADoS",
-	rowText: "choice__rowText___nA6jl",
-	rowControl: "choice__rowControl___27GaB",
-	rowLabel: "choice__rowLabel___BUP0L",
-	description: "choice__description___O0gz9",
-	hint: "choice__hint___wMp0y",
-	info: "choice__info___iBbjH",
-	cardText: "choice__cardText___SfW9J",
-	labelLine: "choice__labelLine___lRgLI"
-}, j = g.forwardRef(function({ label: t, indeterminate: n = !1, className: r, ...i }, a) {
-	let o = g.useRef(null);
-	return g.useImperativeHandle(a, () => o.current), g.useEffect(() => {
-		o.current && (o.current.indeterminate = n);
-	}, [n]), /* @__PURE__ */ E("label", {
-		className: e("checkbox--component", A.field, r),
-		children: [
-			/* @__PURE__ */ T("input", {
-				ref: o,
-				type: "checkbox",
-				"data-slot": "checkbox",
-				className: A.input,
-				...i
-			}),
-			/* @__PURE__ */ E("span", {
-				className: e(A.control, A.checkbox),
-				children: [/* @__PURE__ */ T(l, {
-					"aria-hidden": !0,
-					className: e(A.mark, A.checkMark)
-				}), /* @__PURE__ */ T(h, {
-					"aria-hidden": !0,
-					className: e(A.mark, A.dashMark)
-				})]
-			}),
-			!!t && /* @__PURE__ */ T("span", {
-				className: A.label,
-				children: t
-			})
-		]
-	});
-}), M = g.createContext({}), N = g.forwardRef(function({ label: t, className: n, name: r, ...i }, a) {
-	let o = g.useContext(M);
-	return /* @__PURE__ */ E("label", {
-		className: e("radio--component", A.field, n),
-		children: [
-			/* @__PURE__ */ T("input", {
-				ref: a,
-				type: "radio",
-				"data-slot": "radio",
-				name: r ?? o.name,
-				className: A.input,
-				...i
-			}),
-			/* @__PURE__ */ T("span", {
-				className: e(A.control, A.radio),
-				children: /* @__PURE__ */ T(p, {
-					"aria-hidden": !0,
-					className: A.dot
-				})
-			}),
-			!!t && /* @__PURE__ */ T("span", {
-				className: A.label,
-				children: t
-			})
-		]
-	});
-});
-function P({ name: t, orientation: n = "vertical", className: r, children: i, ...a }) {
-	let o = g.useMemo(() => ({ name: t }), [t]);
-	return /* @__PURE__ */ T(M.Provider, {
-		value: o,
-		children: /* @__PURE__ */ T(s, {
-			role: "radiogroup",
-			"data-slot": "radio-group",
-			direction: n === "horizontal" ? "horizontal" : "vertical",
-			gap: n === "horizontal" ? "xl" : "sm",
-			align: "start",
-			wrap: n === "horizontal",
-			className: e("radio-group--component", r),
-			...a,
-			children: i
-		})
-	});
-}
-//#endregion
-//#region src/components/base/choice-inputs/switch.tsx
-var F = g.forwardRef(function({ label: t, className: n, ...r }, i) {
-	return /* @__PURE__ */ E("label", {
-		className: e("switch--component", A.field, n),
-		children: [
-			/* @__PURE__ */ T("input", {
-				ref: i,
-				type: "checkbox",
-				role: "switch",
-				"data-slot": "switch",
-				className: A.input,
-				...r
-			}),
-			/* @__PURE__ */ T("span", {
-				className: e(A.control, A.switch),
-				children: /* @__PURE__ */ T("span", { className: A.thumb })
-			}),
-			!!t && /* @__PURE__ */ T("span", {
-				className: A.label,
-				children: t
-			})
-		]
-	});
-}), I = {
-	placeholder: "Select an option",
-	clear: "Clear selection"
-}, L = {
-	trigger: "select__trigger___z7ds0",
-	value: "select__value___FKzbX",
-	triggerIcon: "select__triggerIcon___Y3UQR",
-	positioner: "select__positioner___lIuFM",
-	popup: "select__popup___mg1JV",
-	group: "select__group___wCVW4",
-	item: "select__item___dvbLt",
-	itemText: "select__itemText___hc7OU",
-	optionIcon: "select__optionIcon___znn1F",
-	optionText: "select__optionText___If84j",
-	optionDescription: "select__optionDescription___aAfRR",
-	indicator: "select__indicator___ACKlr",
-	label: "select__label___cG01Q",
-	separator: "select__separator___R2gDY",
-	scrollArrow: "select__scrollArrow___1BObE",
-	scrollArrowUp: "select__scrollArrowUp___lqMbh",
-	scrollArrowDown: "select__scrollArrowDown____ZHhB"
-};
-//#endregion
-//#region src/components/base/choice-inputs/select-popup.tsx
-function R(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function ee({ container: t, className: r, children: i, side: a = "bottom", sideOffset: o = 4, align: s = "start", alignOffset: c = 0, alignItemWithTrigger: l = !1, ...u }) {
-	let d = n(t);
-	return /* @__PURE__ */ T(D.Portal, {
-		container: d,
-		children: /* @__PURE__ */ T(D.Positioner, {
-			side: a,
-			sideOffset: o,
-			align: s,
-			alignOffset: c,
-			alignItemWithTrigger: l,
-			className: L.positioner,
-			children: /* @__PURE__ */ E(D.Popup, {
-				"data-slot": "select-content",
-				"data-align-trigger": l,
-				className: e("select-popup--component", L.popup, r),
-				...u,
-				children: [
-					/* @__PURE__ */ T(H, {}),
-					/* @__PURE__ */ T(D.List, { children: i }),
-					/* @__PURE__ */ T(U, {})
-				]
-			})
-		})
-	});
-}
-function te({ className: t, ...n }) {
-	return /* @__PURE__ */ T(D.Group, {
-		"data-slot": "select-group",
-		className: e("select-popup--group", L.group, t),
-		...n
-	});
-}
-function z({ className: n, children: r, ...i }) {
-	return /* @__PURE__ */ E(D.Item, {
-		"data-slot": "select-item",
-		className: e("select-popup--item", L.item, n),
-		...i,
-		children: [/* @__PURE__ */ T(D.ItemText, {
-			className: L.itemText,
-			children: R(r) ? /* @__PURE__ */ T(t, {
-				tag: "span",
-				size: "inherit",
-				lineHeight: "tight",
-				children: r
-			}) : r
-		}), /* @__PURE__ */ T(D.ItemIndicator, {
-			className: L.indicator,
-			children: /* @__PURE__ */ T(l, { "aria-hidden": !0 })
-		})]
-	});
-}
-function B({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ T(D.GroupLabel, {
-		"data-slot": "select-label",
-		className: e("select-popup--label", L.label, t),
-		...r,
-		children: n
-	});
-}
-function V({ className: t, ...n }) {
-	return /* @__PURE__ */ T(D.Separator, {
-		"data-slot": "select-separator",
-		className: e("select-popup--separator", L.separator, t),
-		...n
-	});
-}
-function H(t) {
-	return /* @__PURE__ */ T(D.ScrollUpArrow, {
-		className: e(L.scrollArrow, L.scrollArrowUp),
-		...t,
-		children: /* @__PURE__ */ T(d, { "aria-hidden": !0 })
-	});
-}
-function U(t) {
-	return /* @__PURE__ */ T(D.ScrollDownArrow, {
-		className: e(L.scrollArrow, L.scrollArrowDown),
-		...t,
-		children: /* @__PURE__ */ T(u, { "aria-hidden": !0 })
-	});
-}
-var W = D.Root, G = D.Trigger, ne = D.Value, re = D.Icon, K = "__ui_select_clear__", q = "__ui_select_option__:", ie = (e) => e === "" ? K : `${q}${e}`, ae = (e) => e === "" || e == null ? null : `${q}${e}`;
-function oe(e) {
-	if (e !== null && e !== K) return e.startsWith(q) ? e.slice(21) : void 0;
-}
-function se({ option: n }) {
-	return /* @__PURE__ */ E(w, { children: [n.icon != null && /* @__PURE__ */ T("span", {
-		"aria-hidden": !0,
-		className: e("select--option-icon", L.optionIcon),
-		children: n.icon
-	}), /* @__PURE__ */ E("span", {
-		className: e("select--option-text", L.optionText),
-		children: [/* @__PURE__ */ T(t, {
-			tag: "span",
-			size: "inherit",
-			lineHeight: "tight",
-			weight: n.description ? "medium" : "regular",
-			truncate: !0,
-			className: "select--option-label",
-			children: n.label
-		}), !!n.description && /* @__PURE__ */ T("span", {
-			className: e("select--option-description", L.optionDescription),
-			children: n.description
-		})]
-	})] });
-}
-var J = _(function(n, r) {
-	let i = Object.prototype.hasOwnProperty.call(n, "value"), { options: a, placeholder: o, strings: s, allowClear: c = !1, invalid: l, value: d, defaultValue: f, onValueChange: p, disabled: m, readOnly: h, required: g, name: _, form: v, autoComplete: b, inputRef: S, id: C, open: w, defaultOpen: O, onOpenChange: k, modal: A, highlightItemOnHover: j, side: M, align: N, alignItemWithTrigger: P, renderOption: F, renderValue: R, className: B, contentClassName: V, onFocus: H, onBlur: U, "aria-label": W, "aria-labelledby": G, "aria-describedby": ne, "aria-invalid": re } = n, q = {
-		...I,
-		...s,
-		...o ? { placeholder: o } : null
-	}, J = x(() => {
-		let e = a.map((e) => ({
-			option: e,
-			internalValue: ie(e.value)
-		}));
-		return c && !e.some((e) => e.internalValue === K) && e.unshift({
-			internalValue: K,
-			option: {
-				value: "",
-				label: q.placeholder
-			}
-		}), e;
-	}, [
-		c,
-		a,
-		q.placeholder
-	]), Y = x(() => new Map(J.map((e) => [e.internalValue, e.option])), [J]), X = y((e) => p?.(oe(e)), [p]), Z = y((e) => oe(e) ?? "", []);
-	return /* @__PURE__ */ E(D.Root, {
-		onValueChange: X,
-		disabled: m,
-		readOnly: h,
-		required: g,
-		name: _,
-		form: v,
-		autoComplete: b,
-		inputRef: S,
-		id: C,
-		open: w,
-		defaultOpen: O,
-		onOpenChange: k,
-		modal: A,
-		highlightItemOnHover: j,
-		defaultValue: ae(f),
-		itemToStringValue: Z,
-		...i ? { value: ae(d) } : {},
-		children: [/* @__PURE__ */ E(D.Trigger, {
-			ref: r,
-			"data-field-control": "",
-			"aria-label": W,
-			"aria-labelledby": G,
-			"aria-describedby": ne,
-			"aria-invalid": l || re || void 0,
-			onFocus: H,
-			onBlur: U,
-			className: e("select--component", L.trigger, B),
-			children: [/* @__PURE__ */ T(D.Value, {
-				className: e("select--value", L.value),
-				children: (e) => {
-					let n = e, r = n && n !== K ? Y.get(n) : void 0, i = R ? R(r) : r?.label ?? q.placeholder;
-					return typeof i == "string" ? /* @__PURE__ */ T(t, {
-						tag: "span",
-						size: "inherit",
-						lineHeight: "tight",
-						truncate: !0,
-						children: i
-					}) : i;
-				}
-			}), /* @__PURE__ */ T(D.Icon, {
-				className: L.triggerIcon,
-				children: /* @__PURE__ */ T(u, { "aria-hidden": !0 })
-			})]
-		}), /* @__PURE__ */ T(ee, {
-			side: M,
-			align: N,
-			alignItemWithTrigger: P,
-			className: e("select--content", V),
-			children: /* @__PURE__ */ T(te, {
-				className: "select--group",
-				children: J.map(({ internalValue: e, option: t }) => /* @__PURE__ */ T(z, {
-					value: e,
-					label: t.label,
-					disabled: t.disabled,
-					className: "select--item",
-					children: F ? F(t) : /* @__PURE__ */ T(se, { option: t })
-				}, e))
-			})
-		})]
-	});
-}), Y = {
-	1: A.columns1,
-	2: A.columns2,
-	3: A.columns3,
-	4: A.columns4
-};
-//#endregion
-//#region src/components/base/choice-inputs/partials/choice-icon.tsx
-function X(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function Z(e) {
-	return e ? v(e) ? e : typeof e == "function" || typeof e == "object" && e && "$$typeof" in e ? /* @__PURE__ */ T(e, { "aria-hidden": !0 }) : e : null;
-}
-//#endregion
-//#region src/components/base/choice-inputs/partials/choice-parts.tsx
-function ce({ option: n, weight: s = "medium", className: c, descriptionId: l }) {
-	let u = X(n.label) ? /* @__PURE__ */ T(t, {
-		tag: "span",
-		size: "inherit",
-		weight: s,
-		lineHeight: "tight",
-		children: n.label
-	}) : n.label;
-	return n.tooltip == null ? /* @__PURE__ */ T("span", {
-		className: e("choice-label--component", c),
-		children: u
-	}) : /* @__PURE__ */ E("span", {
-		className: e(A.labelLine, c),
-		children: [
-			u,
-			/* @__PURE__ */ E(a, { children: [/* @__PURE__ */ T(r, { render: /* @__PURE__ */ T("span", {
-				"data-hit-area": !0,
-				"aria-hidden": !0,
-				className: A.info,
-				children: /* @__PURE__ */ T(m, {})
-			}) }), /* @__PURE__ */ T(i, { children: n.tooltip })] }),
-			!!l && /* @__PURE__ */ T(o, {
-				id: l,
-				children: n.tooltip
-			})
-		]
-	});
-}
-function le({ children: t }) {
-	return /* @__PURE__ */ T("span", {
-		className: e("choice-card-text--component", A.cardText),
-		children: t
-	});
-}
-function Q({ children: n }) {
-	return n == null || n === !1 ? null : X(n) ? /* @__PURE__ */ T(t, {
-		tag: "span",
-		size: "inherit",
-		type: "secondary",
-		className: e("choice-description--component", A.description),
-		children: n
-	}) : /* @__PURE__ */ T(w, { children: n });
-}
-//#endregion
-//#region src/components/base/choice-inputs/partials/radio-option-group.tsx
-var ue = _(function({ options: t, value: n, defaultValue: r, onValueChange: i, name: a, layout: o, columns: s = 3, invalid: c, disabled: l, hook: u, className: d, "aria-label": m, "aria-labelledby": h, "aria-describedby": g }, _) {
-	let v = b(), y = o === "cards";
-	return /* @__PURE__ */ T(k, {
-		ref: _,
-		value: n,
-		defaultValue: r,
-		onValueChange: (e) => e != null && i?.(String(e)),
-		name: a,
-		disabled: l,
-		"aria-invalid": c || void 0,
-		"aria-label": m,
-		"aria-labelledby": h,
-		"aria-describedby": g,
-		"data-disabled": l || void 0,
-		className: e(`${u}--component`, y ? [A.cardGrid, Y[s]] : A.list, d),
-		children: t.map((t) => {
-			let n = `${v}-${t.value}-note`, r = /* @__PURE__ */ T(ce, {
-				option: t,
-				weight: y ? "semibold" : void 0,
-				descriptionId: n
-			});
-			return /* @__PURE__ */ E(O.Root, {
-				value: t.value,
-				disabled: l || t.disabled,
-				"aria-invalid": c || void 0,
-				"aria-describedby": t.tooltip == null ? void 0 : n,
-				className: e(`${u}--option`, y ? A.card : A.listRow),
-				children: [
-					y ? /* @__PURE__ */ T(O.Indicator, { render: /* @__PURE__ */ T(f, {
-						"aria-hidden": !0,
-						className: A.cardMark
-					}) }) : /* @__PURE__ */ T("span", {
-						"aria-hidden": !0,
-						className: A.listMarker,
-						children: /* @__PURE__ */ T(p, { className: A.listMarkerDot })
-					}),
-					t.icon != null && /* @__PURE__ */ T("span", {
-						className: A.cardIcon,
-						children: Z(t.icon)
-					}),
-					y ? /* @__PURE__ */ E(le, { children: [r, /* @__PURE__ */ T(Q, { children: t.description })] }) : /* @__PURE__ */ E("span", {
-						className: A.rowText,
-						children: [r, /* @__PURE__ */ T(Q, { children: t.description })]
-					})
-				]
-			}, t.value);
-		})
-	});
-}), de = _(function(e, t) {
-	return /* @__PURE__ */ T(ue, {
-		ref: t,
-		...e,
-		layout: "cards",
-		hook: "card-radio-group"
-	});
-}), fe = _(function({ options: t, value: n, defaultValue: r, onValueChange: i, name: a, columns: o = 3, invalid: s, disabled: c, className: l, "aria-label": u, "aria-labelledby": d, "aria-describedby": p }, m) {
-	let h = b(), g = n !== void 0, [_, v] = C(r ?? []), S = x(() => g ? n ?? [] : _, [
-		_,
-		g,
-		n
-	]), w = y((e) => {
-		if (c || t.find((t) => t.value === e)?.disabled) return;
-		let n = S.includes(e) ? S.filter((t) => t !== e) : [...S, e];
-		g || v(n), i?.(n);
-	}, [
-		c,
-		t,
-		S,
-		g,
-		i
-	]);
-	return /* @__PURE__ */ T("div", {
-		ref: m,
-		role: "group",
-		"aria-invalid": s || void 0,
-		"aria-label": u,
-		"aria-labelledby": d,
-		"aria-describedby": p,
-		"aria-disabled": c || void 0,
-		className: e("card-checkbox-group--component", A.cardGrid, Y[o], l),
-		children: t.map((t) => {
-			let n = S.includes(t.value), r = `${h}-${t.value}-note`;
-			return /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("input", {
-				type: "hidden",
-				name: a ? `${a}[]` : void 0,
-				value: t.value,
-				"aria-hidden": "true",
-				hidden: !0,
-				disabled: !(a && n)
-			}), /* @__PURE__ */ E("button", {
-				type: "button",
-				"aria-pressed": n,
-				"aria-invalid": s || void 0,
-				"aria-describedby": t.tooltip == null ? void 0 : r,
-				"data-selected": n,
-				disabled: c || t.disabled,
-				onClick: () => w(t.value),
-				className: e("card-checkbox-group--option", A.card),
-				children: [
-					n && /* @__PURE__ */ T(f, {
-						"aria-hidden": !0,
-						className: A.cardMark
-					}),
-					t.icon != null && /* @__PURE__ */ T("span", {
-						className: A.cardIcon,
-						children: Z(t.icon)
-					}),
-					/* @__PURE__ */ E(le, { children: [/* @__PURE__ */ T(ce, {
-						option: t,
-						descriptionId: r
-					}), /* @__PURE__ */ T(Q, { children: t.description })] })
-				]
-			})] }, t.value);
-		})
-	});
-}), pe = _(function(e, t) {
-	return /* @__PURE__ */ T(ue, {
-		ref: t,
-		...e,
-		layout: "list",
-		hook: "list-radio-group"
-	});
-});
-//#endregion
-//#region src/components/base/choice-inputs/pill-radio-group.tsx
-function $(e) {
-	return X(e) ? !0 : Array.isArray(e) ? e.some($) : v(e) && $(e.props.children);
-}
-var me = _(function({ options: t, value: n, onValueChange: r, allowClear: i = !1, fullWidth: a = !1, name: o, invalid: s, disabled: c, className: l, "aria-label": u, "aria-labelledby": d, "aria-describedby": f }, p) {
-	let m = S(null), h = (e) => {
-		m.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
-	}, g = t.filter((e) => !c && !e.disabled), _ = g.find((e) => e.value === n)?.value ?? g[0]?.value, v = (e, t) => {
-		let i = m.current ? getComputedStyle(m.current).direction === "rtl" : !1, a = g.findIndex((e) => e.value === t), o = e.key === "ArrowDown" || e.key === (i ? "ArrowLeft" : "ArrowRight") ? 1 : e.key === "ArrowUp" || e.key === (i ? "ArrowRight" : "ArrowLeft") ? -1 : 0, s = e.key === "Home" ? g[0] : e.key === "End" ? g.at(-1) : o !== 0 && g.length > 0 ? g[(a + o + g.length) % g.length] : void 0;
-		s && (e.preventDefault(), s.value !== n && r(s.value), m.current?.querySelector(`[data-value="${CSS.escape(s.value)}"]`)?.focus());
-	}, b = y((e) => {
-		if (e === n) {
-			i && r(null);
-			return;
-		}
-		r(e);
-	}, [
-		i,
-		r,
-		n
-	]);
-	return /* @__PURE__ */ E("div", {
-		ref: h,
-		role: "radiogroup",
-		"data-name": o,
-		"aria-invalid": s || void 0,
-		"aria-label": u,
-		"aria-labelledby": d,
-		"aria-describedby": f,
-		"data-disabled": c || void 0,
-		className: e("pill-radio-group--component", A.pillGroup, a && A.pillGroupFullWidth, l),
-		children: [t.map((t) => {
-			let r = t.value === n;
-			return /* @__PURE__ */ E("button", {
-				type: "button",
-				role: "radio",
-				"aria-checked": r,
-				"data-value": t.value,
-				tabIndex: t.value === _ ? 0 : -1,
-				onKeyDown: (e) => v(e, t.value),
-				"aria-label": $(t.label) ? void 0 : t.value,
-				disabled: c || t.disabled,
-				onClick: () => b(t.value),
-				className: e("pill-radio-group--option", A.pill, a && A.pillFullWidth),
-				children: [Z(t.icon), t.label]
-			}, t.value);
-		}), o !== void 0 && n != null && /* @__PURE__ */ T("input", {
-			type: "hidden",
-			name: o,
-			value: n,
-			disabled: c
-		})]
-	});
-}), he = _(function({ label: t, description: n, hint: r, icon: i, kind: a = "switch", surface: o = "row", value: s, defaultValue: l, onValueChange: u, disabled: d = !1, invalid: f = !1, name: p, uncheckedValue: m, controlPosition: h = "trailing", className: g }, _) {
-	let v = s !== void 0, [x, S] = C(l ?? !1), w = v ? s ?? !1 : x, D = b(), O = n == null ? void 0 : `${D}-description`, k = o === "card", M = p && m !== void 0, N = M ? void 0 : p, P = y((e) => {
-		d || (v || S(e), u?.(e));
-	}, [
-		d,
-		v,
-		u
-	]), I = (e) => {
-		e.target.closest("label, [role=\"switch\"], input[type=\"checkbox\"]") || P(!w);
-	}, L = T(a === "switch" ? F : j, {
-		id: D,
-		name: N,
-		checked: w,
-		onChange: (e) => P(e.target.checked),
-		disabled: d,
-		"aria-invalid": f || void 0,
-		"aria-describedby": O
-	});
-	return /* @__PURE__ */ E("div", {
-		ref: _,
-		"data-checked": k ? w : void 0,
-		"data-disabled": k && d || void 0,
-		"data-invalid": k && f || void 0,
-		onClick: I,
-		className: e(k ? "switch-card--component" : "toggle-field--component", A.row, k && A.switchCard, d && A.rowDisabled, g),
-		children: [
-			M && /* @__PURE__ */ T("input", {
-				type: "hidden",
-				name: p,
-				value: w ? "1" : m
-			}),
-			h === "leading" && /* @__PURE__ */ T("div", {
-				className: A.rowControl,
-				children: L
-			}),
-			i != null && /* @__PURE__ */ T("span", {
-				className: A.switchCardIcon,
-				children: Z(i)
-			}),
-			/* @__PURE__ */ E("div", {
-				className: A.rowText,
-				children: [
-					/* @__PURE__ */ T(c, {
-						htmlFor: D,
-						className: A.rowLabel,
-						children: t
-					}),
-					n != null && /* @__PURE__ */ T("span", {
-						id: O,
-						children: /* @__PURE__ */ T(Q, { children: n })
-					}),
-					r != null && /* @__PURE__ */ T("span", {
-						className: A.hint,
-						children: r
-					})
-				]
-			}),
-			h === "trailing" && /* @__PURE__ */ T("div", {
-				className: A.rowControl,
-				children: L
-			})
-		]
-	});
-}), ge = _(function(e, t) {
-	return /* @__PURE__ */ T(he, {
-		ref: t,
-		...e,
-		kind: "switch",
-		surface: "card",
-		uncheckedValue: "0"
-	});
-});
-//#endregion
-export { I as _, fe as a, P as b, re as c, z as d, B as f, ne as g, G as h, pe as i, ee as l, W as m, he as n, de as o, V as p, me as r, J as s, ge as t, te as u, F as v, j as x, N as y };