@pstdio/ui 0.26.0 → 0.36.0

package/dist/tree-list-CPjbGTvs.js

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