@pstdio/ui 0.20.0 → 0.21.0

package/dist/tree-list-uV4UFj0x.js

@@ -0,0 +1,1116 @@
+import { jsx as g, jsxs as re, Fragment as Oe } from "react/jsx-runtime";
+import { c as V } from "react/compiler-runtime";
+import { Box as G, Flex as De, Input as bt, Stack as Se, Text as vt, Menu as xe, IconButton as Be, HStack as $e } from "@chakra-ui/react";
+import { useId as Rt, useRef as ie, useState as ae, useEffect as me } from "react";
+import { useVirtualizer as zt } from "@tanstack/react-virtual";
+import { R as yt, L as Xe, a as Nt } from "./list-row-9oxy-F0v.js";
+import { ChevronRight as Dt } from "lucide-react";
+import { useSensors as Tt, useSensor as kt, PointerSensor as Ct, DndContext as Pt } from "@dnd-kit/core";
+import { SortableContext as et, verticalListSortingStrategy as tt, useSortable as Et } from "@dnd-kit/sortable";
+import { CSS as At } from "@dnd-kit/utilities";
+const Lt = 72, Mt = 160, Ft = 72, nt = (n, e, o) => Math.min(Math.max(n, e), o), Ot = {
+  left: {
+    rootDirection: "row",
+    dimension: "width",
+    separatorOrientation: "vertical",
+    cursor: "col-resize",
+    pointerCoordinate: "clientX",
+    deltaDirection: 1,
+    panelFirst: !0
+  },
+  right: {
+    rootDirection: "row",
+    dimension: "width",
+    separatorOrientation: "vertical",
+    cursor: "col-resize",
+    pointerCoordinate: "clientX",
+    deltaDirection: -1,
+    panelFirst: !1
+  },
+  top: {
+    rootDirection: "column",
+    dimension: "height",
+    separatorOrientation: "horizontal",
+    cursor: "row-resize",
+    pointerCoordinate: "clientY",
+    deltaDirection: 1,
+    panelFirst: !0
+  },
+  bottom: {
+    rootDirection: "column",
+    dimension: "height",
+    separatorOrientation: "horizontal",
+    cursor: "row-resize",
+    pointerCoordinate: "clientY",
+    deltaDirection: -1,
+    panelFirst: !1
+  }
+}, ot = (n) => Ot[n], Ae = (n) => {
+  const e = n.rootSize > 0 ? n.rootSize : n.fallbackRootSize, o = Math.max(0, e - n.contentMinSize), t = n.maxSize ?? o, i = Math.max(0, Math.min(t, o));
+  return {
+    minSize: Math.min(n.minSize, i),
+    maxSize: i
+  };
+}, $t = (n, e) => n === "top" || n === "bottom" ? Ft : nt(e / 2, Lt, Mt), _t = (n) => {
+  const e = ot(n.side), o = n.startSize + n.pointerDelta * e.deltaDirection, t = n.collapsible && o <= $t(n.side, n.minSize);
+  return {
+    rawSize: o,
+    size: t ? 0 : nt(o, n.minSize, n.maxSize),
+    collapsed: t
+  };
+}, Wt = {
+  _before: {
+    bg: "border.inverted"
+  }
+}, Ht = (n) => {
+  const e = V(34), {
+    axis: o,
+    bounds: t,
+    collapsed: i,
+    collapsible: r,
+    contentPanelId: s,
+    resizablePanelId: l,
+    resizeHandleSizePx: a,
+    resizeLabel: d,
+    resolvedPanelSize: p,
+    showResizeSeparator: f,
+    onResizeKeyDown: v,
+    onResizeStart: w
+  } = n, u = o.separatorOrientation === "vertical", m = `${a}px`, x = `${a / -2}px`;
+  let R;
+  e[0] !== f || e[1] !== u ? (R = u ? {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    insetInlineStart: "50%",
+    w: "1px",
+    bg: f ? "border" : "transparent",
+    transform: "translateX(-50%)"
+  } : {
+    content: '""',
+    position: "absolute",
+    insetInline: 0,
+    top: "50%",
+    h: "1px",
+    bg: f ? "border" : "transparent",
+    transform: "translateY(-50%)"
+  }, e[0] = f, e[1] = u, e[2] = R) : R = e[2];
+  const I = R, b = o.separatorOrientation, h = `${l} ${s}`;
+  let S;
+  e[3] !== t.minSize || e[4] !== r ? (S = r ? 0 : Math.round(t.minSize), e[3] = t.minSize, e[4] = r, e[5] = S) : S = e[5];
+  let D;
+  e[6] !== t.maxSize ? (D = Math.round(t.maxSize), e[6] = t.maxSize, e[7] = D) : D = e[7];
+  let z;
+  e[8] !== p ? (z = Math.round(p), e[8] = p, e[9] = z) : z = e[9];
+  const T = i ? !0 : void 0, C = i ? -1 : 0, c = i ? "none" : void 0, y = `0 0 ${m}`, N = u ? "full" : m, E = u ? m : "full", M = u ? x : void 0, W = u ? void 0 : x, B = f ? Wt : void 0, _ = u ? void 0 : "2px", F = u ? "2px" : void 0;
+  let L;
+  e[10] !== _ || e[11] !== F ? (L = {
+    _before: {
+      bg: "colorPalette.focusRing",
+      h: _,
+      w: F
+    }
+  }, e[10] = _, e[11] = F, e[12] = L) : L = e[12];
+  let O;
+  return e[13] !== o.cursor || e[14] !== o.separatorOrientation || e[15] !== v || e[16] !== w || e[17] !== d || e[18] !== I || e[19] !== N || e[20] !== E || e[21] !== M || e[22] !== W || e[23] !== B || e[24] !== L || e[25] !== h || e[26] !== S || e[27] !== D || e[28] !== z || e[29] !== T || e[30] !== C || e[31] !== c || e[32] !== y ? (O = /* @__PURE__ */ g(G, { role: "separator", "aria-label": d, "aria-orientation": b, "aria-controls": h, "aria-valuemin": S, "aria-valuemax": D, "aria-valuenow": z, "aria-hidden": T, tabIndex: C, display: c, position: "relative", zIndex: "docked", flex: y, h: N, w: E, mx: M, my: W, cursor: o.cursor, touchAction: "none", outline: "none", onPointerDown: w, onKeyDown: v, _before: I, _hover: B, _focusVisible: L }), e[13] = o.cursor, e[14] = o.separatorOrientation, e[15] = v, e[16] = w, e[17] = d, e[18] = I, e[19] = N, e[20] = E, e[21] = M, e[22] = W, e[23] = B, e[24] = L, e[25] = h, e[26] = S, e[27] = D, e[28] = z, e[29] = T, e[30] = C, e[31] = c, e[32] = y, e[33] = O) : O = e[33], O;
+}, Vt = (n) => {
+  const e = V(34), {
+    axis: o,
+    bounds: t,
+    collapsed: i,
+    collapsible: r,
+    contentPanel: s,
+    contentPanelId: l,
+    contentPanelRef: a,
+    resizablePanel: d,
+    resizablePanelId: p,
+    resizablePanelRef: f,
+    resizeHandleSizePx: v,
+    resizeLabel: w,
+    resolvedPanelSize: u,
+    showResizeSeparator: m,
+    onResizeKeyDown: x,
+    onResizeStart: R
+  } = n, I = i ? "none" : "flex", b = o.dimension === "height" ? `${u}px` : "full", h = `0 0 ${u}px`, S = o.dimension === "width" ? `${u}px` : "full", D = i ? !0 : void 0;
+  let z;
+  e[0] !== d || e[1] !== p || e[2] !== f || e[3] !== I || e[4] !== b || e[5] !== h || e[6] !== S || e[7] !== D ? (z = /* @__PURE__ */ g(De, { id: p, ref: f, display: I, h: b, minW: "0", minH: "0", overflow: "hidden", flex: h, w: S, "aria-hidden": D, children: d }, "resizable-panel"), e[0] = d, e[1] = p, e[2] = f, e[3] = I, e[4] = b, e[5] = h, e[6] = S, e[7] = D, e[8] = z) : z = e[8];
+  const T = z;
+  let C;
+  e[9] !== s || e[10] !== l || e[11] !== a ? (C = /* @__PURE__ */ g(De, { id: l, ref: a, display: "flex", h: "full", minW: "0", minH: "0", overflow: "hidden", flex: "1", children: s }, "content-panel"), e[9] = s, e[10] = l, e[11] = a, e[12] = C) : C = e[12];
+  const c = C;
+  let y;
+  e[13] !== o || e[14] !== t || e[15] !== i || e[16] !== r || e[17] !== l || e[18] !== x || e[19] !== R || e[20] !== p || e[21] !== v || e[22] !== w || e[23] !== u || e[24] !== m ? (y = /* @__PURE__ */ g(Ht, { axis: o, bounds: t, collapsed: i, collapsible: r, contentPanelId: l, resizablePanelId: p, resizeHandleSizePx: v, resizeLabel: w, resolvedPanelSize: u, showResizeSeparator: m, onResizeKeyDown: x, onResizeStart: R }, "resize-handle"), e[13] = o, e[14] = t, e[15] = i, e[16] = r, e[17] = l, e[18] = x, e[19] = R, e[20] = p, e[21] = v, e[22] = w, e[23] = u, e[24] = m, e[25] = y) : y = e[25];
+  const N = y;
+  if (o.panelFirst) {
+    let M;
+    return e[26] !== c || e[27] !== T || e[28] !== N ? (M = /* @__PURE__ */ re(Oe, { children: [
+      T,
+      N,
+      c
+    ] }), e[26] = c, e[27] = T, e[28] = N, e[29] = M) : M = e[29], M;
+  }
+  let E;
+  return e[30] !== c || e[31] !== T || e[32] !== N ? (E = /* @__PURE__ */ re(Oe, { children: [
+    c,
+    N,
+    T
+  ] }), e[30] = c, e[31] = T, e[32] = N, e[33] = E) : E = e[33], E;
+}, Le = {
+  width: 1200,
+  height: 720
+}, Ye = 24, Me = (n, e, o) => Math.min(Math.max(n, e), o), Fe = (n, e) => n?.getBoundingClientRect()[e] ?? 0, Ue = (n, e, o) => {
+  n && (n.style[o] = `${e}px`, n.style.flexBasis = `${e}px`, n.style.flexGrow = "0", n.style.flexShrink = "0", n.style.display = e > 0 ? "flex" : "none");
+}, je = (n) => {
+  n && (n.style.width = "", n.style.height = "", n.style.flexBasis = "", n.style.flexGrow = "", n.style.flexShrink = "", n.style.display = "");
+}, En = (n) => {
+  const e = V(91);
+  let o, t, i, r, s, l, a, d, p, f, v, w, u, m, x;
+  e[0] !== n ? ({
+    resizablePanel: l,
+    contentPanel: o,
+    resizableSide: d,
+    defaultSizePx: p,
+    minSizePx: f,
+    maxSizePx: i,
+    contentMinSizePx: v,
+    collapsed: t,
+    collapsible: w,
+    resizeLabel: u,
+    resizeHandleSizePx: m,
+    showResizeSeparator: x,
+    onSizeChange: s,
+    onCollapsedChange: r,
+    ...a
+  } = n, e[0] = n, e[1] = o, e[2] = t, e[3] = i, e[4] = r, e[5] = s, e[6] = l, e[7] = a, e[8] = d, e[9] = p, e[10] = f, e[11] = v, e[12] = w, e[13] = u, e[14] = m, e[15] = x) : (o = e[1], t = e[2], i = e[3], r = e[4], s = e[5], l = e[6], a = e[7], d = e[8], p = e[9], f = e[10], v = e[11], w = e[12], u = e[13], m = e[14], x = e[15]);
+  const R = d === void 0 ? "left" : d, I = p === void 0 ? 240 : p, b = f === void 0 ? 200 : f, h = v === void 0 ? 0 : v, S = w === void 0 ? !0 : w, D = u === void 0 ? "Resize panel" : u, z = m === void 0 ? 12 : m, T = x === void 0 ? !0 : x;
+  let C;
+  e[16] !== R ? (C = ot(R), e[16] = R, e[17] = C) : C = e[17];
+  const c = C, y = Rt(), N = ie(null), E = ie(null), M = ie(null), W = ie(Kt), B = ie(I), [_, F] = ae(I), [L, O] = ae(0), [j, K] = ae(!1), P = t ?? j;
+  let $, Z;
+  e[18] !== c.dimension || e[19] !== P || e[20] !== h || e[21] !== i || e[22] !== b || e[23] !== _ || e[24] !== L ? ($ = Ae({
+    rootSize: L,
+    fallbackRootSize: Le[c.dimension],
+    minSize: b,
+    maxSize: i,
+    contentMinSize: h
+  }), Z = P ? 0 : Me(_, $.minSize, $.maxSize), e[18] = c.dimension, e[19] = P, e[20] = h, e[21] = i, e[22] = b, e[23] = _, e[24] = L, e[25] = $, e[26] = Z) : ($ = e[25], Z = e[26]);
+  const X = Z, se = `${y}-content`, le = `${y}-resizable`;
+  let ee, te;
+  e[27] !== c.dimension ? (ee = () => {
+    const k = N.current;
+    if (!k)
+      return;
+    const Y = () => {
+      O(k.getBoundingClientRect()[c.dimension]);
+    };
+    if (Y(), typeof ResizeObserver > "u")
+      return;
+    const H = new ResizeObserver(Y);
+    return H.observe(k), () => {
+      H.disconnect();
+    };
+  }, te = [c.dimension], e[27] = c.dimension, e[28] = ee, e[29] = te) : (ee = e[28], te = e[29]), me(ee, te);
+  let ne, J;
+  e[30] !== I ? (ne = () => {
+    B.current = I, F(I);
+  }, J = [I], e[30] = I, e[31] = ne, e[32] = J) : (ne = e[31], J = e[32]), me(ne, J);
+  let A, U;
+  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => () => W.current(), U = [], e[33] = A, e[34] = U) : (A = e[33], U = e[34]), me(A, U);
+  let ce;
+  e[35] !== c.dimension ? (ce = (k) => {
+    Ue(E.current, k, c.dimension);
+  }, e[35] = c.dimension, e[36] = ce) : ce = e[36];
+  const Q = ce;
+  let he, we;
+  e[37] !== c.dimension || e[38] !== X ? (he = () => {
+    je(M.current), je(E.current), Ue(E.current, X, c.dimension);
+  }, we = [c.dimension, X], e[37] = c.dimension, e[38] = X, e[39] = he, e[40] = we) : (he = e[39], we = e[40]), me(he, we);
+  let Ie;
+  e[41] !== Q || e[42] !== c.dimension || e[43] !== h || e[44] !== i || e[45] !== b || e[46] !== s ? (Ie = (k) => {
+    const Y = Ae({
+      rootSize: Fe(N.current, c.dimension),
+      fallbackRootSize: Le[c.dimension],
+      minSize: b,
+      maxSize: i,
+      contentMinSize: h
+    }), H = Me(k, Y.minSize, Y.maxSize);
+    B.current = H, F(H), Q(H), s?.(H);
+  }, e[41] = Q, e[42] = c.dimension, e[43] = h, e[44] = i, e[45] = b, e[46] = s, e[47] = Ie) : Ie = e[47];
+  const q = Ie;
+  let be;
+  e[48] !== t || e[49] !== r ? (be = (k) => {
+    t === void 0 && K(k), r?.(k);
+  }, e[48] = t, e[49] = r, e[50] = be) : be = e[50];
+  const oe = be;
+  let ve;
+  e[51] !== Q || e[52] !== c.cursor || e[53] !== c.dimension || e[54] !== c.pointerCoordinate || e[55] !== P || e[56] !== S || e[57] !== q || e[58] !== h || e[59] !== i || e[60] !== b || e[61] !== R || e[62] !== oe ? (ve = (k) => {
+    if (k.button !== 0 || P && !S)
+      return;
+    k.preventDefault(), W.current();
+    const Y = k.currentTarget, H = Ae({
+      rootSize: Fe(N.current, c.dimension),
+      fallbackRootSize: Le[c.dimension],
+      minSize: b,
+      maxSize: i,
+      contentMinSize: h
+    }), ge = k[c.pointerCoordinate], Pe = P ? 0 : Fe(E.current, c.dimension) || B.current, ht = document.body.style.cursor, wt = document.body.style.userSelect;
+    let Ee = Pe === 0 ? 0 : Me(Pe, H.minSize, H.maxSize), He = P, fe = 0;
+    const Ve = (ye) => {
+      E.current && (E.current.style.pointerEvents = ye), M.current && (M.current.style.pointerEvents = ye);
+    }, It = () => {
+      fe || (fe = window.requestAnimationFrame(() => {
+        fe = 0, Q(Ee);
+      }));
+    }, Ke = (ye) => {
+      const Ge = _t({
+        side: R,
+        startSize: Pe,
+        pointerDelta: ye[c.pointerCoordinate] - ge,
+        minSize: H.minSize,
+        maxSize: H.maxSize,
+        collapsible: S
+      });
+      He = Ge.collapsed, Ee = Ge.size, It();
+    }, de = () => {
+      window.removeEventListener("pointermove", Ke), window.removeEventListener("pointerup", de), window.removeEventListener("pointercancel", de), window.removeEventListener("blur", de), document.body.style.cursor = ht, document.body.style.userSelect = wt, Y.hasPointerCapture(k.pointerId) && Y.releasePointerCapture(k.pointerId), Ve(""), fe && (window.cancelAnimationFrame(fe), fe = 0), W.current = Gt, He ? (Q(0), oe(!0)) : (oe(!1), q(Ee));
+    };
+    W.current = de, Y.setPointerCapture(k.pointerId), document.body.style.cursor = c.cursor, document.body.style.userSelect = "none", Ve("none"), window.addEventListener("pointermove", Ke), window.addEventListener("pointerup", de, {
+      once: !0
+    }), window.addEventListener("pointercancel", de, {
+      once: !0
+    }), window.addEventListener("blur", de, {
+      once: !0
+    });
+  }, e[51] = Q, e[52] = c.cursor, e[53] = c.dimension, e[54] = c.pointerCoordinate, e[55] = P, e[56] = S, e[57] = q, e[58] = h, e[59] = i, e[60] = b, e[61] = R, e[62] = oe, e[63] = ve) : ve = e[63];
+  const ke = ve;
+  let Re;
+  e[64] !== c.deltaDirection || e[65] !== c.dimension || e[66] !== $ || e[67] !== P || e[68] !== S || e[69] !== q || e[70] !== oe ? (Re = (k) => {
+    const Y = c.dimension === "width" ? "ArrowLeft" : "ArrowUp", H = c.dimension === "width" ? "ArrowRight" : "ArrowDown", ge = B.current;
+    P && (k.key === Y || k.key === H || k.key === "End") ? (k.preventDefault(), oe(!1), q(ge)) : k.key === Y ? (k.preventDefault(), q(ge - Ye * c.deltaDirection)) : k.key === H ? (k.preventDefault(), q(ge + Ye * c.deltaDirection)) : k.key === "Home" ? (k.preventDefault(), S ? oe(!0) : q($.minSize)) : k.key === "End" && (k.preventDefault(), q($.maxSize));
+  }, e[64] = c.deltaDirection, e[65] = c.dimension, e[66] = $, e[67] = P, e[68] = S, e[69] = q, e[70] = oe, e[71] = Re) : Re = e[71];
+  const Ce = Re;
+  let ue;
+  e[72] !== c || e[73] !== $ || e[74] !== P || e[75] !== S || e[76] !== o || e[77] !== se || e[78] !== Ce || e[79] !== ke || e[80] !== l || e[81] !== le || e[82] !== z || e[83] !== D || e[84] !== X || e[85] !== T ? (ue = /* @__PURE__ */ g(Vt, { axis: c, bounds: $, collapsed: P, collapsible: S, contentPanel: o, contentPanelId: se, contentPanelRef: M, resizablePanel: l, resizablePanelId: le, resizablePanelRef: E, resizeHandleSizePx: z, resizeLabel: D, resolvedPanelSize: X, showResizeSeparator: T, onResizeKeyDown: Ce, onResizeStart: ke }), e[72] = c, e[73] = $, e[74] = P, e[75] = S, e[76] = o, e[77] = se, e[78] = Ce, e[79] = ke, e[80] = l, e[81] = le, e[82] = z, e[83] = D, e[84] = X, e[85] = T, e[86] = ue) : ue = e[86];
+  let ze;
+  return e[87] !== c.rootDirection || e[88] !== a || e[89] !== ue ? (ze = /* @__PURE__ */ g(De, { ref: N, direction: c.rootDirection, h: "full", w: "full", overflow: "hidden", ...a, children: ue }), e[87] = c.rootDirection, e[88] = a, e[89] = ue, e[90] = ze) : ze = e[90], ze;
+};
+function Kt() {
+}
+function Gt() {
+}
+const Bt = (n) => {
+  const e = V(8), {
+    actions: o,
+    children: t
+  } = n;
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ g(G, { position: "absolute", inset: "0", zIndex: 0, "aria-hidden": !0, "data-tree-list-background": "true" }), e[0] = i) : i = e[0];
+  let r;
+  e[1] !== o ? (r = /* @__PURE__ */ g(yt, { actions: o, closeOnSelect: !1, children: i }), e[1] = o, e[2] = r) : r = e[2];
+  let s;
+  e[3] !== t ? (s = /* @__PURE__ */ g(G, { position: "relative", zIndex: 1, w: "full", minW: "0", maxW: "full", children: t }), e[3] = t, e[4] = s) : s = e[4];
+  let l;
+  return e[5] !== r || e[6] !== s ? (l = /* @__PURE__ */ re(G, { position: "relative", flex: "1 0 auto", minH: "full", w: "full", minW: "0", maxW: "full", children: [
+    r,
+    s
+  ] }), e[5] = r, e[6] = s, e[7] = l) : l = e[7], l;
+}, Te = (n, e) => e.includes(n), Xt = (n, e) => Array.isArray(e) ? e.includes(n) : e === n, Yt = (n) => n.isNavigable || n.navigationIntent !== void 0, it = (n) => n.children ?? [], rt = (n) => it(n).length > 0 || n.isContainer === !0, st = (n) => {
+  const {
+    rows: e,
+    sectionId: o,
+    nodes: t,
+    expandedNodeIds: i,
+    level: r,
+    parentNodeId: s
+  } = n;
+  for (const l of t) {
+    e.push({
+      kind: "node",
+      key: `${o}:${l.id}`,
+      sectionId: o,
+      node: l,
+      level: r,
+      parentNodeId: s
+    });
+    const a = it(l);
+    a.length === 0 || !Te(l.id, i) || st({
+      rows: e,
+      sectionId: o,
+      nodes: a,
+      expandedNodeIds: i,
+      level: r + 1,
+      parentNodeId: l.id
+    });
+  }
+}, lt = (n, e, o) => {
+  const t = [];
+  for (const i of n) {
+    const r = i.collapsible !== !1 && i.label !== void 0, s = r ? Te(i.id, e) : !0;
+    if (i.label && t.push({
+      kind: "section-header",
+      key: `header:${i.id}`,
+      sectionId: i.id,
+      section: i,
+      collapsible: r,
+      expanded: s
+    }), !!s) {
+      if (i.nodes.length === 0) {
+        i.emptyState && t.push({
+          kind: "section-empty",
+          key: `empty:${i.id}`,
+          sectionId: i.id,
+          emptyState: i.emptyState
+        });
+        continue;
+      }
+      st({
+        rows: t,
+        sectionId: i.id,
+        nodes: i.nodes,
+        expandedNodeIds: o,
+        level: 0
+      });
+    }
+  }
+  return t;
+}, pe = (n) => n.kind === "node" ? n.node.id : n.key, dt = (n) => n.kind === "node" ? n.node.disabled !== !0 : n.kind === "section-header" && n.collapsible, _e = (n) => n.filter(dt), at = (n, e, o) => {
+  const t = _e(o), i = new Set(t.map(pe));
+  if (n && i.has(n)) return n;
+  const s = (Array.isArray(e) ? e : e ? [e] : []).find((a) => i.has(a));
+  if (s) return s;
+  const l = t[0];
+  return l ? pe(l) : void 0;
+}, Ut = (n) => {
+  const {
+    row: e,
+    focusableRows: o,
+    currentIndex: t,
+    key: i
+  } = n;
+  if (i === "Enter" || i === " ") return {
+    type: "toggle-section",
+    sectionId: e.sectionId
+  };
+  if (i === "ArrowRight") {
+    if (!e.expanded) return {
+      type: "toggle-section",
+      sectionId: e.sectionId
+    };
+    const r = o[t + 1];
+    return r?.kind === "node" && r.sectionId === e.sectionId ? {
+      type: "focus",
+      rowId: r.node.id
+    } : null;
+  }
+  return i === "ArrowLeft" && e.expanded ? {
+    type: "toggle-section",
+    sectionId: e.sectionId
+  } : null;
+}, jt = (n) => {
+  const {
+    row: e,
+    focusableRows: o,
+    currentIndex: t,
+    expandedNodeIds: i,
+    key: r
+  } = n, s = Te(e.node.id, i), l = rt(e.node);
+  if (r === "ArrowRight") {
+    if (!l) return null;
+    if (!s) return {
+      type: "toggle-node",
+      nodeId: e.node.id
+    };
+    const a = o[t + 1];
+    return a?.kind === "node" && a.parentNodeId === e.node.id ? {
+      type: "focus",
+      rowId: a.node.id
+    } : null;
+  }
+  if (r === "ArrowLeft") {
+    if (l && s) return {
+      type: "toggle-node",
+      nodeId: e.node.id
+    };
+    if (e.parentNodeId) return {
+      type: "focus",
+      rowId: e.parentNodeId
+    };
+  }
+  return null;
+}, qt = (n) => {
+  const {
+    rows: e,
+    focusedRowId: o,
+    activeNodeId: t,
+    expandedNodeIds: i,
+    key: r
+  } = n, s = _e(e);
+  if (s.length === 0) return null;
+  const l = at(o, t, e), a = Math.max(0, s.findIndex((f) => pe(f) === l)), d = s[a];
+  if (!d) return null;
+  const p = (f) => {
+    const v = Math.min(Math.max(f, 0), s.length - 1);
+    return {
+      type: "focus",
+      rowId: pe(s[v])
+    };
+  };
+  return r === "ArrowDown" ? p(a + 1) : r === "ArrowUp" ? p(a - 1) : r === "Home" ? p(0) : r === "End" ? p(s.length - 1) : d.kind === "section-header" ? Ut({
+    row: d,
+    focusableRows: s,
+    currentIndex: a,
+    key: r
+  }) : jt({
+    row: d,
+    focusableRows: s,
+    currentIndex: a,
+    expandedNodeIds: i,
+    key: r
+  });
+}, ct = "application/x-pstdio-tree-node", Zt = (n, e) => {
+  n.setData(ct, e);
+}, ut = (n) => n.getData(ct) || void 0, Jt = (n) => {
+  const e = V(8), {
+    children: o,
+    onMoveNode: t
+  } = n;
+  let i;
+  e[0] !== t ? (i = (d) => {
+    t && (d.preventDefault(), d.dataTransfer.dropEffect = "move");
+  }, e[0] = t, e[1] = i) : i = e[1];
+  const r = i;
+  let s;
+  e[2] !== t ? (s = (d) => {
+    if (!t)
+      return;
+    d.preventDefault();
+    const p = ut(d.dataTransfer);
+    p && t(p);
+  }, e[2] = t, e[3] = s) : s = e[3];
+  const l = s;
+  let a;
+  return e[4] !== o || e[5] !== r || e[6] !== l ? (a = /* @__PURE__ */ g(G, { p: "xs", w: "full", minW: "0", maxW: "full", minH: "full", flex: "1 0 auto", onDragOver: r, onDrop: l, children: o }), e[4] = o, e[5] = r, e[6] = l, e[7] = a) : a = e[7], a;
+}, Qt = (n) => n <= 0 ? "sm" : `calc(var(--chakra-spacing-1) + ${n} * 12px)`, en = (n) => {
+  const {
+    input: e,
+    icon: o,
+    level: t
+  } = n, [i, r] = ae(e.defaultValue ?? ""), [s, l] = ae(), a = ie(null), d = ie(!1), p = async () => {
+    if (!d.current) {
+      d.current = !0, l(void 0);
+      try {
+        await e.onCommit(i.trim());
+      } catch (f) {
+        l(f instanceof Error ? f.message : "Could not create file."), queueMicrotask(() => a.current?.focus());
+      } finally {
+        d.current = !1;
+      }
+    }
+  };
+  return /* @__PURE__ */ re(De, { h: "1.75rem", w: "full", minW: "0", alignItems: "center", gap: "1", pr: "sm", pl: Qt(t), onMouseDown: (f) => f.stopPropagation(), children: [
+    o ? /* @__PURE__ */ g(G, { boxSize: "16px", color: "fg.muted", flexShrink: 0, display: "inline-flex", alignItems: "center", justifyContent: "center", css: {
+      "& > svg": {
+        width: "16px",
+        height: "16px"
+      }
+    }, children: o }) : null,
+    /* @__PURE__ */ g(bt, { ref: a, autoFocus: !0, size: "xs", value: i, "aria-label": e.ariaLabel, "aria-invalid": !!s || void 0, placeholder: e.placeholder, title: s, onChange: (f) => r(f.currentTarget.value), onBlur: () => {
+      d.current || e.onCancel?.();
+    }, onKeyDown: (f) => {
+      f.stopPropagation(), f.key === "Enter" && (f.preventDefault(), p()), f.key === "Escape" && !d.current && (f.preventDefault(), e.onCancel?.());
+    } })
+  ] });
+}, ft = (n) => {
+  const e = V(69), {
+    sectionId: o,
+    node: t,
+    level: i,
+    expandedNodeIds: r,
+    activeNodeId: s,
+    rowVariant: l,
+    nodeGap: a,
+    linkComponent: d,
+    tabIndex: p,
+    onFocus: f,
+    onNavigate: v,
+    onToggleNode: w,
+    onMoveNode: u
+  } = n;
+  if (t.inlineInput) {
+    let A;
+    return e[0] !== i || e[1] !== t.icon || e[2] !== t.inlineInput ? (A = /* @__PURE__ */ g(en, { input: t.inlineInput, icon: t.icon, level: i }), e[0] = i, e[1] = t.icon, e[2] = t.inlineInput, e[3] = A) : A = e[3], A;
+  }
+  let m;
+  e[4] !== t ? (m = rt(t), e[4] = t, e[5] = m) : m = e[5];
+  const x = m;
+  let R;
+  e[6] !== r || e[7] !== x || e[8] !== t.id ? (R = x && Te(t.id, r), e[6] = r, e[7] = x, e[8] = t.id, e[9] = R) : R = e[9];
+  const I = R;
+  let b;
+  e[10] !== s || e[11] !== t.id ? (b = Xt(t.id, s), e[10] = s, e[11] = t.id, e[12] = b) : b = e[12];
+  const h = b, S = t.disabled === !0;
+  let D;
+  e[13] !== t ? (D = Yt(t), e[13] = t, e[14] = D) : D = e[14];
+  const z = D, T = !!(d && t.href && z && !x && !S);
+  let C;
+  e[15] !== x || e[16] !== S || e[17] !== z || e[18] !== t || e[19] !== v || e[20] !== w || e[21] !== o ? (C = () => {
+    if (!S) {
+      if (x) {
+        w?.(t.id);
+        return;
+      }
+      if (z && v) {
+        v({
+          sectionId: o,
+          nodeId: t.id,
+          node: t,
+          intent: t.navigationIntent
+        });
+        return;
+      }
+      t.onActivate?.();
+    }
+  }, e[15] = x, e[16] = S, e[17] = z, e[18] = t, e[19] = v, e[20] = w, e[21] = o, e[22] = C) : C = e[22];
+  const c = C;
+  let y;
+  e[23] !== t.id ? (y = (A) => {
+    Zt(A.dataTransfer, t.id), A.dataTransfer.effectAllowed = "move";
+  }, e[23] = t.id, e[24] = y) : y = e[24];
+  const N = y;
+  let E;
+  e[25] !== t.canDrop || e[26] !== u ? (E = (A) => {
+    u && (A.stopPropagation(), t.canDrop && (A.preventDefault(), A.dataTransfer.dropEffect = "move"));
+  }, e[25] = t.canDrop, e[26] = u, e[27] = E) : E = e[27];
+  const M = E;
+  let W;
+  e[28] !== t.canDrop || e[29] !== t.id || e[30] !== u ? (W = (A) => {
+    if (!u || (A.stopPropagation(), !t.canDrop))
+      return;
+    A.preventDefault();
+    const U = ut(A.dataTransfer);
+    U && U !== t.id && u(U, t.id);
+  }, e[28] = t.canDrop, e[29] = t.id, e[30] = u, e[31] = W) : W = e[31];
+  const B = W;
+  let _;
+  e[32] !== t.actions || e[33] !== t.id || e[34] !== o ? (_ = t.actions?.map((A) => ({
+    ...A,
+    onAction: A.onAction ? (U) => A.onAction?.({
+      sectionId: o,
+      nodeId: t.id,
+      ...U
+    }) : void 0
+  })), e[32] = t.actions, e[33] = t.id, e[34] = o, e[35] = _) : _ = e[35];
+  let F, L;
+  if (e[36] !== t || e[37] !== _) {
+    const A = {
+      ...t,
+      actions: _
+    }, {
+      inlineInput: U,
+      rowVariant: ce,
+      ...Q
+    } = A;
+    L = ce, F = Q, e[36] = t, e[37] = _, e[38] = F, e[39] = L;
+  } else
+    F = e[38], L = e[39];
+  const O = L ?? l, j = i + 1, K = x ? I : void 0;
+  let P;
+  e[40] !== t.id || e[41] !== w ? (P = () => w?.(t.id), e[40] = t.id, e[41] = w, e[42] = P) : P = e[42];
+  let $;
+  e[43] !== I || e[44] !== c || e[45] !== x || e[46] !== h || e[47] !== i || e[48] !== F || e[49] !== t.id || e[50] !== f || e[51] !== j || e[52] !== K || e[53] !== P || e[54] !== O || e[55] !== p ? ($ = {
+    ...F,
+    depth: i,
+    variant: O,
+    isSelected: h,
+    isExpanded: I,
+    showExpandToggle: x,
+    tabIndex: p,
+    "data-tree-list-focus-id": t.id,
+    "aria-level": j,
+    "aria-expanded": K,
+    "data-tree-list-node-id": t.id,
+    onFocus: f,
+    onActivate: c,
+    onToggleExpand: P
+  }, e[43] = I, e[44] = c, e[45] = x, e[46] = h, e[47] = i, e[48] = F, e[49] = t.id, e[50] = f, e[51] = j, e[52] = K, e[53] = P, e[54] = O, e[55] = p, e[56] = $) : $ = e[56];
+  const Z = $;
+  let X;
+  e[57] !== d || e[58] !== T || e[59] !== t.href || e[60] !== Z ? (X = T && d && t.href ? /* @__PURE__ */ g(d, { to: t.href, children: /* @__PURE__ */ g(Xe, { ...Z, asChild: !0 }) }) : /* @__PURE__ */ g(Xe, { ...Z }), e[57] = d, e[58] = T, e[59] = t.href, e[60] = Z, e[61] = X) : X = e[61];
+  const se = X, le = !!(u && t.canDrag), ee = t.canDrag ? N : void 0, te = u ? M : void 0, ne = u ? B : void 0;
+  let J;
+  return e[62] !== a || e[63] !== se || e[64] !== le || e[65] !== ee || e[66] !== te || e[67] !== ne ? (J = /* @__PURE__ */ g(Se, { gap: a, w: "full", minW: "0", maxW: "full", draggable: le, onDragStart: ee, onDragOver: te, onDrop: ne, children: se }), e[62] = a, e[63] = se, e[64] = le, e[65] = ee, e[66] = te, e[67] = ne, e[68] = J) : J = e[68], J;
+}, tn = (n) => {
+  const e = V(9), {
+    sectionId: o,
+    actions: t
+  } = n;
+  if (t.length === 0)
+    return null;
+  let i, r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    opacity: "1",
+    pointerEvents: "auto"
+  }, r = {
+    opacity: "1",
+    pointerEvents: "auto"
+  }, e[0] = i, e[1] = r) : (i = e[0], r = e[1]);
+  let s;
+  if (e[2] !== t || e[3] !== o) {
+    let a;
+    e[5] !== o ? (a = (d) => d.menuItems && d.menuItems.length >= 8 ? /* @__PURE__ */ g(Nt, { action: d }, d.id) : d.menuItems && d.menuItems.length > 0 ? /* @__PURE__ */ re(xe.Root, { children: [
+      /* @__PURE__ */ g(xe.Trigger, { asChild: !0, children: /* @__PURE__ */ g(Be, { variant: "ghost", size: "2xs", "aria-label": d.label, children: d.icon }) }),
+      /* @__PURE__ */ g(xe.Positioner, { children: /* @__PURE__ */ g(xe.Content, { minW: "160px", bg: "bg", children: d.menuItems.map(on) }) })
+    ] }, d.id) : /* @__PURE__ */ g(Be, { variant: "ghost", size: "2xs", "aria-label": d.label, onClick: (p) => {
+      p.stopPropagation(), d.onAction?.({
+        sectionId: o
+      });
+    }, children: d.icon }, d.id), e[5] = o, e[6] = a) : a = e[6], s = t.map(a), e[2] = t, e[3] = o, e[4] = s;
+  } else
+    s = e[4];
+  let l;
+  return e[7] !== s ? (l = /* @__PURE__ */ g($e, { gap: "0", opacity: "0", pointerEvents: "none", _groupHover: i, _groupFocusWithin: r, transition: "opacity 120ms ease", onClick: nn, children: s }), e[7] = s, e[8] = l) : l = e[8], l;
+}, mt = (n) => {
+  const e = V(32), {
+    section: o,
+    collapsible: t,
+    expanded: i,
+    focusId: r,
+    tabIndex: s,
+    onFocus: l,
+    onToggle: a,
+    onContextMenu: d
+  } = n, p = t ? "pointer" : "default", f = t ? s : void 0, v = t ? r : void 0, w = t ? i : void 0;
+  let u;
+  e[0] !== t ? (u = t ? {
+    bg: "bg.hover"
+  } : void 0, e[0] = t, e[1] = u) : u = e[1];
+  let m;
+  e[2] !== t ? (m = t ? {
+    bg: "bg.hover"
+  } : void 0, e[2] = t, e[3] = m) : m = e[3];
+  const x = t ? l : void 0, R = t ? a : void 0;
+  let I;
+  e[4] !== d || e[5] !== o.id ? (I = d ? (C) => {
+    C.preventDefault(), d(C, o.id);
+  } : void 0, e[4] = d, e[5] = o.id, e[6] = I) : I = e[6];
+  let b;
+  e[7] !== o.label ? (b = /* @__PURE__ */ g(vt, { textStyle: "label/XS", textTransform: "uppercase", color: "fg.muted", letterSpacing: "0.08em", truncate: !0, children: o.label }), e[7] = o.label, e[8] = b) : b = e[8];
+  let h;
+  e[9] !== t || e[10] !== i ? (h = t ? /* @__PURE__ */ g(G, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ g(Dt, { size: 14, style: {
+    transform: i ? "rotate(90deg)" : "rotate(0deg)",
+    transition: "120ms"
+  } }) }) : null, e[9] = t, e[10] = i, e[11] = h) : h = e[11];
+  let S;
+  e[12] !== h || e[13] !== b ? (S = /* @__PURE__ */ re($e, { gap: "1", flex: "1", minW: "0", children: [
+    b,
+    h
+  ] }), e[12] = h, e[13] = b, e[14] = S) : S = e[14];
+  let D;
+  e[15] !== o.actions ? (D = o.actions ?? [], e[15] = o.actions, e[16] = D) : D = e[16];
+  let z;
+  e[17] !== o.id || e[18] !== D ? (z = /* @__PURE__ */ g(tn, { sectionId: o.id, actions: D }), e[17] = o.id, e[18] = D, e[19] = z) : z = e[19];
+  let T;
+  return e[20] !== p || e[21] !== f || e[22] !== S || e[23] !== z || e[24] !== v || e[25] !== w || e[26] !== u || e[27] !== m || e[28] !== x || e[29] !== R || e[30] !== I ? (T = /* @__PURE__ */ re($e, { className: "group", justify: "space-between", align: "center", w: "full", minW: "0", maxW: "full", px: "sm", py: "2xs", height: "7", cursor: p, tabIndex: f, "data-tree-list-focus-id": v, "aria-expanded": w, _hover: u, _focusVisible: m, onFocus: x, onClick: R, onContextMenu: I, children: [
+    S,
+    z
+  ] }), e[20] = p, e[21] = f, e[22] = S, e[23] = z, e[24] = v, e[25] = w, e[26] = u, e[27] = m, e[28] = x, e[29] = R, e[30] = I, e[31] = T) : T = e[31], T;
+};
+function nn(n) {
+  return n.stopPropagation();
+}
+function on(n) {
+  return /* @__PURE__ */ g(xe.Item, { value: n.id, disabled: n.disabled, onClick: () => n.onAction?.(), children: n.label }, n.id);
+}
+const We = "section:", pt = (n) => `${We}${n}`, qe = (n) => n.startsWith(We), Ne = (n) => n.slice(We.length), Ze = (n, e, o) => {
+  const t = n.slice(), [i] = t.splice(e, 1);
+  return t.splice(o, 0, i), t;
+}, rn = (n, e, o) => {
+  if (e === o) return null;
+  if (qe(e) && qe(o)) {
+    const t = n.find((a) => a.id === Ne(e)), i = n.find((a) => a.id === Ne(o));
+    if (t?.canReorder === !1 || i?.canReorder === !1) return null;
+    const r = n.map((a) => a.id), s = r.indexOf(Ne(e)), l = r.indexOf(Ne(o));
+    return s < 0 || l < 0 || s === l ? null : {
+      kind: "section",
+      nextSectionIds: Ze(r, s, l)
+    };
+  }
+  for (const t of n) {
+    const i = t.nodes.map((l) => l.id), r = i.indexOf(e), s = i.indexOf(o);
+    if (!(r < 0 || s < 0))
+      return t.nodes[r]?.canReorder === !1 || t.nodes[s]?.canReorder === !1 || r === s ? null : {
+        kind: "node",
+        sectionId: t.id,
+        nextNodeIds: Ze(i, r, s)
+      };
+  }
+  return null;
+}, gt = (n) => {
+  const e = V(12);
+  let o;
+  e[0] !== n.disabled || e[1] !== n.id ? (o = {
+    id: n.id,
+    disabled: n.disabled
+  }, e[0] = n.disabled, e[1] = n.id, e[2] = o) : o = e[2];
+  const t = Et(o);
+  let i;
+  if (e[3] !== n.children || e[4] !== t.isDragging || e[5] !== t.listeners || e[6] !== t.setNodeRef || e[7] !== t.transform || e[8] !== t.transition) {
+    const s = {
+      transform: At.Transform.toString(t.transform),
+      transition: t.transition,
+      opacity: t.isDragging ? 0.5 : 1
+    };
+    i = n.children({
+      setNodeRef: t.setNodeRef,
+      listeners: t.listeners,
+      style: s
+    }), e[3] = n.children, e[4] = t.isDragging, e[5] = t.listeners, e[6] = t.setNodeRef, e[7] = t.transform, e[8] = t.transition, e[9] = i;
+  } else
+    i = e[9];
+  let r;
+  return e[10] !== i ? (r = /* @__PURE__ */ g(Oe, { children: i }), e[10] = i, e[11] = r) : r = e[11], r;
+}, sn = (n) => {
+  const e = V(24), {
+    section: o,
+    sectionRows: t,
+    expandedNodeIds: i,
+    activeNodeId: r,
+    rowVariant: s,
+    nodeGap: l,
+    linkComponent: a,
+    onNavigate: d,
+    onToggleSection: p,
+    onToggleNode: f,
+    onSectionContextMenu: v
+  } = n;
+  let w;
+  e[0] !== t ? (w = t.find(an), e[0] = t, e[1] = w) : w = e[1];
+  const u = w;
+  let m, x;
+  e[2] !== t ? (m = t.filter(cn), x = m.filter(un).map(fn), e[2] = t, e[3] = m, e[4] = x) : (m = e[3], x = e[4]);
+  const R = x;
+  let I;
+  e[5] !== o.id ? (I = pt(o.id), e[5] = o.id, e[6] = I) : I = e[6];
+  const b = o.canReorder === !1;
+  let h;
+  e[7] !== r || e[8] !== i || e[9] !== u || e[10] !== a || e[11] !== l || e[12] !== m || e[13] !== d || e[14] !== v || e[15] !== f || e[16] !== p || e[17] !== s || e[18] !== R ? (h = (D) => {
+    const {
+      setNodeRef: z,
+      listeners: T,
+      style: C
+    } = D;
+    return /* @__PURE__ */ re(G, { ref: z, style: C, w: "full", minW: "0", children: [
+      u && u.kind === "section-header" ? /* @__PURE__ */ g(G, { onPointerDownCapture: (c) => T?.onPointerDown?.(c), children: /* @__PURE__ */ g(mt, { section: u.section, collapsible: u.collapsible, expanded: u.expanded, focusId: u.key, tabIndex: -1, onFocus: mn, onToggle: () => p?.(u.sectionId), onContextMenu: v }) }) : null,
+      /* @__PURE__ */ g(et, { items: R, strategy: tt, children: /* @__PURE__ */ g(Se, { gap: l, w: "full", minW: "0", children: m.map((c) => c.kind === "node" ? /* @__PURE__ */ g(ln, { row: c, expandedNodeIds: i, activeNodeId: r, rowVariant: s, nodeGap: l, linkComponent: a, onNavigate: d, onToggleNode: f }, c.key) : null) }) })
+    ] });
+  }, e[7] = r, e[8] = i, e[9] = u, e[10] = a, e[11] = l, e[12] = m, e[13] = d, e[14] = v, e[15] = f, e[16] = p, e[17] = s, e[18] = R, e[19] = h) : h = e[19];
+  let S;
+  return e[20] !== I || e[21] !== b || e[22] !== h ? (S = /* @__PURE__ */ g(gt, { id: I, disabled: b, children: h }), e[20] = I, e[21] = b, e[22] = h, e[23] = S) : S = e[23], S;
+}, Je = (n) => /* @__PURE__ */ g(ft, { sectionId: n.sectionId, node: n.node, level: n.level, expandedNodeIds: n.expandedNodeIds, activeNodeId: n.activeNodeId, rowVariant: n.rowVariant, nodeGap: n.nodeGap, linkComponent: n.linkComponent, onNavigate: n.onNavigate, onToggleNode: n.onToggleNode }), ln = (n) => {
+  const e = V(13);
+  let o, t, i;
+  if (e[0] !== n) {
+    i = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e:
+      if ({
+        row: t,
+        ...o
+      } = n, t.level > 0) {
+        i = Je({
+          node: t.node,
+          sectionId: t.sectionId,
+          level: t.level,
+          ...o
+        });
+        break e;
+      }
+    e[0] = n, e[1] = o, e[2] = t, e[3] = i;
+  } else
+    o = e[1], t = e[2], i = e[3];
+  if (i !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return i;
+  const r = t.node.canReorder === !1;
+  let s;
+  e[4] !== o || e[5] !== t.level || e[6] !== t.node || e[7] !== t.sectionId ? (s = (a) => {
+    const {
+      setNodeRef: d,
+      listeners: p,
+      style: f
+    } = a;
+    return /* @__PURE__ */ g(G, { ref: d, style: f, w: "full", minW: "0", onPointerDownCapture: (v) => p?.onPointerDown?.(v), children: Je({
+      node: t.node,
+      sectionId: t.sectionId,
+      level: t.level,
+      ...o
+    }) });
+  }, e[4] = o, e[5] = t.level, e[6] = t.node, e[7] = t.sectionId, e[8] = s) : s = e[8];
+  let l;
+  return e[9] !== t.node.id || e[10] !== r || e[11] !== s ? (l = /* @__PURE__ */ g(gt, { id: t.node.id, disabled: r, children: s }), e[9] = t.node.id, e[10] = r, e[11] = s, e[12] = l) : l = e[12], l;
+}, dn = (n) => {
+  const e = V(21), {
+    sections: o,
+    expandedSectionIds: t,
+    expandedNodeIds: i,
+    activeNodeId: r,
+    rowVariant: s,
+    sectionGap: l,
+    nodeGap: a,
+    linkComponent: d,
+    onNavigate: p,
+    onToggleSection: f,
+    onToggleNode: v,
+    onSectionContextMenu: w,
+    onReorderSections: u,
+    onReorderNodes: m
+  } = n, x = t === void 0 ? [] : t, R = i === void 0 ? [] : i, I = s === void 0 ? "tree" : s, b = l === void 0 ? "0" : l, h = a === void 0 ? "0" : a;
+  let S;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
+    activationConstraint: {
+      distance: 4
+    }
+  }, e[0] = S) : S = e[0];
+  const D = Tt(kt(Ct, S));
+  let z;
+  e[1] !== m || e[2] !== u || e[3] !== o ? (z = (K) => {
+    if (!K.over)
+      return;
+    const P = rn(o, String(K.active.id), String(K.over.id));
+    P && (P.kind === "section" ? u?.(P.nextSectionIds) : m?.(P.sectionId, P.nextNodeIds));
+  }, e[1] = m, e[2] = u, e[3] = o, e[4] = z) : z = e[4];
+  const T = z, C = lt(o, x, R), c = Pt, y = et;
+  let N;
+  e[5] !== o ? (N = o.map(pn), e[5] = o, e[6] = N) : N = e[6];
+  const E = tt, M = Se, W = "full", B = "0", _ = "full", F = o.map((K) => /* @__PURE__ */ g(sn, { section: K, sectionRows: C.filter((P) => P.sectionId === K.id), expandedNodeIds: R, activeNodeId: r, rowVariant: I, nodeGap: h, linkComponent: d, onNavigate: p, onToggleSection: f, onToggleNode: v, onSectionContextMenu: w }, K.id));
+  let L;
+  e[7] !== M || e[8] !== b || e[9] !== F ? (L = /* @__PURE__ */ g(M, { gap: b, w: W, minW: B, maxW: _, children: F }), e[7] = M, e[8] = b, e[9] = F, e[10] = L) : L = e[10];
+  let O;
+  e[11] !== y || e[12] !== L || e[13] !== N || e[14] !== E ? (O = /* @__PURE__ */ g(y, { items: N, strategy: E, children: L }), e[11] = y, e[12] = L, e[13] = N, e[14] = E, e[15] = O) : O = e[15];
+  let j;
+  return e[16] !== c || e[17] !== T || e[18] !== D || e[19] !== O ? (j = /* @__PURE__ */ g(c, { sensors: D, onDragEnd: T, children: O }), e[16] = c, e[17] = T, e[18] = D, e[19] = O, e[20] = j) : j = e[20], j;
+};
+function an(n) {
+  return n.kind === "section-header";
+}
+function cn(n) {
+  return n.kind === "node";
+}
+function un(n) {
+  return n.kind === "node" && n.level === 0;
+}
+function fn(n) {
+  return n.kind === "node" ? n.node.id : "";
+}
+function mn() {
+}
+function pn(n) {
+  return pt(n.id);
+}
+const Qe = (n, e) => n ? [...n.querySelectorAll("[data-tree-list-focus-id]")].find((t) => t.dataset.treeListFocusId === e) ?? null : null, gn = (n, e) => {
+  if (!(!n || !(e instanceof HTMLElement) || !n.contains(e)))
+    return e.closest("[data-tree-list-focus-id]")?.dataset.treeListFocusId;
+}, xn = (n) => n instanceof HTMLElement ? n.isContentEditable ? !0 : ["INPUT", "TEXTAREA", "SELECT"].includes(n.tagName) : !1, Sn = (n, e) => n.findIndex((o) => dt(o) && pe(o) === e), xt = (n) => {
+  const e = V(28), {
+    rows: o,
+    activeNodeId: t,
+    expandedNodeIds: i,
+    onToggleNode: r,
+    onToggleSection: s,
+    scrollToRow: l
+  } = n, a = ie(null), [d, p] = ae(), [f, v] = ae();
+  let w;
+  e[0] !== t || e[1] !== d || e[2] !== o ? (w = at(d, t, o), e[0] = t, e[1] = d, e[2] = o, e[3] = w) : w = e[3];
+  const u = w;
+  let m;
+  e[4] !== o ? (m = _e(o).map(pe).join("\0"), e[4] = o, e[5] = m) : m = e[5];
+  const x = m;
+  let R, I;
+  e[6] !== x || e[7] !== d ? (R = () => {
+    d && (x.split("\0").includes(d) || p(void 0));
+  }, I = [d, x], e[6] = x, e[7] = d, e[8] = R, e[9] = I) : (R = e[8], I = e[9]), me(R, I);
+  let b, h;
+  e[10] !== f ? (b = () => {
+    if (!f)
+      return;
+    const y = requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        const N = Qe(a.current, f);
+        N && (N.focus(), v(void 0));
+      });
+    });
+    return () => cancelAnimationFrame(y);
+  }, h = [f], e[10] = f, e[11] = b, e[12] = h) : (b = e[11], h = e[12]), me(b, h);
+  let S;
+  e[13] !== o || e[14] !== l ? (S = (y) => {
+    p(y);
+    const N = Qe(a.current, y);
+    if (N) {
+      N.focus();
+      return;
+    }
+    const E = Sn(o, y);
+    E !== -1 && (l?.(E), v(y));
+  }, e[13] = o, e[14] = l, e[15] = S) : S = e[15];
+  const D = S;
+  let z;
+  e[16] !== t || e[17] !== i || e[18] !== D || e[19] !== u || e[20] !== r || e[21] !== s || e[22] !== o ? (z = (y) => {
+    if (y.altKey || y.ctrlKey || y.metaKey || y.shiftKey || xn(y.target))
+      return;
+    const N = qt({
+      rows: o,
+      focusedRowId: gn(a.current, y.target) ?? u,
+      activeNodeId: t,
+      expandedNodeIds: i,
+      key: y.key
+    });
+    if (N) {
+      if (y.preventDefault(), N.type === "toggle-node") {
+        r?.(N.nodeId);
+        return;
+      }
+      if (N.type === "toggle-section") {
+        s?.(N.sectionId);
+        return;
+      }
+      D(N.rowId);
+    }
+  }, e[16] = t, e[17] = i, e[18] = D, e[19] = u, e[20] = r, e[21] = s, e[22] = o, e[23] = z) : z = e[23];
+  const T = z;
+  let C;
+  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = (y) => p(y), e[24] = C) : C = e[24];
+  let c;
+  return e[25] !== u || e[26] !== T ? (c = {
+    focusRowId: u,
+    rootRef: a,
+    handleKeyDown: T,
+    onRowFocus: C
+  }, e[25] = u, e[26] = T, e[27] = c) : c = e[27], c;
+}, hn = 32, wn = 4, St = (n) => {
+  const {
+    row: e,
+    expandedNodeIds: o,
+    activeNodeId: t,
+    focusRowId: i,
+    rowVariant: r,
+    nodeGap: s,
+    linkComponent: l,
+    onRowFocus: a,
+    onNavigate: d,
+    onToggleSection: p,
+    onToggleNode: f,
+    onSectionContextMenu: v,
+    onMoveNode: w
+  } = n;
+  return e.kind === "section-header" ? /* @__PURE__ */ g(mt, { section: e.section, collapsible: e.collapsible, expanded: e.expanded, focusId: e.key, tabIndex: e.key === i ? 0 : -1, onFocus: () => a(e.key), onToggle: () => p?.(e.sectionId), onContextMenu: v }) : e.kind === "section-empty" ? e.emptyState ?? null : /* @__PURE__ */ g(ft, { sectionId: e.sectionId, node: e.node, level: e.level, expandedNodeIds: o, activeNodeId: t, rowVariant: r, nodeGap: s, linkComponent: l, tabIndex: e.node.id === i ? 0 : -1, onFocus: () => a(e.node.id), onNavigate: d, onToggleNode: f, onMoveNode: w });
+}, In = (n) => {
+  const {
+    rows: e,
+    expandedNodeIds: o = [],
+    activeNodeId: t,
+    rowVariant: i = "tree",
+    nodeGap: r = "0",
+    linkComponent: s,
+    onNavigate: l,
+    onToggleSection: a,
+    onToggleNode: d,
+    onSectionContextMenu: p,
+    onMoveNode: f,
+    scrollRef: v
+  } = n, w = zt({
+    count: e.length,
+    getScrollElement: () => v.current,
+    estimateSize: () => hn,
+    overscan: wn,
+    getItemKey: (m) => e[m]?.key ?? m
+  }), u = xt({
+    rows: e,
+    activeNodeId: t,
+    expandedNodeIds: o,
+    onToggleNode: d,
+    onToggleSection: a,
+    scrollToRow: (m) => w.scrollToIndex(m, {
+      align: "auto"
+    })
+  });
+  return /* @__PURE__ */ g(G, { ref: u.rootRef, role: "listbox", w: "full", minW: "0", maxW: "full", position: "relative", style: {
+    height: w.getTotalSize()
+  }, onKeyDown: u.handleKeyDown, children: w.getVirtualItems().map((m) => {
+    const x = e[m.index];
+    return x ? /* @__PURE__ */ g(G, { ref: w.measureElement, "data-index": m.index, "data-tree-list-row": x.kind, position: "absolute", top: "0", left: "0", w: "full", pb: m.index === e.length - 1 ? "0" : r, style: {
+      transform: `translateY(${m.start}px)`
+    }, children: St({
+      row: x,
+      expandedNodeIds: o,
+      activeNodeId: t,
+      focusRowId: u.focusRowId,
+      rowVariant: i,
+      nodeGap: r,
+      linkComponent: s,
+      onRowFocus: u.onRowFocus,
+      onNavigate: l,
+      onToggleSection: a,
+      onToggleNode: d,
+      onSectionContextMenu: p,
+      onMoveNode: f
+    }) }, m.key) : null;
+  }) });
+}, bn = (n) => {
+  const {
+    sections: e,
+    expandedSectionIds: o = [],
+    expandedNodeIds: t = [],
+    activeNodeId: i,
+    rowVariant: r = "tree",
+    sectionGap: s = "0",
+    nodeGap: l = "0",
+    linkComponent: a,
+    onNavigate: d,
+    onToggleSection: p,
+    onToggleNode: f,
+    onSectionContextMenu: v,
+    onMoveNode: w,
+    virtualize: u,
+    scrollRef: m
+  } = n, x = lt(e, o, t), R = xt({
+    rows: x,
+    activeNodeId: i,
+    expandedNodeIds: t,
+    onToggleNode: f,
+    onToggleSection: p
+  });
+  return u && m ? /* @__PURE__ */ g(In, { ...n, rows: x, scrollRef: m }) : /* @__PURE__ */ g(Se, { ref: R.rootRef, role: "listbox", gap: s, w: "full", minW: "0", maxW: "full", overflowX: "hidden", onKeyDown: R.handleKeyDown, children: e.map((I) => {
+    const b = x.filter((h) => h.sectionId === I.id);
+    return /* @__PURE__ */ g(Se, { gap: l, w: "full", minW: "0", maxW: "full", "data-testid": `tree-list-section-${I.id}`, children: b.map((h) => /* @__PURE__ */ g(G, { w: "full", minW: "0", children: St({
+      row: h,
+      expandedNodeIds: t,
+      activeNodeId: i,
+      focusRowId: R.focusRowId,
+      rowVariant: r,
+      nodeGap: l,
+      linkComponent: a,
+      onRowFocus: R.onRowFocus,
+      onNavigate: d,
+      onToggleSection: p,
+      onToggleNode: f,
+      onSectionContextMenu: v,
+      onMoveNode: w
+    }) }, h.key)) }, I.id);
+  }) });
+}, An = (n) => {
+  const e = V(8);
+  let o;
+  e[0] !== n ? (o = n.draggable ? /* @__PURE__ */ g(dn, { sections: n.sections, expandedSectionIds: n.expandedSectionIds, expandedNodeIds: n.expandedNodeIds, activeNodeId: n.activeNodeId, rowVariant: n.rowVariant, sectionGap: n.sectionGap, nodeGap: n.nodeGap, linkComponent: n.linkComponent, onNavigate: n.onNavigate, onToggleSection: n.onToggleSection, onToggleNode: n.onToggleNode, onSectionContextMenu: n.onSectionContextMenu, onReorderSections: n.onReorderSections, onReorderNodes: n.onReorderNodes }) : /* @__PURE__ */ g(bn, { ...n }), e[0] = n, e[1] = o) : o = e[1];
+  const t = o;
+  let i;
+  e[2] !== t || e[3] !== n.onMoveNode ? (i = /* @__PURE__ */ g(Jt, { onMoveNode: n.onMoveNode, children: t }), e[2] = t, e[3] = n.onMoveNode, e[4] = i) : i = e[4];
+  const r = i;
+  if (!n.backgroundContextActions || n.backgroundContextActions.length === 0)
+    return r;
+  let s;
+  return e[5] !== r || e[6] !== n.backgroundContextActions ? (s = /* @__PURE__ */ g(Bt, { actions: n.backgroundContextActions, children: r }), e[5] = r, e[6] = n.backgroundContextActions, e[7] = s) : s = e[7], s;
+};
+export {
+  En as R,
+  An as T
+};
+//# sourceMappingURL=tree-list-uV4UFj0x.js.map