@slotted/react 0.1.0-beta.4 → 0.1.0-beta.6

package/dist/{cascader-D1AhTyBL.js → cascader-Cn2Acpcv.js}

@@ -3,7 +3,7 @@ import { n, r } from "./i18n-DpW8lqJ1.js";
 /* empty css                 */
 import { n as i } from "./icon-button-CCWkCDMs.js";
 /* empty css                  */
-import { b as a } from "./field-NJaCxl2h.js";
+import { b as a } from "./field-BxQFpOXS.js";
 import { t as o } from "./select-tags-CQMcHIQN.js";
 import { t as s } from "./highlight-0Qw23QPp.js";
 import { createControllable as c } from "@slotted/core/state";
@@ -75,11 +75,11 @@ function O(e, t, n, r) {
 		}).request(e, t, n) ? (a(e), !0) : i.controlled !== void 0;
 	}, [])];
 }
-var ve = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), ye = (e, t) => Array.isArray(e) && Array.isArray(t) ? ve(e, t) : e === t, be = (e, t) => e === t;
-function xe(e) {
+var k = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), ve = (e, t) => Array.isArray(e) && Array.isArray(t) ? k(e, t) : e === t, ye = (e, t) => e === t;
+function be(e) {
 	return e == null ? [] : typeof e == "string" ? [e] : e;
 }
