@pstdio/ui 0.16.0 → 0.18.0

package/dist/tree-list-BAja2eXU.js

@@ -0,0 +1,1033 @@
+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-BYWwcbGK.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-BAja2eXU.js.map