themelia-react-ui 1.0.2 → 2.0.0

package/dist/base/cascader.js

@@ -1,23 +1,24 @@
 "use client";
-import { s as e } from "../ui-provider-DRPn3qNl.js";
-import { t } from "../utils-BvH9PSmq.js";
-import { a as n } from "../typography-BxQgiZyw.js";
-import { t as r } from "../button-BZDasD04.js";
-import { t as i } from "../structure-CRdqVawd.js";
-import { n as a } from "../surface-recipes-Dd__PD-w.js";
-import { i as ee } from "../popover.recipes-QlD4JenO.js";
-import { t as te } from "../collection-content-D6S8cv_n.js";
-import { a as ne, o as re, t as ie } from "../command-BnmSchli.js";
-import { d as ae, o as oe, p as se } from "../form-sizing-QP8aIRaW.js";
-import { t as ce } from "../input-SX9V0AL3.js";
-import { a as le, c as ue, i as de, n as fe, o as pe, t as me } from "../popover-CghIYdQf.js";
-import { t as he } from "../scroll-area-D-pIhEKl.js";
-import { n as ge, r as o, t as _e } from "../tree-BtmYyMZV.js";
-import { useEffect as s, useLayoutEffect as ve, useMemo as ye, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { ChevronDown as be, ChevronLeft as xe, ChevronRight as Se } from "lucide-react";
+import { s as e } from "../ui-provider-D2_TeLqw.js";
+import { t } from "../utils-Cospvlj1.js";
+import { s as n } from "../typography-CAr3dQhX.js";
+import { t as r } from "../button-BS3KDg00.js";
+import { t as i } from "../structure-hzCW-XsV.js";
+import { n as a } from "../surface-recipes-DOdoBXGm.js";
+import { i as ee } from "../popover.recipes-wmbvL8Ah.js";
+import { t as te } from "../collection-content-Ys-OZOkY.js";
+import { n as ne, t as o } from "../field-affordance-recipes-CkOCdE2y.js";
+import { a as re, o as ie, t as ae } from "../command-kPMPjIxJ.js";
+import { d as oe, g as se } from "../form-sizing-uWP4lzVh.js";
+import { t as ce } from "../input-DhQdBnV3.js";
+import { a as le, c as ue, i as de, n as fe, o as pe, t as me } from "../popover-Dcv_9jxr.js";
+import { t as he } from "../scroll-area-DRdr16Pt.js";
+import { n as ge, r as s, t as _e } from "../tree-BotPlyiD.js";
+import { useEffect as c, useLayoutEffect as ve, useMemo as ye, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ChevronDown as be, ChevronLeft as xe, ChevronRight as Se, CircleXIcon as Ce } from "lucide-react";
 //#region src/components/base/cascader/cascader.tsx
-var Ce = {
+var we = {
 	placeholder: "Choose an option",
 	search: "Search options",
 	empty: "No options",
@@ -29,193 +30,201 @@ var Ce = {
 	clear: "Clear selection",
 	selectCurrent: "Select current category",
 	pathSeparator: " / "
-}, we = (e) => e == null ? [] : typeof e == "string" ? [e] : e;
-function f(e, t) {
+}, Te = (e) => e == null ? [] : typeof e == "string" ? [e] : e, Ee = {
+	sm: "end-[calc(var(--control-x)*0.8333333*var(--space-scale)+1px+var(--icon)*0.75+0.375rem*var(--space-scale))]",
+	md: "end-[calc(var(--control-x)*var(--space-scale)+1px+var(--icon)+0.5rem*var(--space-scale))]",
+	lg: "end-[calc(var(--control-x)*var(--space-scale)+1px+var(--icon)*1.25+0.75rem*var(--space-scale))]"
+}, p = "px-row-x py-row-y";
+function m(e, t) {
 	return e.map((e) => {
 		let n = t.get(e.value) ?? e.children;
 		return {
 			...e,
-			...n ? { children: f(n, t) } : {},
+			...n ? { children: m(n, t) } : {},
 			...t.has(e.value) ? { hasChildren: !!n?.length } : {}
 		};
 	});
 }
-function p({ items: p, value: m, defaultValue: Te = null, onValueChange: Ee, multiple: h = !1, mode: g = "drill", selectable: _ = "leaf", open: De, defaultOpen: Oe = !1, onOpenChange: ke, disabled: v = !1, invalid: Ae = !1, searchable: je = !0, clearable: Me = !1, density: Ne = "default", size: Pe, name: y, id: Fe, className: Ie, strings: Le, loadChildren: b, renderValue: Re, ...ze }) {
-	let { defaultScale: Be } = e(), Ve = se(Pe, Be), x = {
-		...Ce,
-		...Le
-	}, [He, Ue] = l(Te), S = we(m === void 0 ? He : m), [We, Ge] = l(Oe), C = !v && (De ?? We), [Ke, w] = l([]), [T, E] = l(""), [D, O] = l([]), [qe, k] = l(/* @__PURE__ */ new Map()), [A, Je] = l(/* @__PURE__ */ new Map()), j = c({
-		items: p,
-		loadChildren: b
-	}), M = j.current.items === p && j.current.loadChildren === b, N = c(A);
+function h({ items: h, value: g, defaultValue: De = null, onValueChange: Oe, multiple: _ = !1, mode: v = "drill", selectable: y = "leaf", open: ke, defaultOpen: Ae = !1, onOpenChange: je, disabled: b = !1, invalid: Me = !1, searchable: Ne = !0, clearable: Pe = !1, density: Fe = "default", size: Ie, name: Le, id: Re, className: ze, strings: Be, loadChildren: x, renderValue: Ve, ...He }) {
+	let { defaultScale: Ue } = e(), S = se(Ie, Ue), C = {
+		...we,
+		...Be
+	}, [We, Ge] = u(De), w = Te(g === void 0 ? We : g), [Ke, qe] = u(Ae), T = !b && (ke ?? Ke), [Je, E] = u([]), [D, O] = u(""), [k, A] = u([]), [Ye, j] = u(/* @__PURE__ */ new Map()), [M, Xe] = u(/* @__PURE__ */ new Map()), N = l({
+		items: h,
+		loadChildren: x
+	}), P = N.current.items === h && N.current.loadChildren === x, F = l(M);
 	ve(() => {
-		N.current = A;
-	}, [A]);
-	let [P, F] = l(/* @__PURE__ */ new Map()), I = c(/* @__PURE__ */ new Map()), L = c(!0), R = c(p), z = c(b);
+		F.current = M;
+	}, [M]);
+	let [I, L] = u(/* @__PURE__ */ new Map()), R = l(/* @__PURE__ */ new Map()), z = l(!0), B = l(h), V = l(x);
 	ve(() => {
-		R.current = p, z.current = b;
-	}, [p, b]);
-	let B = c(null), V = c(null), H = c(null), U = ye(() => f(p, M ? A : /* @__PURE__ */ new Map()), [
-		p,
-		A,
-		M
-	]), W = ye(() => ge(U), [U]), G = S.map((e) => W.get(e)?.path ?? []), K = Ke.filter((e) => W.has(e)), q = K.length ? W.get(K.at(-1))?.node : void 0, J = T.trim() ? [...W.values()].filter((e) => !e.disabled && e.path.map((e) => e.label).join(x.pathSeparator).toLocaleLowerCase().includes(T.trim().toLocaleLowerCase())) : null;
-	function Ye() {
-		for (let e of I.current.values()) e.abort();
-		I.current.clear(), F((e) => new Map([...e].filter(([, e]) => e.status !== "loading")));
+		B.current = h, V.current = x;
+	}, [h, x]);
+	let H = l(null), Ze = l(null), Qe = Pe && !!w.length, U = l(null), W = l(null), G = ye(() => m(h, P ? M : /* @__PURE__ */ new Map()), [
+		h,
+		M,
+		P
+	]), K = ye(() => ge(G), [G]), q = w.map((e) => K.get(e)?.path ?? []), J = Je.filter((e) => K.has(e)), Y = J.length ? K.get(J.at(-1))?.node : void 0, X = D.trim() ? [...K.values()].filter((e) => !e.disabled && e.path.map((e) => e.label).join(C.pathSeparator).toLocaleLowerCase().includes(D.trim().toLocaleLowerCase())) : null;
+	function $e() {
+		for (let e of R.current.values()) e.abort();
+		R.current.clear(), L((e) => new Map([...e].filter(([, e]) => e.status !== "loading")));
 	}
-	s(() => (L.current = !0, () => {
-		L.current = !1;
-		for (let e of I.current.values()) e.abort();
-		I.current.clear();
-	}), []), s(() => {
-		Ye(), j.current = {
-			items: p,
-			loadChildren: b
-		}, N.current = /* @__PURE__ */ new Map(), Je(N.current), F(/* @__PURE__ */ new Map()), w([]), O([]), k(/* @__PURE__ */ new Map()), V.current = null, H.current = null;
-	}, [p, b]), s(() => {
-		if (!C) Ye(), E("");
+	c(() => (z.current = !0, () => {
+		z.current = !1;
+		for (let e of R.current.values()) e.abort();
+		R.current.clear();
+	}), []), c(() => {
+		$e(), N.current = {
+			items: h,
+			loadChildren: x
+		}, F.current = /* @__PURE__ */ new Map(), Xe(F.current), L(/* @__PURE__ */ new Map()), E([]), A([]), j(/* @__PURE__ */ new Map()), U.current = null, W.current = null;
+	}, [h, x]), c(() => {
+		if (!T) $e(), O("");
 		else {
-			let e = G.find((e) => e.length), t = e?.slice(0, -1).map((e) => e.value);
-			t && (w(t), Ze(e.map((e) => e.value)), g === "tree" && O((e) => [.../* @__PURE__ */ new Set([...e, ...t])]));
-			let n = g === "tree" ? [...D, ...t ?? []] : t ?? K;
+			let e = q.find((e) => e.length), t = e?.slice(0, -1).map((e) => e.value);
+			t && (E(t), tt(e.map((e) => e.value)), v === "tree" && A((e) => [.../* @__PURE__ */ new Set([...e, ...t])]));
+			let n = v === "tree" ? [...k, ...t ?? []] : t ?? J;
 			for (let e of n) {
-				let t = W.get(e)?.node;
-				t && X(t);
+				let t = K.get(e)?.node;
+				t && Q(t);
 			}
 		}
-	}, [C]), s(() => {
-		if (H.current !== null) {
-			let e = [...B.current?.querySelectorAll("[data-tree-value]") ?? []].find((e) => e.dataset.treeValue === H.current);
-			e && (e.focus(), H.current = null);
+	}, [T]), c(() => {
+		if (W.current !== null) {
+			let e = [...H.current?.querySelectorAll("[data-tree-value]") ?? []].find((e) => e.dataset.treeValue === W.current);
+			e && (e.focus(), W.current = null);
 		}
-		if (V.current === null) return;
-		let e = (B.current?.querySelectorAll("[data-cascader-level]")?.[V.current])?.querySelector("[data-cascader-list][tabindex=\"0\"]");
-		e && (e.focus(), V.current = null);
+		if (U.current === null) return;
+		let e = (H.current?.querySelectorAll("[data-cascader-level]")?.[U.current])?.querySelector("[data-cascader-list][tabindex=\"0\"]");
+		e && (e.focus(), U.current = null);
 	}, [
-		Ke,
-		A,
-		T
+		Je,
+		M,
+		D
 	]);
-	function Xe(e) {
-		v || (De === void 0 && Ge(e), ke?.(e));
+	function et(e) {
+		b || (ke === void 0 && qe(e), je?.(e));
 	}
-	function Ze(e) {
-		k((t) => {
+	function tt(e) {
+		j((t) => {
 			let n = new Map(t);
 			return e.forEach((t, r) => n.set(r ? e[r - 1] : void 0, t)), n;
 		});
 	}
-	function Qe(e) {
-		return typeof _ == "function" ? _(e) : _ === "any" || !o(e);
+	function nt(e) {
+		return typeof y == "function" ? y(e) : y === "any" || !s(e);
 	}
-	function Y(e) {
-		if (v || e && (W.get(e.value)?.disabled || !Qe(e))) return;
-		let t = !!e && S.includes(e.value), n = e ? h ? t ? S.filter((t) => t !== e.value) : [...S, e.value] : e.value : h ? [] : null;
-		m === void 0 && Ue(n), Ee?.(n, {
+	function Z(e) {
+		if (b || e && (K.get(e.value)?.disabled || !nt(e))) return;
+		let t = !!e && w.includes(e.value), n = e ? _ ? t ? w.filter((t) => t !== e.value) : [...w, e.value] : e.value : _ ? [] : null;
+		g === void 0 && Ge(n), Oe?.(n, {
 			node: e,
-			path: e ? W.get(e.value)?.path ?? [e] : [],
-			reason: e ? h && t ? "deselect" : "select" : "clear"
-		}), !h && e && Xe(!1);
+			path: e ? K.get(e.value)?.path ?? [e] : [],
+			reason: e ? _ && t ? "deselect" : "select" : "clear"
+		}), !_ && e && et(!1);
 	}
-	async function X(e, t = !1) {
-		if (!b || !e.hasChildren || e.children !== void 0 || M && A.has(e.value) || I.current.has(e.value) || !t && M && P.get(e.value)?.status === "error") return;
-		let n = new AbortController(), r = R.current, i = b;
-		I.current.set(e.value, n), F((t) => new Map(t).set(e.value, { status: "loading" }));
+	async function Q(e, t = !1) {
+		if (!x || !e.hasChildren || e.children !== void 0 || P && M.has(e.value) || R.current.has(e.value) || !t && P && I.get(e.value)?.status === "error") return;
+		let n = new AbortController(), r = B.current, i = x;
+		R.current.set(e.value, n), L((t) => new Map(t).set(e.value, { status: "loading" }));
 		try {
 			let t = await i(e, { signal: n.signal });
-			if (!L.current || n.signal.aborted || R.current !== r || z.current !== i || I.current.get(e.value) !== n) return;
-			let a = new Map(N.current).set(e.value, t);
-			ge(f(r, a)), N.current = a, Je(a), F((t) => {
+			if (!z.current || n.signal.aborted || B.current !== r || V.current !== i || R.current.get(e.value) !== n) return;
+			let a = new Map(F.current).set(e.value, t);
+			ge(m(r, a)), F.current = a, Xe(a), L((t) => {
 				let n = new Map(t);
 				return n.delete(e.value), n;
 			});
 		} catch {
-			L.current && !n.signal.aborted && R.current === r && z.current === i && F((t) => new Map(t).set(e.value, { status: "error" }));
+			z.current && !n.signal.aborted && B.current === r && V.current === i && L((t) => new Map(t).set(e.value, { status: "error" }));
 		} finally {
-			I.current.get(e.value) === n && I.current.delete(e.value);
+			R.current.get(e.value) === n && R.current.delete(e.value);
 		}
 	}
-	function Z(e, t) {
-		if (!W.get(e.value)?.disabled) {
-			if (o(e)) {
-				let n = W.get(e.value)?.path.map((e) => e.value) ?? [...K.slice(0, t), e.value];
-				Ze(n), E(""), w(n), g === "tree" ? (O((e) => [.../* @__PURE__ */ new Set([...e, ...n])]), H.current = e.value) : V.current = g === "columns" ? n.length : 0, X(e);
-			} else Y(e);
+	function rt(e, t) {
+		if (!K.get(e.value)?.disabled) {
+			if (s(e)) {
+				let n = K.get(e.value)?.path.map((e) => e.value) ?? [...J.slice(0, t), e.value];
+				tt(n), O(""), E(n), v === "tree" ? (A((e) => [.../* @__PURE__ */ new Set([...e, ...n])]), W.current = e.value) : U.current = v === "columns" ? n.length : 0, Q(e);
+			} else Z(e);
 		}
 	}
-	function Q(e = !0) {
-		if (v || !K.length) return;
-		let t = K.at(-1), n = K.slice(0, -1);
-		I.current.get(t)?.abort(), I.current.delete(t), F((e) => {
+	function it(e = !0) {
+		if (b || !J.length) return;
+		let t = J.at(-1), n = J.slice(0, -1);
+		R.current.get(t)?.abort(), R.current.delete(t), L((e) => {
 			if (e.get(t)?.status !== "loading") return e;
 			let n = new Map(e);
 			return n.delete(t), n;
-		}), k((e) => new Map(e).set(n.at(-1), t)), E(""), w(n), V.current = e ? g === "columns" ? n.length : 0 : null;
+		}), j((e) => new Map(e).set(n.at(-1), t)), O(""), E(n), U.current = e ? v === "columns" ? n.length : 0 : null;
 	}
-	function $e(e, t) {
+	function at(e, t) {
 		let n = getComputedStyle(e.currentTarget).direction === "rtl";
-		if (e.key === (n ? "ArrowRight" : "ArrowLeft") && K.length) e.preventDefault(), e.stopPropagation(), g === "columns" && t > 0 ? B.current?.querySelectorAll("[data-cascader-level]")[t - 1]?.querySelector("[data-cascader-list][tabindex=\"0\"]")?.focus() : Q();
+		if (e.key === (n ? "ArrowRight" : "ArrowLeft") && J.length) e.preventDefault(), e.stopPropagation(), v === "columns" && t > 0 ? H.current?.querySelectorAll("[data-cascader-level]")[t - 1]?.querySelector("[data-cascader-list][tabindex=\"0\"]")?.focus() : it();
 		else if (e.key === (n ? "ArrowLeft" : "ArrowRight")) {
-			let n = e.currentTarget.querySelector("[data-cascader-list]")?.getAttribute("aria-activedescendant"), r = (e.target.closest("[data-node-value]") ?? (n ? document.getElementById(n) : null))?.getAttribute("data-node-value"), i = W.get(r ?? "")?.node;
-			i && o(i) && (e.preventDefault(), e.stopPropagation(), Z(i, t));
+			let n = e.currentTarget.querySelector("[data-cascader-list]")?.getAttribute("aria-activedescendant"), r = (e.target.closest("[data-node-value]") ?? (n ? document.getElementById(n) : null))?.getAttribute("data-node-value"), i = K.get(r ?? "")?.node;
+			i && s(i) && (e.preventDefault(), e.stopPropagation(), rt(i, t));
 		}
 	}
-	function et(e, t) {
-		let a = e ? P.get(e.value)?.status : void 0;
-		return a === "loading" ? /* @__PURE__ */ u(n, {
+	function ot(e, t) {
+		let a = e ? I.get(e.value)?.status : void 0;
+		return a === "loading" ? /* @__PURE__ */ d(n, {
 			role: "status",
 			type: "secondary",
-			children: x.loading
-		}) : a === "error" ? /* @__PURE__ */ d(i, {
-			gap: "dense",
-			children: [/* @__PURE__ */ u(n, {
+			className: p,
+			children: C.loading
+		}) : a === "error" ? /* @__PURE__ */ f(i, {
+			gap: "sm",
+			align: "start",
+			className: p,
+			children: [/* @__PURE__ */ d(n, {
 				role: "alert",
 				type: "error",
-				children: x.error
-			}), /* @__PURE__ */ u(r, {
+				children: C.error
+			}), /* @__PURE__ */ d(r, {
 				buttonStyle: "outline",
 				size: "sm",
-				onClick: () => e && void X(e, !0),
-				children: x.retry
+				onClick: () => e && void Q(e, !0),
+				children: C.retry
 			})]
-		}) : t.length ? null : /* @__PURE__ */ u(n, {
+		}) : t.length ? null : /* @__PURE__ */ d(n, {
 			role: "status",
 			type: "secondary",
-			children: x.empty
+			className: p,
+			children: C.empty
 		});
 	}
 	function $(e, n, r) {
-		let i = qe.get(n?.value), a = e.find((e) => e.value === i && !W.get(e.value)?.disabled)?.value ?? e.find((e) => !W.get(e.value)?.disabled)?.value ?? "";
-		return /* @__PURE__ */ u("div", {
+		let i = Ye.get(n?.value), a = e.find((e) => e.value === i && !K.get(e.value)?.disabled)?.value ?? e.find((e) => !K.get(e.value)?.disabled)?.value ?? "";
+		return /* @__PURE__ */ d("div", {
 			"data-cascader-level": r,
-			className: t("cascader--level min-w-0", g === "columns" && !J && "w-56 shrink-0"),
-			onKeyDownCapture: (e) => $e(e, r),
-			children: /* @__PURE__ */ u(ie, {
+			className: t("cascader--level min-w-0", v === "columns" && !X && "w-56 shrink-0"),
+			onKeyDownCapture: (e) => at(e, r),
+			children: /* @__PURE__ */ d(ae, {
 				shouldFilter: !1,
 				value: a,
-				onValueChange: (e) => k((t) => new Map(t).set(n?.value, e)),
-				"aria-label": n?.label ?? x.root,
-				children: /* @__PURE__ */ d(re, {
+				onValueChange: (e) => j((t) => new Map(t).set(n?.value, e)),
+				"aria-label": n?.label ?? C.root,
+				children: /* @__PURE__ */ f(ie, {
 					"data-cascader-list": !0,
-					"aria-multiselectable": h || void 0,
-					"aria-label": n?.label ?? x.root,
-					tabIndex: e.some((e) => !W.get(e.value)?.disabled) ? 0 : -1,
-					children: [et(n, e), e.map((e) => /* @__PURE__ */ u(ne, {
+					"aria-multiselectable": _ || void 0,
+					"aria-label": n?.label ?? C.root,
+					tabIndex: e.some((e) => !K.get(e.value)?.disabled) ? 0 : -1,
+					children: [ot(n, e), e.map((e) => /* @__PURE__ */ d(re, {
 						value: e.value,
 						"data-node-value": e.value,
-						density: Ne,
-						disabled: v || W.get(e.value)?.disabled,
-						"data-checked": S.includes(e.value),
-						"aria-selected": S.includes(e.value),
-						onSelect: () => Z(e, r),
-						children: /* @__PURE__ */ u(te, {
-							label: J ? W.get(e.value)?.path.map((e) => e.label).join(x.pathSeparator) : e.label,
+						density: Fe,
+						disabled: b || K.get(e.value)?.disabled,
+						"data-checked": w.includes(e.value),
+						"aria-selected": w.includes(e.value),
+						onSelect: () => rt(e, r),
+						children: /* @__PURE__ */ d(te, {
+							label: X ? K.get(e.value)?.path.map((e) => e.label).join(C.pathSeparator) : e.label,
 							description: e.description,
 							leading: e.icon,
 							leadingDecorative: !0,
 							wrap: !0,
-							trailing: o(e) ? /* @__PURE__ */ u(Se, {
+							trailing: s(e) ? /* @__PURE__ */ d(Se, {
 								"aria-hidden": "true",
 								className: "size-icon rtl:rotate-180"
 							}) : void 0
@@ -225,139 +234,152 @@ function p({ items: p, value: m, defaultValue: Te = null, onValueChange: Ee, mul
 			})
 		}, JSON.stringify(n ? [n.value] : []));
 	}
-	let tt = S.length ? G.map((e, t) => e.length ? e.map((e) => e.label).join(x.pathSeparator) : S[t]).join(", ") : x.placeholder;
-	return /* @__PURE__ */ d("div", {
-		className: t("cascader--component min-w-0", Ie),
-		children: [
-			y && S.map((e) => /* @__PURE__ */ u("input", {
-				type: "hidden",
-				name: y,
-				value: e,
-				disabled: v
-			}, e)),
-			/* @__PURE__ */ d(pe, {
-				open: C,
-				onOpenChange: Xe,
-				children: [/* @__PURE__ */ d(ue, {
-					id: Fe,
-					...ze,
-					disabled: v,
-					"aria-invalid": Ae || void 0,
-					className: t("cascader--trigger", ae(Ve)),
-					children: [/* @__PURE__ */ u("span", {
-						className: t("min-w-0 truncate", !S.length && "text-muted-foreground"),
-						children: Re ? Re(G) : tt
-					}), /* @__PURE__ */ u(be, {
-						"aria-hidden": "true",
-						className: t(oe[Ve], "shrink-0")
-					})]
-				}), /* @__PURE__ */ u(me, {
+	let st = w.length ? q.map((e, t) => e.length ? e.map((e) => e.label).join(C.pathSeparator) : w[t]).join(", ") : C.placeholder;
+	return /* @__PURE__ */ f("div", {
+		className: t("cascader--component min-w-0", ze),
+		children: [Le && w.map((e) => /* @__PURE__ */ d("input", {
+			type: "hidden",
+			name: Le,
+			value: e,
+			disabled: b
+		}, e)), /* @__PURE__ */ f("div", {
+			className: "cascader--field relative min-w-0",
+			children: [/* @__PURE__ */ f(pe, {
+				open: T,
+				onOpenChange: et,
+				children: [/* @__PURE__ */ f(ue, {
+					ref: Ze,
+					id: Re,
+					...He,
+					disabled: b,
+					"aria-invalid": Me || void 0,
+					className: t("cascader--trigger", oe(S)),
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: t("cascader--value min-w-0 flex-1 truncate text-start", !w.length && "text-muted-foreground"),
+							children: Ve ? Ve(q) : st
+						}),
+						Qe && /* @__PURE__ */ d("span", {
+							"aria-hidden": "true",
+							className: "cascader--clear-space size-control-clear shrink-0"
+						}),
+						/* @__PURE__ */ d(be, {
+							"aria-hidden": "true",
+							className: t(ne.icon[S], "shrink-0 text-muted-foreground")
+						})
+					]
+				}), /* @__PURE__ */ d(me, {
 					type: "menu",
 					inset: "flush",
-					className: t("cascader--popup w-80", g === "columns" && !J && "w-auto"),
-					children: /* @__PURE__ */ d("div", {
-						ref: B,
+					className: t("cascader--popup w-80", v === "columns" && !X && "w-auto"),
+					children: /* @__PURE__ */ f("div", {
+						ref: H,
 						children: [
-							!!K.length && g !== "tree" && /* @__PURE__ */ d(de, {
-								start: /* @__PURE__ */ u(r, {
+							!!J.length && v !== "tree" && /* @__PURE__ */ f(de, {
+								start: /* @__PURE__ */ d(r, {
 									tone: "secondary",
 									buttonStyle: "ghost",
 									size: "sm",
 									iconOnly: !0,
-									"aria-label": x.back,
-									withTooltip: x.back,
-									onClick: () => Q(),
-									children: /* @__PURE__ */ u(xe, {
+									"aria-label": C.back,
+									withTooltip: C.back,
+									onClick: () => it(),
+									children: /* @__PURE__ */ d(xe, {
 										"aria-hidden": "true",
 										className: "size-icon-sm rtl:rotate-180"
 									})
 								}),
-								children: [/* @__PURE__ */ d(i, {
+								children: [/* @__PURE__ */ f(i, {
 									direction: "horizontal",
 									gap: "sm",
 									align: "center",
 									justify: "between",
 									wrap: !0,
-									children: [/* @__PURE__ */ u(le, {
+									children: [/* @__PURE__ */ d(le, {
 										className: "min-w-0 wrap-anywhere",
-										children: q?.label
-									}), q && Qe(q) && /* @__PURE__ */ u(r, {
+										children: Y?.label
+									}), Y && nt(Y) && /* @__PURE__ */ d(r, {
 										buttonStyle: "outline",
 										size: "sm",
-										onClick: () => Y(q),
-										children: x.selectCurrent
+										onClick: () => Z(Y),
+										children: C.selectCurrent
 									})]
-								}), K.length > 1 && /* @__PURE__ */ u(fe, { children: K.slice(0, -1).map((e) => W.get(e)?.node.label).join(x.pathSeparator) })]
+								}), J.length > 1 && /* @__PURE__ */ d(fe, { children: J.slice(0, -1).map((e) => K.get(e)?.node.label).join(C.pathSeparator) })]
 							}),
-							je && /* @__PURE__ */ u("div", {
+							Ne && /* @__PURE__ */ d("div", {
 								className: t("cascader--search", ee.compact, a.anchored.header),
-								children: /* @__PURE__ */ u(ce, {
-									"aria-label": x.search,
-									placeholder: x.search,
-									value: T,
-									onChange: (e) => E(e.target.value),
+								children: /* @__PURE__ */ d(ce, {
+									"aria-label": C.search,
+									placeholder: C.search,
+									value: D,
+									onChange: (e) => O(e.target.value),
 									onKeyDown: (e) => {
 										if (e.key === "ArrowDown") {
-											let t = B.current?.querySelector("[data-cascader-list][tabindex=\"0\"], [role=treeitem][tabindex=\"0\"]");
+											let t = H.current?.querySelector("[data-cascader-list][tabindex=\"0\"], [role=treeitem][tabindex=\"0\"]");
 											t && (e.preventDefault(), t.focus());
-										} else e.key === "Backspace" && !T && K.length && g !== "tree" && (e.preventDefault(), Q(!1));
+										} else e.key === "Backspace" && !D && J.length && v !== "tree" && (e.preventDefault(), it(!1));
 									}
 								})
 							}),
-							J ? $(J.map((e) => e.node), void 0, 0) : g === "tree" ? /* @__PURE__ */ d(he, {
+							X ? $(X.map((e) => e.node), void 0, 0) : v === "tree" ? /* @__PURE__ */ f(he, {
 								className: "h-72",
-								children: [/* @__PURE__ */ u("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: ee.compact,
-									children: /* @__PURE__ */ u(_e, {
-										items: U,
-										"aria-label": x.root,
-										density: Ne,
-										selectionMode: h ? "multiple" : "single",
-										selectedValues: S,
-										expandedValues: D,
-										empty: x.empty,
+									children: /* @__PURE__ */ d(_e, {
+										items: G,
+										"aria-label": C.root,
+										density: Fe,
+										selectionMode: _ ? "multiple" : "single",
+										selectedValues: w,
+										expandedValues: k,
+										empty: C.empty,
 										onExpandedValuesChange: (e) => {
-											O(e);
+											A(e);
 											for (let t of e) {
-												if (D.includes(t)) continue;
-												let e = W.get(t)?.node;
-												e && X(e);
+												if (k.includes(t)) continue;
+												let e = K.get(t)?.node;
+												e && Q(e);
 											}
 										},
-										onSelectedValuesChange: (e, t) => Y(t)
+										onSelectedValuesChange: (e, t) => Z(t)
 									})
-								}), [...P].filter(([e]) => D.includes(e)).map(([e]) => /* @__PURE__ */ d(de, { children: [/* @__PURE__ */ u(n, {
+								}), [...I].filter(([e]) => k.includes(e)).map(([e]) => /* @__PURE__ */ f(de, { children: [/* @__PURE__ */ d(n, {
 									size: "xs",
 									type: "secondary",
-									children: W.get(e)?.node.label
-								}), et(W.get(e)?.node, [])] }, e))]
-							}) : g === "columns" ? /* @__PURE__ */ u(he, {
+									children: K.get(e)?.node.label
+								}), ot(K.get(e)?.node, [])] }, e))]
+							}) : v === "columns" ? /* @__PURE__ */ d(he, {
 								orientation: "both",
 								className: "max-w-full",
 								viewportClassName: "max-h-80",
-								children: /* @__PURE__ */ d("div", {
+								children: /* @__PURE__ */ f("div", {
 									className: "flex items-start",
-									children: [$(U, void 0, 0), K.map((e, t) => {
-										let n = W.get(e)?.node;
+									children: [$(G, void 0, 0), J.map((e, t) => {
+										let n = K.get(e)?.node;
 										return n ? $(n.children ?? [], n, t + 1) : null;
 									})]
 								})
-							}) : $(q?.children ?? (q ? [] : U), q, 0)
+							}) : $(Y?.children ?? (Y ? [] : G), Y, 0)
 						]
 					})
 				})]
-			}),
-			Me && !!S.length && /* @__PURE__ */ u(r, {
-				buttonStyle: "ghost",
-				size: "sm",
-				disabled: v,
-				onClick: () => Y(null),
-				children: x.clear
-			})
-		]
+			}), Qe && /* @__PURE__ */ d("button", {
+				type: "button",
+				"aria-label": C.clear,
+				disabled: b,
+				onClick: () => {
+					Z(null), Ze.current?.focus();
+				},
+				className: t("cascader--clear", o.target, o.focus, o.clear, o.centered, Ee[S]),
+				children: /* @__PURE__ */ d(Ce, {
+					"aria-hidden": "true",
+					className: o.icon
+				})
+			})]
+		})]
 	});
 }
 //#endregion
-export { p as Cascader };
+export { h as Cascader };
 
 //# sourceMappingURL=cascader.js.map