@pstdio/ui 0.20.1 → 0.22.0

package/dist/tree-list-uV4UFj0x.js

@@ -1,1116 +0,0 @@
-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