@pstdio/ui 0.40.0 → 0.41.0

package/dist/{tree-list-BNZwjQZA.js → tree-list-Cqgl8mnN.js}

@@ -1,4 +1,4 @@
-import { c as e, n as t, t as n } from "./list-row-uqD-q4gv.js";
+import { l as e, n as t, t as n } from "./list-row-DM0DiIrN.js";
 import { Box as r, Flex as i, HStack as a, IconButton as o, Input as s, Menu as c, Stack as l, Text as u, useSlotRecipe as d } from "@chakra-ui/react";
 import { c as f } from "react/compiler-runtime";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -306,23 +306,23 @@ var oe = (e) => {
 		contentMinSize: O,
 		separatorSize: re
 	}), ve = J ? 0 : ue(q, Y.minSize, Y.maxSize), t[23] = P.dimension, t[24] = J, t[25] = O, t[26] = a, t[27] = D, t[28] = q, t[29] = ne, t[30] = re, t[31] = Y, t[32] = ve) : (Y = t[31], ve = t[32]);
-	let ye = ve, be = `${B}-content`, X = `${B}-resizable`, xe = `${ye}px`, Se;
-	t[33] !== l.style || t[34] !== xe ? (Se = {
+	let ye = ve, be = `${B}-content`, xe = `${B}-resizable`, Se = `${ye}px`, Ce;
+	t[33] !== l.style || t[34] !== Se ? (Ce = {
 		...l.style,
-		"--split-size": xe
-	}, t[33] = l.style, t[34] = xe, t[35] = Se) : Se = t[35];
-	let Ce = Se, we, Te;
-	t[36] === E ? (we = t[37], Te = t[38]) : (we = () => {
+		"--split-size": Se
+	}, t[33] = l.style, t[34] = Se, t[35] = Ce) : Ce = t[35];
+	let we = Ce, Te, Ee;
+	t[36] === E ? (Te = t[37], Ee = t[38]) : (Te = () => {
 		ie.current = E, ae(E);
-	}, Te = [E], t[36] = E, t[37] = we, t[38] = Te), y(we, Te);
-	let Ee, De;
-	t[39] === Symbol.for("react.memo_cache_sentinel") ? (Ee = () => () => K.current(), De = [], t[39] = Ee, t[40] = De) : (Ee = t[39], De = t[40]), y(Ee, De);
-	let Oe;
-	t[41] === Symbol.for("react.memo_cache_sentinel") ? (Oe = (e) => {
+	}, Ee = [E], t[36] = E, t[37] = Te, t[38] = Ee), y(Te, Ee);
+	let De, Oe;
+	t[39] === Symbol.for("react.memo_cache_sentinel") ? (De = () => () => K.current(), Oe = [], t[39] = De, t[40] = Oe) : (De = t[39], Oe = t[40]), y(De, Oe);
+	let ke;
+	t[41] === Symbol.for("react.memo_cache_sentinel") ? (ke = (e) => {
 		V.current?.style.setProperty("--split-size", `${e}px`);
-	}, t[41] = Oe) : Oe = t[41];
-	let ke = Oe, Ae;
-	t[42] !== P.dimension || t[43] !== O || t[44] !== a || t[45] !== D || t[46] !== s ? (Ae = (e) => {
+	}, t[41] = ke) : ke = t[41];
+	let Ae = ke, je;
+	t[42] !== P.dimension || t[43] !== O || t[44] !== a || t[45] !== D || t[46] !== s ? (je = (e) => {
 		let t = W({
 			rootSize: de(V.current, P.dimension),
 			fallbackRootSize: ce[P.dimension],
@@ -331,14 +331,14 @@ var oe = (e) => {
 			contentMinSize: O,
 			separatorSize: de(te.current, P.dimension)
 		}), n = ue(e, t.minSize, t.maxSize);
-		ie.current = n, ae(n), ke(n), s?.(n);
-	}, t[42] = P.dimension, t[43] = O, t[44] = a, t[45] = D, t[46] = s, t[47] = Ae) : Ae = t[47];
-	let Z = Ae, je;
-	t[48] !== r || t[49] !== o ? (je = (e) => {
+		ie.current = n, ae(n), Ae(n), s?.(n);
+	}, t[42] = P.dimension, t[43] = O, t[44] = a, t[45] = D, t[46] = s, t[47] = je) : je = t[47];
+	let X = je, Me;
+	t[48] !== r || t[49] !== o ? (Me = (e) => {
 		r === void 0 && he(e), o?.(e);
-	}, t[48] = r, t[49] = o, t[50] = je) : je = t[50];
-	let Q = je, Me;
-	t[51] !== P.cursor || t[52] !== P.dimension || t[53] !== P.pointerCoordinate || t[54] !== J || t[55] !== k || t[56] !== Z || t[57] !== O || t[58] !== a || t[59] !== D || t[60] !== T || t[61] !== Q ? (Me = (e) => {
+	}, t[48] = r, t[49] = o, t[50] = Me) : Me = t[50];
+	let Z = Me, Ne;
+	t[51] !== P.cursor || t[52] !== P.dimension || t[53] !== P.pointerCoordinate || t[54] !== J || t[55] !== k || t[56] !== X || t[57] !== O || t[58] !== a || t[59] !== D || t[60] !== T || t[61] !== Z ? (Ne = (e) => {
 		if (e.button !== 0 || J && !k) return;
 		e.preventDefault(), K.current();
 		let t = e.currentTarget, n = W({
@@ -352,7 +352,7 @@ var oe = (e) => {
 			H.current && (H.current.style.pointerEvents = e), G.current && (G.current.style.pointerEvents = e);
 		}, f = () => {
 			u ||= window.requestAnimationFrame(() => {
-				u = 0, ke(c);
+				u = 0, Ae(c);
 			});
 		}, p = (e) => {
 			let t = ee({
@@ -365,21 +365,21 @@ var oe = (e) => {
 			});
 			l = t.collapsed, c = t.size, f();
 		}, m = () => {
-			window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m), window.removeEventListener("blur", m), document.body.style.cursor = o, document.body.style.userSelect = s, t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), d(""), _e(!1), u &&= (window.cancelAnimationFrame(u), 0), K.current = me, l ? (ke(0), Q(!0)) : (Q(!1), Z(c));
+			window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m), window.removeEventListener("blur", m), document.body.style.cursor = o, document.body.style.userSelect = s, t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), d(""), _e(!1), u &&= (window.cancelAnimationFrame(u), 0), K.current = me, l ? (Ae(0), Z(!0)) : (Z(!1), X(c));
 		};
 		K.current = m, t.setPointerCapture(e.pointerId), document.body.style.cursor = P.cursor, document.body.style.userSelect = "none", d("none"), _e(!0), window.addEventListener("pointermove", p), window.addEventListener("pointerup", m, { once: !0 }), window.addEventListener("pointercancel", m, { once: !0 }), window.addEventListener("blur", m, { once: !0 });
-	}, t[51] = P.cursor, t[52] = P.dimension, t[53] = P.pointerCoordinate, t[54] = J, t[55] = k, t[56] = Z, t[57] = O, t[58] = a, t[59] = D, t[60] = T, t[61] = Q, t[62] = Me) : Me = t[62];
-	let Ne = Me, Pe;
-	t[63] !== k || t[64] !== Q ? (Pe = () => {
-		k && Q(!0);
-	}, t[63] = k, t[64] = Q, t[65] = Pe) : Pe = t[65];
-	let Fe = Pe, Ie;
-	t[66] !== P.deltaDirection || t[67] !== P.dimension || t[68] !== Y || t[69] !== J || t[70] !== k || t[71] !== Z || t[72] !== Q ? (Ie = (e) => {
+	}, t[51] = P.cursor, t[52] = P.dimension, t[53] = P.pointerCoordinate, t[54] = J, t[55] = k, t[56] = X, t[57] = O, t[58] = a, t[59] = D, t[60] = T, t[61] = Z, t[62] = Ne) : Ne = t[62];
+	let Pe = Ne, Fe;
+	t[63] !== k || t[64] !== Z ? (Fe = () => {
+		k && Z(!0);
+	}, t[63] = k, t[64] = Z, t[65] = Fe) : Fe = t[65];
+	let Ie = Fe, Le;
+	t[66] !== P.deltaDirection || t[67] !== P.dimension || t[68] !== Y || t[69] !== J || t[70] !== k || t[71] !== X || t[72] !== Z ? (Le = (e) => {
 		let t = P.dimension === "width" ? "ArrowLeft" : "ArrowUp", n = P.dimension === "width" ? "ArrowRight" : "ArrowDown", r = ie.current;
-		J && (e.key === t || e.key === n || e.key === "End") ? (e.preventDefault(), Q(!1), Z(r)) : e.key === t ? (e.preventDefault(), Z(r - le * P.deltaDirection)) : e.key === n ? (e.preventDefault(), Z(r + le * P.deltaDirection)) : e.key === "Home" ? (e.preventDefault(), k ? Q(!0) : Z(Y.minSize)) : e.key === "End" && (e.preventDefault(), Z(Y.maxSize));
-	}, t[66] = P.deltaDirection, t[67] = P.dimension, t[68] = Y, t[69] = J, t[70] = k, t[71] = Z, t[72] = Q, t[73] = Ie) : Ie = t[73];
-	let Le = Ie, $;
-	t[74] !== P || t[75] !== Y || t[76] !== J || t[77] !== k || t[78] !== n || t[79] !== be || t[80] !== ge || t[81] !== Fe || t[82] !== Le || t[83] !== Ne || t[84] !== c || t[85] !== X || t[86] !== A || t[87] !== ye || t[88] !== j || t[89] !== z ? ($ = /* @__PURE__ */ m(oe, {
+		J && (e.key === t || e.key === n || e.key === "End") ? (e.preventDefault(), Z(!1), X(r)) : e.key === t ? (e.preventDefault(), X(r - le * P.deltaDirection)) : e.key === n ? (e.preventDefault(), X(r + le * P.deltaDirection)) : e.key === "Home" ? (e.preventDefault(), k ? Z(!0) : X(Y.minSize)) : e.key === "End" && (e.preventDefault(), X(Y.maxSize));
+	}, t[66] = P.deltaDirection, t[67] = P.dimension, t[68] = Y, t[69] = J, t[70] = k, t[71] = X, t[72] = Z, t[73] = Le) : Le = t[73];
+	let Re = Le, Q;
+	t[74] !== P || t[75] !== Y || t[76] !== J || t[77] !== k || t[78] !== n || t[79] !== be || t[80] !== ge || t[81] !== Ie || t[82] !== Re || t[83] !== Pe || t[84] !== c || t[85] !== xe || t[86] !== A || t[87] !== ye || t[88] !== j || t[89] !== z ? (Q = /* @__PURE__ */ m(oe, {
 		styles: z,
 		axis: P,
 		bounds: Y,
@@ -389,31 +389,49 @@ var oe = (e) => {
 		contentPanelId: be,
 		contentPanelRef: G,
 		resizablePanel: c,
-		resizablePanelId: X,
+		resizablePanelId: xe,
 		resizablePanelRef: H,
 		dragging: ge,
 		resizeLabel: A,
 		resolvedPanelSize: ye,
 		separator: j,
 		separatorRef: te,
-		onCollapse: Fe,
-		onResizeKeyDown: Le,
-		onResizeStart: Ne
-	}), t[74] = P, t[75] = Y, t[76] = J, t[77] = k, t[78] = n, t[79] = be, t[80] = ge, t[81] = Fe, t[82] = Le, t[83] = Ne, t[84] = c, t[85] = X, t[86] = A, t[87] = ye, t[88] = j, t[89] = z, t[90] = $) : $ = t[90];
-	let Re;
-	return t[91] !== l || t[92] !== Ce || t[93] !== z.root || t[94] !== $ ? (Re = /* @__PURE__ */ m(i, {
+		onCollapse: Ie,
+		onResizeKeyDown: Re,
+		onResizeStart: Pe
+	}), t[74] = P, t[75] = Y, t[76] = J, t[77] = k, t[78] = n, t[79] = be, t[80] = ge, t[81] = Ie, t[82] = Re, t[83] = Pe, t[84] = c, t[85] = xe, t[86] = A, t[87] = ye, t[88] = j, t[89] = z, t[90] = Q) : Q = t[90];
+	let $;
+	return t[91] !== l || t[92] !== we || t[93] !== z.root || t[94] !== Q ? ($ = /* @__PURE__ */ m(i, {
 		ref: V,
 		css: z.root,
 		...l,
-		style: Ce,
-		children: $
-	}), t[91] = l, t[92] = Ce, t[93] = z.root, t[94] = $, t[95] = Re) : Re = t[95], Re;
+		style: we,
+		children: Q
+	}), t[91] = l, t[92] = we, t[93] = z.root, t[94] = Q, t[95] = $) : $ = t[95], $;
 };
 function pe() {}
 function me() {}
 //#endregion