-function Se(e) {
+function xe(e) {
 	let { defaults: t, getKey: i, getLabel: a, getChildren: o, getParent: s, hasChildren: c, getChildrenCount: l } = e, ee = r(se, e.messages), ne = n(), f = e.locale ?? ne, h = te(), g = p(() => {
 		let t = s === void 0 ? void 0 : me(e.nodes, {
 			getKey: i,
@@ -110,28 +110,28 @@ function Se(e) {
 		g,
 		v,
 		y
-	]), [oe, S] = O(e.value, e.defaultValue ?? (v ? [] : null), e.onValueChange, ye), [C, w] = O(e.path, e.defaultPath ?? [], e.onPathChange, ve), [T, E] = O(e.activeKey, e.defaultActiveKey ?? null, e.onActiveKeyChange, be), [D, Se] = O(e.expandedKeys, e.defaultExpandedKeys ?? [], e.onExpandedKeysChange, ve), [Ce, we] = O(e.searchValue, e.defaultSearchValue ?? "", e.onSearchValueChange, be), k = b ? Ce : "", A = xe(oe), j = p(() => v ? de(g, A) : A, [
+	]), [oe, S] = O(e.value, e.defaultValue ?? (v ? [] : null), e.onValueChange, ve), [C, w] = O(e.path, e.defaultPath ?? [], e.onPathChange, k), [T, E] = O(e.activeKey, e.defaultActiveKey ?? null, e.onActiveKeyChange, ye), [D, xe] = O(e.expandedKeys, e.defaultExpandedKeys ?? [], e.onExpandedKeysChange, k), [Se, Ce] = O(e.searchValue, e.defaultSearchValue ?? "", e.onSearchValueChange, ye), A = b ? Se : "", j = be(oe), M = p(() => v ? de(g, j) : j, [
 		g,
 		v,
-		A.join("\0")
-	]), M = ue({
+		j.join("\0")
+	]), N = ue({
 		layout: e.layout ?? t.layout,
 		available: e.available,
 		columnMeasure: e.columnMeasure,
 		inset: e.inset
-	}), Te = ce({
+	}), we = ce({
 		available: e.available,
 		columnMeasure: e.columnMeasure,
 		inset: e.inset,
 		maxColumns: e.maxColumns ?? t.maxColumns
-	}), N = e.filter, P = p(() => pe({
+	}), P = e.filter, F = p(() => pe({
 		collection: g,
-		layout: M,
+		layout: N,
 		path: C,
 		activeKey: T,
 		expandedKeys: D,
-		query: k,
-		selected: j,
+		query: A,
+		selected: M,
 		selectionMode: v ? "multiple" : "single",
 		isSelectable: x,
 		isLoading: (t) => {
@@ -142,11 +142,11 @@ function Se(e) {
 			let n = g.nodeFor(t)?.item;
 			return n !== void 0 && (e.isNodeFailed?.(n) ?? !1);
 		},
-		fit: Te,
+		fit: we,
 		maxCrumbs: e.maxCrumbs ?? t.maxCrumbs,
-		filter: N === void 0 ? void 0 : (e, t) => {
+		filter: P === void 0 ? void 0 : (e, t) => {
 			let n = g.nodeFor(e)?.item;
-			return n !== void 0 && N(n, t);
+			return n !== void 0 && P(n, t);
 		},
 		locale: f
 	}), [
@@ -154,56 +154,56 @@ function Se(e) {
 		g,
 		t.maxCrumbs,
 		D,
-		N,
-		Te,
+		P,
+		we,
 		x,
-		M,
+		N,
 		v,
 		e.isNodeFailed,
 		e.isNodeLoading,
 		f,
 		e.maxCrumbs,
 		C,
-		k,
-		j
-	]), Ee = u((e) => `${h}node-${encodeURIComponent(e)}`, [h]), F = m({
+		A,
+		M
+	]), Te = u((e) => `${h}node-${encodeURIComponent(e)}`, [h]), I = m({
 		options: e,
-		view: P,
-		selected: j,
+		view: F,
+		selected: M,
 		multiple: v,
 		strategy: re,
 		path: C,
-		emitted: A,
-		layout: M
+		emitted: j,
+		layout: N
 	});
-	F.current = {
+	I.current = {
 		options: e,
-		view: P,
-		selected: j,
+		view: F,
+		selected: M,
 		multiple: v,
 		strategy: re,
 		path: C,
-		emitted: A,
-		layout: M
+		emitted: j,
+		layout: N
 	};
-	let I = u((e, t, n) => {
+	let L = u((e, t, n) => {
 		E(e, t, n);
-	}, [E]), De = u((e, t, n) => {
+	}, [E]), Ee = u((e, t, n) => {
 		w(he(g, e), t, n);
-	}, [g, w]), L = u((e, t, n) => {
-		let r = e === void 0 ? [] : he(g, e), i = F.current.path[r.length];
+	}, [g, w]), R = u((e, t, n) => {
+		let r = e === void 0 ? [] : he(g, e), i = I.current.path[r.length];
 		w(r, t === "pointer" ? "pointer" : "back", n), i !== void 0 && E(i, t, n);
 	}, [
 		g,
 		E,
 		w
-	]), R = u((e, t, n) => {
-		let r = F.current.options.expandedKeys ?? D;
-		Se(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
-	}, [D, Se]), z = u((e, t, n) => {
-		we(e, t, n);
-	}, [we]), B = u((e, n, r, i = {}) => {
-		let a = F.current;
+	]), De = u((e, t, n) => {
+		let r = I.current.options.expandedKeys ?? D;
+		xe(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
+	}, [D, xe]), z = u((e, t, n) => {
+		Ce(e, t, n);
+	}, [Ce]), B = u((e, n, r, i = {}) => {
+		let a = I.current;
 		if (!x(e) || (a.options.readOnly ?? t.readOnly)) return;
 		if (!a.multiple) {
 			S(e, n === "keyboard" ? "keyboard" : "pointer", r), a.options.closeOnSelect && i.close !== !1 && a.options.onCommitted?.();
@@ -226,7 +226,7 @@ function Se(e) {
 		x,
 		S
 	]), V = u((e, t) => {
-		let n = F.current;
+		let n = I.current;
 		if (!n.multiple) {
 			S(null, "remove", t);
 			return;
@@ -242,21 +242,21 @@ function Se(e) {
 			selected: r.selected,
 			strategy: n.strategy
 		}), "remove", t);
-	}, [g, S]), Oe = u((e) => S(F.current.multiple ? [] : null, "clear", e), [S]), ke = u(() => {
-		let e = F.current.emitted[0];
+	}, [g, S]), Oe = u((e) => S(I.current.multiple ? [] : null, "clear", e), [S]), ke = u(() => {
+		let e = I.current.emitted[0];
 		if (e === void 0 || g.nodeFor(e) === void 0) {
 			E(g.roots[0] ?? null, "programmatic");
 			return;
 		}
 		let t = he(g, e);
-		w(t.slice(0, -1), "programmatic"), Se(t.slice(0, -1), "programmatic"), E(e, "programmatic");
+		w(t.slice(0, -1), "programmatic"), xe(t.slice(0, -1), "programmatic"), E(e, "programmatic");
 	}, [
 		g,
 		E,
-		Se,
+		xe,
 		w
 	]), Ae = u((e, t, n) => {
-		let r = F.current, i = r.view.searching;
+		let r = I.current, i = r.view.searching;
 		if (n && i) {
 			let t = r.view.results.map((e) => e.key), n = T === null ? -1 : t.indexOf(T);
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
@@ -266,7 +266,7 @@ function Se(e) {
 			if (e.key === "Enter" && T !== null) {
 				if (x(T)) B(T, "keyboard", e.source);
 				else if (g.nodeFor(T)?.hasChildren) {
-					z("", "select", e.source), De(T, "keyboard", e.source);
+					z("", "select", e.source), Ee(T, "keyboard", e.source);
 					let t = g.nodeFor(T)?.children[0];
 					t !== void 0 && E(t, "keyboard", e.source);
 				}
@@ -286,7 +286,7 @@ function Se(e) {
 			selectionMode: r.multiple ? "multiple" : "single",
 			isSelectable: x,
 			search: b,
-			hasQuery: k !== ""
+			hasQuery: A !== ""
 		});
 		switch (a.type) {
 			case "move":
@@ -300,7 +300,7 @@ function Se(e) {
 				break;
 			case "expand":
 			case "collapse":
-				R(a.key, "keyboard", e.source);
+				De(a.key, "keyboard", e.source);
 				break;
 			case "commit":
 			case "toggle": B(a.key, "keyboard", e.source);
@@ -312,14 +312,14 @@ function Se(e) {
 		g,
 		D,
 		x,
-		k,
+		A,
 		b,
 		E,
 		w,
 		z,
-		De,
-		R
-	]), H = m(/* @__PURE__ */ new Map()), je = (e.showing ? P.columns.filter((e) => e.pending && !e.failed && e.parent !== void 0).map((e) => e.parent).concat(M === "tree" ? D.filter((e) => {
+		Ee,
+		De
+	]), H = m(/* @__PURE__ */ new Map()), je = (e.showing ? F.columns.filter((e) => e.pending && !e.failed && e.parent !== void 0).map((e) => e.parent).concat(N === "tree" ? D.filter((e) => {
 		let t = g.nodeFor(e);
 		return t !== void 0 && t.hasChildren && t.children.length === 0;
 	}) : []) : []).join("\0");
@@ -329,9 +329,9 @@ function Se(e) {
 		for (let t of e) {
 			if (H.current.has(t)) continue;
 			let e = g.nodeFor(t)?.item;
-			if (e !== void 0 && F.current.options.isNodeLoading?.(e)) continue;
+			if (e !== void 0 && I.current.options.isNodeLoading?.(e)) continue;
 			let n = new AbortController();
-			H.current.set(t, n), F.current.options.onLoadChildren?.({
+			H.current.set(t, n), I.current.options.onLoadChildren?.({
 				key: t,
 				signal: n.signal
 			});
@@ -345,13 +345,13 @@ function Se(e) {
 		itemFor: _,
 		t: ee,
 		locale: f,
-		layout: M,
+		layout: N,
 		multiple: v,
 		disabled: ie,
 		readOnly: ae,
 		search: b,
-		view: p(() => e.loading === !0 && g.roots.length === 0 && !P.searching ? {
-			...P,
+		view: p(() => e.loading === !0 && g.roots.length === 0 && !F.searching ? {
+			...F,
 			columns: [{
 				parent: void 0,
 				level: 1,
@@ -359,22 +359,22 @@ function Se(e) {
 				failed: !1,
 				nodes: []
 			}]
-		} : P, [
+		} : F, [
 			g.roots.length,
 			e.loading,
-			P
+			F
 		]),
 		value: oe,
-		emitted: A,
+		emitted: j,
 		path: C,
 		activeKey: T,
-		query: k,
-		nodeId: Ee,
-		setActive: I,
+		query: A,
+		nodeId: Te,
+		setActive: L,
 		setQuery: z,
-		showLevel: De,
-		goTo: L,
-		toggleExpanded: R,
+		showLevel: Ee,
+		goTo: R,
+		toggleExpanded: De,
 		choose: B,
 		remove: V,
 		clear: Oe,
@@ -384,7 +384,7 @@ function Se(e) {
 }
 //#endregion
 //#region src/cascader/cascader-surface.tsx
-function Ce({ data: n, expandOn: r, hoverDelay: a, label: o, labelledBy: c, separator: l, state: u, treeId: ee, treeProps: te, treeRef: ne }) {
+function Se({ data: n, expandOn: r, hoverDelay: a, label: o, labelledBy: c, separator: l, state: u, treeId: ee, treeProps: te, treeRef: ne }) {
 	let { t: f, view: p } = u, h = m(void 0);
 	d(() => () => clearTimeout(h.current), []);
 	let y = (e) => e === void 0 ? f("root") : u.collection.nodeFor(e)?.label ?? e, re = (e, t) => {
@@ -587,15 +587,15 @@ function Ce({ data: n, expandOn: r, hoverDelay: a, label: o, labelledBy: c, sepa
 		}) : p.columns.map(x)
 	})] });
 }
-function we(e, t) {
+function Ce(e, t) {
 	d(() => {
 		e !== null && t !== null && e.ownerDocument.getElementById(t)?.scrollIntoView?.({ block: "nearest" });
 	}, [e, t]);
 }
 //#endregion
 //#region src/cascader/cascader.tsx
-var k = (e) => e !== null && e.ownerDocument.defaultView?.getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr";
-function A(e) {
+var A = (e) => e !== null && e.ownerDocument.defaultView?.getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr";
+function j(e) {
 	let t = m(null);
 	return d(() => (t.current = b({ timeout: 500 }), () => t.current?.destroy()), []), (n, r) => {
 		let i = t.current;
@@ -604,25 +604,25 @@ function A(e) {
 		return l !== void 0 && e.setActive(l, "keyboard", r), !0;
 	};
 }
-function j(n) {
-	let { nodes: r, getKey: i, getLabel: s, getChildren: c, getParent: l, hasChildren: ee, getChildrenCount: p, isNodeDisabled: g, isNodeLoading: b, isNodeFailed: se, loading: le, getDescription: ue, renderIcon: de, renderNode: fe, onLoadChildren: pe, onRetry: me, filter: ge, locale: _e, selectionMode: C, value: w, defaultValue: T, onValueChange: D, path: O, defaultPath: ve, onPathChange: ye, activeKey: be, defaultActiveKey: xe, onActiveKeyChange: j, expandedKeys: M, defaultExpandedKeys: Te, onExpandedKeysChange: N, searchValue: P, defaultSearchValue: Ee, onSearchValueChange: F, layout: I, selectable: De, checkedStrategy: L, expandOn: R, search: z, size: B, maxColumns: V, maxCrumbs: Oe, hoverDelay: ke, disabled: Ae, readOnly: H, messages: je, open: Me, defaultOpen: Ne, onOpenChange: Pe, closeOnSelect: Fe, clearable: Ie, variant: Le, fullWidth: Re, portal: ze, required: Be, invalid: Ve, separator: He, renderValue: Ue, name: We, form: Ge, handleRef: Ke, ref: qe, "aria-label": Je, "aria-labelledby": Ye, ...Xe } = n, U = E(), W = a(), Ze = te(), Qe = `${Ze}content`, $e = `${Ze}tree`, [et, tt] = h(Ne ?? !1), G = Ae ?? W?.disabled ?? U.disabled, nt = H ?? W?.readOnly ?? U.readOnly, K = (Me ?? et) && !G, rt = Fe ?? U.closeOnSelect, [q, it] = h(null), [J, at] = h(null), [Y, ot] = h(null), [st, ct] = h(null), [lt, ut] = h(null), [dt, ft] = h(null), [pt, mt] = h("unmounted"), [ht, gt] = h(!1), [_t, vt] = h(!1), [X, yt] = h({
+function M(n) {
+	let { nodes: r, getKey: i, getLabel: s, getChildren: c, getParent: l, hasChildren: ee, getChildrenCount: p, isNodeDisabled: g, isNodeLoading: b, isNodeFailed: se, loading: le, getDescription: ue, renderIcon: de, renderNode: fe, onLoadChildren: pe, onRetry: me, filter: ge, locale: _e, selectionMode: C, value: w, defaultValue: T, onValueChange: D, path: O, defaultPath: k, onPathChange: ve, activeKey: ye, defaultActiveKey: be, onActiveKeyChange: M, expandedKeys: N, defaultExpandedKeys: we, onExpandedKeysChange: P, searchValue: F, defaultSearchValue: Te, onSearchValueChange: I, layout: L, selectable: Ee, checkedStrategy: R, expandOn: De, search: z, size: B, maxColumns: V, maxCrumbs: Oe, hoverDelay: ke, disabled: Ae, readOnly: H, messages: je, open: Me, defaultOpen: Ne, onOpenChange: Pe, closeOnSelect: Fe, clearable: Ie, variant: Le, fullWidth: Re, portal: ze, required: Be, invalid: Ve, separator: He, renderValue: Ue, name: We, form: Ge, handleRef: Ke, ref: qe, "aria-label": Je, "aria-labelledby": Ye, ...Xe } = n, U = E(), W = a(), Ze = te(), Qe = `${Ze}content`, $e = `${Ze}tree`, [et, tt] = h(Ne ?? !1), G = Ae ?? W?.disabled ?? U.disabled, nt = H ?? W?.readOnly ?? U.readOnly, K = (Me ?? et) && !G, rt = Fe ?? U.closeOnSelect, [it, at] = h(null), [q, ot] = h(null), [J, st] = h(null), [ct, lt] = h(null), [ut, dt] = h(null), [ft, pt] = h(null), [mt, ht] = h("unmounted"), [gt, _t] = h(!1), [vt, yt] = h(!1), [Y, bt] = h({
 		available: void 0,
 		columnMeasure: 192,
 		inset: 2
-	}), bt = m({
+	}), X = m({
 		open: Me,
 		currentOpen: K,
 		onOpenChange: Pe,
-		trigger: J
+		trigger: q
 	});
-	bt.current = {
+	X.current = {
 		open: Me,
 		currentOpen: K,
 		onOpenChange: Pe,
-		trigger: J
+		trigger: q
 	};
 	let Z = u((e, t, n) => {
-		let r = bt.current;
+		let r = X.current;
 		if (e === r.currentOpen) return;
 		let i = !1;
 		r.onOpenChange?.(e, {
@@ -637,7 +637,7 @@ function j(n) {
 				i = !0;
 			}
 		}), !(i || r.open !== void 0) && tt(e);
-	}, []), Q = Se({
+	}, []), Q = xe({
 		nodes: r,
 		getKey: i,
 		getLabel: s,
@@ -661,21 +661,21 @@ function j(n) {
 		defaultValue: T,
 		onValueChange: D,
 		path: O,
-		defaultPath: ve,
-		onPathChange: ye,
-		activeKey: be,
-		defaultActiveKey: xe,
-		onActiveKeyChange: j,
-		expandedKeys: M,
-		defaultExpandedKeys: Te,
-		onExpandedKeysChange: N,
-		searchValue: P,
-		defaultSearchValue: Ee,
-		onSearchValueChange: F,
-		layout: I,
-		selectable: De,
-		checkedStrategy: L,
-		expandOn: R,
+		defaultPath: k,
+		onPathChange: ve,
+		activeKey: ye,
+		defaultActiveKey: be,
+		onActiveKeyChange: M,
+		expandedKeys: N,
+		defaultExpandedKeys: we,
+		onExpandedKeysChange: P,
+		searchValue: F,
+		defaultSearchValue: Te,
+		onSearchValueChange: I,
+		layout: L,
+		selectable: Ee,
+		checkedStrategy: R,
+		expandOn: De,
 		search: z,
 		size: B,
 		maxColumns: V,
@@ -686,14 +686,14 @@ function j(n) {
 		messages: je,
 		defaults: U,
 		showing: K,
-		available: X.available,
-		columnMeasure: X.columnMeasure,
-		inset: X.inset,
+		available: Y.available,
+		columnMeasure: Y.columnMeasure,
+		inset: Y.inset,
 		closeOnSelect: rt,
 		onCommitted: () => {
-			Z(!1, "select"), bt.current.trigger?.focus({ preventScroll: !0 });
+			Z(!1, "select"), X.current.trigger?.focus({ preventScroll: !0 });
 		}
-	}), xt = B ?? W?.size ?? U.size, $ = Q.search, St = He ?? U.separator, Ct = A(Q), wt = m(!1);
+	}), xt = B ?? W?.size ?? U.size, $ = Q.search, St = He ?? U.separator, Ct = j(Q), wt = m(!1);
 	f(() => {
 		K && !wt.current && Q.reveal(), !K && wt.current && Q.setQuery("", "clear"), wt.current = K;
 	});
@@ -701,116 +701,134 @@ function j(n) {
 	d(() => {
 		let e = y({
 			present: K,
-			onStatusChange: mt
+			onStatusChange: ht
 		});
-		return Tt.current = e, mt(e.status), () => {
+		return Tt.current = e, ht(e.status), () => {
 			e.destroy(), Tt.current = null;
 		};
-	}, []), d(() => Tt.current?.sync(K), [K]), d(() => Tt.current?.setNode(Y), [Y]);
-	let Et = pt !== "unmounted", Dt = ze ?? U.portal;
+	}, []), d(() => Tt.current?.sync(K), [K]), d(() => Tt.current?.setNode(J), [J]);
+	let Et = K || mt !== "unmounted", Dt = ze ?? U.portal;
 	d(() => {
-		if (!Et) {
-			ft(null);
+		if (q === null || gt) return;
+		let e = () => _t(!0);
+		return q.addEventListener("focusin", e), q.addEventListener("pointerdown", e), () => {
+			q.removeEventListener("focusin", e), q.removeEventListener("pointerdown", e);
+		};
+	}, [q, gt]);
+	let Ot = Et || gt;
+	f(() => {
+		if (!Ot) {
+			pt(null);
 			return;
 		}
 		let e = re({
-			origin: J,
+			origin: q,
 			disabled: !Dt
 		});
-		return ft(e.container), () => e.release();
+		return pt(e.container), () => e.release();
 	}, [
-		Et,
+		Ot,
 		Dt,
-		J
+		q
 	]), f(() => {
-		if (st === null) return;
-		let e = S(st);
-		yt((t) => t.columnMeasure === e.columnMeasure && t.inset === e.inset ? t : {
+		if (ct === null) return;
+		let e = S(ct);
+		bt((t) => t.columnMeasure === e.columnMeasure && t.inset === e.inset ? t : {
 			...t,
 			...e
 		});
-	}, [st, xt]);
-	let Ot = Q.layout;
-	d(() => {
-		if (Y === null || q === null) return;
-		let e = !0, t = ae(q, Y, {
+	}, [ct, xt]);
+	let kt = Q.layout, At = m(null), jt = u((e, t) => {
+		e.update().then(() => {
+			At.current === e && X.current.currentOpen && t.setAttribute("data-open", "");
+		});
+	}, []);
+	f(() => {
+		if (J === null || it === null) return;
+		let e = ae(it, J, {
 			align: "start",
 			side: "bottom",
 			sideOffset: 4,
 			boundaryPadding: 8,
-			matchWidth: Ot !== "columns",
+			matchWidth: kt !== "columns",
 			onPositioned: (e) => {
-				yt((t) => t.available === e.availableWidth ? t : {
+				bt((t) => t.available === e.availableWidth ? t : {
 					...t,
 					available: e.availableWidth
 				});
 			}
 		});
-		return t.update().then(() => {
-			e && gt(!0);
-		}), () => {
-			e = !1, t.destroy(), gt(!1);
+		return At.current = e, X.current.currentOpen && jt(e, J), () => {
+			e.destroy(), At.current = null, J.removeAttribute("data-open");
 		};
 	}, [
-		q,
-		Y,
-		Ot
+		it,
+		J,
+		kt,
+		jt
+	]), f(() => {
+		let e = At.current;
+		e !== null && J !== null && (K ? jt(e, J) : J.removeAttribute("data-open"));
+	}, [
+		K,
+		J,
+		jt
 	]), f(() => {
-		if (Y === null) return;
+		if (J === null) return;
 		if (Q.layout !== "columns") {
-			Y.style.removeProperty("inline-size");
+			J.style.removeProperty("inline-size");
 			return;
 		}
 		let e = ce({
-			...X,
+			...Y,
 			maxColumns: V ?? U.maxColumns
 		});
-		Y.style.inlineSize = `${e * X.columnMeasure + X.inset}px`;
+		J.style.inlineSize = `${e * Y.columnMeasure + Y.inset}px`;
 	}, [
 		U.maxColumns,
-		Y,
+		J,
 		V,
-		X,
+		Y,
 		Q.layout
 	]);
-	let kt = m(Q);
-	kt.current = Q, d(() => {
-		if (Y === null || !K) return;
-		let e = ie(Y, {
-			branches: [q].filter((e) => e !== null),
+	let Mt = m(Q);
+	Mt.current = Q, d(() => {
+		if (J === null || !K) return;
+		let e = ie(J, {
+			branches: [it].filter((e) => e !== null),
 			escape: !0,
 			focusOutside: !1,
 			modal: !1,
 			outsidePress: !0,
 			scrollLock: !1,
 			onDismiss: (e) => {
-				let t = kt.current;
+				let t = Mt.current;
 				if (e.reason === "escape" && t.query !== "") {
 					t.setQuery("", "clear", e.source);
 					return;
 				}
-				Z(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && bt.current.trigger?.focus({ preventScroll: !0 });
+				Z(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && X.current.trigger?.focus({ preventScroll: !0 });
 			}
 		});
 		return () => e.destroy();
 	}, [
 		K,
-		q,
-		Y,
+		it,
+		J,
 		Z
 	]), d(() => {
-		K && $ && lt !== null && lt.focus({ preventScroll: !0 });
+		K && $ && ut !== null && ut.focus({ preventScroll: !0 });
 	}, [
 		K,
 		$,
-		lt
-	]), we(st, Q.activeKey === null ? null : Q.nodeId(Q.activeKey)), ne(Ke, () => ({
+		ut
+	]), Ce(ct, Q.activeKey === null ? null : Q.nodeId(Q.activeKey)), ne(Ke, () => ({
 		open: () => Z(!0, "programmatic"),
 		close: () => Z(!1, "programmatic"),
-		focus: () => bt.current.trigger?.focus({ preventScroll: !0 }),
+		focus: () => X.current.trigger?.focus({ preventScroll: !0 }),
 		revealValue: () => Q.reveal()
 	}), [Z, Q]), d(() => W?.registerControl(), [W]);
-	let At = (e, t) => {
+	let Nt = (e, t) => {
 		if (!G) {
 			if (e.key === "Tab") {
 				K && Z(!1, "blur", e.nativeEvent);
@@ -828,10 +846,10 @@ function j(n) {
 				(!t || e.key !== "Home" && e.key !== "End") && (!t || e.key !== " " && !x(e.key, !1)) && Q.handleKey({
 					key: e.key,
 					source: e.nativeEvent
-				}, k(e.currentTarget), !0).type !== "none" && e.preventDefault();
+				}, A(e.currentTarget), !0).type !== "none" && e.preventDefault();
 			}
 		}
-	}, jt = Q.emitted.length === 1 && !Q.multiple ? he(Q.collection, Q.emitted[0]).map((e) => Q.itemFor(e)).filter((e) => e !== void 0) : [], Mt = Q.multiple ? /* @__PURE__ */ _("span", {
+	}, Pt = Q.emitted.length === 1 && !Q.multiple ? he(Q.collection, Q.emitted[0]).map((e) => Q.itemFor(e)).filter((e) => e !== void 0) : [], Ft = Q.multiple ? /* @__PURE__ */ _("span", {
 		"data-part": "value",
 		children: /* @__PURE__ */ _("span", {
 			"data-part": "summary",
@@ -842,10 +860,10 @@ function j(n) {
 		children: Q.t("placeholder")
 	}) : Ue === void 0 ? /* @__PURE__ */ _("span", {
 		"data-part": "value",
-		children: jt.length === 0 ? /* @__PURE__ */ _("span", {
+		children: Pt.length === 0 ? /* @__PURE__ */ _("span", {
 			"data-part": "value-segment",
 			children: Q.emitted[0]
-		}) : jt.flatMap((e, t) => [t === 0 ? null : /* @__PURE__ */ _("span", {
+		}) : Pt.flatMap((e, t) => [t === 0 ? null : /* @__PURE__ */ _("span", {
 			"aria-hidden": "true",
 			"data-part": "value-separator",
 			children: St
@@ -855,14 +873,14 @@ function j(n) {
 		}, i(e))])
 	}) : /* @__PURE__ */ _("span", {
 		"data-part": "value",
-		children: Ue(jt)
-	}), Nt = (Ie ?? U.clearable) && Q.emitted.length > 0 && !G && !nt, Pt = [Xe["aria-describedby"], W?.describedBy].filter(Boolean).join(" "), Ft = Ve ?? W?.invalid ?? U.invalid, It = Be ?? W?.required ?? U.required, Lt = le === !0, Rt = (e) => {
+		children: Ue(Pt)
+	}), It = (Ie ?? U.clearable) && Q.emitted.length > 0 && !G && !nt, Lt = [Xe["aria-describedby"], W?.describedBy].filter(Boolean).join(" "), Rt = Ve ?? W?.invalid ?? U.invalid, zt = Be ?? W?.required ?? U.required, Bt = le === !0, Vt = (e) => {
 		G || Z(!K, e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
-	}, zt = /* @__PURE__ */ v("div", {
+	}, Ht = /* @__PURE__ */ v("div", {
 		"aria-label": $ ? Je ?? Q.t("search") : void 0,
 		"data-part": "content",
 		id: Qe,
-		ref: ct,
+		ref: lt,
 		role: $ ? "dialog" : void 0,
 		children: [$ ? /* @__PURE__ */ v("div", {
 			"data-part": "search",
@@ -874,15 +892,15 @@ function j(n) {
 				"aria-label": Q.t("search"),
 				"data-part": "search-input",
 				onChange: (e) => Q.setQuery(e.target.value, "keyboard", e.nativeEvent),
-				onKeyDown: (e) => At(e, !0),
+				onKeyDown: (e) => Nt(e, !0),
 				placeholder: Q.t("searchPlaceholder"),
-				ref: ut,
+				ref: dt,
 				role: "combobox",
 				value: Q.query
 			})]
-		}) : null, /* @__PURE__ */ _(Ce, {
+		}) : null, /* @__PURE__ */ _(Se, {
 			data: n,
-			expandOn: R ?? U.expandOn,
+			expandOn: De ?? U.expandOn,
 			hoverDelay: ke ?? U.hoverDelay,
 			label: Je,
 			labelledBy: Je === void 0 ? Ye ?? W?.ids.label : void 0,
@@ -890,76 +908,75 @@ function j(n) {
 			state: Q,
 			treeId: $e
 		})]
-	}), Bt = Et ? /* @__PURE__ */ _("div", {
+	}), Ut = Et ? /* @__PURE__ */ _("div", {
 		"data-layout": Q.layout,
-		"data-open": K && ht ? "" : void 0,
 		"data-part": "positioner",
 		"data-selection": Q.multiple ? "multiple" : void 0,
 		"data-size": xt,
 		"data-ui": "cascader",
 		inert: !K || void 0,
-		ref: ot,
-		children: zt
+		ref: st,
+		children: Ht
 	}) : null;
 	return /* @__PURE__ */ v("div", {
 		...Xe,
 		"data-disabled": G ? "" : void 0,
 		"data-full-width": Re ?? U.fullWidth ? "" : void 0,
-		"data-invalid": Ft ? "" : void 0,
-		"data-narrow": _t ? "" : void 0,
+		"data-invalid": Rt ? "" : void 0,
+		"data-narrow": vt ? "" : void 0,
 		"data-open": K ? "" : void 0,
 		"data-part": "root",
 		"data-readonly": nt ? "" : void 0,
-		"data-required": It ? "" : void 0,
+		"data-required": zt ? "" : void 0,
 		"data-size": xt,
 		"data-ui": "cascader",
 		"data-variant": Le ?? U.variant,
 		ref: (e) => {
-			it(e), typeof qe == "function" ? qe(e) : qe != null && (qe.current = e);
+			at(e), typeof qe == "function" ? qe(e) : qe != null && (qe.current = e);
 		},
 		children: [
 			/* @__PURE__ */ _("button", {
 				"aria-activedescendant": K && !$ && Q.activeKey !== null ? Q.nodeId(Q.activeKey) : void 0,
 				"aria-controls": K ? $ ? Qe : $e : void 0,
-				"aria-describedby": Pt === "" ? void 0 : Pt,
+				"aria-describedby": Lt === "" ? void 0 : Lt,
 				"aria-expanded": K,
 				"aria-haspopup": $ ? "dialog" : "tree",
-				"aria-invalid": Ft ? !0 : void 0,
+				"aria-invalid": Rt ? !0 : void 0,
 				"aria-label": Je,
 				"aria-labelledby": Je === void 0 ? Ye ?? W?.ids.label : void 0,
 				"aria-readonly": nt ? !0 : void 0,
-				"aria-required": It ? !0 : void 0,
+				"aria-required": zt ? !0 : void 0,
 				"data-part": "trigger",
 				disabled: G,
 				id: W?.ids.control,
-				onClick: Rt,
-				onKeyDown: (e) => At(e, !1),
-				ref: at,
+				onClick: Vt,
+				onKeyDown: (e) => Nt(e, !1),
+				ref: ot,
 				role: "combobox",
 				type: "button",
-				children: Mt
+				children: Ft
 			}),
 			Q.multiple && Q.emitted.length > 0 ? /* @__PURE__ */ _(o, {
 				disabled: G || nt,
-				frame: q,
+				frame: it,
 				labelFor: (e) => Q.collection.nodeFor(e)?.label,
-				onNarrow: vt,
+				onNarrow: yt,
 				onRemove: (e, t) => {
-					Q.remove(e, t.nativeEvent), J?.focus({ preventScroll: !0 });
+					Q.remove(e, t.nativeEvent), q?.focus({ preventScroll: !0 });
 				},
 				removeLabel: (e) => Q.t("remove", { label: e }),
 				values: Q.emitted
 			}) : null,
-			Nt ? /* @__PURE__ */ _("button", {
+			It ? /* @__PURE__ */ _("button", {
 				"aria-label": Q.t("clear"),
 				"data-part": "clear",
 				onClick: (e) => {
-					Q.clear(e.nativeEvent), J?.focus({ preventScroll: !0 });
+					Q.clear(e.nativeEvent), q?.focus({ preventScroll: !0 });
 				},
 				type: "button",
 				children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "x" }) })
 			}) : null,
-			Lt ? /* @__PURE__ */ _("span", {
+			Bt ? /* @__PURE__ */ _("span", {
 				"aria-hidden": "true",
 				"data-part": "busy",
 				"data-ui": "spinner"
@@ -974,20 +991,20 @@ function j(n) {
 				type: "hidden",
 				value: e
 			}, e)),
-			Bt === null ? null : dt === null ? Bt : oe(Bt, dt)
+			Ut === null ? null : ft === null ? Ut : oe(Ut, ft)
 		]
 	});
 }
-function M(e) {
-	let { nodes: t, getKey: n, getLabel: r, getChildren: i, getParent: a, hasChildren: o, getChildrenCount: s, isNodeDisabled: c, isNodeLoading: l, isNodeFailed: u, loading: ee, getDescription: d, renderIcon: ne, renderNode: p, onLoadChildren: g, onRetry: v, filter: y, locale: re, selectionMode: ie, value: ae, defaultValue: b, onValueChange: x, path: oe, defaultPath: se, onPathChange: ce, activeKey: le, defaultActiveKey: ue, onActiveKeyChange: de, expandedKeys: fe, defaultExpandedKeys: pe, onExpandedKeysChange: me, searchValue: he, defaultSearchValue: ge, onSearchValueChange: _e, layout: C, selectable: w, checkedStrategy: T, expandOn: D, search: O, size: ve, maxColumns: ye, maxCrumbs: be, hoverDelay: xe, disabled: j, readOnly: M, messages: Te, ref: N, "aria-label": P, "aria-labelledby": Ee, ...F } = e, I = E(), De = `${te()}tree`, [L, R] = h(null), [z, B] = h({
+function N(e) {
+	let { nodes: t, getKey: n, getLabel: r, getChildren: i, getParent: a, hasChildren: o, getChildrenCount: s, isNodeDisabled: c, isNodeLoading: l, isNodeFailed: u, loading: ee, getDescription: d, renderIcon: ne, renderNode: p, onLoadChildren: g, onRetry: v, filter: y, locale: re, selectionMode: ie, value: ae, defaultValue: b, onValueChange: x, path: oe, defaultPath: se, onPathChange: ce, activeKey: le, defaultActiveKey: ue, onActiveKeyChange: de, expandedKeys: fe, defaultExpandedKeys: pe, onExpandedKeysChange: me, searchValue: he, defaultSearchValue: ge, onSearchValueChange: _e, layout: C, selectable: w, checkedStrategy: T, expandOn: D, search: O, size: k, maxColumns: ve, maxCrumbs: ye, hoverDelay: be, disabled: M, readOnly: N, messages: we, ref: P, "aria-label": F, "aria-labelledby": Te, ...I } = e, L = E(), Ee = `${te()}tree`, [R, De] = h(null), [z, B] = h({
 		available: void 0,
 		columnMeasure: 192,
 		inset: 2
 	});
 	f(() => {
-		if (L === null) return;
-		let e = L.parentElement ?? L, t = () => {
-			let t = S(L), n = e.getBoundingClientRect().width;
+		if (R === null) return;
+		let e = R.parentElement ?? R, t = () => {
+			let t = S(R), n = e.getBoundingClientRect().width;
 			B((e) => e.available === n && e.columnMeasure === t.columnMeasure && e.inset === t.inset ? e : {
 				available: n,
 				...t
@@ -996,8 +1013,8 @@ function M(e) {
 		t();
 		let n = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(t);
 		return n?.observe(e), () => n?.disconnect();
-	}, [L]);
-	let V = Se({
+	}, [R]);
+	let V = xe({
 		nodes: t,
 		getKey: n,
 		getLabel: r,
@@ -1037,23 +1054,23 @@ function M(e) {
 		checkedStrategy: T,
 		expandOn: D,
 		search: O,
-		size: ve,
-		maxColumns: ye,
-		maxCrumbs: be,
-		hoverDelay: xe,
-		disabled: j,
-		readOnly: M,
-		messages: Te,
-		defaults: I,
+		size: k,
+		maxColumns: ve,
+		maxCrumbs: ye,
+		hoverDelay: be,
+		disabled: M,
+		readOnly: N,
+		messages: we,
+		defaults: L,
 		showing: !0,
 		available: z.available,
 		columnMeasure: z.columnMeasure,
 		inset: z.inset,
 		closeOnSelect: !1
-	}), Oe = A(V), ke = m(!1);
+	}), Oe = j(V), ke = m(!1);
 	f(() => {
 		ke.current || (ke.current = !0, V.activeKey === null && V.reveal());
-	}), we(L, V.activeKey === null ? null : V.nodeId(V.activeKey));
+	}), Ce(R, V.activeKey === null ? null : V.nodeId(V.activeKey));
 	let Ae = (e) => {
 		if (V.disabled) return;
 		if (Oe(e.key, e.nativeEvent)) {
@@ -1063,29 +1080,29 @@ function M(e) {
 		let t = V.handleKey({
 			key: e.key,
 			source: e.nativeEvent
-		}, k(e.currentTarget), !0);
+		}, A(e.currentTarget), !0);
 		t.type !== "none" && t.type !== "close" && e.preventDefault();
 	};
 	return /* @__PURE__ */ _("div", {
-		...F,
+		...I,
 		"data-disabled": V.disabled ? "" : void 0,
 		"data-layout": V.layout,
 		"data-part": "content",
 		"data-selection": V.multiple ? "multiple" : void 0,
-		"data-size": ve ?? I.size,
+		"data-size": k ?? L.size,
 		"data-ui": "cascader",
 		ref: (e) => {
-			R(e), typeof N == "function" ? N(e) : N != null && (N.current = e);
+			De(e), typeof P == "function" ? P(e) : P != null && (P.current = e);
 		},
-		children: /* @__PURE__ */ _(Ce, {
+		children: /* @__PURE__ */ _(Se, {
 			data: e,
-			expandOn: D ?? I.expandOn,
-			hoverDelay: xe ?? I.hoverDelay,
-			label: P,
-			labelledBy: Ee,
-			separator: I.separator,
+			expandOn: D ?? L.expandOn,
+			hoverDelay: be ?? L.hoverDelay,
+			label: F,
+			labelledBy: Te,
+			separator: L.separator,
 			state: V,
-			treeId: De,
+			treeId: Ee,
 			treeProps: {
 				tabIndex: V.disabled ? -1 : 0,
 				onKeyDown: Ae
@@ -1094,4 +1111,4 @@ function M(e) {
 	});
 }
 //#endregion
-export { E as a, D as i, M as n, w as r, j as t };
+export { E as a, D as i, N as n, w as r, M as t };