@pstdio/ui 0.44.0 → 0.45.0-nightly.20261020145025

package/dist/{tree-list-B8Gtot1M.js → tree-list-aNC_UTGS.js}

@@ -57,14 +57,14 @@ var U = {
 		minSize: Math.min(e.minSize, i),
 		maxSize: i
 	};
-}, Z = (e, t) => e === "top" || e === "bottom" ? K : q(t / 2, W, G), Q = (e) => {
+}, Z = (e, t) => e === "top" || e === "bottom" ? K : q(t / 2, W, G), ee = (e) => {
 	let t = Y(e.side), n = e.startSize + e.pointerDelta * t.deltaDirection, r = e.collapsible && n <= Z(e.side, e.minSize);
 	return {
 		rawSize: n,
 		size: r ? 0 : q(n, e.minSize, e.maxSize),
 		collapsed: r
 	};
-}, ee = 250, te = [
+}, Q = 250, te = [
 	0,
 	1,
 	2
@@ -132,7 +132,7 @@ var U = {
 	t[4] === Symbol.for("react.memo_cache_sentinel") ? (P = () => () => window.clearTimeout(A.current), F = [], t[4] = P, t[5] = F) : (P = t[4], F = t[5]), w(P, F);
 	let I;
 	t[6] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
-		A.current = window.setTimeout(() => k(!0), ee);
+		A.current = window.setTimeout(() => k(!0), Q);
 	}, t[6] = I) : I = t[6];
 	let L = I, R;
 	t[7] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