-//#region src/components/tree-list/tree-list-background.tsx
-var he = (t) => {
+//#region src/components/primitives/drop-indicator.tsx
+var he = (e) => {
+	let t = f(8), n, i;
+	t[0] === e ? (n = t[1], i = t[2]) : ({orientation: i, ...n} = e, t[0] = e, t[1] = n, t[2] = i);
+	let a = i === void 0 ? "horizontal" : i, o;
+	t[3] === a ? o = t[4] : (o = a === "vertical" ? {
+		insetY: "0",
+		w: "drop-indicator"
+	} : {
+		insetX: "0",
+		h: "drop-indicator"
+	}, t[3] = a, t[4] = o);
+	let s;
+	return t[5] !== n || t[6] !== o ? (s = /* @__PURE__ */ m(r, {
+		"aria-hidden": !0,
+		layerStyle: "dropIndicator",
+		...o,
+		...n
+	}), t[5] = n, t[6] = o, t[7] = s) : s = t[7], s;
+}, ge = (t) => {
 	let n = f(8), { actions: i, children: a } = t, o;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ m(r, {
 		position: "absolute",
@@ -447,7 +465,7 @@ var he = (t) => {
 		maxW: "full",
 		children: [s, c]
 	}), n[5] = s, n[6] = c, n[7] = l) : l = n[7], l;
-}, ge = (e, t) => t.includes(e), _e = (e, t) => Array.isArray(t) ? t.includes(e) : t === e, J = (e) => e.isNavigable || e.navigationIntent !== void 0, Y = (e) => e.children ?? [], ve = (e) => Y(e).length > 0 || e.isContainer === !0, ye = (e) => {
+}, _e = (e, t) => t.includes(e), J = (e, t) => Array.isArray(t) ? t.includes(e) : t === e, Y = (e) => e.isNavigable || e.navigationIntent !== void 0, ve = (e) => e.children ?? [], ye = (e) => ve(e).length > 0 || e.isContainer === !0, be = (e) => {
 	let { rows: t, sectionId: n, nodes: r, expandedNodeIds: i, level: a, parentNodeId: o } = e;
 	for (let e of r) {
 		t.push({
@@ -458,8 +476,8 @@ var he = (t) => {
 			level: a,
 			parentNodeId: o
 		});
-		let r = Y(e);
-		r.length !== 0 && ge(e.id, i) && ye({
+		let r = ve(e);
+		r.length !== 0 && _e(e.id, i) && be({
 			rows: t,
 			sectionId: n,
 			nodes: r,
@@ -468,10 +486,10 @@ var he = (t) => {
 			parentNodeId: e.id
 		});
 	}
-}, be = (e, t, n) => {
+}, xe = (e, t, n) => {
 	let r = [];
 	for (let i of e) {
-		let e = i.collapsible !== !1 && i.label !== void 0, a = !e || ge(i.id, t);
+		let e = i.collapsible !== !1 && i.label !== void 0, a = !e || _e(i.id, t);
 		if (i.label && r.push({
 			kind: "section-header",
 			key: `header:${i.id}`,
@@ -489,7 +507,7 @@ var he = (t) => {
 				});
 				continue;
 			}
-			ye({
+			be({
 				rows: r,
 				sectionId: i.id,
 				nodes: i.nodes,
@@ -499,14 +517,14 @@ var he = (t) => {
 		}
 	}
 	return r;
-}, X = (e) => e.kind === "node" ? e.node.id : e.key, xe = (e) => e.kind === "node" ? e.node.disabled !== !0 : e.kind === "section-header" && e.collapsible, Se = (e) => e.filter(xe), Ce = (e, t, n) => {
-	let r = Se(n), i = new Set(r.map(X));
+}, Se = (e) => e.kind === "node" ? e.node.id : e.key, Ce = (e) => e.kind === "node" ? e.node.disabled !== !0 : e.kind === "section-header" && e.collapsible, we = (e) => e.filter(Ce), Te = (e, t, n) => {
+	let r = we(n), i = new Set(r.map(Se));
 	if (e && i.has(e)) return e;
-	let a = (Array.isArray(t) ? t : t ? [t] : []).find((e) => i.has(e));
+	let a = (t ? [t].flat() : []).find((e) => i.has(e));
 	if (a) return a;
 	let o = r[0];
-	return o ? X(o) : void 0;
-}, we = (e) => {
+	return o ? Se(o) : void 0;
+}, Ee = (e) => {
 	let { row: t, focusableRows: n, currentIndex: r, key: i } = e;
 	if (i === "Enter" || i === " ") return {
 		type: "toggle-section",
@@ -527,8 +545,8 @@ var he = (t) => {
 		type: "toggle-section",
 		sectionId: t.sectionId
 	} : null;
-}, Te = (e) => {
-	let { row: t, focusableRows: n, currentIndex: r, expandedNodeIds: i, key: a } = e, o = ge(t.node.id, i), s = ve(t.node);
+}, De = (e) => {
+	let { row: t, focusableRows: n, currentIndex: r, expandedNodeIds: i, key: a } = e, o = _e(t.node.id, i), s = ye(t.node);
 	if (a === "ArrowRight") {
 		if (!s) return null;
 		if (!o) return {
@@ -552,33 +570,33 @@ var he = (t) => {
 		};
 	}
 	return null;
-}, Ee = (e) => {
-	let { rows: t, focusedRowId: n, activeNodeId: r, expandedNodeIds: i, key: a } = e, o = Se(t);
+}, Oe = (e) => {
+	let { rows: t, focusedRowId: n, activeNodeId: r, expandedNodeIds: i, key: a } = e, o = we(t);
 	if (o.length === 0) return null;
-	let s = Ce(n, r, t), c = Math.max(0, o.findIndex((e) => X(e) === s)), l = o[c];
+	let s = Te(n, r, t), c = Math.max(0, o.findIndex((e) => Se(e) === s)), l = o[c];
 	if (!l) return null;
 	let u = (e) => {
 		let t = Math.min(Math.max(e, 0), o.length - 1);
 		return {
 			type: "focus",
-			rowId: X(o[t])
+			rowId: Se(o[t])
 		};
 	};
-	return a === "ArrowDown" ? u(c + 1) : a === "ArrowUp" ? u(c - 1) : a === "Home" ? u(0) : a === "End" ? u(o.length - 1) : l.kind === "section-header" ? we({
+	return a === "ArrowDown" ? u(c + 1) : a === "ArrowUp" ? u(c - 1) : a === "Home" ? u(0) : a === "End" ? u(o.length - 1) : l.kind === "section-header" ? Ee({
 		row: l,
 		focusableRows: o,
 		currentIndex: c,
 		key: a
-	}) : Te({
+	}) : De({
 		row: l,
 		focusableRows: o,
 		currentIndex: c,
 		expandedNodeIds: i,
 		key: a
 	});
-}, De = "application/x-pstdio-tree-node", Oe = (e, t) => {
-	e.setData(De, t);
-}, ke = (e) => e.getData(De) || void 0, Ae = (e) => {
+}, ke = "application/x-pstdio-tree-node", Ae = (e, t) => {
+	e.setData(ke, t);
+}, je = (e) => e.getData(ke) || void 0, X = (e) => {
 	let t = f(8), { children: n, onMoveNode: i } = e, a;
 	t[0] === i ? a = t[1] : (a = (e) => {
 		i && (e.preventDefault(), e.dataTransfer.dropEffect = "move");
@@ -587,7 +605,7 @@ var he = (t) => {
 	t[2] === i ? s = t[3] : (s = (e) => {
 		if (!i) return;
 		e.preventDefault();
-		let t = ke(e.dataTransfer);
+		let t = je(e.dataTransfer);
 		t && i(t);
 	}, t[2] = i, t[3] = s);
 	let c = s, l;
@@ -602,7 +620,7 @@ var he = (t) => {
 		onDrop: c,
 		children: n
 	}), t[4] = n, t[5] = o, t[6] = c, t[7] = l) : l = t[7], l;
-}, Z = (e) => e <= 0 ? "sm" : `calc(var(--chakra-spacing-1) + ${e} * 12px)`, je = (e) => {
+}, Me = (e) => e <= 0 ? "sm" : `calc(var(--chakra-spacing-1) + ${e} * 12px)`, Z = (e) => {
 	let { input: t, icon: n, level: a } = e, [o, c] = S(t.defaultValue ?? ""), [l, u] = S(), d = x(null), f = x(!1), p = async () => {
 		if (!f.current) {
 			f.current = !0, u(void 0);
@@ -622,7 +640,7 @@ var he = (t) => {
 		alignItems: "center",
 		gap: "1",
 		pr: "sm",
-		pl: Z(a),
+		pl: Me(a),
 		onMouseDown: (e) => e.stopPropagation(),
 		children: [n ? /* @__PURE__ */ m(r, {
 			boxSize: "16px",
@@ -654,24 +672,24 @@ var he = (t) => {
 			}
 		})]
 	});
-}, Q = (e) => {
+}, Ne = (e) => {
 	let t = f(69), { sectionId: r, node: i, level: a, expandedNodeIds: o, activeNodeId: s, rowVariant: c, nodeGap: u, linkComponent: d, tabIndex: p, onFocus: h, onNavigate: g, onToggleNode: _, onMoveNode: v } = e;
 	if (i.inlineInput) {
 		let e;
-		return t[0] !== a || t[1] !== i.icon || t[2] !== i.inlineInput ? (e = /* @__PURE__ */ m(je, {
+		return t[0] !== a || t[1] !== i.icon || t[2] !== i.inlineInput ? (e = /* @__PURE__ */ m(Z, {
 			input: i.inlineInput,
 			icon: i.icon,
 			level: a
 		}), t[0] = a, t[1] = i.icon, t[2] = i.inlineInput, t[3] = e) : e = t[3], e;
 	}
 	let y;
-	t[4] === i ? y = t[5] : (y = ve(i), t[4] = i, t[5] = y);
+	t[4] === i ? y = t[5] : (y = ye(i), t[4] = i, t[5] = y);
 	let b = y, x;
-	t[6] !== o || t[7] !== b || t[8] !== i.id ? (x = b && ge(i.id, o), t[6] = o, t[7] = b, t[8] = i.id, t[9] = x) : x = t[9];
+	t[6] !== o || t[7] !== b || t[8] !== i.id ? (x = b && _e(i.id, o), t[6] = o, t[7] = b, t[8] = i.id, t[9] = x) : x = t[9];
 	let S = x, C;
-	t[10] !== s || t[11] !== i.id ? (C = _e(i.id, s), t[10] = s, t[11] = i.id, t[12] = C) : C = t[12];
+	t[10] !== s || t[11] !== i.id ? (C = J(i.id, s), t[10] = s, t[11] = i.id, t[12] = C) : C = t[12];
 	let w = C, T = i.disabled === !0, E;
-	t[13] === i ? E = t[14] : (E = J(i), t[13] = i, t[14] = E);
+	t[13] === i ? E = t[14] : (E = Y(i), t[13] = i, t[14] = E);
 	let D = E, O = !!(d && i.href && D && !b && !T), k;
 	t[15] !== b || t[16] !== T || t[17] !== D || t[18] !== i || t[19] !== g || t[20] !== _ || t[21] !== r ? (k = () => {
 		if (!T) {
@@ -693,7 +711,7 @@ var he = (t) => {
 	}, t[15] = b, t[16] = T, t[17] = D, t[18] = i, t[19] = g, t[20] = _, t[21] = r, t[22] = k) : k = t[22];
 	let A = k, j;
 	t[23] === i.id ? j = t[24] : (j = (e) => {
-		Oe(e.dataTransfer, i.id), e.dataTransfer.effectAllowed = "move";
+		Ae(e.dataTransfer, i.id), e.dataTransfer.effectAllowed = "move";
 	}, t[23] = i.id, t[24] = j);
 	let M = j, N;
 	t[25] !== i.canDrop || t[26] !== v ? (N = (e) => {
@@ -703,7 +721,7 @@ var he = (t) => {
 	t[28] !== i.canDrop || t[29] !== i.id || t[30] !== v ? (F = (e) => {
 		if (!v || (e.stopPropagation(), !i.canDrop)) return;
 		e.preventDefault();
-		let t = ke(e.dataTransfer);
+		let t = je(e.dataTransfer);
 		t && t !== i.id && v(t, i.id);
 	}, t[28] = i.canDrop, t[29] = i.id, t[30] = v, t[31] = F) : F = t[31];
 	let I = F, L;
@@ -762,7 +780,7 @@ var he = (t) => {
 		onDrop: ie,
 		children: te
 	}), t[62] = u, t[63] = te, t[64] = K, t[65] = ne, t[66] = re, t[67] = ie, t[68] = q) : q = t[68], q;
-}, Me = (e) => {
+}, Pe = (e) => {
 	let n = f(9), { sectionId: r, actions: i } = e;
 	if (i.length === 0) return null;
 	let s, l;
@@ -787,7 +805,7 @@ var he = (t) => {
 		}), /* @__PURE__ */ m(c.Positioner, { children: /* @__PURE__ */ m(c.Content, {
 			minW: "160px",
 			bg: "bg",
-			children: e.menuItems.map(Fe)
+			children: e.menuItems.map(Le)
 		}) })] }, e.id) : /* @__PURE__ */ m(o, {
 			variant: "ghost",
 			size: "2xs",
@@ -806,10 +824,10 @@ var he = (t) => {
 		_groupHover: s,
 		_groupFocusWithin: l,
 		transition: "opacity 120ms ease",
-		onClick: Pe,
+		onClick: Ie,
 		children: u
 	}), n[7] = u, n[8] = d), d;
-}, Ne = (e) => {
+}, Fe = (e) => {
 	let t = f(32), { section: n, collapsible: i, expanded: o, focusId: s, tabIndex: c, onFocus: l, onToggle: d, onContextMenu: p } = e, g = i ? "pointer" : "default", _ = i ? c : void 0, v = i ? s : void 0, y = i ? o : void 0, b;
 	t[0] === i ? b = t[1] : (b = i ? { bg: "bg.hover" } : void 0, t[0] = i, t[1] = b);
 	let x;
@@ -831,12 +849,11 @@ var he = (t) => {
 	t[9] !== i || t[10] !== o ? (D = i ? /* @__PURE__ */ m(r, {
 		color: "fg.muted",
 		flexShrink: 0,
-		children: /* @__PURE__ */ m(C, {
-			size: 14,
-			style: {
-				transform: o ? "rotate(90deg)" : "rotate(0deg)",
-				transition: "120ms"
-			}
+		children: /* @__PURE__ */ m(r, {
+			asChild: !0,
+			transform: o ? "rotate(90deg)" : "rotate(0deg)",
+			transition: "120ms",
+			children: /* @__PURE__ */ m(C, { size: 14 })
 		})
 	}) : null, t[9] = i, t[10] = o, t[11] = D) : D = t[11];
 	let O;
@@ -849,7 +866,7 @@ var he = (t) => {
 	let k;
 	t[15] === n.actions ? k = t[16] : (k = n.actions ?? [], t[15] = n.actions, t[16] = k);
 	let A;
-	t[17] !== n.id || t[18] !== k ? (A = /* @__PURE__ */ m(Me, {
+	t[17] !== n.id || t[18] !== k ? (A = /* @__PURE__ */ m(Pe, {
 		sectionId: n.id,
 		actions: k
 	}), t[17] = n.id, t[18] = k, t[19] = A) : A = t[19];
@@ -876,10 +893,10 @@ var he = (t) => {
 		children: [O, A]
 	}), t[20] = g, t[21] = _, t[22] = O, t[23] = A, t[24] = v, t[25] = y, t[26] = b, t[27] = x, t[28] = S, t[29] = w, t[30] = T, t[31] = j) : j = t[31], j;
 };
-function Pe(e) {
+function Ie(e) {
 	return e.stopPropagation();
 }
-function Fe(e) {
+function Le(e) {
 	return /* @__PURE__ */ m(c.Item, {
 		value: e.id,
 		disabled: e.disabled,
@@ -889,10 +906,10 @@ function Fe(e) {
 }
 //#endregion
 //#region src/components/tree-list/tree-list-reorder.ts
-var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re = (e) => e.slice(8), ze = "after-section:", Be = (e) => `${ze}${e}`, Ve = (e) => e.startsWith(ze), He = (e) => e.slice(14), Ue = (e) => {
-	if ($(e)) return Re(e);
-	if (Ve(e)) return He(e);
-}, We = (e, t) => {
+var Re = "section:", Q = (e) => `${Re}${e}`, $ = (e) => e.startsWith(Re), ze = (e) => e.slice(8), Be = "after-section:", Ve = (e) => `${Be}${e}`, He = (e) => e.startsWith(Be), Ue = (e) => e.slice(14), We = (e) => {
+	if ($(e)) return ze(e);
+	if (He(e)) return Ue(e);
+}, Ge = (e, t) => {
 	for (let n of e) {
 		let e = n.nodes.findIndex((e) => e.id === t);
 		if (e >= 0) return {
@@ -901,13 +918,13 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 			node: n.nodes[e]
 		};
 	}
-}, Ge = (e, t) => t?.(e) ?? !0, Ke = (e, t, n, r) => {
+}, Ke = (e, t) => t?.(e) ?? !0, qe = (e, t, n, r) => {
 	if (t === n) return !0;
-	let i = Ue(n);
+	let i = We(n);
 	if ($(t)) {
 		if (i === void 0) return !1;
-		let n = e.find((e) => e.id === Re(t)), a = e.find((e) => e.id === i);
-		return !n || !a || n.canReorder === !1 || a.canReorder === !1 ? !1 : Ge({
+		let n = e.find((e) => e.id === ze(t)), a = e.find((e) => e.id === i);
+		return !n || !a || n.canReorder === !1 || a.canReorder === !1 ? !1 : Ke({
 			source: {
 				kind: "section",
 				sectionId: n.id,
@@ -922,10 +939,10 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 			}
 		}, r);
 	}
-	let a = We(e, t);
+	let a = Ge(e, t);
 	if (!a || a.node.canReorder === !1) return !1;
-	let o = i === void 0 ? void 0 : e.find((e) => e.id === i), s = i === void 0 ? We(e, n) : void 0, c = o ?? s?.section;
-	return !c || c.canReorder === !1 || s?.node.canReorder === !1 ? !1 : Ge({
+	let o = i === void 0 ? void 0 : e.find((e) => e.id === i), s = i === void 0 ? Ge(e, n) : void 0, c = o ?? s?.section;
+	return !c || c.canReorder === !1 || s?.node.canReorder === !1 ? !1 : Ke({
 		source: {
 			kind: "node",
 			sectionId: a.section.id,
@@ -944,7 +961,7 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 			moveScope: c.moveScope
 		}
 	}, r);
-}, qe = {
+}, Je = {
 	modifiers: [({ transform: e }) => ({
 		...e,
 		x: 0
@@ -954,34 +971,34 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		y: .2
 	} },
 	measuring: { droppable: { strategy: E.Always } }
-}, Je = (e, t, n, r) => {
+}, Ye = (e, t, n, r) => {
 	if (e === t) return null;
 	let i = n ? "before" : "after";
-	return Ve(t) ? {
+	return He(t) ? {
 		kind: "section",
-		id: He(t),
+		id: Ue(t),
 		edge: "after",
 		nextSectionId: r
 	} : $(t) ? {
 		kind: "section",
-		id: Re(t),
+		id: ze(t),
 		edge: $(e) ? i : "inside"
 	} : $(e) ? null : {
 		kind: "node",
 		id: t,
 		edge: i
 	};
-}, Ye = (e, t, n, r) => {
-	let i = Re(t);
-	if (n.kind !== "section" || n.edge === "inside" || n.id === i || !Ke(e, t, Le(n.id), r)) return null;
+}, Xe = (e, t, n, r) => {
+	let i = ze(t);
+	if (n.kind !== "section" || n.edge === "inside" || n.id === i || !qe(e, t, Q(n.id), r)) return null;
 	let a = e.map((e) => e.id), o = a.filter((e) => e !== i);
 	return o.splice(o.indexOf(n.id) + +(n.edge === "after"), 0, i), o.every((e, t) => e === a[t]) ? null : {
 		kind: "section",
 		nextSectionIds: o
 	};
-}, Xe = (e, t, n, r) => {
+}, Ze = (e, t, n, r) => {
 	if (n.kind === "node") {
-		let t = We(e, n.id);
+		let t = Ge(e, n.id);
 		return t ? {
 			sectionId: t.section.id,
 			index: t.index + +(n.edge === "after")
@@ -994,15 +1011,15 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		index: i.nodes.length
 	};
 	let a = e.find((e) => e.id === n.nextSectionId);
-	return a && !a.label && a.canReorder !== !1 && Ke(e, t, Le(a.id), r) ? {
+	return a && !a.label && a.canReorder !== !1 && qe(e, t, Q(a.id), r) ? {
 		sectionId: a.id,
 		index: 0
 	} : void 0;
-}, Ze = (e, t, n, r, i) => {
-	if ($(t)) return Ye(e, t, n, r);
-	let a = We(e, t);
-	if (!a || a.node.canReorder === !1 || !Ke(e, t, n.kind === "node" ? n.id : Be(n.id), r)) return null;
-	let o = Xe(e, t, n, r);
+}, Qe = (e, t, n, r, i) => {
+	if ($(t)) return Xe(e, t, n, r);
+	let a = Ge(e, t);
+	if (!a || a.node.canReorder === !1 || !qe(e, t, n.kind === "node" ? n.id : Ve(n.id), r)) return null;
+	let o = Ze(e, t, n, r);
 	if (o === null) return null;
 	let s = a.section.nodes.map((e) => e.id).filter((e) => e !== t);
 	if (!o) {
@@ -1036,41 +1053,41 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 			[o.sectionId]: c
 		}
 	};
-}, Qe = (e) => $(e) ? 2 : +!!Ve(e), $e = (e, t) => (n) => {
-	let r = String(n.active.id), i = (n) => Ke(e, r, String(n.id), t), a = n.pointerCoordinates && {
+}, $e = (e) => $(e) ? 2 : +!!He(e), et = (e, t) => (n) => {
+	let r = String(n.active.id), i = (n) => qe(e, r, String(n.id), t), a = n.pointerCoordinates && {
 		x: n.collisionRect.left + n.collisionRect.width / 2,
 		y: n.pointerCoordinates.y
 	}, o = a ? k({
 		...n,
 		pointerCoordinates: a
 	}).filter(i) : [];
-	return o.length === 0 ? O(n).filter(i) : o.sort((e, t) => Qe(String(e.id)) - Qe(String(t.id)));
-}, et = (e, t) => (e instanceof MouseEvent ? e.clientY : 0) + t, tt = (e, t, n) => t ? Je(e, String(t.id), n < t.rect.top + t.rect.height / 2, t.data.current?.nextSectionId) : null, nt = () => `tree-list-loose:${crypto.randomUUID()}`, rt = (e) => (t) => {
-	let n = String(t.active.id), r = tt(n, t.over, et(t.activatorEvent, t.delta.y));
+	return o.length === 0 ? O(n).filter(i) : o.sort((e, t) => $e(String(e.id)) - $e(String(t.id)));
+}, tt = (e, t) => (e instanceof MouseEvent ? e.clientY : 0) + t, nt = (e, t, n) => t ? Ye(e, String(t.id), n < t.rect.top + t.rect.height / 2, t.data.current?.nextSectionId) : null, rt = () => `tree-list-loose:${crypto.randomUUID()}`, it = (e) => (t) => {
+	let n = String(t.active.id), r = nt(n, t.over, tt(t.activatorEvent, t.delta.y));
 	if (!r) return;
-	let i = Ze(e.sections, n, r, e.canMove, nt());
+	let i = Qe(e.sections, n, r, e.canMove, rt());
 	if (!i) return;
 	if (i.kind === "section") {
-		e.onReorderSections?.(i.nextSectionIds, Re(n), r.id);
+		e.onReorderSections?.(i.nextSectionIds, ze(n), r.id);
 		return;
 	}
 	let a = i.looseSection;
 	a && e.onReorderSections?.(a.nextSectionIds, a.id, a.afterSectionId);
 	for (let [t, n] of Object.entries(i.orders)) e.onReorderNodes?.(t, n);
-}, it = _(!1), at = (e) => {
+}, at = _(!1), ot = (e) => {
 	let t = f(16), { sections: n, canMove: r, onReorderSections: i, onReorderNodes: a, children: o } = e, s;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = { activationConstraint: { distance: 4 } }, t[0] = s) : s = t[0];
 	let c = P(N(D, s)), l;
-	t[1] !== r || t[2] !== n ? (l = $e(n, r), t[1] = r, t[2] = n, t[3] = l) : l = t[3];
+	t[1] !== r || t[2] !== n ? (l = et(n, r), t[1] = r, t[2] = n, t[3] = l) : l = t[3];
 	let u = l, d;
-	t[4] !== r || t[5] !== a || t[6] !== i || t[7] !== n ? (d = rt({
+	t[4] !== r || t[5] !== a || t[6] !== i || t[7] !== n ? (d = it({
 		sections: n,
 		canMove: r,
 		onReorderSections: i,
 		onReorderNodes: a
 	}), t[4] = r, t[5] = a, t[6] = i, t[7] = n, t[8] = d) : d = t[8];
 	let p = d, h;
-	t[9] === o ? h = t[10] : (h = /* @__PURE__ */ m(it.Provider, {
+	t[9] === o ? h = t[10] : (h = /* @__PURE__ */ m(at.Provider, {
 		value: !0,
 		children: o
 	}), t[9] = o, t[10] = h);
@@ -1079,17 +1096,17 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		sensors: c,
 		collisionDetection: u,
 		onDragEnd: p,
-		...qe,
+		...Je,
 		children: h
 	}), t[11] = u, t[12] = p, t[13] = c, t[14] = h, t[15] = g) : g = t[15], g;
-}, ot = (e) => e?.label ? e.id : void 0, st = (e, t) => {
+}, st = (e) => e?.label ? e.id : void 0, ct = (e, t) => {
 	if (!t) return null;
 	if (t.kind === "node") {
-		let n = We(e, t.id);
+		let n = Ge(e, t.id);
 		return n ? {
 			lineId: t.id,
 			edge: t.edge,
-			groupId: ot(n.section)
+			groupId: st(n.section)
 		} : null;
 	}
 	let n = e.find((e) => e.id === t.id);
@@ -1097,19 +1114,19 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 	if (t.edge === "inside") {
 		let e = n.nodes.at(-1);
 		return {
-			lineId: e ? e.id : Le(n.id),
+			lineId: e ? e.id : Q(n.id),
 			edge: "after",
-			groupId: ot(n)
+			groupId: st(n)
 		};
 	}
 	return t.edge === "after" ? {
-		lineId: Be(n.id),
+		lineId: Ve(n.id),
 		edge: "middle"
 	} : {
-		lineId: Le(n.id),
+		lineId: Q(n.id),
 		edge: "before"
 	};
-}, ct = {
+}, lt = {
 	before: {
 		top: "0",
 		transform: "translateY(-50%)"
@@ -1122,21 +1139,13 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, lt = (e) => {
-	let t = f(3), { edge: n } = e, i = ct[n], a;
-	return t[0] !== n || t[1] !== i ? (a = /* @__PURE__ */ m(r, {
-		"aria-hidden": !0,
-		"data-tree-list-drop-indicator": n,
-		position: "absolute",
-		insetX: "0",
-		zIndex: "1",
-		h: "drop-indicator",
-		borderRadius: "2xs",
-		bg: "bg.accent-primary.default",
-		pointerEvents: "none",
-		...i
-	}), t[0] = n, t[1] = i, t[2] = a) : a = t[2], a;
 }, ut = (e) => {
+	let t = f(3), { edge: n } = e, r = lt[n], i;
+	return t[0] !== n || t[1] !== r ? (i = /* @__PURE__ */ m(he, {
+		"data-tree-list-drop-indicator": n,
+		...r
+	}), t[0] = n, t[1] = r, t[2] = i) : i = t[2], i;
+}, dt = (e) => {
 	let { id: t, disabled: n, indicator: i, handle: a, liftedBg: o, highlighted: s, children: c } = e, l = I({
 		id: t,
 		disabled: n
@@ -1151,10 +1160,10 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		bg: s ? "bg.accent-subtle" : d,
 		"data-tree-list-drop-group": s ? "" : void 0,
 		onPointerDownCapture: a === "self" ? (e) => l.listeners?.onPointerDown?.(e) : void 0,
-		children: [c(l.listeners), u ? /* @__PURE__ */ m(lt, { edge: u }) : null]
+		children: [c(l.listeners), u ? /* @__PURE__ */ m(ut, { edge: u }) : null]
 	});
-}, dt = (e) => {
-	let { sectionId: t, nextSectionId: n, gap: i, indicator: a } = e, o = Be(t), s = M({
+}, ft = (e) => {
+	let { sectionId: t, nextSectionId: n, gap: i, indicator: a } = e, o = Ve(t), s = M({
 		id: o,
 		data: { nextSectionId: n }
 	});
@@ -1164,20 +1173,20 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		w: "full",
 		pt: i,
 		flexShrink: 0,
-		children: a?.lineId === o ? /* @__PURE__ */ m(lt, { edge: "middle" }) : null
+		children: a?.lineId === o ? /* @__PURE__ */ m(ut, { edge: "middle" }) : null
 	});
-}, ft = (e) => {
+}, pt = (e) => {
 	let t = f(28), { section: n, sectionRows: i, expandedNodeIds: a, activeNodeId: o, rowVariant: s, nodeGap: c, linkComponent: u, onNavigate: d, onToggleSection: g, onToggleNode: _, onSectionContextMenu: v, indicator: y, dragging: b } = e, x;
 	t[0] === i ? x = t[1] : (x = i.find(_t), t[0] = i, t[1] = x);
 	let S = x, C, w;
 	t[2] === i ? (C = t[3], w = t[4]) : (C = i.filter(vt), w = C.filter(yt).map(bt), t[2] = i, t[3] = C, t[4] = w);
 	let T = w, E;
-	t[5] === n.id ? E = t[6] : (E = Le(n.id), t[5] = n.id, t[6] = E);
+	t[5] === n.id ? E = t[6] : (E = Q(n.id), t[5] = n.id, t[6] = E);
 	let D = n.canReorder === !1, O = y?.groupId === n.id, k;
 	t[7] !== o || t[8] !== b || t[9] !== a || t[10] !== S || t[11] !== y || t[12] !== u || t[13] !== c || t[14] !== C || t[15] !== d || t[16] !== v || t[17] !== _ || t[18] !== g || t[19] !== s || t[20] !== T ? (k = (e) => /* @__PURE__ */ h(p, { children: [
 		S && S.kind === "section-header" ? /* @__PURE__ */ m(r, {
 			onPointerDownCapture: (t) => e?.onPointerDown?.(t),
-			children: /* @__PURE__ */ m(Ne, {
+			children: /* @__PURE__ */ m(Fe, {
 				section: S.section,
 				collapsible: S.collapsible,
 				expanded: S.expanded,
@@ -1214,7 +1223,7 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		})
 	] }), t[7] = o, t[8] = b, t[9] = a, t[10] = S, t[11] = y, t[12] = u, t[13] = c, t[14] = C, t[15] = d, t[16] = v, t[17] = _, t[18] = g, t[19] = s, t[20] = T, t[21] = k) : k = t[21];
 	let A;
-	return t[22] !== y || t[23] !== E || t[24] !== D || t[25] !== O || t[26] !== k ? (A = /* @__PURE__ */ m(ut, {
+	return t[22] !== y || t[23] !== E || t[24] !== D || t[25] !== O || t[26] !== k ? (A = /* @__PURE__ */ m(dt, {
 		id: E,
 		disabled: D,
 		indicator: y,
@@ -1222,67 +1231,51 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		highlighted: O,
 		children: k
 	}), t[22] = y, t[23] = E, t[24] = D, t[25] = O, t[26] = k, t[27] = A) : A = t[27], A;
-}, pt = (e) => /* @__PURE__ */ m(Q, {
-	sectionId: e.sectionId,
-	node: e.node,
-	level: e.level,
-	expandedNodeIds: e.expandedNodeIds,
-	activeNodeId: e.activeNodeId,
-	rowVariant: e.rowVariant,
-	nodeGap: e.nodeGap,
-	linkComponent: e.linkComponent,
-	onNavigate: e.onNavigate,
-	onToggleNode: e.onToggleNode
-}), mt = (e) => {
-	let t = f(15), n, r, i, a;
-	if (t[0] !== e) {
-		a = Symbol.for("react.early_return_sentinel");
-		bb0: if ({row: i, indicator: n, ...r} = e, i.level > 0) {
-			a = pt({
-				node: i.node,
-				sectionId: i.sectionId,
-				level: i.level,
-				...r
-			});
-			break bb0;
-		}
-		t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a;
-	} else n = t[1], r = t[2], i = t[3], a = t[4];
-	if (a !== Symbol.for("react.early_return_sentinel")) return a;
-	let o = i.node.canReorder === !1, s;
-	t[5] !== r || t[6] !== i.level || t[7] !== i.node || t[8] !== i.sectionId ? (s = () => pt({
-		node: i.node,
-		sectionId: i.sectionId,
-		level: i.level,
-		...r
-	}), t[5] = r, t[6] = i.level, t[7] = i.node, t[8] = i.sectionId, t[9] = s) : s = t[9];
-	let c;
-	return t[10] !== n || t[11] !== i.node.id || t[12] !== o || t[13] !== s ? (c = /* @__PURE__ */ m(ut, {
-		id: i.node.id,
-		disabled: o,
-		indicator: n,
+}, mt = (e) => {
+	let t = f(18), { row: n, expandedNodeIds: r, activeNodeId: i, rowVariant: a, nodeGap: o, linkComponent: s, onNavigate: c, onToggleNode: l, indicator: u } = e, d;
+	t[0] !== i || t[1] !== r || t[2] !== s || t[3] !== o || t[4] !== c || t[5] !== l || t[6] !== n.level || t[7] !== n.node || t[8] !== n.sectionId || t[9] !== a ? (d = /* @__PURE__ */ m(Ne, {
+		sectionId: n.sectionId,
+		node: n.node,
+		level: n.level,
+		expandedNodeIds: r,
+		activeNodeId: i,
+		rowVariant: a,
+		nodeGap: o,
+		linkComponent: s,
+		onNavigate: c,
+		onToggleNode: l
+	}), t[0] = i, t[1] = r, t[2] = s, t[3] = o, t[4] = c, t[5] = l, t[6] = n.level, t[7] = n.node, t[8] = n.sectionId, t[9] = a, t[10] = d) : d = t[10];
+	let p = d;
+	if (n.level > 0) return p;
+	let h = n.node.canReorder === !1, g;
+	t[11] === p ? g = t[12] : (g = () => p, t[11] = p, t[12] = g);
+	let _;
+	return t[13] !== u || t[14] !== n.node.id || t[15] !== h || t[16] !== g ? (_ = /* @__PURE__ */ m(dt, {
+		id: n.node.id,
+		disabled: h,
+		indicator: u,
 		handle: "self",
 		liftedBg: "bg.hover",
-		children: s
-	}), t[10] = n, t[11] = i.node.id, t[12] = o, t[13] = s, t[14] = c) : c = t[14], c;
+		children: g
+	}), t[13] = u, t[14] = n.node.id, t[15] = h, t[16] = g, t[17] = _) : _ = t[17], _;
 }, ht = (e) => {
 	let t = f(42), n, r, i, a, o;
 	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5]) : ({sections: o, expandedSectionIds: r, expandedNodeIds: n, sectionGap: a, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o);
 	let { active: s, over: c } = A(), [u, d] = S(null), p;
 	t[6] === Symbol.for("react.memo_cache_sentinel") ? (p = {
-		onDragMove: (e) => d(et(e.activatorEvent, e.delta.y)),
+		onDragMove: (e) => d(tt(e.activatorEvent, e.delta.y)),
 		onDragEnd: () => d(null),
 		onDragCancel: () => d(null)
 	}, t[6] = p) : p = t[6], j(p);
 	let _;
 	if (t[7] !== s || t[8] !== c || t[9] !== u || t[10] !== o) {
-		let e = s && u !== null ? tt(String(s.id), c, u) : null;
-		_ = st(o, e), t[7] = s, t[8] = c, t[9] = u, t[10] = o, t[11] = _;
+		let e = s && u !== null ? nt(String(s.id), c, u) : null;
+		_ = ct(o, e), t[7] = s, t[8] = c, t[9] = u, t[10] = o, t[11] = _;
 	} else _ = t[11];
 	let v = _, y, b, x, C, w, T, E, D, O;
 	if (t[12] !== s || t[13] !== n || t[14] !== r || t[15] !== v || t[16] !== i || t[17] !== a || t[18] !== o) {
-		let e = be(o, r, n);
-		b = F, t[28] === o ? D = t[29] : (D = o.map(St), t[28] = o, t[29] = D), O = L, y = l, x = "0", C = "full", w = "0", T = "full", E = o.map((t, r) => /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ m(ft, {
+		let e = xe(o, r, n);
+		b = F, t[28] === o ? D = t[29] : (D = o.map(St), t[28] = o, t[29] = D), O = L, y = l, x = "0", C = "full", w = "0", T = "full", E = o.map((t, r) => /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ m(pt, {
 			section: t,
 			sectionRows: e.filter((e) => e.sectionId === t.id),
 			expandedNodeIds: n,
@@ -1296,7 +1289,7 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 			onSectionContextMenu: i.onSectionContextMenu,
 			indicator: v,
 			dragging: !!s
-		}), /* @__PURE__ */ m(dt, {
+		}), /* @__PURE__ */ m(ft, {
 			sectionId: t.id,
 			nextSectionId: o[r + 1]?.id,
 			gap: a,
@@ -1324,12 +1317,12 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 	t[2] === i ? S = t[3] : (S = i === void 0 ? [] : i, t[2] = i, t[3] = S);
 	let C = S, w = o === void 0 ? "tree" : o, E = s === void 0 ? "0" : s, O = c === void 0 ? "0" : c, k;
 	t[4] === Symbol.for("react.memo_cache_sentinel") ? (k = { activationConstraint: { distance: 4 } }, t[4] = k) : k = t[4];
-	let A = P(N(D, k)), j = v(it), M;
-	t[5] !== y || t[6] !== n ? (M = $e(n, y), t[5] = y, t[6] = n, t[7] = M) : M = t[7];
+	let A = P(N(D, k)), j = v(at), M;
+	t[5] !== y || t[6] !== n ? (M = et(n, y), t[5] = y, t[6] = n, t[7] = M) : M = t[7];
 	let F = M, I;
 	t[8] === g ? I = t[9] : (I = (e) => g?.(e), t[8] = g, t[9] = I);
 	let L;
-	t[10] !== y || t[11] !== _ || t[12] !== n || t[13] !== I ? (L = rt({
+	t[10] !== y || t[11] !== _ || t[12] !== n || t[13] !== I ? (L = it({
 		sections: n,
 		canMove: y,
 		onReorderSections: I,
@@ -1357,7 +1350,7 @@ var Ie = "section:", Le = (e) => `${Ie}${e}`, $ = (e) => e.startsWith(Ie), Re =
 		sensors: A,
 		collisionDetection: F,
 		onDragEnd: R,
-		...qe,
+		...Je,
 		children: B
 	}), t[28] = F, t[29] = B, t[30] = R, t[31] = A, t[32] = V) : V = t[32], V;
 };
@@ -1375,7 +1368,7 @@ function bt(e) {
 }
 function xt() {}
 function St(e) {
-	return Le(e.id);
+	return Q(e.id);
 }
 //#endregion
 //#region src/components/tree-list/use-tree-list-keyboard-navigation.ts
@@ -1385,11 +1378,11 @@ var Ct = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find
 	"INPUT",
 	"TEXTAREA",
 	"SELECT"
-].includes(e.tagName) : !1, Et = (e, t) => e.findIndex((e) => xe(e) && X(e) === t), Dt = (e) => {
+].includes(e.tagName) : !1, Et = (e, t) => e.findIndex((e) => Ce(e) && Se(e) === t), Dt = (e) => {
 	let t = f(28), { rows: n, activeNodeId: r, expandedNodeIds: i, onToggleNode: a, onToggleSection: o, scrollToRow: s } = e, c = x(null), [l, u] = S(), [d, p] = S(), m;
-	t[0] !== r || t[1] !== l || t[2] !== n ? (m = Ce(l, r, n), t[0] = r, t[1] = l, t[2] = n, t[3] = m) : m = t[3];
+	t[0] !== r || t[1] !== l || t[2] !== n ? (m = Te(l, r, n), t[0] = r, t[1] = l, t[2] = n, t[3] = m) : m = t[3];
 	let h = m, g;
-	t[4] === n ? g = t[5] : (g = Se(n).map(X).join("\0"), t[4] = n, t[5] = g);
+	t[4] === n ? g = t[5] : (g = we(n).map(Se).join("\0"), t[4] = n, t[5] = g);
 	let _ = g, v, b;
 	t[6] !== _ || t[7] !== l ? (v = () => {
 		l && (_.split("\0").includes(l) || u(void 0));
@@ -1419,7 +1412,7 @@ var Ct = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find
 	let E = T, D;
 	t[16] !== r || t[17] !== i || t[18] !== E || t[19] !== h || t[20] !== a || t[21] !== o || t[22] !== n ? (D = (e) => {
 		if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || Tt(e.target)) return;
-		let t = Ee({
+		let t = Oe({
 			rows: n,
 			focusedRowId: wt(c.current, e.target) ?? h,
 			activeNodeId: r,
@@ -1448,31 +1441,43 @@ var Ct = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find
 		onRowFocus: k
 	}, t[25] = h, t[26] = O, t[27] = A) : A = t[27], A;
 }, Ot = 32, kt = 4, At = (e) => {
-	let { row: t, expandedNodeIds: n, activeNodeId: r, focusRowId: i, rowVariant: a, nodeGap: o, linkComponent: s, onRowFocus: c, onNavigate: l, onToggleSection: u, onToggleNode: d, onSectionContextMenu: f, onMoveNode: p } = e;
-	return t.kind === "section-header" ? /* @__PURE__ */ m(Ne, {
-		section: t.section,
-		collapsible: t.collapsible,
-		expanded: t.expanded,
-		focusId: t.key,
-		tabIndex: t.key === i ? 0 : -1,
-		onFocus: () => c(t.key),
-		onToggle: () => u?.(t.sectionId),
-		onContextMenu: f
-	}) : t.kind === "section-empty" ? t.emptyState ?? null : /* @__PURE__ */ m(Q, {
-		sectionId: t.sectionId,
-		node: t.node,
-		level: t.level,
-		expandedNodeIds: n,
-		activeNodeId: r,
-		rowVariant: a,
-		nodeGap: o,
-		linkComponent: s,
-		tabIndex: t.node.id === i ? 0 : -1,
-		onFocus: () => c(t.node.id),
-		onNavigate: l,
-		onToggleNode: d,
-		onMoveNode: p
-	});
+	let t = f(32), { row: n, expandedNodeIds: r, activeNodeId: i, focusRowId: a, rowVariant: o, nodeGap: s, linkComponent: c, onRowFocus: l, onNavigate: u, onToggleSection: d, onToggleNode: p, onSectionContextMenu: h, onMoveNode: g } = e;
+	if (n.kind === "section-header") {
+		let e = n.key === a ? 0 : -1, r;
+		t[0] !== l || t[1] !== n.key ? (r = () => l(n.key), t[0] = l, t[1] = n.key, t[2] = r) : r = t[2];
+		let i;
+		t[3] !== d || t[4] !== n.sectionId ? (i = () => d?.(n.sectionId), t[3] = d, t[4] = n.sectionId, t[5] = i) : i = t[5];
+		let o;
+		return t[6] !== h || t[7] !== n.collapsible || t[8] !== n.expanded || t[9] !== n.key || t[10] !== n.section || t[11] !== e || t[12] !== r || t[13] !== i ? (o = /* @__PURE__ */ m(Fe, {
+			section: n.section,
+			collapsible: n.collapsible,
+			expanded: n.expanded,
+			focusId: n.key,
+			tabIndex: e,
+			onFocus: r,
+			onToggle: i,
+			onContextMenu: h
+		}), t[6] = h, t[7] = n.collapsible, t[8] = n.expanded, t[9] = n.key, t[10] = n.section, t[11] = e, t[12] = r, t[13] = i, t[14] = o) : o = t[14], o;
+	}
+	if (n.kind === "section-empty") return n.emptyState ?? null;
+	let _ = n.node.id === a ? 0 : -1, v;
+	t[15] !== l || t[16] !== n.node.id ? (v = () => l(n.node.id), t[15] = l, t[16] = n.node.id, t[17] = v) : v = t[17];
+	let y;
+	return t[18] !== i || t[19] !== r || t[20] !== c || t[21] !== s || t[22] !== g || t[23] !== u || t[24] !== p || t[25] !== n.level || t[26] !== n.node || t[27] !== n.sectionId || t[28] !== o || t[29] !== _ || t[30] !== v ? (y = /* @__PURE__ */ m(Ne, {
+		sectionId: n.sectionId,
+		node: n.node,
+		level: n.level,
+		expandedNodeIds: r,
+		activeNodeId: i,
+		rowVariant: o,
+		nodeGap: s,
+		linkComponent: c,
+		tabIndex: _,
+		onFocus: v,
+		onNavigate: u,
+		onToggleNode: p,
+		onMoveNode: g
+	}), t[18] = i, t[19] = r, t[20] = c, t[21] = s, t[22] = g, t[23] = u, t[24] = p, t[25] = n.level, t[26] = n.node, t[27] = n.sectionId, t[28] = o, t[29] = _, t[30] = v, t[31] = y) : y = t[31], y;
 }, jt = (e) => {
 	let { rows: t, expandedNodeIds: n = [], activeNodeId: i, rowVariant: a = "tree", nodeGap: o = "0", linkComponent: s, onNavigate: c, onToggleSection: l, onToggleNode: u, onSectionContextMenu: d, onMoveNode: f, scrollRef: p } = e, h = w({
 		count: t.length,
@@ -1509,7 +1514,7 @@ var Ct = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find
 				w: "full",
 				pb: e.index === t.length - 1 ? "0" : o,
 				style: { transform: `translateY(${e.start}px)` },
-				children: At({
+				children: /* @__PURE__ */ m(At, {
 					row: p,
 					expandedNodeIds: n,
 					activeNodeId: i,
@@ -1528,7 +1533,7 @@ var Ct = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find
 		})
 	});
 }, Mt = (e) => {
-	let { sections: t, expandedSectionIds: n = [], expandedNodeIds: i = [], activeNodeId: a, rowVariant: o = "tree", sectionGap: s = "0", nodeGap: c = "0", linkComponent: u, onNavigate: d, onToggleSection: f, onToggleNode: p, onSectionContextMenu: h, onMoveNode: g, virtualize: _, scrollRef: v } = e, y = be(t, n, i), b = Dt({
+	let { sections: t, expandedSectionIds: n = [], expandedNodeIds: i = [], activeNodeId: a, rowVariant: o = "tree", sectionGap: s = "0", nodeGap: c = "0", linkComponent: u, onNavigate: d, onToggleSection: f, onToggleNode: p, onSectionContextMenu: h, onMoveNode: g, virtualize: _, scrollRef: v } = e, y = xe(t, n, i), b = Dt({
 		rows: y,
 		activeNodeId: a,
 		expandedNodeIds: i,
@@ -1559,7 +1564,7 @@ var Ct = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find
 				children: t.map((e) => /* @__PURE__ */ m(r, {
 					w: "full",
 					minW: "0",
-					children: At({
+					children: /* @__PURE__ */ m(At, {
 						row: e,
 						expandedNodeIds: i,
 						activeNodeId: a,
@@ -1598,19 +1603,19 @@ var Ct = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find
 		canMove: e.canMove
 	}) : /* @__PURE__ */ m(Mt, { ...e }), t[0] = e, t[1] = n);
 	let r = n, i;
-	t[2] !== r || t[3] !== e.onMoveNode ? (i = /* @__PURE__ */ m(Ae, {
+	t[2] !== r || t[3] !== e.onMoveNode ? (i = /* @__PURE__ */ m(X, {
 		onMoveNode: e.onMoveNode,
 		children: r
 	}), t[2] = r, t[3] = e.onMoveNode, t[4] = i) : i = t[4];
 	let a = i;
 	if (!e.backgroundContextActions || e.backgroundContextActions.length === 0) return a;
 	let o;
-	return t[5] !== a || t[6] !== e.backgroundContextActions ? (o = /* @__PURE__ */ m(he, {
+	return t[5] !== a || t[6] !== e.backgroundContextActions ? (o = /* @__PURE__ */ m(ge, {
 		actions: e.backgroundContextActions,
 		children: a
 	}), t[5] = a, t[6] = e.backgroundContextActions, t[7] = o) : o = t[7], o;
 };
 //#endregion
-export { at as n, fe as r, Nt as t };
+export { fe as i, ot as n, he as r, Nt as t };
 
-//# sourceMappingURL=tree-list-BNZwjQZA.js.map
+//# sourceMappingURL=tree-list-Cqgl8mnN.js.map