@pstdio/ui 0.20.0 → 0.21.0

package/dist/tree-list-CC13pOYi.js

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