@@ -208,68 +208,71 @@ function oe(e) {
 //#endregion
 //#region src/components/layout/resizable-split-layout.panels.tsx
 var se = (e) => {
-	let t = _(42), { styles: n, axis: r, bounds: i, collapsed: a, collapsible: s, contentPanel: l, contentPanelId: u, contentPanelRef: d, resizablePanel: f, resizablePanelId: p, resizablePanelRef: m, rootRef: h, dragging: g, resizeLabel: x, resolvedPanelSize: S, separator: C, separatorRef: w, onCollapse: T, onResizeKeyDown: E, onResizeStart: D } = e, O = a ? !0 : void 0, k;
-	t[0] !== f || t[1] !== h ? (k = /* @__PURE__ */ y(o, {
-		value: h,
-		children: f
-	}), t[0] = f, t[1] = h, t[2] = k) : k = t[2];
-	let A;
-	t[3] !== n.panelContent || t[4] !== k ? (A = /* @__PURE__ */ y(c, {
+	let t = _(43), { styles: n, axis: r, bounds: i, collapsed: a, collapsible: s, resizable: l, contentPanel: u, contentPanelId: d, contentPanelRef: f, resizablePanel: p, resizablePanelId: m, resizablePanelRef: h, rootRef: g, dragging: x, resizeLabel: S, resolvedPanelSize: C, separator: w, separatorRef: T, onCollapse: E, onResizeKeyDown: D, onResizeStart: O } = e, k = a ? !0 : void 0, A;
+	t[0] !== p || t[1] !== g ? (A = /* @__PURE__ */ y(o, {
+		value: g,
+		children: p
+	}), t[0] = p, t[1] = g, t[2] = A) : A = t[2];
+	let j;
+	t[3] !== n.panelContent || t[4] !== A ? (j = /* @__PURE__ */ y(c, {
 		css: n.panelContent,
 		"data-split-panel-content": "",
-		children: k
-	}), t[3] = n.panelContent, t[4] = k, t[5] = A) : A = t[5];
-	let j;
-	t[6] !== a || t[7] !== p || t[8] !== m || t[9] !== n.resizablePanel || t[10] !== O || t[11] !== A ? (j = /* @__PURE__ */ y(c, {
-		id: p,
-		ref: m,
+		children: A
+	}), t[3] = n.panelContent, t[4] = A, t[5] = j) : j = t[5];
+	let M;
+	t[6] !== a || t[7] !== m || t[8] !== h || t[9] !== n.resizablePanel || t[10] !== k || t[11] !== j ? (M = /* @__PURE__ */ y(c, {
+		id: m,
+		ref: h,
 		css: n.resizablePanel,
 		"data-collapsed": a,
-		"aria-hidden": O,
+		"aria-hidden": k,
 		inert: a,
-		children: A
-	}, "resizable-panel"), t[6] = a, t[7] = p, t[8] = m, t[9] = n.resizablePanel, t[10] = O, t[11] = A, t[12] = j) : j = t[12];
-	let M = j, N;
-	t[13] !== l || t[14] !== u || t[15] !== d || t[16] !== n.contentPanel ? (N = /* @__PURE__ */ y(c, {
-		id: u,
-		ref: d,
+		children: j
+	}, "resizable-panel"), t[6] = a, t[7] = m, t[8] = h, t[9] = n.resizablePanel, t[10] = k, t[11] = j, t[12] = M) : M = t[12];
+	let N = M, P;
+	t[13] !== u || t[14] !== d || t[15] !== f || t[16] !== n.contentPanel ? (P = /* @__PURE__ */ y(c, {
+		id: d,
+		ref: f,
 		css: n.contentPanel,
-		children: l
-	}, "content-panel"), t[13] = l, t[14] = u, t[15] = d, t[16] = n.contentPanel, t[17] = N) : N = t[17];
-	let P = N, F;
-	t[18] !== r || t[19] !== i || t[20] !== a || t[21] !== s || t[22] !== u || t[23] !== g || t[24] !== T || t[25] !== E || t[26] !== D || t[27] !== p || t[28] !== x || t[29] !== S || t[30] !== C || t[31] !== w || t[32] !== n.separator ? (F = /* @__PURE__ */ y(ae, {
+		children: u
+	}, "content-panel"), t[13] = u, t[14] = d, t[15] = f, t[16] = n.contentPanel, t[17] = P) : P = t[17];
+	let F = P, I;
+	t[18] !== r || t[19] !== i || t[20] !== a || t[21] !== s || t[22] !== d || t[23] !== x || t[24] !== E || t[25] !== D || t[26] !== O || t[27] !== l || t[28] !== m || t[29] !== S || t[30] !== C || t[31] !== w || t[32] !== T || t[33] !== n.separator ? (I = l ? /* @__PURE__ */ y(ae, {
 		css: n.separator,
 		axis: r,
 		bounds: i,
 		collapsed: a,
 		collapsible: s,
-		contentPanelId: u,
-		resizablePanelId: p,
-		dragging: g,
-		resizeLabel: x,
-		resolvedPanelSize: S,
-		separator: C,
-		separatorRef: w,
-		onCollapse: T,
-		onResizeKeyDown: E,
-		onResizeStart: D
-	}, "resize-handle"), t[18] = r, t[19] = i, t[20] = a, t[21] = s, t[22] = u, t[23] = g, t[24] = T, t[25] = E, t[26] = D, t[27] = p, t[28] = x, t[29] = S, t[30] = C, t[31] = w, t[32] = n.separator, t[33] = F) : F = t[33];
-	let I = F;
+		contentPanelId: d,
+		resizablePanelId: m,
+		dragging: x,
+		resizeLabel: S,
+		resolvedPanelSize: C,
+		separator: w,
+		separatorRef: T,
+		onCollapse: E,
+		onResizeKeyDown: D,
+		onResizeStart: O
+	}, "resize-handle") : /* @__PURE__ */ y(c, {
+		css: n.separator,
+		"aria-hidden": "true"
+	}), t[18] = r, t[19] = i, t[20] = a, t[21] = s, t[22] = d, t[23] = x, t[24] = E, t[25] = D, t[26] = O, t[27] = l, t[28] = m, t[29] = S, t[30] = C, t[31] = w, t[32] = T, t[33] = n.separator, t[34] = I) : I = t[34];
+	let L = I;
 	if (r.panelFirst) {
 		let e;
-		return t[34] !== P || t[35] !== M || t[36] !== I ? (e = /* @__PURE__ */ b(v, { children: [
-			M,
-			I,
-			P
-		] }), t[34] = P, t[35] = M, t[36] = I, t[37] = e) : e = t[37], e;
+		return t[35] !== F || t[36] !== N || t[37] !== L ? (e = /* @__PURE__ */ b(v, { children: [
+			N,
+			L,
+			F
+		] }), t[35] = F, t[36] = N, t[37] = L, t[38] = e) : e = t[38], e;
 	}
-	let L;
-	return t[38] !== P || t[39] !== M || t[40] !== I ? (L = /* @__PURE__ */ b(v, { children: [
-		P,
-		I,
-		M
-	] }), t[38] = P, t[39] = M, t[40] = I, t[41] = L) : L = t[41], L;
-}, $ = (e, t, n) => {
+	let R;
+	return t[39] !== F || t[40] !== N || t[41] !== L ? (R = /* @__PURE__ */ b(v, { children: [
+		F,
+		L,
+		N
+	] }), t[39] = F, t[40] = N, t[41] = L, t[42] = R) : R = t[42], R;
+}, ce = (e, t, n) => {
 	let r = _(6), i;
 	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
 		rootSize: 0,
@@ -295,19 +298,19 @@ var se = (e) => {
 		t,
 		n
 	], r[1] = n, r[2] = e, r[3] = t, r[4] = s, r[5] = c) : (s = r[4], c = r[5]), w(s, c), a;
-}, ce = (e, t, n) => Math.min(Math.max(e, t), n), le = (e, t) => e?.getBoundingClientRect()[t] ?? 0, ue = (e) => {
+}, le = (e, t, n) => Math.min(Math.max(e, t), n), ue = (e, t) => e?.getBoundingClientRect()[t] ?? 0, de = (e) => {
 	let { axis: t, resizableSide: n, collapsed: r, collapsible: i, resolvedPanelSize: a, minSizePx: o, maxSizePx: s, contentMinSizePx: c, rootRef: l, resizablePanelRef: u, contentPanelRef: d, separatorRef: f, cleanupDragRef: p, lastSizeRef: m, applyPanelSize: h, commitPanelSize: g, setCollapsed: _, setDragging: v } = e;
 	return (e) => {
 		if (e.button !== 0 || r && !i) return;
 		e.preventDefault(), p.current();
 		let y = e.currentTarget, b = X({
-			rootSize: le(l.current, t.dimension),
+			rootSize: ue(l.current, t.dimension),
 			fallbackRootSize: U[t.dimension],
 			minSize: o,
 			maxSize: s,
 			contentMinSize: c,
-			separatorSize: le(f.current, t.dimension)
-		}), x = e[t.pointerCoordinate], S = r ? 0 : le(u.current, t.dimension) || m.current, C = document.body.style.cursor, w = document.body.style.userSelect, T = S === 0 ? 0 : ce(S, b.minSize, b.maxSize), E = r, D = 0, O = !1, A = (e) => {
+			separatorSize: ue(f.current, t.dimension)
+		}), x = e[t.pointerCoordinate], S = r ? 0 : ue(u.current, t.dimension) || m.current, C = document.body.style.cursor, w = document.body.style.userSelect, T = S === 0 ? 0 : le(S, b.minSize, b.maxSize), E = r, D = 0, O = !1, A = (e) => {
 			u.current && (u.current.style.pointerEvents = e), d.current && (d.current.style.pointerEvents = e);
 		}, j = () => {
 			D ||= window.requestAnimationFrame(() => {
@@ -315,7 +318,7 @@ var se = (e) => {
 			});
 		}, M = (e) => {
 			O ||= e[t.pointerCoordinate] !== x;
-			let r = Q({
+			let r = ee({
 				side: n,
 				startSize: S,
 				pointerDelta: e[t.pointerCoordinate] - x,
@@ -333,106 +336,107 @@ var se = (e) => {
 		};
 		p.current = N, y.setPointerCapture(e.pointerId), document.body.style.cursor = t.cursor, document.body.style.userSelect = "none", A("none"), l.current?.style.setProperty("--split-size", `${S}px`), v(!0), window.addEventListener("pointermove", M), window.addEventListener("pointerup", N, { once: !0 }), window.addEventListener("pointercancel", N, { once: !0 }), window.addEventListener("blur", N, { once: !0 });
 	};
-}, de = (e) => (t) => {
+}, fe = (e) => (t) => {
 	let { dimension: n, deltaDirection: r, collapsed: i, collapsible: a, minSize: o, maxSize: s, getSize: c, setCollapsed: l, commitSize: u } = e, d = n === "width" ? "ArrowLeft" : "ArrowUp", f = n === "width" ? "ArrowRight" : "ArrowDown", p = c();
 	i && (t.key === d || t.key === f || t.key === "End") ? (t.preventDefault(), l(!1), u(p)) : t.key === d ? (t.preventDefault(), u(p - 24 * r)) : t.key === f ? (t.preventDefault(), u(p + 24 * r)) : t.key === "Home" ? (t.preventDefault(), a ? l(!0) : u(o)) : t.key === "End" && (t.preventDefault(), u(s));
-}, fe = (e, t, n) => Math.min(Math.max(e, t), n), pe = (e, t) => e?.getBoundingClientRect()[t] ?? 0, me = (e) => {
-	let { resizablePanel: t, contentPanel: n, resizableSide: r = "left", defaultSizePx: i = 240, minSizePx: a = 200, maxSizePx: o, contentMinSizePx: s = 0, collapsed: c, collapsible: u = !0, resizeLabel: d = "Resize panel", separator: f = "gap", layout: p = "split", onSizeChange: m, onCollapsedChange: h, ..._ } = e, v = Y(r), b = v.dimension === "width" ? "horizontal" : "vertical", x = g({ key: "resizableSplitLayout" })({
-		orientation: b,
-		layout: p,
-		separator: f
-	}), S = T(), C = E(null), O = E(null), k = E(null), A = E(null), j = E(() => void 0), { rootSize: M, separatorSize: N } = $(C, A, v.dimension), P = E(i), [F, I] = D(i), [L, R] = D(!1), [z, B] = D(!1), V = c ?? L, H = X({
-		rootSize: M,
-		fallbackRootSize: U[v.dimension],
+}, pe = (e, t, n) => Math.min(Math.max(e, t), n), me = (e, t) => e?.getBoundingClientRect()[t] ?? 0, he = (e) => {
+	let { resizablePanel: t, contentPanel: n, resizableSide: r = "left", defaultSizePx: i = 240, minSizePx: a = 200, maxSizePx: o, contentMinSizePx: s = 0, collapsed: c, collapsible: u = !0, resizable: d = !0, resizeLabel: f = "Resize panel", separator: p = "gap", layout: m = "split", onSizeChange: h, onCollapsedChange: _, ...v } = e, b = Y(r), x = b.dimension === "width" ? "horizontal" : "vertical", S = g({ key: "resizableSplitLayout" })({
+		orientation: x,
+		layout: m,
+		separator: p
+	}), C = T(), O = E(null), k = E(null), A = E(null), j = E(null), M = E(() => void 0), { rootSize: N, separatorSize: P } = ce(O, j, b.dimension), F = E(i), [I, L] = D(i), [R, z] = D(!1), [B, V] = D(!1), H = c ?? R, W = X({
+		rootSize: N,
+		fallbackRootSize: U[b.dimension],
 		minSize: a,
 		maxSize: o,
 		contentMinSize: s,
-		separatorSize: N
-	}), W = V ? 0 : fe(F, H.minSize, H.maxSize), G = `${S}-content`, K = `${S}-resizable`, q = {
-		..._.style,
-		"--split-size": `${W}px`,
-		"--split-stored-size": `${fe(F, H.minSize, H.maxSize)}px`
+		separatorSize: P
+	}), G = H ? 0 : pe(I, W.minSize, W.maxSize), K = `${C}-content`, q = `${C}-resizable`, J = {
+		...v.style,
+		"--split-size": `${G}px`,
+		"--split-stored-size": `${pe(I, W.minSize, W.maxSize)}px`
 	};
 	w(() => {
-		P.current = i, I(i);
-	}, [i]), w(() => () => j.current(), []);
-	let J = (e) => {
-		C.current?.style.setProperty("--split-size", `${e}px`);
-	}, Z = (e) => {
+		F.current = i, L(i);
+	}, [i]), w(() => () => M.current(), []);
+	let Z = (e) => {
+		O.current?.style.setProperty("--split-size", `${e}px`);
+	}, ee = (e) => {
 		let t = X({
-			rootSize: pe(C.current, v.dimension),
-			fallbackRootSize: U[v.dimension],
+			rootSize: me(O.current, b.dimension),
+			fallbackRootSize: U[b.dimension],
 			minSize: a,
 			maxSize: o,
 			contentMinSize: s,
-			separatorSize: pe(A.current, v.dimension)
-		}), n = fe(e, t.minSize, t.maxSize);
-		P.current = n, I(n), J(n), m?.(n);
+			separatorSize: me(j.current, b.dimension)
+		}), n = pe(e, t.minSize, t.maxSize);
+		F.current = n, L(n), Z(n), h?.(n);
 	}, Q = (e) => {
-		c === void 0 && R(e), h?.(e);
-	}, ee = ue({
-		axis: v,
+		c === void 0 && z(e), _?.(e);
+	}, te = de({
+		axis: b,
 		resizableSide: r,
-		collapsed: V,
+		collapsed: H,
 		collapsible: u,
-		resolvedPanelSize: W,
+		resolvedPanelSize: G,
 		minSizePx: a,
 		maxSizePx: o,
 		contentMinSizePx: s,
-		rootRef: C,
-		resizablePanelRef: O,
-		contentPanelRef: k,
-		separatorRef: A,
-		cleanupDragRef: j,
-		lastSizeRef: P,
-		applyPanelSize: J,
-		commitPanelSize: Z,
+		rootRef: O,
+		resizablePanelRef: k,
+		contentPanelRef: A,
+		separatorRef: j,
+		cleanupDragRef: M,
+		lastSizeRef: F,
+		applyPanelSize: Z,
+		commitPanelSize: ee,
 		setCollapsed: Q,
-		setDragging: B
-	}), te = () => {
+		setDragging: V
+	}), ne = () => {
 		u && Q(!0);
-	}, ne = de({
-		dimension: v.dimension,
-		deltaDirection: v.deltaDirection,
-		collapsed: V,
+	}, re = fe({
+		dimension: b.dimension,
+		deltaDirection: b.deltaDirection,
+		collapsed: H,
 		collapsible: u,
-		minSize: H.minSize,
-		maxSize: H.maxSize,
-		getSize: () => P.current,
+		minSize: W.minSize,
+		maxSize: W.maxSize,
+		getSize: () => F.current,
 		setCollapsed: Q,
-		commitSize: Z
+		commitSize: ee
 	});
 	return /* @__PURE__ */ y(l, {
-		ref: C,
-		css: x.root,
-		..._,
-		style: q,
-		"data-collapsed": V,
-		"data-dragging": z,
+		ref: O,
+		css: S.root,
+		...v,
+		style: J,
+		"data-collapsed": H,
+		"data-dragging": B,
 		children: /* @__PURE__ */ y(se, {
-			styles: x,
-			axis: v,
-			bounds: H,
-			collapsed: V,
+			resizable: d,
+			styles: S,
+			axis: b,
+			bounds: W,
+			collapsed: H,
 			collapsible: u,
 			contentPanel: n,
-			contentPanelId: G,
-			contentPanelRef: k,
+			contentPanelId: K,
+			contentPanelRef: A,
 			resizablePanel: t,
-			resizablePanelId: K,
-			resizablePanelRef: O,
-			rootRef: C,
-			dragging: z,
-			resizeLabel: d,
-			resolvedPanelSize: W,
-			separator: f,
-			separatorRef: A,
-			onCollapse: te,
-			onResizeKeyDown: ne,
-			onResizeStart: ee
+			resizablePanelId: q,
+			resizablePanelRef: k,
+			rootRef: O,
+			dragging: B,
+			resizeLabel: f,
+			resolvedPanelSize: G,
+			separator: p,
+			separatorRef: j,
+			onCollapse: ne,
+			onResizeKeyDown: re,
+			onResizeStart: te
 		})
 	});
-}, he = (e) => {
+}, ge = (e) => {
 	let n = _(8), { actions: r, children: i } = e, a;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ y(c, {
 		position: "absolute",
@@ -466,7 +470,7 @@ var se = (e) => {
 		maxW: "full",
 		children: [o, s]
 	}), n[5] = o, n[6] = s, n[7] = l) : l = n[7], l;
-}, ge = (e, t) => t.includes(e), _e = (e, t) => Array.isArray(t) ? t.includes(e) : t === e, ve = (e) => e.isNavigable || e.navigationIntent !== void 0, ye = (e) => e.children ?? [], be = (e) => ye(e).length > 0 || e.isContainer === !0, xe = (e) => {
+}, _e = (e, t) => t.includes(e), ve = (e, t) => Array.isArray(t) ? t.includes(e) : t === e, ye = (e) => e.isNavigable || e.navigationIntent !== void 0, be = (e) => e.children ?? [], xe = (e) => be(e).length > 0 || e.isContainer === !0, Se = (e) => {
 	let { rows: t, sectionId: n, nodes: r, expandedNodeIds: i, level: a, parentNodeId: o } = e;
 	for (let e of r) {
 		t.push({
@@ -477,8 +481,8 @@ var se = (e) => {
 			level: a,
 			parentNodeId: o
 		});
-		let r = ye(e);
-		r.length !== 0 && ge(e.id, i) && xe({
+		let r = be(e);
+		r.length !== 0 && _e(e.id, i) && Se({
 			rows: t,
 			sectionId: n,
 			nodes: r,
@@ -487,10 +491,10 @@ var se = (e) => {
 			parentNodeId: e.id
 		});
 	}
-}, Se = (e, t, n) => {
+}, Ce = (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}`,
@@ -508,7 +512,7 @@ var se = (e) => {
 				});
 				continue;
 			}
-			xe({
+			Se({
 				rows: r,
 				sectionId: i.id,
 				nodes: i.nodes,
@@ -518,14 +522,14 @@ var se = (e) => {
 		}
 	}
 	return r;
-}, Ce = (e) => e.kind === "node" ? e.node.id : e.key, we = (e) => e.kind === "node" ? e.node.disabled !== !0 : e.kind === "section-header" && e.collapsible, Te = (e) => e.filter(we), Ee = (e, t, n) => {
-	let r = Te(n), i = new Set(r.map(Ce));
+}, we = (e) => e.kind === "node" ? e.node.id : e.key, Te = (e) => e.kind === "node" ? e.node.disabled !== !0 : e.kind === "section-header" && e.collapsible, Ee = (e) => e.filter(Te), De = (e, t, n) => {
+	let r = Ee(n), i = new Set(r.map(we));
 	if (e && i.has(e)) return e;
 	let a = (t ? [t].flat() : []).find((e) => i.has(e));
 	if (a) return a;
 	let o = r[0];
-	return o ? Ce(o) : void 0;
-}, De = (e) => {
+	return o ? we(o) : void 0;
+}, Oe = (e) => {
 	let { row: t, focusableRows: n, currentIndex: r, key: i } = e;
 	if (i === "Enter" || i === " ") return {
 		type: "toggle-section",
@@ -546,8 +550,8 @@ var se = (e) => {
 		type: "toggle-section",
 		sectionId: t.sectionId
 	} : null;
-}, Oe = (e) => {
-	let { row: t, focusableRows: n, currentIndex: r, expandedNodeIds: i, key: a } = e, o = ge(t.node.id, i), s = be(t.node);
+}, ke = (e) => {
+	let { row: t, focusableRows: n, currentIndex: r, expandedNodeIds: i, key: a } = e, o = _e(t.node.id, i), s = xe(t.node);
 	if (a === "ArrowRight") {
 		if (!s) return null;
 		if (!o) return {
@@ -571,33 +575,33 @@ var se = (e) => {
 		};
 	}
 	return null;
-}, ke = (e) => {
-	let { rows: t, focusedRowId: n, activeNodeId: r, expandedNodeIds: i, key: a } = e, o = Te(t);
+}, Ae = (e) => {
+	let { rows: t, focusedRowId: n, activeNodeId: r, expandedNodeIds: i, key: a } = e, o = Ee(t);
 	if (o.length === 0) return null;
-	let s = Ee(n, r, t), c = Math.max(0, o.findIndex((e) => Ce(e) === s)), l = o[c];
+	let s = De(n, r, t), c = Math.max(0, o.findIndex((e) => we(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: Ce(o[t])
+			rowId: we(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" ? De({
+	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" ? Oe({
 		row: l,
 		focusableRows: o,
 		currentIndex: c,
 		key: a
-	}) : Oe({
+	}) : ke({
 		row: l,
 		focusableRows: o,
 		currentIndex: c,
 		expandedNodeIds: i,
 		key: a
 	});
-}, Ae = "application/x-pstdio-tree-node", je = (e, t) => {
-	e.setData(Ae, t);
-}, Me = (e) => e.getData(Ae) || void 0, Ne = (e) => {
+}, je = "application/x-pstdio-tree-node", Me = (e, t) => {
+	e.setData(je, t);
+}, Ne = (e) => e.getData(je) || void 0, Pe = (e) => {
 	let t = _(8), { children: n, onMoveNode: r } = e, i;
 	t[0] === r ? i = t[1] : (i = (e) => {
 		r && (e.preventDefault(), e.dataTransfer.dropEffect = "move");
@@ -606,7 +610,7 @@ var se = (e) => {
 	t[2] === r ? o = t[3] : (o = (e) => {
 		if (!r) return;
 		e.preventDefault();
-		let t = Me(e.dataTransfer);
+		let t = Ne(e.dataTransfer);
 		t && r(t, void 0, "inside");
 	}, t[2] = r, t[3] = o);
 	let s = o, l;
@@ -621,7 +625,7 @@ var se = (e) => {
 		onDrop: s,
 		children: n
 	}), t[4] = n, t[5] = a, t[6] = s, t[7] = l) : l = t[7], l;
-}, Pe = (e) => e <= 0 ? "sm" : `calc(var(--chakra-spacing-1) + ${e} * 12px)`, Fe = (e) => {
+}, Fe = (e) => e <= 0 ? "sm" : `calc(var(--chakra-spacing-1) + ${e} * 12px)`, Ie = (e) => {
 	let { input: t, icon: n, level: r } = e, [i, a] = D(t.defaultValue ?? ""), [o, s] = D(), u = E(null), d = E(!1), p = async () => {
 		if (!d.current) {
 			d.current = !0, s(void 0);
@@ -641,7 +645,7 @@ var se = (e) => {
 		alignItems: "center",
 		gap: "1",
 		pr: "sm",
-		pl: Pe(r),
+		pl: Fe(r),
 		onMouseDown: (e) => e.stopPropagation(),
 		children: [n ? /* @__PURE__ */ y(c, {
 			boxSize: "16px",
@@ -673,24 +677,24 @@ var se = (e) => {
 			}
 		})]
 	});
-}, Ie = (e) => {
+}, Le = (e) => {
 	let t = _(78), { sectionId: n, node: r, level: a, expandedNodeIds: o, activeNodeId: c, rowVariant: l, nodeGap: u, linkComponent: d, tabIndex: f, onFocus: m, onNavigate: h, onToggleNode: g, onMoveNode: v } = e, [x, S] = D(null);
 	if (r.inlineInput) {
 		let e;
-		return t[0] !== a || t[1] !== r.icon || t[2] !== r.inlineInput ? (e = /* @__PURE__ */ y(Fe, {
+		return t[0] !== a || t[1] !== r.icon || t[2] !== r.inlineInput ? (e = /* @__PURE__ */ y(Ie, {
 			input: r.inlineInput,
 			icon: r.icon,
 			level: a
 		}), t[0] = a, t[1] = r.icon, t[2] = r.inlineInput, t[3] = e) : e = t[3], e;
 	}
 	let C;
-	t[4] === r ? C = t[5] : (C = be(r), t[4] = r, t[5] = C);
+	t[4] === r ? C = t[5] : (C = xe(r), t[4] = r, t[5] = C);
 	let w = C, T;
-	t[6] !== o || t[7] !== w || t[8] !== r.id ? (T = w && ge(r.id, o), t[6] = o, t[7] = w, t[8] = r.id, t[9] = T) : T = t[9];
+	t[6] !== o || t[7] !== w || t[8] !== r.id ? (T = w && _e(r.id, o), t[6] = o, t[7] = w, t[8] = r.id, t[9] = T) : T = t[9];
 	let E = T, O;
-	t[10] !== c || t[11] !== r.id ? (O = _e(r.id, c), t[10] = c, t[11] = r.id, t[12] = O) : O = t[12];
+	t[10] !== c || t[11] !== r.id ? (O = ve(r.id, c), t[10] = c, t[11] = r.id, t[12] = O) : O = t[12];
 	let k = O, A = r.disabled === !0, j;
-	t[13] === r ? j = t[14] : (j = ve(r), t[13] = r, t[14] = j);
+	t[13] === r ? j = t[14] : (j = ye(r), t[13] = r, t[14] = j);
 	let M = j, N = !!(d && r.href && M && !w && !A), P;
 	t[15] !== w || t[16] !== A || t[17] !== M || t[18] !== r || t[19] !== h || t[20] !== g || t[21] !== n ? (P = () => {
 		if (!A) {
@@ -712,7 +716,7 @@ var se = (e) => {
 	}, t[15] = w, t[16] = A, t[17] = M, t[18] = r, t[19] = h, t[20] = g, t[21] = n, t[22] = P) : P = t[22];
 	let F = P, I;
 	t[23] === r.id ? I = t[24] : (I = (e) => {
-		je(e.dataTransfer, r.id), e.dataTransfer.effectAllowed = "move";
+		Me(e.dataTransfer, r.id), e.dataTransfer.effectAllowed = "move";
 	}, t[23] = r.id, t[24] = I);
 	let L = I, R;
 	t[25] === w ? R = t[26] : (R = (e) => {
@@ -728,7 +732,7 @@ var se = (e) => {
 	t[31] !== r.canDrop || t[32] !== r.id || t[33] !== v || t[34] !== z ? (H = (e) => {
 		if (!v || (e.stopPropagation(), !r.canDrop)) return;
 		e.preventDefault(), S(null);
-		let t = Me(e.dataTransfer);
+		let t = Ne(e.dataTransfer);
 		t && t !== r.id && v(t, r.id, z(e));
 	}, t[31] = r.canDrop, t[32] = r.id, t[33] = v, t[34] = z, t[35] = H) : H = t[35];
 	let U = H, W;
@@ -767,20 +771,20 @@ var se = (e) => {
 		onActivate: F,
 		onToggleExpand: X
 	}, t[47] = E, t[48] = F, t[49] = w, t[50] = k, t[51] = a, t[52] = G, t[53] = r.id, t[54] = m, t[55] = q, t[56] = J, t[57] = Y, t[58] = X, t[59] = f, t[60] = Z) : Z = t[60];
-	let Q = Z, ee;
-	t[61] !== d || t[62] !== N || t[63] !== r.href || t[64] !== Q ? (ee = N && d && r.href ? /* @__PURE__ */ y(d, {
+	let ee = Z, Q;
+	t[61] !== d || t[62] !== N || t[63] !== r.href || t[64] !== ee ? (Q = N && d && r.href ? /* @__PURE__ */ y(d, {
 		to: r.href,
 		children: /* @__PURE__ */ y(i, {
-			...Q,
+			...ee,
 			asChild: !0
 		})
-	}) : /* @__PURE__ */ y(i, { ...Q }), t[61] = d, t[62] = N, t[63] = r.href, t[64] = Q, t[65] = ee) : ee = t[65];
-	let te = ee, ne = x === "inside" ? "bg.accent-subtle" : void 0, re = !!(v && r.canDrag), ie = r.canDrag ? L : void 0, ae = v ? V : void 0, oe = v ? U : void 0, se;
+	}) : /* @__PURE__ */ y(i, { ...ee }), t[61] = d, t[62] = N, t[63] = r.href, t[64] = ee, t[65] = Q) : Q = t[65];
+	let te = Q, ne = x === "inside" ? "bg.accent-subtle" : void 0, re = !!(v && r.canDrag), ie = r.canDrag ? L : void 0, ae = v ? V : void 0, oe = v ? U : void 0, se;
 	t[66] === Symbol.for("react.memo_cache_sentinel") ? (se = (e) => {
 		(!(e.relatedTarget instanceof Node) || !e.currentTarget.contains(e.relatedTarget)) && S(null);
 	}, t[66] = se) : se = t[66];
-	let $;
-	t[67] === x ? $ = t[68] : ($ = x === "before" || x === "after" ? /* @__PURE__ */ y(s, {
+	let ce;
+	t[67] === x ? ce = t[68] : (ce = x === "before" || x === "after" ? /* @__PURE__ */ y(s, {
 		"data-tree-list-drop-indicator": x,
 		...x === "before" ? {
 			top: "0",
@@ -789,9 +793,9 @@ var se = (e) => {
 			bottom: "0",
 			transform: "translateY(50%)"
 		}
-	}) : null, t[67] = x, t[68] = $);
-	let ce;
-	return t[69] !== u || t[70] !== te || t[71] !== ne || t[72] !== re || t[73] !== ie || t[74] !== ae || t[75] !== oe || t[76] !== $ ? (ce = /* @__PURE__ */ b(p, {
+	}) : null, t[67] = x, t[68] = ce);
+	let le;
+	return t[69] !== u || t[70] !== te || t[71] !== ne || t[72] !== re || t[73] !== ie || t[74] !== ae || t[75] !== oe || t[76] !== ce ? (le = /* @__PURE__ */ b(p, {
 		gap: u,
 		w: "full",
 		minW: "0",
@@ -803,9 +807,9 @@ var se = (e) => {
 		onDragOver: ae,
 		onDrop: oe,
 		onDragLeave: se,
-		children: [te, $]
-	}), t[69] = u, t[70] = te, t[71] = ne, t[72] = re, t[73] = ie, t[74] = ae, t[75] = oe, t[76] = $, t[77] = ce) : ce = t[77], ce;
-}, Le = (e) => {
+		children: [te, ce]
+	}), t[69] = u, t[70] = te, t[71] = ne, t[72] = re, t[73] = ie, t[74] = ae, t[75] = oe, t[76] = ce, t[77] = le) : le = t[77], le;
+}, Re = (e) => {
 	let t = _(11), { open: n, children: r } = e, i;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = { key: "treeReveal" }, t[0] = i) : i = t[0];
 	let a = h(i), o;
@@ -821,7 +825,7 @@ var se = (e) => {
 		"aria-hidden": l,
 		children: u
 	}), t[5] = n, t[6] = o, t[7] = s, t[8] = l, t[9] = u, t[10] = d) : d = t[10], d;
-}, Re = "section:", ze = (e) => `${Re}${e}`, Be = (e) => e.startsWith(Re), Ve = (e) => e.slice(8), He = "after-section:", Ue = (e) => `${He}${e}`, We = (e) => e.startsWith(He), Ge = (e) => e.slice(14), Ke = (e) => {
+}, ze = "section:", $ = (e) => `${ze}${e}`, Be = (e) => e.startsWith(ze), Ve = (e) => e.slice(8), He = "after-section:", Ue = (e) => `${He}${e}`, We = (e) => e.startsWith(He), Ge = (e) => e.slice(14), Ke = (e) => {
 	if (Be(e)) return Ve(e);
 	if (We(e)) return Ge(e);
 }, qe = (e, t) => {
@@ -943,13 +947,13 @@ var se = (e) => {
 		r = c, s = d, n = f, i = p, o = m, l = h, a = g, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o, t[6] = s, t[7] = l;
 	} else n = t[1], r = t[2], i = t[3], a = t[4], o = t[5], s = t[6], l = t[7];
 	let u = s === void 0 ? 0 : s, d = l === void 0 ? null : l, f;
-	t[8] === r ? f = t[9] : (f = ye(r), t[8] = r, t[9] = f);
+	t[8] === r ? f = t[9] : (f = be(r), t[8] = r, t[9] = f);
 	let p = f, m;
 	n !== void 0 && (m = r.id === n ? 0 : -1);
 	let h;
 	t[10] !== r.id || t[11] !== i ? (h = () => i?.(r.id), t[10] = r.id, t[11] = i, t[12] = h) : h = t[12];
 	let g;
-	t[13] !== u || t[14] !== r || t[15] !== a || t[16] !== h || t[17] !== m ? (g = /* @__PURE__ */ y(Ie, {
+	t[13] !== u || t[14] !== r || t[15] !== a || t[16] !== h || t[17] !== m ? (g = /* @__PURE__ */ y(Le, {
 		...a,
 		node: r,
 		level: u,
@@ -957,7 +961,7 @@ var se = (e) => {
 		onFocus: h
 	}), t[13] = u, t[14] = r, t[15] = a, t[16] = h, t[17] = m, t[18] = g) : g = t[18];
 	let v = g, x;
-	t[19] !== p || t[20] !== u || t[21] !== r.id || t[22] !== e || t[23] !== a ? (x = p.length ? /* @__PURE__ */ y(Le, {
+	t[19] !== p || t[20] !== u || t[21] !== r.id || t[22] !== e || t[23] !== a ? (x = p.length ? /* @__PURE__ */ y(Re, {
 		open: a.expandedNodeIds.includes(r.id),
 		children: /* @__PURE__ */ y(c, {
 			pt: a.nodeGap,
@@ -1066,7 +1070,7 @@ var se = (e) => {
 	let v = h(g);
 	if (i.inlineInput) {
 		let e;
-		return n[1] === i.inlineInput ? e = n[2] : (e = /* @__PURE__ */ y(Fe, {
+		return n[1] === i.inlineInput ? e = n[2] : (e = /* @__PURE__ */ y(Ie, {
 			input: i.inlineInput,
 			level: 0
 		}), n[1] = i.inlineInput, n[2] = e), e;
@@ -1149,8 +1153,46 @@ function at(e) {
 	return e.stopPropagation();
 }
 //#endregion
-//#region src/components/tree-list/tree-list-drop.ts
-var ot = (e, t, n, r) => {
+//#region src/components/tree-list/tree-list-row.tsx
+var ot = (e) => {
+	let t = _(32), { row: n, expandedNodeIds: r, activeNodeId: i, focusRowId: a, rowVariant: o, nodeGap: s, linkComponent: c, onRowFocus: l, onNavigate: u, onToggleSection: d, onToggleNode: f, onSectionContextMenu: p, onMoveNode: m } = 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] !== p || 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__ */ y(it, {
+			section: n.section,
+			collapsible: n.collapsible,
+			expanded: n.expanded,
+			focusId: n.key,
+			tabIndex: e,
+			onFocus: r,
+			onToggle: i,
+			onContextMenu: p
+		}), t[6] = p, 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 h = n.node.id === a ? 0 : -1, g;
+	t[15] !== l || t[16] !== n.node.id ? (g = () => l(n.node.id), t[15] = l, t[16] = n.node.id, t[17] = g) : g = t[17];
+	let v;
+	return t[18] !== i || t[19] !== r || t[20] !== c || t[21] !== s || t[22] !== m || t[23] !== u || t[24] !== f || t[25] !== n.level || t[26] !== n.node || t[27] !== n.sectionId || t[28] !== o || t[29] !== h || t[30] !== g ? (v = /* @__PURE__ */ y(Le, {
+		sectionId: n.sectionId,
+		node: n.node,
+		level: n.level,
+		expandedNodeIds: r,
+		activeNodeId: i,
+		rowVariant: o,
+		nodeGap: s,
+		linkComponent: c,
+		tabIndex: h,
+		onFocus: g,
+		onNavigate: u,
+		onToggleNode: f,
+		onMoveNode: m
+	}), t[18] = i, t[19] = r, t[20] = c, t[21] = s, t[22] = m, t[23] = u, t[24] = f, t[25] = n.level, t[26] = n.node, t[27] = n.sectionId, t[28] = o, t[29] = h, t[30] = g, t[31] = v) : v = t[31], v;
+}, st = (e, t, n, r) => {
 	if (e === t) return null;
 	let i = n ? "before" : "after";
 	return We(t) ? {
@@ -1167,15 +1209,15 @@ var ot = (e, t, n, r) => {
 		id: t,
 		edge: i
 	};
-}, st = (e, t, n, r) => {
+}, ct = (e, t, n, r) => {
 	let i = Ve(t);
-	if (n.kind !== "section" || n.edge === "inside" || n.id === i || !Ye(e, t, ze(n.id), r)) return null;
+	if (n.kind !== "section" || n.edge === "inside" || n.id === i || !Ye(e, t, $(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
 	};
-}, ct = (e, t, n, r) => {
+}, lt = (e, t, n, r) => {
 	if (n.kind === "node") {
 		let t = qe(e, n.id);
 		return t ? {
@@ -1190,15 +1232,15 @@ var ot = (e, t, n, r) => {
 		index: i.nodes.length
 	};
 	let a = e.find((e) => e.id === n.nextSectionId);
-	return a && !a.label && a.canReorder !== !1 && Ye(e, t, ze(a.id), r) ? {
+	return a && !a.label && a.canReorder !== !1 && Ye(e, t, $(a.id), r) ? {
 		sectionId: a.id,
 		index: 0
 	} : void 0;
-}, lt = (e, t, n, r, i) => {
-	if (Be(t)) return st(e, t, n, r);
+}, ut = (e, t, n, r, i) => {
+	if (Be(t)) return ct(e, t, n, r);
 	let a = qe(e, t);
 	if (!a || a.node.canReorder === !1 || !Ye(e, t, n.kind === "node" ? n.id : Ue(n.id), r)) return null;
-	let o = ct(e, t, n, r);
+	let o = lt(e, t, n, r);
 	if (o === null) return null;
 	let s = a.section.nodes.map((e) => e.id).filter((e) => e !== t);
 	if (!o) {
@@ -1232,7 +1274,7 @@ var ot = (e, t, n, r) => {
 			[o.sectionId]: c
 		}
 	};
-}, ut = (e) => Be(e) ? 2 : +!!We(e), dt = (e, t) => (n) => {
+}, dt = (e) => Be(e) ? 2 : +!!We(e), ft = (e, t) => (n) => {
 	let r = String(n.active.id), i = (n) => Ye(e, r, String(n.id), t), a = n.pointerCoordinates && {
 		x: n.collisionRect.left + n.collisionRect.width / 2,
 		y: n.pointerCoordinates.y
@@ -1240,11 +1282,11 @@ var ot = (e, t, n, r) => {
 		...n,
 		pointerCoordinates: a
 	}).filter(i) : [];
-	return o.length === 0 ? N(n).filter(i) : o.sort((e, t) => ut(String(e.id)) - ut(String(t.id)));
-}, ft = (e, t) => (e instanceof MouseEvent ? e.clientY : 0) + t, pt = (e, t, n) => t ? ot(e, String(t.id), n < t.rect.top + t.rect.height / 2, t.data.current?.nextSectionId) : null, mt = () => `tree-list-loose:${crypto.randomUUID()}`, ht = (e) => (t) => {
-	let n = String(t.active.id), r = pt(n, t.over, ft(t.activatorEvent, t.delta.y));
+	return o.length === 0 ? N(n).filter(i) : o.sort((e, t) => dt(String(e.id)) - dt(String(t.id)));
+}, pt = (e, t) => (e instanceof MouseEvent ? e.clientY : 0) + t, mt = (e, t, n) => t ? st(e, String(t.id), n < t.rect.top + t.rect.height / 2, t.data.current?.nextSectionId) : null, ht = () => `tree-list-loose:${crypto.randomUUID()}`, gt = (e) => (t) => {
+	let n = String(t.active.id), r = mt(n, t.over, pt(t.activatorEvent, t.delta.y));
 	if (!r) return;
-	let i = lt(e.sections, n, r, e.canMove, mt());
+	let i = ut(e.sections, n, r, e.canMove, ht());
 	if (!i) return;
 	if (i.kind === "section") {
 		e.onReorderSections?.(i.nextSectionIds, Ve(n), r.id);
@@ -1253,20 +1295,20 @@ var ot = (e, t, n, r) => {
 	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);
-}, gt = S(!1), _t = (e) => {
+}, _t = S(!1), vt = (e) => {
 	let t = _(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 = z(R(M, s)), l;
-	t[1] !== r || t[2] !== n ? (l = dt(n, r), t[1] = r, t[2] = n, t[3] = l) : l = t[3];
+	t[1] !== r || t[2] !== n ? (l = ft(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 = ht({
+	t[4] !== r || t[5] !== a || t[6] !== i || t[7] !== n ? (d = gt({
 		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 f = d, p;
-	t[9] === o ? p = t[10] : (p = /* @__PURE__ */ y(gt.Provider, {
+	t[9] === o ? p = t[10] : (p = /* @__PURE__ */ y(_t.Provider, {
 		value: !0,
 		children: o
 	}), t[9] = o, t[10] = p);
@@ -1278,7 +1320,7 @@ var ot = (e, t, n, r) => {
 		...Xe,
 		children: p
 	}), t[11] = u, t[12] = f, t[13] = c, t[14] = p, t[15] = m) : m = t[15], m;
-}, vt = (e) => e?.label ? e.id : void 0, yt = (e, t, n = []) => {
+}, yt = (e) => e?.label ? e.id : void 0, bt = (e, t, n = []) => {
 	if (!t) return null;
 	let r = (e) => {
 		let t = e.children, i = n.includes(e.id) ? t?.at(-1) : void 0;
@@ -1289,7 +1331,7 @@ var ot = (e, t, n, r) => {
 		return n ? {
 			lineId: t.edge === "after" ? r(n.node).id : t.id,
 			edge: t.edge,
-			groupId: vt(n.section)
+			groupId: yt(n.section)
 		} : null;
 	}
 	let i = e.find((e) => e.id === t.id);
@@ -1297,29 +1339,29 @@ var ot = (e, t, n, r) => {
 	if (t.edge === "inside") {
 		let e = i.nodes.at(-1);
 		return {
-			lineId: e ? r(e).id : ze(i.id),
+			lineId: e ? r(e).id : $(i.id),
 			edge: "after",
-			groupId: vt(i)
+			groupId: yt(i)
 		};
 	}
 	return t.edge === "after" ? {
 		lineId: Ue(i.id),
 		edge: "middle"
 	} : {
-		lineId: ze(i.id),
+		lineId: $(i.id),
 		edge: "before"
 	};
-}, bt = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find((e) => e.dataset.treeListFocusId === t) ?? null : null, xt = (e, t) => {
+}, xt = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find((e) => e.dataset.treeListFocusId === t) ?? null : null, St = (e, t) => {
 	if (e && t instanceof HTMLElement && e.contains(t)) return t.closest("[data-tree-list-focus-id]")?.dataset.treeListFocusId;
-}, St = (e) => e instanceof HTMLElement ? e.isContentEditable ? !0 : [
+}, Ct = (e) => e instanceof HTMLElement ? e.isContentEditable ? !0 : [
 	"INPUT",
 	"TEXTAREA",
 	"SELECT"
-].includes(e.tagName) : !1, Ct = (e, t) => e.findIndex((e) => we(e) && Ce(e) === t), wt = (e) => {
+].includes(e.tagName) : !1, wt = (e, t) => e.findIndex((e) => Te(e) && we(e) === t), Tt = (e) => {
 	let t = _(28), { rows: n, activeNodeId: r, expandedNodeIds: i, onToggleNode: a, onToggleSection: o, scrollToRow: s } = e, c = E(null), [l, u] = D(), [d, f] = D(), p;
-	t[0] !== r || t[1] !== l || t[2] !== n ? (p = Ee(l, r, n), t[0] = r, t[1] = l, t[2] = n, t[3] = p) : p = t[3];
+	t[0] !== r || t[1] !== l || t[2] !== n ? (p = De(l, r, n), t[0] = r, t[1] = l, t[2] = n, t[3] = p) : p = t[3];
 	let m = p, h;
-	t[4] === n ? h = t[5] : (h = Te(n).map(Ce).join("\0"), t[4] = n, t[5] = h);
+	t[4] === n ? h = t[5] : (h = Ee(n).map(we).join("\0"), t[4] = n, t[5] = h);
 	let g = h, v, y;
 	t[6] !== g || t[7] !== l ? (v = () => {
 		l && (g.split("\0").includes(l) || u(void 0));
@@ -1329,7 +1371,7 @@ var ot = (e, t, n, r) => {
 		if (!d) return;
 		let e = requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
-				let e = bt(c.current, d);
+				let e = xt(c.current, d);
 				e && (e.focus(), f(void 0));
 			});
 		});
@@ -1338,20 +1380,20 @@ var ot = (e, t, n, r) => {
 	let S;
 	t[13] !== n || t[14] !== s ? (S = (e) => {
 		u(e);
-		let t = bt(c.current, e);
+		let t = xt(c.current, e);
 		if (t) {
 			t.focus();
 			return;
 		}
-		let r = Ct(n, e);
+		let r = wt(n, e);
 		r !== -1 && (s?.(r), f(e));
 	}, t[13] = n, t[14] = s, t[15] = S) : S = t[15];
 	let C = S, T;
 	t[16] !== r || t[17] !== i || t[18] !== C || t[19] !== m || t[20] !== a || t[21] !== o || t[22] !== n ? (T = (e) => {
-		if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || St(e.target)) return;
-		let t = ke({
+		if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || Ct(e.target)) return;
+		let t = Ae({
 			rows: n,
-			focusedRowId: xt(c.current, e.target) ?? m,
+			focusedRowId: St(c.current, e.target) ?? m,
 			activeNodeId: r,
 			expandedNodeIds: i,
 			key: e.key
@@ -1377,15 +1419,111 @@ var ot = (e, t, n, r) => {
 		handleKeyDown: O,
 		onRowFocus: k
 	}, t[25] = m, t[26] = O, t[27] = A) : A = t[27], A;
-}, Tt = (e) => {
+}, Et = 32, Dt = 4, Ot = (e) => {
+	let t = _(18), { sortable: n, row: r, indicator: i, children: a } = e;
+	if (!n || r.kind === "section-empty") return a;
+	if (r.kind === "node" && r.level > 0) {
+		let e;
+		t[0] !== i || t[1] !== r.node.id ? (e = i?.lineId === r.node.id ? /* @__PURE__ */ y(Qe, { edge: i.edge }) : null, t[0] = i, t[1] = r.node.id, t[2] = e) : e = t[2];
+		let n;
+		return t[3] !== a || t[4] !== e ? (n = /* @__PURE__ */ b(c, {
+			position: "relative",
+			minW: "0",
+			children: [a, e]
+		}), t[3] = a, t[4] = e, t[5] = n) : n = t[5], n;
+	}
+	let o;
+	t[6] !== r.kind || t[7] !== r.node || t[8] !== r.sectionId ? (o = r.kind === "node" ? r.node.id : $(r.sectionId), t[6] = r.kind, t[7] = r.node, t[8] = r.sectionId, t[9] = o) : o = t[9];
+	let s = o, l = r.kind === "node" ? r.node.canReorder === !1 : r.section.canReorder === !1, u = r.kind === "section-header" && i?.groupId === r.sectionId, d;
+	t[10] === a ? d = t[11] : (d = () => a, t[10] = a, t[11] = d);
+	let f;
+	return t[12] !== l || t[13] !== s || t[14] !== i || t[15] !== u || t[16] !== d ? (f = /* @__PURE__ */ y($e, {
+		id: s,
+		disabled: l,
+		indicator: i,
+		handle: "self",
+		liftedBg: "bg.hover",
+		highlighted: u,
+		children: d
+	}), t[12] = l, t[13] = s, t[14] = i, t[15] = u, t[16] = d, t[17] = f) : f = t[17], f;
+}, kt = (e) => {
+	let { rows: t, expandedNodeIds: n = [], activeNodeId: r, rowVariant: i = "tree", nodeGap: o = "0", linkComponent: s, onNavigate: l, onToggleSection: u, onToggleNode: d, onSectionContextMenu: f, onMoveNode: p, scrollRef: m, sortable: h = !1, indicator: g = null, sectionGap: _ = "0" } = e, { virtualizer: v, virtualItems: x, totalSize: S } = a({
+		count: t.length,
+		getScrollElement: () => m.current,
+		estimateSize: () => Et,
+		overscan: Dt,
+		getItemKey: (e) => t[e]?.key ?? e
+	}), C = Tt({
+		rows: t,
+		activeNodeId: r,
+		expandedNodeIds: n,
+		onToggleNode: d,
+		onToggleSection: u,
+		scrollToRow: (e) => v.scrollToIndex(e, { align: "auto" })
+	}), w = /* @__PURE__ */ y(c, {
+		ref: C.rootRef,
+		"data-tree-list-virtual": "",
+		role: "listbox",
+		w: "full",
+		minW: "0",
+		maxW: "full",
+		position: "relative",
+		style: { height: S },
+		onKeyDown: C.handleKeyDown,
+		children: x.map((e) => {
+			let a = t[e.index];
+			return a ? /* @__PURE__ */ b(c, {
+				ref: v.measureElement,
+				"data-index": e.index,
+				"data-tree-list-row": a.kind,
+				position: "absolute",
+				top: "0",
+				left: "0",
+				w: "full",
+				pb: e.index === t.length - 1 || h && a.sectionId !== t[e.index + 1]?.sectionId ? "0" : o,
+				style: { transform: `translateY(${e.start}px)` },
+				children: [/* @__PURE__ */ y(Ot, {
+					sortable: h,
+					row: a,
+					indicator: g,
+					children: /* @__PURE__ */ y(ot, {
+						row: a,
+						expandedNodeIds: n,
+						activeNodeId: r,
+						focusRowId: C.focusRowId,
+						rowVariant: i,
+						nodeGap: o,
+						linkComponent: s,
+						onRowFocus: C.onRowFocus,
+						onNavigate: l,
+						onToggleSection: u,
+						onToggleNode: d,
+						onSectionContextMenu: f,
+						onMoveNode: p
+					})
+				}), h && a.sectionId !== t[e.index + 1]?.sectionId ? /* @__PURE__ */ y(et, {
+					sectionId: a.sectionId,
+					nextSectionId: t[e.index + 1]?.sectionId,
+					gap: _,
+					indicator: g
+				}) : null]
+			}, e.key) : null;
+		})
+	});
+	return h ? /* @__PURE__ */ y(B, {
+		items: t.flatMap((e) => e.kind === "section-header" ? [$(e.sectionId)] : e.kind === "node" && e.level === 0 ? [e.node.id] : []),
+		strategy: H,
+		children: w
+	}) : w;
+}, At = (e) => {
 	let t = _(35), { section: n, sectionRows: r, expandedNodeIds: i, activeNodeId: a, rowVariant: o, nodeGap: s, linkComponent: l, onNavigate: u, onToggleSection: d, onToggleNode: f, onMoveNode: p, onSectionContextMenu: m, indicator: h, dragging: g, focusRowId: x, onRowFocus: S } = e, C;
-	t[0] === r ? C = t[1] : (C = r.find(Ot), t[0] = r, t[1] = C);
+	t[0] === r ? C = t[1] : (C = r.find(Nt), t[0] = r, t[1] = C);
 	let w = C, T;
-	t[2] === r ? T = t[3] : (T = r.filter(kt), t[2] = r, t[3] = T);
+	t[2] === r ? T = t[3] : (T = r.filter(Pt), t[2] = r, t[3] = T);
 	let E = T, D;
-	t[4] === n.nodes ? D = t[5] : (D = n.nodes.map(At), t[4] = n.nodes, t[5] = D);
+	t[4] === n.nodes ? D = t[5] : (D = n.nodes.map(Ft), t[4] = n.nodes, t[5] = D);
 	let O = D, k;
-	t[6] === n.id ? k = t[7] : (k = ze(n.id), t[6] = n.id, t[7] = k);
+	t[6] === n.id ? k = t[7] : (k = $(n.id), t[6] = n.id, t[7] = k);
 	let A = n.canReorder === !1, j = h?.groupId === n.id, M;
 	t[8] !== a || t[9] !== g || t[10] !== i || t[11] !== x || t[12] !== w || t[13] !== h || t[14] !== l || t[15] !== s || t[16] !== E || t[17] !== p || t[18] !== u || t[19] !== S || t[20] !== m || t[21] !== f || t[22] !== d || t[23] !== o || t[24] !== n.emptyState || t[25] !== n.id || t[26] !== n.nodes || t[27] !== O ? (M = (e) => /* @__PURE__ */ b(v, { children: [
 		w && w.kind === "section-header" ? /* @__PURE__ */ y(c, {
@@ -1405,7 +1543,7 @@ var ot = (e, t, n, r) => {
 			h: "tree-empty-drop-zone",
 			"data-tree-list-empty-drop-zone": ""
 		}) : null,
-		/* @__PURE__ */ y(Le, {
+		/* @__PURE__ */ y(Re, {
 			open: !w || w.kind === "section-header" && w.expanded,
 			children: /* @__PURE__ */ b(B, {
 				items: O,
@@ -1438,22 +1576,28 @@ var ot = (e, t, n, r) => {
 		highlighted: j,
 		children: M
 	}), t[29] = h, t[30] = k, t[31] = A, t[32] = j, t[33] = M, t[34] = N) : N = t[34], N;
-}, Et = (e) => {
+}, jt = (e) => {
 	let { sections: t, expandedSectionIds: n, expandedNodeIds: r, sectionGap: i, ...a } = e, { active: o, over: s } = F(), [c, l] = D(null);
 	I({
-		onDragMove: (e) => l(ft(e.activatorEvent, e.delta.y)),
+		onDragMove: (e) => l(pt(e.activatorEvent, e.delta.y)),
 		onDragEnd: () => l(null),
 		onDragCancel: () => l(null)
 	});
-	let u = yt(t, o && c !== null ? pt(String(o.id), s, c) : null, r), d = Se(t, n, r), f = wt({
+	let u = bt(t, o && c !== null ? mt(String(o.id), s, c) : null, r), d = Ce(t, n, r), f = Tt({
 		rows: d,
 		activeNodeId: a.activeNodeId,
 		expandedNodeIds: r,
 		onToggleNode: a.onToggleNode,
 		onToggleSection: a.onToggleSection
 	});
-	return /* @__PURE__ */ y(B, {
-		items: t.map((e) => ze(e.id)),
+	return e.virtualize && e.scrollRef ? /* @__PURE__ */ y(kt, {
+		...e,
+		rows: d,
+		scrollRef: e.scrollRef,
+		sortable: !0,
+		indicator: u
+	}) : /* @__PURE__ */ y(B, {
+		items: t.map((e) => $(e.id)),
 		strategy: H,
 		children: /* @__PURE__ */ y(p, {
 			ref: f.rootRef,
@@ -1464,7 +1608,7 @@ var ot = (e, t, n, r) => {
 			minW: "0",
 			maxW: "full",
 			position: "relative",
-			children: t.map((e, n) => /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y(Tt, {
+			children: t.map((e, n) => /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y(At, {
 				section: e,
 				sectionRows: d.filter((t) => t.sectionId === e.id),
 				expandedNodeIds: r,
@@ -1489,26 +1633,26 @@ var ot = (e, t, n, r) => {
 			})] }, e.id))
 		})
 	});
-}, Dt = (e) => {
-	let t = _(34), { sections: n, expandedSectionIds: r, expandedNodeIds: i, activeNodeId: a, rowVariant: o, sectionGap: s, nodeGap: c, linkComponent: l, onNavigate: u, onToggleSection: d, onToggleNode: f, onMoveNode: p, onSectionContextMenu: m, onReorderSections: h, onReorderNodes: g, canMove: v } = e, b;
+}, Mt = (e) => {
+	let t = _(36), { sections: n, expandedSectionIds: r, expandedNodeIds: i, activeNodeId: a, rowVariant: o, sectionGap: s, nodeGap: c, linkComponent: l, onNavigate: u, onToggleSection: d, onToggleNode: f, onMoveNode: p, onSectionContextMenu: m, onReorderSections: h, onReorderNodes: g, canMove: v } = e, b;
 	t[0] === r ? b = t[1] : (b = r === void 0 ? [] : r, t[0] = r, t[1] = b);
 	let x = b, S;
 	t[2] === i ? S = t[3] : (S = i === void 0 ? [] : i, t[2] = i, t[3] = S);
 	let w = S, T = o === void 0 ? "tree" : o, E = s === void 0 ? "0" : s, D = c === void 0 ? "0" : c, O;
 	t[4] === Symbol.for("react.memo_cache_sentinel") ? (O = { activationConstraint: { distance: 4 } }, t[4] = O) : O = t[4];
-	let k = z(R(M, O)), j = C(gt), N;
-	t[5] !== v || t[6] !== n ? (N = dt(n, v), t[5] = v, t[6] = n, t[7] = N) : N = t[7];
+	let k = z(R(M, O)), j = C(_t), N;
+	t[5] !== v || t[6] !== n ? (N = ft(n, v), t[5] = v, t[6] = n, t[7] = N) : N = t[7];
 	let P = N, F;
 	t[8] === h ? F = t[9] : (F = (e) => h?.(e), t[8] = h, t[9] = F);
 	let I;
-	t[10] !== v || t[11] !== g || t[12] !== n || t[13] !== F ? (I = ht({
+	t[10] !== v || t[11] !== g || t[12] !== n || t[13] !== F ? (I = gt({
 		sections: n,
 		canMove: v,
 		onReorderSections: F,
 		onReorderNodes: g
 	}), t[10] = v, t[11] = g, t[12] = n, t[13] = F, t[14] = I) : I = t[14];
 	let L = I, B;
-	t[15] !== a || t[16] !== w || t[17] !== x || t[18] !== l || t[19] !== D || t[20] !== p || t[21] !== u || t[22] !== m || t[23] !== f || t[24] !== d || t[25] !== T || t[26] !== E || t[27] !== n ? (B = /* @__PURE__ */ y(Et, {
+	t[15] !== a || t[16] !== w || t[17] !== x || t[18] !== l || t[19] !== D || t[20] !== p || t[21] !== u || t[22] !== m || t[23] !== f || t[24] !== d || t[25] !== e.scrollRef || t[26] !== e.virtualize || t[27] !== T || t[28] !== E || t[29] !== n ? (B = /* @__PURE__ */ y(jt, {
 		sections: n,
 		expandedSectionIds: x,
 		expandedNodeIds: w,
@@ -1521,132 +1665,41 @@ var ot = (e, t, n, r) => {
 		onToggleSection: d,
 		onToggleNode: f,
 		onMoveNode: p,
-		onSectionContextMenu: m
-	}), t[15] = a, t[16] = w, t[17] = x, t[18] = l, t[19] = D, t[20] = p, t[21] = u, t[22] = m, t[23] = f, t[24] = d, t[25] = T, t[26] = E, t[27] = n, t[28] = B) : B = t[28];
+		onSectionContextMenu: m,
+		virtualize: e.virtualize,
+		scrollRef: e.scrollRef
+	}), t[15] = a, t[16] = w, t[17] = x, t[18] = l, t[19] = D, t[20] = p, t[21] = u, t[22] = m, t[23] = f, t[24] = d, t[25] = e.scrollRef, t[26] = e.virtualize, t[27] = T, t[28] = E, t[29] = n, t[30] = B) : B = t[30];
 	let V = B;
 	if (j) return V;
 	let H;
-	return t[29] !== P || t[30] !== V || t[31] !== L || t[32] !== k ? (H = /* @__PURE__ */ y(A, {
+	return t[31] !== P || t[32] !== V || t[33] !== L || t[34] !== k ? (H = /* @__PURE__ */ y(A, {
 		sensors: k,
 		collisionDetection: P,
 		onDragEnd: L,
 		...Xe,
 		children: V
-	}), t[29] = P, t[30] = V, t[31] = L, t[32] = k, t[33] = H) : H = t[33], H;
+	}), t[31] = P, t[32] = V, t[33] = L, t[34] = k, t[35] = H) : H = t[35], H;
 };
-function Ot(e) {
+function Nt(e) {
 	return e.kind === "section-header";
 }
-function kt(e) {
+function Pt(e) {
 	return e.kind === "node";
 }
-function At(e) {
+function Ft(e) {
 	return e.id;
 }
 //#endregion
 //#region src/components/tree-list/tree-list.tsx
-var jt = 32, Mt = 4, Nt = (e) => {
-	let t = _(32), { row: n, expandedNodeIds: r, activeNodeId: i, focusRowId: a, rowVariant: o, nodeGap: s, linkComponent: c, onRowFocus: l, onNavigate: u, onToggleSection: d, onToggleNode: f, onSectionContextMenu: p, onMoveNode: m } = 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] !== p || 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__ */ y(it, {
-			section: n.section,
-			collapsible: n.collapsible,
-			expanded: n.expanded,
-			focusId: n.key,
-			tabIndex: e,
-			onFocus: r,
-			onToggle: i,
-			onContextMenu: p
-		}), t[6] = p, 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 h = n.node.id === a ? 0 : -1, g;
-	t[15] !== l || t[16] !== n.node.id ? (g = () => l(n.node.id), t[15] = l, t[16] = n.node.id, t[17] = g) : g = t[17];
-	let v;
-	return t[18] !== i || t[19] !== r || t[20] !== c || t[21] !== s || t[22] !== m || t[23] !== u || t[24] !== f || t[25] !== n.level || t[26] !== n.node || t[27] !== n.sectionId || t[28] !== o || t[29] !== h || t[30] !== g ? (v = /* @__PURE__ */ y(Ie, {
-		sectionId: n.sectionId,
-		node: n.node,
-		level: n.level,
-		expandedNodeIds: r,
-		activeNodeId: i,
-		rowVariant: o,
-		nodeGap: s,
-		linkComponent: c,
-		tabIndex: h,
-		onFocus: g,
-		onNavigate: u,
-		onToggleNode: f,
-		onMoveNode: m
-	}), t[18] = i, t[19] = r, t[20] = c, t[21] = s, t[22] = m, t[23] = u, t[24] = f, t[25] = n.level, t[26] = n.node, t[27] = n.sectionId, t[28] = o, t[29] = h, t[30] = g, t[31] = v) : v = t[31], v;
-}, Pt = (e) => {
-	let { rows: t, expandedNodeIds: n = [], activeNodeId: r, rowVariant: i = "tree", nodeGap: o = "0", linkComponent: s, onNavigate: l, onToggleSection: u, onToggleNode: d, onSectionContextMenu: f, onMoveNode: p, scrollRef: m } = e, { virtualizer: h, virtualItems: g, totalSize: _ } = a({
-		count: t.length,
-		getScrollElement: () => m.current,
-		estimateSize: () => jt,
-		overscan: Mt,
-		getItemKey: (e) => t[e]?.key ?? e
-	}), v = wt({
-		rows: t,
-		activeNodeId: r,
-		expandedNodeIds: n,
-		onToggleNode: d,
-		onToggleSection: u,
-		scrollToRow: (e) => h.scrollToIndex(e, { align: "auto" })
-	});
-	return /* @__PURE__ */ y(c, {
-		ref: v.rootRef,
-		"data-tree-list-virtual": "",
-		role: "listbox",
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		position: "relative",
-		style: { height: _ },
-		onKeyDown: v.handleKeyDown,
-		children: g.map((e) => {
-			let a = t[e.index];
-			return a ? /* @__PURE__ */ y(c, {
-				ref: h.measureElement,
-				"data-index": e.index,
-				"data-tree-list-row": a.kind,
-				position: "absolute",
-				top: "0",
-				left: "0",
-				w: "full",
-				pb: e.index === t.length - 1 ? "0" : o,
-				style: { transform: `translateY(${e.start}px)` },
-				children: /* @__PURE__ */ y(Nt, {
-					row: a,
-					expandedNodeIds: n,
-					activeNodeId: r,
-					focusRowId: v.focusRowId,
-					rowVariant: i,
-					nodeGap: o,
-					linkComponent: s,
-					onRowFocus: v.onRowFocus,
-					onNavigate: l,
-					onToggleSection: u,
-					onToggleNode: d,
-					onSectionContextMenu: f,
-					onMoveNode: p
-				})
-			}, e.key) : null;
-		})
-	});
-}, Ft = (e) => {
-	let { sections: t, expandedSectionIds: n = [], expandedNodeIds: r = [], activeNodeId: i, rowVariant: a = "tree", sectionGap: o = "0", nodeGap: s = "0", linkComponent: l, onNavigate: u, onToggleSection: d, onToggleNode: f, onSectionContextMenu: m, onMoveNode: h, virtualize: g, scrollRef: _ } = e, v = Se(t, n, r), x = wt({
+var It = (e) => {
+	let { sections: t, expandedSectionIds: n = [], expandedNodeIds: r = [], activeNodeId: i, rowVariant: a = "tree", sectionGap: o = "0", nodeGap: s = "0", linkComponent: l, onNavigate: u, onToggleSection: d, onToggleNode: f, onSectionContextMenu: m, onMoveNode: h, virtualize: g, scrollRef: _ } = e, v = Ce(t, n, r), x = Tt({
 		rows: v,
 		activeNodeId: i,
 		expandedNodeIds: r,
 		onToggleNode: f,
 		onToggleSection: d
 	});
-	return g && _ ? /* @__PURE__ */ y(Pt, {
+	return g && _ ? /* @__PURE__ */ y(kt, {
 		...e,
 		rows: v,
 		scrollRef: _
@@ -1670,7 +1723,7 @@ var jt = 32, Mt = 4, Nt = (e) => {
 				children: [t.filter((e) => e.kind === "section-header").map((e) => /* @__PURE__ */ y(c, {
 					w: "full",
 					minW: "0",
-					children: /* @__PURE__ */ y(Nt, {
+					children: /* @__PURE__ */ y(ot, {
 						row: e,
 						expandedNodeIds: r,
 						activeNodeId: i,
@@ -1685,7 +1738,7 @@ var jt = 32, Mt = 4, Nt = (e) => {
 						onSectionContextMenu: m,
 						onMoveNode: h
 					})
-				}, e.key)), /* @__PURE__ */ b(Le, {
+				}, e.key)), /* @__PURE__ */ b(Re, {
 					open: e.collapsible === !1 || e.label === void 0 || n.includes(e.id),
 					children: [/* @__PURE__ */ y(nt, {
 						sectionId: e.id,
@@ -1705,9 +1758,11 @@ var jt = 32, Mt = 4, Nt = (e) => {
 			}, e.id);
 		})
 	});
-}, It = (e) => {
+}, Lt = (e) => {
 	let t = _(8), n;
-	t[0] === e ? n = t[1] : (n = e.draggable ? /* @__PURE__ */ y(Dt, {
+	t[0] === e ? n = t[1] : (n = e.draggable ? /* @__PURE__ */ y(Mt, {
+		virtualize: e.virtualize,
+		scrollRef: e.scrollRef,
 		sections: e.sections,
 		expandedSectionIds: e.expandedSectionIds,
 		expandedNodeIds: e.expandedNodeIds,
@@ -1724,21 +1779,21 @@ var jt = 32, Mt = 4, Nt = (e) => {
 		onReorderNodes: e.onReorderNodes,
 		onMoveNode: e.onMoveNode,
 		canMove: e.canMove
-	}) : /* @__PURE__ */ y(Ft, { ...e }), t[0] = e, t[1] = n);
+	}) : /* @__PURE__ */ y(It, { ...e }), t[0] = e, t[1] = n);
 	let r = n, i;
-	t[2] !== r || t[3] !== e.onMoveNode ? (i = /* @__PURE__ */ y(Ne, {
+	t[2] !== r || t[3] !== e.onMoveNode ? (i = /* @__PURE__ */ y(Pe, {
 		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__ */ y(he, {
+	return t[5] !== a || t[6] !== e.backgroundContextActions ? (o = /* @__PURE__ */ y(ge, {
 		actions: e.backgroundContextActions,
 		children: a
 	}), t[5] = a, t[6] = e.backgroundContextActions, t[7] = o) : o = t[7], o;
 };
 //#endregion
-export { _t as n, me as r, It as t };
+export { vt as n, he as r, Lt as t };
 
-//# sourceMappingURL=tree-list-B8Gtot1M.js.map
+//# sourceMappingURL=tree-list-aNC_UTGS.js.map