@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

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

@@ -1,26 +1,27 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n as e, t } from "./icon-DMdotKfc.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
 /* empty css                 */
-import { n as i } from "./icon-button-CCWkCDMs.js";
+import { n as i } from "./icon-button-VOA-RY_1.js";
 /* empty css                  */
-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";
-import { createContext as l, useCallback as u, useContext as ee, useEffect as d, useId as te, useImperativeHandle as ne, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { b as a } from "./field-DKA-qsCV.js";
+import { t as o } from "./select-tags-O7s_VG8g.js";
+import { t as s } from "./highlight-CIcfSNwz.js";
+import { withSelectorKey as c } from "@slotted/core/selector-key";
+import { createControllable as l } from "@slotted/core/state";
+import { createContext as ee, useCallback as u, useContext as te, useEffect as d, useId as ne, useImperativeHandle as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as re, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { createPresence as y } from "@slotted/core/presence";
-import { createPortalRoot as re } from "@slotted/core/portal";
-import { createDismissableLayer as ie } from "@slotted/core/dismissable-layer";
-import { createPositioner as ae } from "@slotted/core/positioner";
-import { createTypeahead as b, isPrintable as x } from "@slotted/core/typeahead";
-import { createPortal as oe } from "react-dom";
+import { createPortalRoot as ie } from "@slotted/core/portal";
+import { createDismissableLayer as ae } from "@slotted/core/dismissable-layer";
+import { createPositioner as b } from "@slotted/core/positioner";
+import { createTypeahead as x, isPrintable as oe } from "@slotted/core/typeahead";
+import { createPortal as S } from "react-dom";
 import { cascaderMessages as se } from "@slotted/core/i18n";
-import { cascaderFit as ce, cascaderKey as le, cascaderLayout as ue, cascaderMeasure as S, cascaderSelection as de, cascaderValue as fe, cascaderView as pe, flatToTree as me, pathTo as he } from "@slotted/core/cascader";
+import { cascaderFit as ce, cascaderKey as le, cascaderLayout as ue, cascaderMeasure as C, cascaderSelection as de, cascaderValue as fe, cascaderView as pe, flatToTree as me, pathTo as he } from "@slotted/core/cascader";
 import { cascadeSelection as ge, createTreeCollection as _e } from "@slotted/core/collection";
-import { matchRanges as C } from "@slotted/core/highlight";
+import { matchRanges as w } from "@slotted/core/highlight";
 //#region src/cascader/cascader-defaults.tsx
-var w = {
+var T = {
 	size: "md",
 	variant: "outline",
 	fullWidth: !0,
@@ -41,22 +42,22 @@ var w = {
 	hoverDelay: 150,
 	maxColumns: 3,
 	maxCrumbs: 4
-}, T = l(w);
-function E() {
-	return ee(T);
+}, E = ee(T);
+function D() {
+	return te(E);
 }
-function D({ children: e, ...t }) {
-	let n = { ...E() };
+function O({ children: e, ...t }) {
+	let n = { ...D() };
 	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
-	return /* @__PURE__ */ _(T.Provider, {
+	return /* @__PURE__ */ _(E.Provider, {
 		value: n,
 		children: e
 	});
 }
 //#endregion
 //#region src/cascader/cascader-state.ts
-function O(e, t, n, r) {
-	let [i, a] = h(t), o = e === void 0 ? i : e, s = m({
+function k(e, t, n, r) {
+	let [i, a] = g(t), o = e === void 0 ? i : e, s = h({
 		controlled: e,
 		current: o,
 		onRequest: n
@@ -67,7 +68,7 @@ function O(e, t, n, r) {
 		onRequest: n
 	}, [o, u((e, t, n) => {
 		let i = s.current;
-		return r(e, i.current) ? !1 : c({
+		return r(e, i.current) ? !1 : l({
 			controlled: i.controlled,
 			initial: i.current,
 			equals: () => !1,
@@ -75,12 +76,12 @@ function O(e, t, n, r) {
 		}).request(e, t, n) ? (a(e), !0) : i.controlled !== void 0;
 	}, [])];
 }
-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;
+var A = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), ve = (e, t) => Array.isArray(e) && Array.isArray(t) ? A(e, t) : e === t, ye = (e, t) => e === t;
 function be(e) {
 	return e == null ? [] : typeof e == "string" ? [e] : 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 { defaults: t, getKey: i, getLabel: a, getChildren: o, getParent: s, hasChildren: c, getChildrenCount: l } = e, ee = r(se, e.messages), te = n(), f = e.locale ?? te, p = ne(), g = m(() => {
 		let t = s === void 0 ? void 0 : me(e.nodes, {
 			getKey: i,
 			getParent: s
@@ -103,36 +104,36 @@ function xe(e) {
 		c,
 		e.isNodeDisabled,
 		e.nodes
-	]), _ = u((e) => g.nodeFor(e)?.item, [g]), v = (e.selectionMode ?? t.selectionMode) === "multiple", y = e.selectable ?? t.selectable, re = e.checkedStrategy ?? t.checkedStrategy, ie = e.disabled ?? t.disabled, ae = e.readOnly ?? t.readOnly, b = e.search ?? t.search, x = u((e) => {
+	]), re = u((e) => g.nodeFor(e)?.item, [g]), _ = (e.selectionMode ?? t.selectionMode) === "multiple", v = e.selectable ?? t.selectable, y = e.checkedStrategy ?? t.checkedStrategy, ie = e.disabled ?? t.disabled, ae = e.readOnly ?? t.readOnly, b = e.search ?? t.search, x = u((e) => {
 		let t = g.nodeFor(e);
-		return t === void 0 || t.disabled ? !1 : v ? !0 : typeof y == "function" ? y(t.item) : y === "any" || !t.hasChildren;
+		return t === void 0 || t.disabled ? !1 : _ ? !0 : typeof v == "function" ? v(t.item) : v === "any" || !t.hasChildren;
 	}, [
 		g,
-		v,
-		y
-	]), [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, [
+		_,
+		v
+	]), [oe, S] = k(e.value, e.defaultValue ?? (_ ? [] : null), e.onValueChange, ve), [C, w] = k(e.path, e.defaultPath ?? [], e.onPathChange, A), [T, E] = k(e.activeKey, e.defaultActiveKey ?? null, e.onActiveKeyChange, ye), [D, O] = k(e.expandedKeys, e.defaultExpandedKeys ?? [], e.onExpandedKeysChange, A), [xe, Se] = k(e.searchValue, e.defaultSearchValue ?? "", e.onSearchValueChange, ye), j = b ? xe : "", M = be(oe), N = m(() => _ ? de(g, M) : M, [
 		g,
-		v,
-		j.join("\0")
-	]), N = ue({
+		_,
+		M.join("\0")
+	]), P = ue({
 		layout: e.layout ?? t.layout,
 		available: e.available,
 		columnMeasure: e.columnMeasure,
 		inset: e.inset
-	}), we = ce({
+	}), Ce = ce({
 		available: e.available,
 		columnMeasure: e.columnMeasure,
 		inset: e.inset,
 		maxColumns: e.maxColumns ?? t.maxColumns
-	}), P = e.filter, F = p(() => pe({
+	}), we = e.filter, F = m(() => pe({
 		collection: g,
-		layout: N,
+		layout: P,
 		path: C,
 		activeKey: T,
 		expandedKeys: D,
-		query: A,
-		selected: M,
-		selectionMode: v ? "multiple" : "single",
+		query: j,
+		selected: N,
+		selectionMode: _ ? "multiple" : "single",
 		isSelectable: x,
 		isLoading: (t) => {
 			let n = g.nodeFor(t)?.item;
@@ -142,11 +143,11 @@ function xe(e) {
 			let n = g.nodeFor(t)?.item;
 			return n !== void 0 && (e.isNodeFailed?.(n) ?? !1);
 		},
-		fit: we,
+		fit: Ce,
 		maxCrumbs: e.maxCrumbs ?? t.maxCrumbs,
-		filter: P === void 0 ? void 0 : (e, t) => {
+		filter: we === void 0 ? void 0 : (e, t) => {
 			let n = g.nodeFor(e)?.item;
-			return n !== void 0 && P(n, t);
+			return n !== void 0 && we(n, t);
 		},
 		locale: f
 	}), [
@@ -154,55 +155,55 @@ function xe(e) {
 		g,
 		t.maxCrumbs,
 		D,
-		P,
 		we,
+		Ce,
 		x,
-		N,
-		v,
+		P,
+		_,
 		e.isNodeFailed,
 		e.isNodeLoading,
 		f,
 		e.maxCrumbs,
 		C,
-		A,
-		M
-	]), Te = u((e) => `${h}node-${encodeURIComponent(e)}`, [h]), I = m({
+		j,
+		N
+	]), Te = u((e) => `${p}node-${encodeURIComponent(e)}`, [p]), I = h({
 		options: e,
 		view: F,
-		selected: M,
-		multiple: v,
-		strategy: re,
+		selected: N,
+		multiple: _,
+		strategy: y,
 		path: C,
-		emitted: j,
-		layout: N
+		emitted: M,
+		layout: P
 	});
 	I.current = {
 		options: e,
 		view: F,
-		selected: M,
-		multiple: v,
-		strategy: re,
+		selected: N,
+		multiple: _,
+		strategy: y,
 		path: C,
-		emitted: j,
-		layout: N
+		emitted: M,
+		layout: P
 	};
-	let L = u((e, t, n) => {
+	let Ee = u((e, t, n) => {
 		E(e, t, n);
-	}, [E]), Ee = u((e, t, n) => {
+	}, [E]), L = u((e, t, n) => {
 		w(he(g, e), t, n);
-	}, [g, w]), R = u((e, t, n) => {
+	}, [g, w]), De = 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
-	]), De = u((e, t, n) => {
+	]), R = 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 = {}) => {
+		O(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
+	}, [D, O]), z = u((e, t, n) => {
+		Se(e, t, n);
+	}, [Se]), B = u((e, n, r, i = {}) => {
 		let a = I.current;
 		if (!x(e) || (a.options.readOnly ?? t.readOnly)) return;
 		if (!a.multiple) {
@@ -225,7 +226,7 @@ function xe(e) {
 		t.readOnly,
 		x,
 		S
-	]), V = u((e, t) => {
+	]), Oe = u((e, t) => {
 		let n = I.current;
 		if (!n.multiple) {
 			S(null, "remove", t);
@@ -242,18 +243,18 @@ function xe(e) {
 			selected: r.selected,
 			strategy: n.strategy
 		}), "remove", t);
-	}, [g, S]), Oe = u((e) => S(I.current.multiple ? [] : null, "clear", e), [S]), ke = u(() => {
+	}, [g, S]), V = 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"), xe(t.slice(0, -1), "programmatic"), E(e, "programmatic");
+		w(t.slice(0, -1), "programmatic"), O(t.slice(0, -1), "programmatic"), E(e, "programmatic");
 	}, [
 		g,
 		E,
-		xe,
+		O,
 		w
 	]), Ae = u((e, t, n) => {
 		let r = I.current, i = r.view.searching;
@@ -266,7 +267,7 @@ function xe(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), Ee(T, "keyboard", e.source);
+					z("", "select", e.source), L(T, "keyboard", e.source);
 					let t = g.nodeFor(T)?.children[0];
 					t !== void 0 && E(t, "keyboard", e.source);
 				}
@@ -286,7 +287,7 @@ function xe(e) {
 			selectionMode: r.multiple ? "multiple" : "single",
 			isSelectable: x,
 			search: b,
-			hasQuery: A !== ""
+			hasQuery: j !== ""
 		});
 		switch (a.type) {
 			case "move":
@@ -300,7 +301,7 @@ function xe(e) {
 				break;
 			case "expand":
 			case "collapse":
-				De(a.key, "keyboard", e.source);
+				R(a.key, "keyboard", e.source);
 				break;
 			case "commit":
 			case "toggle": B(a.key, "keyboard", e.source);
@@ -312,14 +313,14 @@ function xe(e) {
 		g,
 		D,
 		x,
-		A,
+		j,
 		b,
 		E,
 		w,
 		z,
-		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) => {
+		L,
+		R
+	]), H = h(/* @__PURE__ */ new Map()), je = (e.showing ? F.columns.filter((e) => e.pending && !e.failed && e.parent !== void 0).map((e) => e.parent).concat(P === "tree" ? D.filter((e) => {
 		let t = g.nodeFor(e);
 		return t !== void 0 && t.hasChildren && t.children.length === 0;
 	}) : []) : []).join("\0");
@@ -340,17 +341,17 @@ function xe(e) {
 		for (let e of H.current.values()) e.abort();
 		H.current.clear();
 	}, []), {
-		baseId: h,
+		baseId: p,
 		collection: g,
-		itemFor: _,
+		itemFor: re,
 		t: ee,
 		locale: f,
-		layout: N,
-		multiple: v,
+		layout: P,
+		multiple: _,
 		disabled: ie,
 		readOnly: ae,
 		search: b,
-		view: p(() => e.loading === !0 && g.roots.length === 0 && !F.searching ? {
+		view: m(() => e.loading === !0 && g.roots.length === 0 && !F.searching ? {
 			...F,
 			columns: [{
 				parent: void 0,
@@ -365,32 +366,32 @@ function xe(e) {
 			F
 		]),
 		value: oe,
-		emitted: j,
+		emitted: M,
 		path: C,
 		activeKey: T,
-		query: A,
+		query: j,
 		nodeId: Te,
-		setActive: L,
+		setActive: Ee,
 		setQuery: z,
-		showLevel: Ee,
-		goTo: R,
-		toggleExpanded: De,
+		showLevel: L,
+		goTo: De,
+		toggleExpanded: R,
 		choose: B,
-		remove: V,
-		clear: Oe,
+		remove: Oe,
+		clear: V,
 		reveal: ke,
 		handleKey: Ae
 	};
 }
 //#endregion
 //#region src/cascader/cascader-surface.tsx
-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) => {
+function Se({ data: n, expandOn: r, hoverDelay: a, label: o, labelledBy: l, separator: ee, state: u, treeId: te, treeProps: ne, treeRef: f }) {
+	let { t: p, view: m } = u, g = h(void 0);
+	d(() => () => clearTimeout(g.current), []);
+	let y = (e) => e === void 0 ? p("root") : u.collection.nodeFor(e)?.label ?? e, ie = (e, t) => {
 		if (e.disabled) return;
 		let n = t.detail === 0 ? "keyboard" : "pointer", r = t.target.closest("[data-part='indicator']") !== null, i = t.target.closest("[data-part='expander']") !== null;
-		if (p.searching) {
+		if (m.searching) {
 			e.selectable ? u.choose(e.key, n, t.nativeEvent) : e.branch && (u.setQuery("", "select", t.nativeEvent), u.showLevel(e.key, n, t.nativeEvent));
 			return;
 		}
@@ -411,39 +412,40 @@ function Se({ data: n, expandOn: r, hoverDelay: a, label: o, labelledBy: c, sepa
 			return;
 		}
 		u.choose(e.key, n, t.nativeEvent);
-	}, ie = (e) => {
-		clearTimeout(h.current), r === "hover" && e.branch && !e.disabled && u.layout !== "tree" && (p.searching || (h.current = setTimeout(() => u.showLevel(e.key, "pointer"), a)));
 	}, ae = (e) => {
+		clearTimeout(g.current), r === "hover" && e.branch && !e.disabled && u.layout !== "tree" && (m.searching || (g.current = setTimeout(() => u.showLevel(e.key, "pointer"), a)));
+	}, b = (e) => {
 		let t = u.itemFor(e.key);
 		if (t !== void 0 && n.renderNode !== void 0) return n.renderNode(t, e);
-		if (!p.searching || u.query === "") return e.label;
-		let r = C(e.label, u.query, { locale: u.locale });
+		if (!m.searching || u.query === "") return e.label;
+		let r = w(e.label, u.query, { locale: u.locale });
 		return /* @__PURE__ */ _(s, {
 			ranges: r,
 			text: e.label
 		});
-	}, b = (r) => {
-		let i = u.itemFor(r.key), a = p.searching ? r.trail.map(y).join(` ${l} `) : i === void 0 ? void 0 : n.getDescription?.(i), o = i === void 0 ? void 0 : n.renderIcon?.(i), s = r.branch ? u.multiple && r.selectedInside > 0 ? r.selectedInside : r.childrenCount : void 0, c = u.layout === "tree" && !p.searching ? { "--slotted-cascader-depth": r.depth } : void 0;
+	}, x = (r) => {
+		let i = u.itemFor(r.key), a = m.searching ? r.trail.map(y).join(` ${ee} `) : i === void 0 ? void 0 : n.getDescription?.(i), o = i === void 0 ? void 0 : n.renderIcon?.(i), s = r.branch ? u.multiple && r.selectedInside > 0 ? r.selectedInside : r.childrenCount : void 0, c = u.layout === "tree" && !m.searching ? { "--slotted-cascader-depth": r.depth } : void 0;
 		return /* @__PURE__ */ v("div", {
 			"aria-busy": r.loading ? !0 : void 0,
 			"aria-checked": u.multiple ? r.indeterminate ? "mixed" : r.selected : void 0,
 			"aria-disabled": r.disabled ? !0 : void 0,
-			"aria-expanded": r.branch && !p.searching ? r.expanded : void 0,
-			"aria-level": p.searching ? void 0 : r.level,
-			"aria-posinset": p.searching ? void 0 : r.posInSet,
+			"aria-expanded": r.branch && !m.searching ? r.expanded : void 0,
+			"aria-level": m.searching ? void 0 : r.level,
+			"aria-posinset": m.searching ? void 0 : r.posInSet,
 			"aria-selected": u.multiple ? void 0 : r.selected,
-			"aria-setsize": p.searching ? void 0 : r.setSize,
+			"aria-setsize": m.searching ? void 0 : r.setSize,
 			"data-current": r.current ? "" : void 0,
 			"data-disabled": r.disabled ? "" : void 0,
-			"data-expanded": r.expanded && !p.searching ? "" : void 0,
+			"data-expanded": r.expanded && !m.searching ? "" : void 0,
 			"data-indeterminate": r.indeterminate ? "" : void 0,
 			"data-loading": r.loading ? "" : void 0,
 			"data-part": "node",
+			"data-part-node": "",
 			"data-selected": r.selected ? "" : void 0,
 			id: u.nodeId(r.key),
-			onClick: (e) => re(r, e),
-			onPointerEnter: () => ie(r),
-			onPointerLeave: () => clearTimeout(h.current),
+			onClick: (e) => ie(r, e),
+			onPointerEnter: () => ae(r),
+			onPointerLeave: () => clearTimeout(g.current),
 			onPointerMove: (e) => {
 				r.current || u.setActive(r.key, "pointer", e.nativeEvent);
 			},
@@ -452,50 +454,60 @@ function Se({ data: n, expandOn: r, hoverDelay: a, label: o, labelledBy: c, sepa
 			children: [
 				u.multiple ? /* @__PURE__ */ _("span", {
 					"data-part": "indicator",
+					"data-part-indicator": "",
 					children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: r.indeterminate ? "minus" : "check" }) })
 				}) : null,
 				o === void 0 ? null : /* @__PURE__ */ _("span", {
 					"data-part": "icon",
+					"data-part-icon": "",
 					children: o
 				}),
 				/* @__PURE__ */ _("span", {
 					"data-part": "label",
-					children: ae(r)
+					"data-part-label": "",
+					children: b(r)
 				}),
 				a === void 0 || a === "" ? null : /* @__PURE__ */ _("span", {
 					"data-part": "description",
+					"data-part-description": "",
 					children: a
 				}),
 				s === void 0 ? null : /* @__PURE__ */ _("span", {
 					"aria-hidden": "true",
 					"data-part": "meta",
+					"data-part-meta": "",
 					children: s
 				}),
 				r.branch ? /* @__PURE__ */ _("span", {
 					"aria-hidden": "true",
 					"data-part": "expander",
+					"data-part-expander": "",
 					children: r.loading ? /* @__PURE__ */ _("span", {
 						"data-part": "root",
-						"data-ui": "spinner"
+						"data-part-root": "",
+						"data-ui": "spinner",
+						"data-ui-spinner": ""
 					}) : /* @__PURE__ */ _(t, {
 						directional: !0,
 						children: /* @__PURE__ */ _(e, { name: "chevron-right" })
 					})
 				}) : u.multiple ? null : /* @__PURE__ */ _("span", {
 					"data-part": "indicator",
+					"data-part-indicator": "",
 					children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "check" }) })
 				})
 			]
 		}, r.key);
-	}, x = (e, t) => {
+	}, oe = (e, t) => {
 		let r = y(e.parent), a = e.parent === void 0 ? void 0 : u.itemFor(e.parent);
 		return /* @__PURE__ */ v("div", {
 			"aria-busy": e.pending && !e.failed ? !0 : void 0,
 			"aria-label": r,
 			"data-part": "column",
+			"data-part-column": "",
 			role: "group",
 			children: [
-				e.nodes.map(b),
+				e.nodes.map(x),
 				e.pending && !e.failed ? [
 					0,
 					1,
@@ -503,122 +515,132 @@ function Se({ data: n, expandOn: r, hoverDelay: a, label: o, labelledBy: c, sepa
 				].map((e) => /* @__PURE__ */ _("div", {
 					"aria-hidden": "true",
 					"data-part": "loader",
+					"data-part-loader": "",
 					children: /* @__PURE__ */ _("span", {
 						"data-loading": "",
 						"data-part": "root",
+						"data-part-root": "",
 						"data-shape": "text",
-						"data-ui": "skeleton"
+						"data-ui": "skeleton",
+						"data-ui-skeleton": ""
 					})
 				}, e)) : null,
 				e.failed && e.parent !== void 0 ? /* @__PURE__ */ v("div", {
 					"data-part": "status",
+					"data-part-status": "",
 					role: "status",
-					children: [f("failed", { label: r }), /* @__PURE__ */ _(i, {
+					children: [p("failed", { label: r }), /* @__PURE__ */ _(i, {
 						onClick: () => {
 							let t = e.parent;
 							a !== void 0 && n.onRetry?.(t);
 						},
 						size: "sm",
 						variant: "outline",
-						children: f("retry")
+						children: p("retry")
 					})]
 				}) : null,
 				!e.pending && !e.failed && e.nodes.length === 0 ? /* @__PURE__ */ _("div", {
 					"data-part": "empty",
-					children: f("empty")
+					"data-part-empty": "",
+					children: p("empty")
 				}) : null
 			]
 		}, e.parent ?? `root-${t}`);
-	}, oe = (n, r) => {
+	}, S = (n, r) => {
 		let i = r === 0 ? null : /* @__PURE__ */ _(t, {
 			directional: !0,
 			children: /* @__PURE__ */ _(e, { name: "chevron-right" })
 		}, `separator-${r}`);
 		return n.type === "collapsed" ? [i, /* @__PURE__ */ _("button", {
-			"aria-label": f("back", { label: y(n.target) }),
+			"aria-label": p("back", { label: y(n.target) }),
 			"data-collapsed": "",
 			"data-part": "crumb",
+			"data-part-crumb": "",
 			onClick: (e) => u.goTo(n.target, e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent),
 			type: "button",
 			children: "…"
 		}, "collapsed")] : [i, /* @__PURE__ */ _("button", {
 			"aria-current": n.current ? "location" : void 0,
 			"data-part": "crumb",
+			"data-part-crumb": "",
 			onClick: (e) => {
 				n.current || u.goTo(n.key, e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
 			},
 			type: "button",
 			children: y(n.key)
 		}, n.key ?? "root")];
-	}, se = p.crumbs;
-	return /* @__PURE__ */ v(g, { children: [se.length > 0 ? /* @__PURE__ */ v("nav", {
-		"aria-label": f("breadcrumb"),
+	}, se = m.crumbs;
+	return /* @__PURE__ */ v(re, { children: [se.length > 0 ? /* @__PURE__ */ v("nav", {
+		"aria-label": p("breadcrumb"),
 		"data-part": "breadcrumb",
-		children: [se.flatMap(oe), u.layout === "columns" ? /* @__PURE__ */ _(t, {
+		"data-part-breadcrumb": "",
+		children: [se.flatMap(S), u.layout === "columns" ? /* @__PURE__ */ _(t, {
 			directional: !0,
 			children: /* @__PURE__ */ _(e, { name: "chevron-right" })
 		}) : null]
 	}) : null, /* @__PURE__ */ _("div", {
-		...te,
-		"aria-activedescendant": te?.tabIndex !== void 0 && u.activeKey !== null ? u.nodeId(u.activeKey) : void 0,
+		...c(ne, "part", "panel"),
+		"aria-activedescendant": ne?.tabIndex !== void 0 && u.activeKey !== null ? u.nodeId(u.activeKey) : void 0,
 		"aria-label": o,
-		"aria-labelledby": c,
+		"aria-labelledby": l,
 		"aria-multiselectable": u.multiple ? !0 : void 0,
-		"data-part": "panel",
-		id: ee,
-		ref: ne,
+		id: te,
+		ref: f,
 		role: "tree",
-		children: p.searching ? /* @__PURE__ */ v("div", {
-			"aria-label": f("search"),
+		children: m.searching ? /* @__PURE__ */ v("div", {
+			"aria-label": p("search"),
 			"data-part": "column",
+			"data-part-column": "",
 			role: "group",
 			children: [
-				p.results.map(b),
-				p.results.length === 0 ? /* @__PURE__ */ _("div", {
+				m.results.map(x),
+				m.results.length === 0 ? /* @__PURE__ */ _("div", {
 					"data-part": "empty",
-					children: f("noResults", { query: u.query })
+					"data-part-empty": "",
+					children: p("noResults", { query: u.query })
 				}) : null,
 				/* @__PURE__ */ _("div", {
 					"data-part": "status",
+					"data-part-status": "",
 					role: "status",
-					children: p.results.length === 0 ? "" : f("results", { count: p.results.length })
+					children: m.results.length === 0 ? "" : p("results", { count: m.results.length })
 				})
 			]
-		}) : p.columns.map(x)
+		}) : m.columns.map(oe)
 	})] });
 }
-function Ce(e, t) {
+function j(e, t) {
 	d(() => {
 		e !== null && t !== null && e.ownerDocument.getElementById(t)?.scrollIntoView?.({ block: "nearest" });
 	}, [e, t]);
 }
 //#endregion
 //#region src/cascader/cascader.tsx
-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) => {
+var M = (e) => e !== null && e.ownerDocument.defaultView?.getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr";
+function N(e) {
+	let t = h(null);
+	return d(() => (t.current = x({ timeout: 500 }), () => t.current?.destroy()), []), (n, r) => {
 		let i = t.current;
-		if (i === null || !x(n, i.query.length > 0)) return !1;
+		if (i === null || !oe(n, i.query.length > 0)) return !1;
 		let a = e.activeKey, o = a === null ? void 0 : e.collection.nodeFor(a), s = e.layout === "tree" ? e.view.columns[0]?.nodes.map((e) => e.key) ?? [] : o === void 0 ? e.collection.roots : e.collection.siblingsOf(o.key), c = s.map((t) => e.collection.nodeFor(t)?.label ?? ""), l = s[i.match(n, c, a === null ? -1 : s.indexOf(a))];
 		return l !== void 0 && e.setActive(l, "keyboard", r), !0;
 	};
 }
-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({
+function P(n) {
+	let { nodes: r, getKey: i, getLabel: s, getChildren: l, getParent: ee, hasChildren: te, getChildrenCount: m, isNodeDisabled: re, isNodeLoading: x, isNodeFailed: se, loading: le, getDescription: ue, renderIcon: de, renderNode: fe, onLoadChildren: pe, onRetry: me, filter: ge, locale: _e, selectionMode: w, value: T, defaultValue: E, onValueChange: O, path: k, defaultPath: A, onPathChange: ve, activeKey: ye, defaultActiveKey: be, onActiveKeyChange: P, expandedKeys: Ce, defaultExpandedKeys: we, onExpandedKeysChange: F, searchValue: Te, defaultSearchValue: I, onSearchValueChange: Ee, layout: L, selectable: De, checkedStrategy: R, expandOn: z, search: B, size: Oe, maxColumns: V, maxCrumbs: ke, hoverDelay: Ae, disabled: H, readOnly: je, messages: Me, open: Ne, defaultOpen: Pe, onOpenChange: Fe, closeOnSelect: Ie, clearable: Le, variant: Re, fullWidth: ze, portal: Be, required: Ve, invalid: He, separator: Ue, renderValue: We, name: Ge, form: Ke, handleRef: qe, ref: Je, "aria-label": Ye, "aria-labelledby": Xe, ...Ze } = n, U = D(), W = a(), Qe = ne(), $e = `${Qe}content`, et = `${Qe}tree`, [tt, nt] = g(Pe ?? !1), G = H ?? W?.disabled ?? U.disabled, rt = je ?? W?.readOnly ?? U.readOnly, K = (Ne ?? tt) && !G, it = Ie ?? U.closeOnSelect, [at, ot] = g(null), [q, st] = g(null), [J, ct] = g(null), [lt, ut] = g(null), [dt, ft] = g(null), [pt, mt] = g(null), [ht, gt] = g("unmounted"), [_t, vt] = g(!1), [yt, bt] = g(!1), [Y, xt] = g({
 		available: void 0,
 		columnMeasure: 192,
 		inset: 2
-	}), X = m({
-		open: Me,
+	}), X = h({
+		open: Ne,
 		currentOpen: K,
-		onOpenChange: Pe,
+		onOpenChange: Fe,
 		trigger: q
 	});
 	X.current = {
-		open: Me,
+		open: Ne,
 		currentOpen: K,
-		onOpenChange: Pe,
+		onOpenChange: Fe,
 		trigger: q
 	};
 	let Z = u((e, t, n) => {
@@ -636,17 +658,17 @@ function M(n) {
 			cancel: () => {
 				i = !0;
 			}
-		}), !(i || r.open !== void 0) && tt(e);
+		}), !(i || r.open !== void 0) && nt(e);
 	}, []), Q = xe({
 		nodes: r,
 		getKey: i,
 		getLabel: s,
-		getChildren: c,
-		getParent: l,
-		hasChildren: ee,
-		getChildrenCount: p,
-		isNodeDisabled: g,
-		isNodeLoading: b,
+		getChildren: l,
+		getParent: ee,
+		hasChildren: te,
+		getChildrenCount: m,
+		isNodeDisabled: re,
+		isNodeLoading: x,
 		isNodeFailed: se,
 		loading: le,
 		getDescription: ue,
@@ -656,124 +678,124 @@ function M(n) {
 		onRetry: me,
 		filter: ge,
 		locale: _e,
-		selectionMode: C,
-		value: w,
-		defaultValue: T,
-		onValueChange: D,
-		path: O,
-		defaultPath: k,
+		selectionMode: w,
+		value: T,
+		defaultValue: E,
+		onValueChange: O,
+		path: k,
+		defaultPath: A,
 		onPathChange: ve,
 		activeKey: ye,
 		defaultActiveKey: be,
-		onActiveKeyChange: M,
-		expandedKeys: N,
+		onActiveKeyChange: P,
+		expandedKeys: Ce,
 		defaultExpandedKeys: we,
-		onExpandedKeysChange: P,
-		searchValue: F,
-		defaultSearchValue: Te,
-		onSearchValueChange: I,
+		onExpandedKeysChange: F,
+		searchValue: Te,
+		defaultSearchValue: I,
+		onSearchValueChange: Ee,
 		layout: L,
-		selectable: Ee,
+		selectable: De,
 		checkedStrategy: R,
-		expandOn: De,
-		search: z,
-		size: B,
+		expandOn: z,
+		search: B,
+		size: Oe,
 		maxColumns: V,
-		maxCrumbs: Oe,
-		hoverDelay: ke,
+		maxCrumbs: ke,
+		hoverDelay: Ae,
 		disabled: G,
-		readOnly: nt,
-		messages: je,
+		readOnly: rt,
+		messages: Me,
 		defaults: U,
 		showing: K,
 		available: Y.available,
 		columnMeasure: Y.columnMeasure,
 		inset: Y.inset,
-		closeOnSelect: rt,
+		closeOnSelect: it,
 		onCommitted: () => {
 			Z(!1, "select"), X.current.trigger?.focus({ preventScroll: !0 });
 		}
-	}), 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;
+	}), St = Oe ?? W?.size ?? U.size, $ = Q.search, Ct = Ue ?? U.separator, wt = N(Q), Tt = h(!1);
+	p(() => {
+		K && !Tt.current && Q.reveal(), !K && Tt.current && Q.setQuery("", "clear"), Tt.current = K;
 	});
-	let Tt = m(null);
+	let Et = h(null);
 	d(() => {
 		let e = y({
 			present: K,
-			onStatusChange: ht
+			onStatusChange: gt
 		});
-		return Tt.current = e, ht(e.status), () => {
-			e.destroy(), Tt.current = null;
+		return Et.current = e, gt(e.status), () => {
+			e.destroy(), Et.current = null;
 		};
-	}, []), d(() => Tt.current?.sync(K), [K]), d(() => Tt.current?.setNode(J), [J]);
-	let Et = K || mt !== "unmounted", Dt = ze ?? U.portal;
+	}, []), d(() => Et.current?.sync(K), [K]), d(() => Et.current?.setNode(J), [J]);
+	let Dt = K || ht !== "unmounted", Ot = Be ?? U.portal;
 	d(() => {
-		if (q === null || gt) return;
-		let e = () => _t(!0);
+		if (q === null || _t) return;
+		let e = () => vt(!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);
+	}, [q, _t]);
+	let kt = Dt || _t;
+	p(() => {
+		if (!kt) {
+			mt(null);
 			return;
 		}
-		let e = re({
+		let e = ie({
 			origin: q,
-			disabled: !Dt
+			disabled: !Ot
 		});
-		return pt(e.container), () => e.release();
+		return mt(e.container), () => e.release();
 	}, [
+		kt,
 		Ot,
-		Dt,
 		q
-	]), f(() => {
-		if (ct === null) return;
-		let e = S(ct);
-		bt((t) => t.columnMeasure === e.columnMeasure && t.inset === e.inset ? t : {
+	]), p(() => {
+		if (lt === null) return;
+		let e = C(lt);
+		xt((t) => t.columnMeasure === e.columnMeasure && t.inset === e.inset ? t : {
 			...t,
 			...e
 		});
-	}, [ct, xt]);
-	let kt = Q.layout, At = m(null), jt = u((e, t) => {
+	}, [lt, St]);
+	let At = Q.layout, jt = h(null), Mt = u((e, t) => {
 		e.update().then(() => {
-			At.current === e && X.current.currentOpen && t.setAttribute("data-open", "");
+			jt.current === e && X.current.currentOpen && t.setAttribute("data-open", "");
 		});
 	}, []);
-	f(() => {
-		if (J === null || it === null) return;
-		let e = ae(it, J, {
+	p(() => {
+		if (J === null || at === null) return;
+		let e = b(at, J, {
 			align: "start",
 			side: "bottom",
 			sideOffset: 4,
 			boundaryPadding: 8,
-			matchWidth: kt !== "columns",
+			matchWidth: At !== "columns",
 			onPositioned: (e) => {
-				bt((t) => t.available === e.availableWidth ? t : {
+				xt((t) => t.available === e.availableWidth ? t : {
 					...t,
 					available: e.availableWidth
 				});
 			}
 		});
-		return At.current = e, X.current.currentOpen && jt(e, J), () => {
-			e.destroy(), At.current = null, J.removeAttribute("data-open");
+		return jt.current = e, X.current.currentOpen && Mt(e, J), () => {
+			e.destroy(), jt.current = null, J.removeAttribute("data-open");
 		};
 	}, [
-		it,
+		at,
 		J,
-		kt,
-		jt
-	]), f(() => {
-		let e = At.current;
-		e !== null && J !== null && (K ? jt(e, J) : J.removeAttribute("data-open"));
+		At,
+		Mt
+	]), p(() => {
+		let e = jt.current;
+		e !== null && J !== null && (K ? Mt(e, J) : J.removeAttribute("data-open"));
 	}, [
 		K,
 		J,
-		jt
-	]), f(() => {
+		Mt
+	]), p(() => {
 		if (J === null) return;
 		if (Q.layout !== "columns") {
 			J.style.removeProperty("inline-size");
@@ -791,18 +813,18 @@ function M(n) {
 		Y,
 		Q.layout
 	]);
-	let Mt = m(Q);
-	Mt.current = Q, d(() => {
+	let Nt = h(Q);
+	Nt.current = Q, d(() => {
 		if (J === null || !K) return;
-		let e = ie(J, {
-			branches: [it].filter((e) => e !== null),
+		let e = ae(J, {
+			branches: [at].filter((e) => e !== null),
 			escape: !0,
 			focusOutside: !1,
 			modal: !1,
 			outsidePress: !0,
 			scrollLock: !1,
 			onDismiss: (e) => {
-				let t = Mt.current;
+				let t = Nt.current;
 				if (e.reason === "escape" && t.query !== "") {
 					t.setQuery("", "clear", e.source);
 					return;
@@ -813,22 +835,22 @@ function M(n) {
 		return () => e.destroy();
 	}, [
 		K,
-		it,
+		at,
 		J,
 		Z
 	]), d(() => {
-		K && $ && ut !== null && ut.focus({ preventScroll: !0 });
+		K && $ && dt !== null && dt.focus({ preventScroll: !0 });
 	}, [
 		K,
 		$,
-		ut
-	]), Ce(ct, Q.activeKey === null ? null : Q.nodeId(Q.activeKey)), ne(Ke, () => ({
+		dt
+	]), j(lt, Q.activeKey === null ? null : Q.nodeId(Q.activeKey)), f(qe, () => ({
 		open: () => Z(!0, "programmatic"),
 		close: () => Z(!1, "programmatic"),
 		focus: () => X.current.trigger?.focus({ preventScroll: !0 }),
 		revealValue: () => Q.reveal()
 	}), [Z, Q]), d(() => W?.registerControl(), [W]);
-	let Nt = (e, t) => {
+	let Pt = (e, t) => {
 		if (!G) {
 			if (e.key === "Tab") {
 				K && Z(!1, "blur", e.nativeEvent);
@@ -839,173 +861,191 @@ function M(n) {
 				return;
 			}
 			if (e.key !== "Escape") {
-				if (!t && !$ && Ct(e.key, e.nativeEvent)) {
+				if (!t && !$ && wt(e.key, e.nativeEvent)) {
 					e.preventDefault();
 					return;
 				}
-				(!t || e.key !== "Home" && e.key !== "End") && (!t || e.key !== " " && !x(e.key, !1)) && Q.handleKey({
+				(!t || e.key !== "Home" && e.key !== "End") && (!t || e.key !== " " && !oe(e.key, !1)) && Q.handleKey({
 					key: e.key,
 					source: e.nativeEvent
-				}, A(e.currentTarget), !0).type !== "none" && e.preventDefault();
+				}, M(e.currentTarget), !0).type !== "none" && e.preventDefault();
 			}
 		}
-	}, 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", {
+	}, Ft = Q.emitted.length === 1 && !Q.multiple ? he(Q.collection, Q.emitted[0]).map((e) => Q.itemFor(e)).filter((e) => e !== void 0) : [], It = Q.multiple ? /* @__PURE__ */ _("span", {
 		"data-part": "value",
+		"data-part-value": "",
 		children: /* @__PURE__ */ _("span", {
 			"data-part": "summary",
+			"data-part-summary": "",
 			children: Q.emitted.length === 0 ? "" : Q.t("summary", { count: Q.emitted.length })
 		})
 	}) : Q.emitted.length === 0 ? /* @__PURE__ */ _("span", {
 		"data-part": "placeholder",
+		"data-part-placeholder": "",
 		children: Q.t("placeholder")
-	}) : Ue === void 0 ? /* @__PURE__ */ _("span", {
+	}) : We === void 0 ? /* @__PURE__ */ _("span", {
 		"data-part": "value",
-		children: Pt.length === 0 ? /* @__PURE__ */ _("span", {
+		"data-part-value": "",
+		children: Ft.length === 0 ? /* @__PURE__ */ _("span", {
 			"data-part": "value-segment",
+			"data-part-value-segment": "",
 			children: Q.emitted[0]
-		}) : Pt.flatMap((e, t) => [t === 0 ? null : /* @__PURE__ */ _("span", {
+		}) : Ft.flatMap((e, t) => [t === 0 ? null : /* @__PURE__ */ _("span", {
 			"aria-hidden": "true",
 			"data-part": "value-separator",
-			children: St
+			"data-part-value-separator": "",
+			children: Ct
 		}, `s${t}`), /* @__PURE__ */ _("span", {
 			"data-part": "value-segment",
+			"data-part-value-segment": "",
 			children: s(e)
 		}, i(e))])
 	}) : /* @__PURE__ */ _("span", {
 		"data-part": "value",
-		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) => {
+		"data-part-value": "",
+		children: We(Ft)
+	}), Lt = (Le ?? U.clearable) && Q.emitted.length > 0 && !G && !rt, Rt = [Ze["aria-describedby"], W?.describedBy].filter(Boolean).join(" "), zt = He ?? W?.invalid ?? U.invalid, Bt = Ve ?? W?.required ?? U.required, Vt = le === !0, Ht = (e) => {
 		G || Z(!K, e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
-	}, Ht = /* @__PURE__ */ v("div", {
-		"aria-label": $ ? Je ?? Q.t("search") : void 0,
+	}, Ut = /* @__PURE__ */ v("div", {
+		"aria-label": $ ? Ye ?? Q.t("search") : void 0,
 		"data-part": "content",
-		id: Qe,
-		ref: lt,
+		"data-part-content": "",
+		id: $e,
+		ref: ut,
 		role: $ ? "dialog" : void 0,
 		children: [$ ? /* @__PURE__ */ v("div", {
 			"data-part": "search",
+			"data-part-search": "",
 			children: [/* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "search" }) }), /* @__PURE__ */ _("input", {
 				"aria-activedescendant": Q.activeKey === null ? void 0 : Q.nodeId(Q.activeKey),
 				"aria-autocomplete": "list",
-				"aria-controls": $e,
+				"aria-controls": et,
 				"aria-expanded": !0,
 				"aria-label": Q.t("search"),
 				"data-part": "search-input",
+				"data-part-search-input": "",
 				onChange: (e) => Q.setQuery(e.target.value, "keyboard", e.nativeEvent),
-				onKeyDown: (e) => Nt(e, !0),
+				onKeyDown: (e) => Pt(e, !0),
 				placeholder: Q.t("searchPlaceholder"),
-				ref: dt,
+				ref: ft,
 				role: "combobox",
 				value: Q.query
 			})]
 		}) : null, /* @__PURE__ */ _(Se, {
 			data: n,
-			expandOn: De ?? U.expandOn,
-			hoverDelay: ke ?? U.hoverDelay,
-			label: Je,
-			labelledBy: Je === void 0 ? Ye ?? W?.ids.label : void 0,
-			separator: St,
+			expandOn: z ?? U.expandOn,
+			hoverDelay: Ae ?? U.hoverDelay,
+			label: Ye,
+			labelledBy: Ye === void 0 ? Xe ?? W?.ids.label : void 0,
+			separator: Ct,
 			state: Q,
-			treeId: $e
+			treeId: et
 		})]
-	}), Ut = Et ? /* @__PURE__ */ _("div", {
+	}), Wt = Dt ? /* @__PURE__ */ _("div", {
 		"data-layout": Q.layout,
 		"data-part": "positioner",
+		"data-part-positioner": "",
 		"data-selection": Q.multiple ? "multiple" : void 0,
-		"data-size": xt,
+		"data-size": St,
 		"data-ui": "cascader",
+		"data-ui-cascader": "",
 		inert: !K || void 0,
-		ref: st,
-		children: Ht
+		ref: ct,
+		children: Ut
 	}) : null;
 	return /* @__PURE__ */ v("div", {
-		...Xe,
+		...c(Ze, "part", "root"),
 		"data-disabled": G ? "" : void 0,
-		"data-full-width": Re ?? U.fullWidth ? "" : void 0,
-		"data-invalid": Rt ? "" : void 0,
-		"data-narrow": vt ? "" : void 0,
+		"data-full-width": ze ?? U.fullWidth ? "" : void 0,
+		"data-invalid": zt ? "" : void 0,
+		"data-narrow": yt ? "" : void 0,
 		"data-open": K ? "" : void 0,
-		"data-part": "root",
-		"data-readonly": nt ? "" : void 0,
-		"data-required": zt ? "" : void 0,
-		"data-size": xt,
+		"data-readonly": rt ? "" : void 0,
+		"data-required": Bt ? "" : void 0,
+		"data-size": St,
 		"data-ui": "cascader",
-		"data-variant": Le ?? U.variant,
+		"data-ui-cascader": "",
+		"data-variant": Re ?? U.variant,
 		ref: (e) => {
-			at(e), typeof qe == "function" ? qe(e) : qe != null && (qe.current = e);
+			ot(e), typeof Je == "function" ? Je(e) : Je != null && (Je.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": Lt === "" ? void 0 : Lt,
+				"aria-controls": K ? $ ? $e : et : void 0,
+				"aria-describedby": Rt === "" ? void 0 : Rt,
 				"aria-expanded": K,
 				"aria-haspopup": $ ? "dialog" : "tree",
-				"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": zt ? !0 : void 0,
+				"aria-invalid": zt ? !0 : void 0,
+				"aria-label": Ye,
+				"aria-labelledby": Ye === void 0 ? Xe ?? W?.ids.label : void 0,
+				"aria-readonly": rt ? !0 : void 0,
+				"aria-required": Bt ? !0 : void 0,
 				"data-part": "trigger",
+				"data-part-trigger": "",
 				disabled: G,
 				id: W?.ids.control,
-				onClick: Vt,
-				onKeyDown: (e) => Nt(e, !1),
-				ref: ot,
+				onClick: Ht,
+				onKeyDown: (e) => Pt(e, !1),
+				ref: st,
 				role: "combobox",
 				type: "button",
-				children: Ft
+				children: It
 			}),
 			Q.multiple && Q.emitted.length > 0 ? /* @__PURE__ */ _(o, {
-				disabled: G || nt,
-				frame: it,
+				disabled: G || rt,
+				frame: at,
 				labelFor: (e) => Q.collection.nodeFor(e)?.label,
-				onNarrow: yt,
+				onNarrow: bt,
 				onRemove: (e, t) => {
 					Q.remove(e, t.nativeEvent), q?.focus({ preventScroll: !0 });
 				},
 				removeLabel: (e) => Q.t("remove", { label: e }),
 				values: Q.emitted
 			}) : null,
-			It ? /* @__PURE__ */ _("button", {
+			Lt ? /* @__PURE__ */ _("button", {
 				"aria-label": Q.t("clear"),
 				"data-part": "clear",
+				"data-part-clear": "",
 				onClick: (e) => {
 					Q.clear(e.nativeEvent), q?.focus({ preventScroll: !0 });
 				},
 				type: "button",
 				children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "x" }) })
 			}) : null,
-			Bt ? /* @__PURE__ */ _("span", {
+			Vt ? /* @__PURE__ */ _("span", {
 				"aria-hidden": "true",
 				"data-part": "busy",
-				"data-ui": "spinner"
+				"data-part-busy": "",
+				"data-ui": "spinner",
+				"data-ui-spinner": ""
 			}) : /* @__PURE__ */ _("span", {
 				"aria-hidden": "true",
 				"data-part": "arrow",
+				"data-part-arrow": "",
 				children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "chevron-down" }) })
 			}),
-			We === void 0 ? null : Q.emitted.map((e) => /* @__PURE__ */ _("input", {
-				form: Ge,
-				name: We,
+			Ge === void 0 ? null : Q.emitted.map((e) => /* @__PURE__ */ _("input", {
+				form: Ke,
+				name: Ge,
 				type: "hidden",
 				value: e
 			}, e)),
-			Ut === null ? null : ft === null ? Ut : oe(Ut, ft)
+			Wt === null ? null : pt === null ? Wt : S(Wt, pt)
 		]
 	});
 }
-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({
+function Ce(e) {
+	let { nodes: t, getKey: n, getLabel: r, getChildren: i, getParent: a, hasChildren: o, getChildrenCount: s, isNodeDisabled: l, isNodeLoading: ee, isNodeFailed: u, loading: te, getDescription: d, renderIcon: f, renderNode: m, onLoadChildren: re, onRetry: v, filter: y, locale: ie, selectionMode: ae, value: b, defaultValue: x, onValueChange: oe, path: S, defaultPath: se, onPathChange: ce, activeKey: le, defaultActiveKey: ue, onActiveKeyChange: de, expandedKeys: fe, defaultExpandedKeys: pe, onExpandedKeysChange: me, searchValue: he, defaultSearchValue: ge, onSearchValueChange: _e, layout: w, selectable: T, checkedStrategy: E, expandOn: O, search: k, size: A, maxColumns: ve, maxCrumbs: ye, hoverDelay: be, disabled: P, readOnly: Ce, messages: we, ref: F, "aria-label": Te, "aria-labelledby": I, ...Ee } = e, L = D(), De = `${ne()}tree`, [R, z] = g(null), [B, Oe] = g({
 		available: void 0,
 		columnMeasure: 192,
 		inset: 2
 	});
-	f(() => {
+	p(() => {
 		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 : {
+			let t = C(R), n = e.getBoundingClientRect().width;
+			Oe((e) => e.available === n && e.columnMeasure === t.columnMeasure && e.inset === t.inset ? e : {
 				available: n,
 				...t
 			});
@@ -1022,22 +1062,22 @@ function N(e) {
 		getParent: a,
 		hasChildren: o,
 		getChildrenCount: s,
-		isNodeDisabled: c,
-		isNodeLoading: l,
+		isNodeDisabled: l,
+		isNodeLoading: ee,
 		isNodeFailed: u,
-		loading: ee,
+		loading: te,
 		getDescription: d,
-		renderIcon: ne,
-		renderNode: p,
-		onLoadChildren: g,
+		renderIcon: f,
+		renderNode: m,
+		onLoadChildren: re,
 		onRetry: v,
 		filter: y,
-		locale: re,
-		selectionMode: ie,
-		value: ae,
-		defaultValue: b,
-		onValueChange: x,
-		path: oe,
+		locale: ie,
+		selectionMode: ae,
+		value: b,
+		defaultValue: x,
+		onValueChange: oe,
+		path: S,
 		defaultPath: se,
 		onPathChange: ce,
 		activeKey: le,
@@ -1049,66 +1089,66 @@ function N(e) {
 		searchValue: he,
 		defaultSearchValue: ge,
 		onSearchValueChange: _e,
-		layout: C,
-		selectable: w,
-		checkedStrategy: T,
-		expandOn: D,
-		search: O,
-		size: k,
+		layout: w,
+		selectable: T,
+		checkedStrategy: E,
+		expandOn: O,
+		search: k,
+		size: A,
 		maxColumns: ve,
 		maxCrumbs: ye,
 		hoverDelay: be,
-		disabled: M,
-		readOnly: N,
+		disabled: P,
+		readOnly: Ce,
 		messages: we,
 		defaults: L,
 		showing: !0,
-		available: z.available,
-		columnMeasure: z.columnMeasure,
-		inset: z.inset,
+		available: B.available,
+		columnMeasure: B.columnMeasure,
+		inset: B.inset,
 		closeOnSelect: !1
-	}), Oe = j(V), ke = m(!1);
-	f(() => {
-		ke.current || (ke.current = !0, V.activeKey === null && V.reveal());
-	}), Ce(R, V.activeKey === null ? null : V.nodeId(V.activeKey));
-	let Ae = (e) => {
+	}), ke = N(V), Ae = h(!1);
+	p(() => {
+		Ae.current || (Ae.current = !0, V.activeKey === null && V.reveal());
+	}), j(R, V.activeKey === null ? null : V.nodeId(V.activeKey));
+	let H = (e) => {
 		if (V.disabled) return;
-		if (Oe(e.key, e.nativeEvent)) {
+		if (ke(e.key, e.nativeEvent)) {
 			e.preventDefault();
 			return;
 		}
 		let t = V.handleKey({
 			key: e.key,
 			source: e.nativeEvent
-		}, A(e.currentTarget), !0);
+		}, M(e.currentTarget), !0);
 		t.type !== "none" && t.type !== "close" && e.preventDefault();
 	};
 	return /* @__PURE__ */ _("div", {
-		...I,
+		...c(Ee, "part", "content"),
 		"data-disabled": V.disabled ? "" : void 0,
 		"data-layout": V.layout,
-		"data-part": "content",
 		"data-selection": V.multiple ? "multiple" : void 0,
-		"data-size": k ?? L.size,
+		"data-size": A ?? L.size,
 		"data-ui": "cascader",
+		"data-ui-cascader": "",
 		ref: (e) => {
-			De(e), typeof P == "function" ? P(e) : P != null && (P.current = e);
+			z(e), typeof F == "function" ? F(e) : F != null && (F.current = e);
 		},
 		children: /* @__PURE__ */ _(Se, {
 			data: e,
-			expandOn: D ?? L.expandOn,
+			expandOn: O ?? L.expandOn,
 			hoverDelay: be ?? L.hoverDelay,
-			label: F,
-			labelledBy: Te,
+			label: Te,
+			labelledBy: I,
 			separator: L.separator,
 			state: V,
-			treeId: Ee,
+			treeId: De,
 			treeProps: {
 				tabIndex: V.disabled ? -1 : 0,
-				onKeyDown: Ae
+				onKeyDown: H
 			}
 		})
 	});
 }
 //#endregion
-export { E as a, D as i, N as n, w as r, M as t };
+export { D as a, O as i, Ce as n, T as r, P as t };