@pibit.ai/cure-design-system 0.3.30 → 0.3.35

package/dist/patterns/table/TableWrapper.js

@@ -1,203 +1,203 @@
-import { jsx as c, jsxs as _, Fragment as zt } from "react/jsx-runtime";
-import { forwardRef as Fr, useState as q, useRef as ae, useCallback as v, useMemo as k, useEffect as $, useLayoutEffect as Gr } from "react";
+import { jsx as c, jsxs as _, Fragment as Mt } from "react/jsx-runtime";
+import { forwardRef as Fr, useState as A, useRef as le, useCallback as v, useMemo as k, useEffect as B, useLayoutEffect as Gr } from "react";
 import { ChevronRight as zr } from "@untitledui/icons";
 import { cx as m } from "../../utils/cn.js";
-import { TableCard as Yr, Table as w } from "./table.js";
+import { TableCard as Yr, Table as g } from "./table.js";
 import { TablePagination as Mr } from "./TablePagination.js";
-import { getEffectiveAlignment as At, resolveColumnLabel as Ur, alignmentClass as Xr } from "./toolbar/tableToolbarHelpers.js";
-import { findGridCell as $r, isWithinCellEditor as We, getGridNeighbor as jr, getGridTabNeighbor as Br, focusGridCell as Yt, GridNavProvider as qr } from "./useGridKeyboardNavigation.js";
-import { ROW_DRAG_THRESHOLD_PX as Ar, computeDropTarget as Hr, clipDropLineToScrollport as Kr, ROW_REORDER_ATTR as Mt, measureRowPreview as Jr, cloneRowForPreview as Vr, FloatingRowPreview as Qr, DropIndicatorLine as Zr, getRowDragScrollDelta as en, ROW_DRAG_SOURCE_STYLE as tn, ROW_SOURCE_INDEX_ATTR as rn } from "./rowReorderDrag.js";
-import { selectionFromSingleCell as _e, resolveCellCoordFromElement as Se, buildCellRangeRect as it, CELL_RANGE_DRAG_THRESHOLD_PX as nn, hitTestGridCell as on, canStartCellRangeFromTarget as Ut, getDragScrollDeltas as sn, getCellRangeVisualState as an, cellRangeEdgeBoxShadow as cn } from "./cellRangeSelection.js";
-import { BulkActionBar as dn } from "./toolbar/BulkActionBar.js";
-import { TableToolbar as ln } from "./toolbar/TableToolbar.js";
-import { Checkbox as Xt } from "../../primitives/checkbox/checkbox.js";
-import { ColumnHeaderMenu as un } from "./toolbar/ColumnHeaderMenu.js";
-import { Button as fn } from "../../primitives/button/button.js";
-import { SummaryFooterRow as pn } from "./toolbar/SummaryFooter.js";
-import { RowActionsMenu as hn } from "./toolbar/RowActionsMenu.js";
-import { Icon as yn } from "../../primitives/icon/icon.js";
-import { ShimmerLine as wn } from "../../primitives/shimmer/shimmer.js";
-const mn = 5, gn = "__all__", $t = {
+import { getEffectiveAlignment as Ht, resolveColumnLabel as Ur, alignmentClass as Xr } from "./toolbar/tableToolbarHelpers.js";
+import { findGridCell as $r, isWithinCellEditor as Te, getGridNeighbor as jr, getGridTabNeighbor as Br, focusGridCell as Ut, GridNavProvider as qr } from "./useGridKeyboardNavigation.js";
+import { ROW_DRAG_THRESHOLD_PX as Ar, computeDropTarget as Kr, clipDropLineToScrollport as Hr, ROW_REORDER_ATTR as Xt, measureRowPreview as Jr, cloneRowForPreview as Vr, FloatingRowPreview as Qr, DropIndicatorLine as Zr, getRowDragScrollDelta as en, ROW_DRAG_SOURCE_STYLE as tn, ROW_SOURCE_INDEX_ATTR as rn } from "./rowReorderDrag.js";
+import { selectionFromSingleCell as st, resolveCellCoordFromElement as Oe, resolveRowAnchorCoordFromTarget as nn, buildCellRangeRect as at, nextKeyboardCellSelection as on, CELL_RANGE_DRAG_THRESHOLD_PX as sn, hitTestGridCell as an, canStartCellRangeFromTarget as $t, getDragScrollDeltas as cn, getCellRangeVisualState as dn, cellRangeEdgeBoxShadow as ln } from "./cellRangeSelection.js";
+import { BulkActionBar as un } from "./toolbar/BulkActionBar.js";
+import { TableToolbar as fn } from "./toolbar/TableToolbar.js";
+import { Checkbox as jt } from "../../primitives/checkbox/checkbox.js";
+import { ColumnHeaderMenu as pn } from "./toolbar/ColumnHeaderMenu.js";
+import { Button as hn } from "../../primitives/button/button.js";
+import { SummaryFooterRow as yn } from "./toolbar/SummaryFooter.js";
+import { RowActionsMenu as wn } from "./toolbar/RowActionsMenu.js";
+import { Icon as gn } from "../../primitives/icon/icon.js";
+import { ShimmerLine as mn } from "../../primitives/shimmer/shimmer.js";
+const xn = 5, bn = "__all__", Bt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, ce = (o) => o.__rowId ?? o.id ?? o.rule_id ?? String(o);
-function jt(o, d) {
-  return o === "all" ? new Set(d) : o ?? /* @__PURE__ */ new Set();
+}, ue = (i) => i.__rowId ?? i.id ?? i.rule_id ?? String(i);
+function qt(i, d) {
+  return i === "all" ? new Set(d) : i ?? /* @__PURE__ */ new Set();
 }
-function xn(o, d, u) {
-  return o ? o === "all" ? u.includes(d) : o.has(d) : !1;
+function Rn(i, d, u) {
+  return i ? i === "all" ? u.includes(d) : i.has(d) : !1;
 }
-function bn(o, d) {
-  return o ? o === "all" ? d.length : o.size : 0;
+function vn(i, d) {
+  return i ? i === "all" ? d.length : i.size : 0;
 }
-function Rn(o, d) {
-  return d.length === 0 ? !1 : o === "all" ? !0 : d.every((u) => (o == null ? void 0 : o.has(u)) ?? !1);
+function kn(i, d) {
+  return d.length === 0 ? !1 : i === "all" ? !0 : d.every((u) => (i == null ? void 0 : i.has(u)) ?? !1);
 }
-function vn(o, d) {
-  return o === "all" ? d.length > 0 : d.some((u) => (o == null ? void 0 : o.has(u)) ?? !1);
+function En(i, d) {
+  return i === "all" ? d.length > 0 : d.some((u) => (i == null ? void 0 : i.has(u)) ?? !1);
 }
-function kn(o) {
-  if (o)
+function In(i) {
+  if (i)
     return (d) => {
-      o(d === "all" ? "all" : new Set([...d].map(String)));
+      i(d === "all" ? "all" : new Set([...d].map(String)));
     };
 }
-function En(o) {
+function Ln(i) {
   var d;
-  return o != null && o.length ? o.length > 1 ? !0 : ((d = o[0]) == null ? void 0 : d.key) !== gn : !1;
+  return i != null && i.length ? i.length > 1 ? !0 : ((d = i[0]) == null ? void 0 : d.key) !== bn : !1;
 }
-function Bt(o, d, u) {
-  return u ? At(u, d ?? /* @__PURE__ */ new Map()) : (d == null ? void 0 : d.get(o)) ?? "left";
+function At(i, d, u) {
+  return u ? Ht(u, d ?? /* @__PURE__ */ new Map()) : (d == null ? void 0 : d.get(i)) ?? "left";
 }
-const at = "300px", ot = (o) => {
-  if (!o) return 0;
-  const d = o.match(/^(\d+(?:\.\d+)?)px$/);
+const lt = "300px", ct = (i) => {
+  if (!i) return 0;
+  const d = i.match(/^(\d+(?:\.\d+)?)px$/);
   return d ? Number(d[1]) : 0;
-}, de = (o) => !!o.width || !!(o.maxWidth && o.sticky === "right"), st = (o) => o.width ?? (o.maxWidth && o.sticky === "right" ? o.maxWidth : void 0), In = (o) => ({
-  width: o.width,
-  maxWidth: o.maxWidth ?? at,
-  minWidth: o.minWidth ?? o.width
-}), qt = (o) => {
-  const d = st(o);
+}, fe = (i) => !!i.width || !!(i.maxWidth && i.sticky === "right"), dt = (i) => i.width ?? (i.maxWidth && i.sticky === "right" ? i.maxWidth : void 0), Nn = (i) => ({
+  width: i.width,
+  maxWidth: i.maxWidth ?? lt,
+  minWidth: i.minWidth ?? i.width
+}), Kt = (i) => {
+  const d = dt(i);
   return d ? {
     minWidth: d,
     width: d,
-    maxWidth: o.maxWidth ?? d
+    maxWidth: i.maxWidth ?? d
   } : {
-    minWidth: o.minWidth,
-    maxWidth: o.maxWidth ?? at
+    minWidth: i.minWidth,
+    maxWidth: i.maxWidth ?? lt
   };
-}, qn = Fr(
+}, Kn = Fr(
   function({
     data: d,
     columns: u,
-    renderRowCell: ct,
-    onRowClick: le,
-    onRowHover: A,
-    arialabel: Ht,
-    size: dt = "sm",
-    allowDefaultRowClass: Kt = !1,
-    centeredHeaders: Jt = [],
-    rootClassName: Vt,
-    removeBorders: lt,
-    headerClassName: Qt,
-    isRowExpandable: ut,
-    renderExpandedContent: Zt,
-    loading: M = !1,
-    loadingRowCount: ft = mn,
-    renderHeaderCell: Ce,
-    tableClassName: er,
-    getRowClassName: Te,
-    selectionMode: Z = "none",
+    renderRowCell: ut,
+    onRowClick: pe,
+    onRowHover: K,
+    arialabel: Jt,
+    size: ft = "sm",
+    allowDefaultRowClass: Vt = !1,
+    centeredHeaders: Qt = [],
+    rootClassName: Zt,
+    removeBorders: pt,
+    headerClassName: er,
+    isRowExpandable: ht,
+    renderExpandedContent: tr,
+    loading: X = !1,
+    loadingRowCount: yt = xn,
+    renderHeaderCell: Fe,
+    tableClassName: rr,
+    getRowClassName: Ge,
+    selectionMode: te = "none",
     selectedKeys: C,
     onSelectionChange: D,
-    inlineSelection: ue = !1,
+    inlineSelection: he = !1,
     toolbar: R,
-    showToolbar: tr,
-    toolbarTitle: pt,
-    toolbarTrailing: ht,
-    disableExtendedTools: Oe,
+    showToolbar: nr,
+    toolbarTitle: wt,
+    toolbarTrailing: gt,
+    disableExtendedTools: ze,
     pagination: P,
-    showBorders: fe,
-    emptyState: yt,
-    editChrome: O,
-    showEditActions: rr = !1,
-    searchCollapsible: wt,
-    isEditable: nr,
-    toolbarSlot: Fe,
-    rowHeightClass: mt,
+    showBorders: ye,
+    emptyState: mt,
+    editChrome: F,
+    showEditActions: or = !1,
+    searchCollapsible: xt,
+    isEditable: ir,
+    toolbarSlot: Ye,
+    rowHeightClass: bt,
     groupedData: H,
-    showSummaryFooter: ir,
-    summaryFooterProps: Ge,
-    bulkActionBar: pe,
-    renderBulkActionBar: he,
-    onBulkDuplicate: ye,
-    onBulkDelete: we,
-    bulkActionBusy: me,
-    columnAlignments: K,
-    onColumnHeaderAction: ge,
-    showColumnHeaderMenu: or,
-    columnMenuCapabilities: sr,
-    renderGroupHeader: gt,
-    columnMenuSchema: ee,
-    columnSchema: te,
-    labelMeta: ar,
-    renderColumnHeaderMenuExtraItems: cr,
+    showSummaryFooter: sr,
+    summaryFooterProps: Me,
+    bulkActionBar: we,
+    renderBulkActionBar: ge,
+    onBulkDuplicate: me,
+    onBulkDelete: xe,
+    bulkActionBusy: be,
+    columnAlignments: J,
+    onColumnHeaderAction: Re,
+    showColumnHeaderMenu: ar,
+    columnMenuCapabilities: cr,
+    renderGroupHeader: Rt,
+    columnMenuSchema: re,
+    columnSchema: ne,
+    labelMeta: dr,
+    renderColumnHeaderMenuExtraItems: lr,
     fillWidth: L = !1,
     rowActions: E,
-    onCellActivate: J,
-    cellSelection: h = null,
+    onCellActivate: V,
+    cellSelection: y = null,
     onCellSelectionChange: N,
-    onCopyCells: ze,
-    onPasteCells: Ye,
-    onClearCells: Me
-  }, re) {
-    const [xe, dr] = q(
+    onCopyCells: Ue,
+    onPasteCells: Xe,
+    onClearCells: $e
+  }, oe) {
+    const [ve, ur] = A(
       () => /* @__PURE__ */ new Set()
-    ), [lr, xt] = q(
+    ), [fr, vt] = A(
       null
-    ), [f, ur] = q(null), F = ae(null), Ue = ae({ x: 0, y: 0 }), V = v((e) => {
-      F.current = e, ur(e);
-    }, []), [j, bt] = q(null), [Q, fr] = q(null), y = typeof N == "function", U = ae(null), Xe = ae({ x: 0, y: 0 }), [be, Rt] = q(!1), Re = Z === "single" || Z === "multiple", $e = !!E, G = Re && !ue, ve = En(H), je = !!(E != null && E.onReorderRows) && (E == null ? void 0 : E.enableRowReorder) !== !1 && !ve && !M, pr = k(() => ee != null && ee.length ? new Map(ee.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [ee]), vt = k(() => te != null && te.length ? new Map(te.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [te]), z = k(
+    ), [f, pr] = A(null), G = le(null), je = le({ x: 0, y: 0 }), Q = v((e) => {
+      G.current = e, pr(e);
+    }, []), [q, kt] = A(null), [Z, hr] = A(null), h = typeof N == "function", $ = le(null), Be = le({ x: 0, y: 0 }), [ke, Et] = A(!1), Ee = te === "single" || te === "multiple", qe = !!E, z = Ee && !he, Ie = Ln(H), Ae = !!(E != null && E.onReorderRows) && (E == null ? void 0 : E.enableRowReorder) !== !1 && !Ie && !X, yr = k(() => re != null && re.length ? new Map(re.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [re]), It = k(() => ne != null && ne.length ? new Map(ne.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [ne]), Y = k(
       () => u.map((e) => e.key),
       [u]
-    ), hr = v((e) => {
-      dr((r) => {
+    ), wr = v((e) => {
+      ur((r) => {
         const t = new Set(r);
         return t.has(e) ? t.delete(e) : t.add(e), t;
       });
-    }, []), ke = k(() => M ? Array.from({ length: ft }, (e, r) => ({
+    }, []), Le = k(() => X ? Array.from({ length: yt }, (e, r) => ({
       id: `loading-${r}`
     })) : d.map((e) => {
       const r = e;
       if (r.__rowId != null)
         return r;
-      const t = ce(r);
+      const t = ue(r);
       return r.id != null && String(r.id) === t ? r : { ...r, id: t };
-    }), [M, d, ft]), x = k(() => M ? [] : ve && H ? H.flatMap(
-      (e) => xe.has(e.key) ? [] : e.rows.map((r) => ce(r))
-    ) : ke.map((e) => ce(e)), [M, ve, H, xe, ke]), Be = k(
-      () => jt(C, x),
-      [C, x]
-    ), qe = bn(C, x), Ae = qe > 0, kt = Ae && !!(pe ?? he ?? ye ?? we), ne = k(() => {
-      if (!Ae) return;
+    }), [X, d, yt]), b = k(() => X ? [] : Ie && H ? H.flatMap(
+      (e) => ve.has(e.key) ? [] : e.rows.map((r) => ue(r))
+    ) : Le.map((e) => ue(e)), [X, Ie, H, ve, Le]), ie = k(
+      () => qt(C, b),
+      [C, b]
+    ), Ke = vn(C, b), He = Ke > 0, Lt = He && !!(we ?? ge ?? me ?? xe), se = k(() => {
+      if (!He) return;
       const e = d.filter(
-        (r) => Be.has(ce(r))
+        (r) => ie.has(ue(r))
       );
       return {
-        selectedKeys: Be,
+        selectedKeys: ie,
         selectedRows: e,
         clearSelection: () => D == null ? void 0 : D(/* @__PURE__ */ new Set()),
-        busy: me
+        busy: be
       };
     }, [
-      Ae,
-      Be,
+      He,
+      ie,
       d,
       D,
-      me
-    ]), Et = k(() => {
-      if (Fe != null) return Fe;
-      if (kt) {
-        if (pe != null) return pe;
-        if (he && ne)
-          return he(ne);
-        if (ne && (ye || we))
+      be
+    ]), Nt = k(() => {
+      if (Ye != null) return Ye;
+      if (Lt) {
+        if (we != null) return we;
+        if (ge && se)
+          return ge(se);
+        if (se && (me || xe))
           return /* @__PURE__ */ c(
-            dn,
+            un,
             {
-              count: qe,
-              onDuplicate: ye,
-              onDelete: we,
-              onClearSelection: ne.clearSelection,
-              busy: me
+              count: Ke,
+              onDuplicate: me,
+              onDelete: xe,
+              onClearSelection: se.clearSelection,
+              busy: be
             }
           );
       }
       return R ? /* @__PURE__ */ c(
-        ln,
+        fn,
         {
           sort: R.sort,
           filter: R.filter,
@@ -209,204 +209,212 @@ const at = "300px", ot = (o) => {
           summary: R.summary,
           sortContent: R.sortContent,
           filterContent: R.filterContent,
-          fallbackTitle: pt,
-          trailing: ht,
-          searchCollapsible: wt,
-          disableExtendedTools: Oe,
+          fallbackTitle: wt,
+          trailing: gt,
+          searchCollapsible: xt,
+          disableExtendedTools: ze,
           undoRedo: R.undoRedo ? {
             ...R.undoRedo,
-            isDisabled: R.undoRedo.isDisabled ?? Oe
+            isDisabled: R.undoRedo.isDisabled ?? ze
           } : void 0
         }
       ) : null;
     }, [
-      Fe,
-      kt,
-      pe,
-      he,
-      ne,
-      ye,
+      Ye,
+      Lt,
       we,
+      ge,
+      se,
       me,
-      qe,
+      xe,
+      be,
+      Ke,
       R,
-      pt,
-      ht,
       wt,
-      Oe
-    ]), It = Et != null && tr !== !1, Lt = !!P && (P == null ? void 0 : P.showPagination) !== !1, yr = It || Lt, Nt = !M && d.length === 0 && yt != null, S = !!(rr && O), He = !!(O != null && O.showFooterRow), W = nr ?? (S || He || $e), wr = Nt && !(He && O), ie = u.length + (G ? 1 : 0) + (S ? 1 : 0), mr = !!(ir && Ge), I = fe ? "border-r border-secondary last:border-r-0" : void 0, X = k(() => {
+      gt,
+      xt,
+      ze
+    ]), Dt = Nt != null && nr !== !1, Pt = !!P && (P == null ? void 0 : P.showPagination) !== !1, gr = Dt || Pt, Wt = !X && d.length === 0 && mt != null, S = !!(or && F), Je = !!(F != null && F.showFooterRow), W = ir ?? (S || Je || qe), mr = Wt && !(Je && F), ae = u.length + (z ? 1 : 0) + (S ? 1 : 0), xr = !!(sr && Me), I = ye ? "border-r border-secondary last:border-r-0" : void 0, j = k(() => {
       if (!L) return null;
       const e = u.reduce(
-        (i, n) => de(n) ? i + ot(st(n)) : i,
+        (o, n) => fe(n) ? o + ct(dt(n)) : o,
         0
       );
       return { minTableWidth: u.filter(
-        (i) => !de(i)
+        (o) => !fe(o)
       ).reduce(
-        (i, n) => i + ot(n.minWidth),
+        (o, n) => o + ct(n.minWidth),
         0
       ) + e };
-    }, [u, L]), gr = k(() => {
+    }, [u, L]), br = k(() => {
       const e = /* @__PURE__ */ new Map();
-      return ge && u.forEach((r) => {
+      return Re && u.forEach((r) => {
         e.set(
           r.key,
-          (t) => ge(r.key, t)
+          (t) => Re(r.key, t)
         );
       }), e;
-    }, [u, ge]), g = ae(null), [oe, Dt] = q(null), Ke = v(
+    }, [u, Re]), x = le(null), [ce, _t] = A(null), Ve = v(
       (e, r, t) => {
-        var a;
-        let i = t ?? null;
-        if (i == null) {
-          const l = (a = $r(
-            g.current,
+        var s;
+        let o = t ?? null;
+        if (o == null) {
+          const l = (s = $r(
+            x.current,
             e,
             r
-          )) == null ? void 0 : a.getAttribute("data-grid-source-index"), p = l != null && l !== "" ? Number(l) : NaN;
-          i = Number.isNaN(p) ? null : p;
+          )) == null ? void 0 : s.getAttribute("data-grid-source-index"), p = l != null && l !== "" ? Number(l) : NaN;
+          o = Number.isNaN(p) ? null : p;
         }
         const n = {
           rowId: e,
           columnKey: r,
-          sourceIndex: i
+          sourceIndex: o
         };
-        if (y) {
-          N == null || N(_e(n));
+        if (h) {
+          N == null || N(st(n));
           return;
         }
-        bt(n);
+        kt(n);
       },
-      [y, N]
-    ), Ee = v(() => {
-      if (y) {
+      [h, N]
+    ), Ne = v(() => {
+      if (h) {
         N == null || N(null);
         return;
       }
-      bt(null);
-    }, [y, N]), se = y ? (h == null ? void 0 : h.focus) ?? null : j, T = v(
+      kt(null);
+    }, [h, N]), ee = h ? (y == null ? void 0 : y.focus) ?? null : q, M = v(
       (e) => {
-        y && (N == null || N(e));
+        h && (N == null || N(e));
       },
-      [y, N]
-    ), xr = v(
+      [h, N]
+    ), Rr = v(
       (e) => {
-        var b, s, De;
-        const r = e.key in $t;
-        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && e.key !== "Delete" && e.key !== "Backspace" && !r || We(e.target)) return;
+        var de, T, Ce;
+        const r = e.key in Bt;
+        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && e.key !== "Delete" && e.key !== "Backspace" && !r || Te(e.target)) return;
         if (e.key === "Escape") {
-          if (!se && !h) return;
-          e.preventDefault(), e.stopPropagation(), Ee(), (b = g.current) != null && b.contains(document.activeElement) && document.activeElement.blur();
+          if (!ee && !y) return;
+          e.preventDefault(), e.stopPropagation(), Ne(), (de = x.current) != null && de.contains(document.activeElement) && document.activeElement.blur();
           return;
         }
-        const t = (De = (s = e.target).closest) == null ? void 0 : De.call(
-          s,
+        const t = (Ce = (T = e.target).closest) == null ? void 0 : Ce.call(
+          T,
           "[data-grid-cell]"
-        ), i = t ? Se(t) : null, n = se ?? i;
-        if (!n) return;
+        ), o = t ? Oe(t) : null, n = h && r && e.shiftKey && !ee && !o ? nn(e.target, x.current) : null, s = n != null && ie.has(n.rowId), l = ee ?? o ?? (s ? n : null);
+        if (!l) return;
         if (e.key === "Delete" || e.key === "Backspace") {
-          if (!y || !h || !Me) return;
-          const Pe = it(
-            h,
-            x,
-            z
+          if (!h || !y || !$e) return;
+          const O = at(
+            y,
+            b,
+            Y
           );
-          if (!Pe) return;
-          e.preventDefault(), e.stopPropagation(), Me({ selection: h, rect: Pe, event: e.nativeEvent });
+          if (!O) return;
+          e.preventDefault(), e.stopPropagation(), $e({ selection: y, rect: O, event: e.nativeEvent });
           return;
         }
         if (e.key === "Enter") {
-          if (!J) return;
-          e.preventDefault(), e.stopPropagation(), J({
-            rowId: n.rowId,
-            columnKey: n.columnKey,
-            sourceIndex: n.sourceIndex
+          if (!V) return;
+          e.preventDefault(), e.stopPropagation(), V({
+            rowId: l.rowId,
+            columnKey: l.columnKey,
+            sourceIndex: l.sourceIndex
           });
           return;
         }
-        const a = y && e.shiftKey && r && h != null, l = r ? jr(
-          g.current,
-          x,
-          z,
-          n.rowId,
-          n.columnKey,
-          $t[e.key]
+        const p = h && e.shiftKey && r, w = r ? jr(
+          x.current,
+          b,
+          Y,
+          l.rowId,
+          l.columnKey,
+          Bt[e.key]
         ) : Br(
-          g.current,
-          x,
-          z,
-          n.rowId,
-          n.columnKey,
+          x.current,
+          b,
+          Y,
+          l.rowId,
+          l.columnKey,
           !e.shiftKey
         );
-        if (!l) {
+        if (!w && !(p && !y)) {
           r && (e.preventDefault(), e.stopPropagation());
           return;
         }
         e.preventDefault(), e.stopPropagation();
-        const p = {
-          rowId: l.rowId,
-          columnKey: l.columnKey,
-          sourceIndex: l.sourceIndex
-        };
-        a && h ? T({
-          anchor: h.anchor,
-          focus: p
-        }) : y ? T(_e(p)) : Ke(l.rowId, l.columnKey, l.sourceIndex), requestAnimationFrame(
-          () => Yt(
-            g.current,
-            l.rowId,
-            l.columnKey
+        const it = w ? {
+          rowId: w.rowId,
+          columnKey: w.columnKey,
+          sourceIndex: w.sourceIndex
+        } : null, _e = s ? null : it;
+        if (h) {
+          const O = on(
+            l,
+            _e,
+            y,
+            p
+          );
+          O && O !== y && M(O);
+        } else w && Ve(w.rowId, w.columnKey, w.sourceIndex);
+        const Se = _e ?? l;
+        requestAnimationFrame(
+          () => Ut(
+            x.current,
+            Se.rowId,
+            Se.columnKey
           )
         );
       },
       [
-        se,
-        x,
-        y,
+        ee,
+        b,
         h,
-        Ee,
-        z,
-        T,
-        J,
-        Me,
-        Ke
+        y,
+        Ne,
+        Y,
+        M,
+        ie,
+        V,
+        $e,
+        Ve
       ]
     );
-    $(() => {
-      if (!W || !se && !h) return;
+    B(() => {
+      if (!W || !ee && !y) return;
       const e = (r) => {
-        const t = g.current;
-        t && !t.contains(r.target) && Ee();
+        const t = x.current;
+        t && !t.contains(r.target) && Ne();
       };
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-    }, [W, se, h, Ee]);
-    const Pt = k(() => {
+    }, [W, ee, y, Ne]);
+    const St = k(() => {
       let e = 0;
-      return G && (e += 40), S && (e += 56), u.forEach((r) => {
-        de(r) && (e += ot(st(r)));
+      return z && (e += 40), S && (e += 56), u.forEach((r) => {
+        fe(r) && (e += ct(dt(r)));
       }), e;
-    }, [u, S, G]), Je = k(
-      () => u.filter((e) => !de(e)).length,
+    }, [u, S, z]), Qe = k(
+      () => u.filter((e) => !fe(e)).length,
       [u]
-    ), Ve = k(() => {
-      if (!L || !X) return null;
-      const { minTableWidth: e } = X;
-      return oe ? Math.max(oe, e) : e;
-    }, [oe, L, X]), Qe = !!(L && X && oe && oe < X.minTableWidth), Ze = k(() => !Ve || Je === 0 ? null : Math.max(
+    ), Ze = k(() => {
+      if (!L || !j) return null;
+      const { minTableWidth: e } = j;
+      return ce ? Math.max(ce, e) : e;
+    }, [ce, L, j]), et = !!(L && j && ce && ce < j.minTableWidth), tt = k(() => !Ze || Qe === 0 ? null : Math.max(
       0,
-      (Ve - Pt) / Je
-    ), [Ve, Pt, Je]);
+      (Ze - St) / Qe
+    ), [Ze, St, Qe]);
     Gr(() => {
       if (!L) {
-        Dt(null);
+        _t(null);
         return;
       }
-      const e = g.current;
+      const e = x.current;
       if (!e) return;
       const r = () => {
-        const i = e.clientWidth;
-        i > 0 && Dt((n) => n === i ? n : i);
+        const o = e.clientWidth;
+        o > 0 && _t((n) => n === o ? n : o);
       };
       r();
       const t = new ResizeObserver(r);
@@ -417,52 +425,52 @@ const at = "300px", ot = (o) => {
       u.length,
       d.length,
       L,
-      M,
+      X,
       S,
-      G
+      z
     ]);
-    const et = v(
-      (e) => L ? de(e) ? qt(e) : Ze != null ? {
-        width: `${Ze}px`,
+    const rt = v(
+      (e) => L ? fe(e) ? Kt(e) : tt != null ? {
+        width: `${tt}px`,
         minWidth: e.minWidth,
-        maxWidth: e.maxWidth ?? at
-      } : qt(e) : In(e),
-      [L, Ze]
-    ), br = k(() => {
-      if (!(!L || !X))
-        return Qe ? {
-          width: `${X.minTableWidth}px`,
+        maxWidth: e.maxWidth ?? lt
+      } : Kt(e) : Nn(e),
+      [L, tt]
+    ), vr = k(() => {
+      if (!(!L || !j))
+        return et ? {
+          width: `${j.minTableWidth}px`,
           tableLayout: "fixed"
         } : {
           width: "100%",
           tableLayout: "fixed"
         };
-    }, [L, X, Qe]), Rr = v(
+    }, [L, j, et]), kr = v(
       (e) => {
-        g.current = e, typeof re == "function" ? re(e) : re && (re.current = e);
+        x.current = e, typeof oe == "function" ? oe(e) : oe && (oe.current = e);
       },
-      [re]
-    ), vr = Re && ue ? {
-      selectionMode: Z,
+      [oe]
+    ), Er = Ee && he ? {
+      selectionMode: te,
       selectedKeys: C === "all" ? "all" : C,
-      onSelectionChange: kn(D)
-    } : {}, kr = (e, r = 0) => {
+      onSelectionChange: In(D)
+    } : {}, Ir = (e, r = 0) => {
       const t = e.__sourceIndex;
       return typeof t == "number" ? t : r;
-    }, Ie = v(
+    }, De = v(
       (e) => {
-        const r = F.current;
+        const r = G.current;
         if (!r) return;
-        const { fromSourceIndex: t, toSourceIndex: i, item: n, active: a } = r;
-        V(null), e && a && t !== i && (E != null && E.onReorderRows) && E.onReorderRows(t, i, n);
+        const { fromSourceIndex: t, toSourceIndex: o, item: n, active: s } = r;
+        Q(null), e && s && t !== o && (E != null && E.onReorderRows) && E.onReorderRows(t, o, n);
       },
-      [E, V]
-    ), Le = v(
+      [E, Q]
+    ), Pe = v(
       (e, r) => {
-        const t = F.current;
+        const t = G.current;
         if (!t) return;
-        Ue.current = { x: e, y: r };
-        const i = e - t.startX, n = r - t.startY, a = Math.hypot(i, n), l = t.active || a >= Ar;
+        je.current = { x: e, y: r };
+        const o = e - t.startX, n = r - t.startY, s = Math.hypot(o, n), l = t.active || s >= Ar;
         let p = {
           ...t,
           currentX: e,
@@ -470,37 +478,37 @@ const at = "300px", ot = (o) => {
           active: l
         };
         if (l) {
-          t.active || xt(null);
-          const b = g.current;
-          if (b) {
-            const s = Hr(
-              b,
+          t.active || vt(null);
+          const w = x.current;
+          if (w) {
+            const a = Kr(
+              w,
               r,
               t.fromSourceIndex,
               t.rowId
             );
-            s && (p = {
+            a && (p = {
               ...p,
-              toSourceIndex: s.toSourceIndex,
+              toSourceIndex: a.toSourceIndex,
               // Clip to scrollport so the line never draws over the header / outside the card.
-              dropLineY: Kr(
-                s.dropLineY,
-                b
+              dropLineY: Hr(
+                a.dropLineY,
+                w
               ),
-              dropLineLeft: s.dropLineLeft,
-              dropLineWidth: s.dropLineWidth
+              dropLineLeft: a.dropLineLeft,
+              dropLineWidth: a.dropLineWidth
             });
           }
         }
-        V(p);
+        Q(p);
       },
-      [V]
-    ), Er = v(
-      (e, r, t, i) => {
-        var b, s;
-        if (!je || e.button !== 0) return;
-        const n = (b = g.current) == null ? void 0 : b.querySelector(
-          `tr[${Mt}="${CSS.escape(r)}"]`
+      [Q]
+    ), Lr = v(
+      (e, r, t, o) => {
+        var w, a;
+        if (!Ae || e.button !== 0) return;
+        const n = (w = x.current) == null ? void 0 : w.querySelector(
+          `tr[${Xt}="${CSS.escape(r)}"]`
         );
         if (!n) return;
         e.preventDefault();
@@ -508,18 +516,18 @@ const at = "300px", ot = (o) => {
           e.currentTarget.setPointerCapture(e.pointerId);
         } catch {
         }
-        const a = Jr(n), l = Vr(n), p = ((s = n.closest("table")) == null ? void 0 : s.getBoundingClientRect()) ?? n.getBoundingClientRect();
-        Ue.current = { x: e.clientX, y: e.clientY }, V({
+        const s = Jr(n), l = Vr(n), p = ((a = n.closest("table")) == null ? void 0 : a.getBoundingClientRect()) ?? n.getBoundingClientRect();
+        je.current = { x: e.clientX, y: e.clientY }, Q({
           rowId: r,
           fromSourceIndex: t,
-          item: i,
+          item: o,
           pointerId: e.pointerId,
           startX: e.clientX,
           startY: e.clientY,
           currentX: e.clientX,
           currentY: e.clientY,
           active: !1,
-          preview: a,
+          preview: s,
           toSourceIndex: t,
           dropLineY: null,
           dropLineLeft: p.left,
@@ -527,93 +535,93 @@ const at = "300px", ot = (o) => {
           rowClone: l
         });
       },
-      [je, V]
-    ), Wt = f != null;
-    $(() => {
-      if (!Wt) return;
+      [Ae, Q]
+    ), Ct = f != null;
+    B(() => {
+      if (!Ct) return;
       const e = (n) => {
-        var a;
-        n.pointerId === ((a = F.current) == null ? void 0 : a.pointerId) && Le(n.clientX, n.clientY);
+        var s;
+        n.pointerId === ((s = G.current) == null ? void 0 : s.pointerId) && Pe(n.clientX, n.clientY);
       }, r = (n) => {
-        var a;
-        n.pointerId === ((a = F.current) == null ? void 0 : a.pointerId) && Ie(!0);
+        var s;
+        n.pointerId === ((s = G.current) == null ? void 0 : s.pointerId) && De(!0);
       }, t = (n) => {
-        var a;
-        n.pointerId === ((a = F.current) == null ? void 0 : a.pointerId) && Ie(!1);
-      }, i = (n) => {
-        n.key === "Escape" && (n.preventDefault(), Ie(!1));
+        var s;
+        n.pointerId === ((s = G.current) == null ? void 0 : s.pointerId) && De(!1);
+      }, o = (n) => {
+        n.key === "Escape" && (n.preventDefault(), De(!1));
       };
-      return window.addEventListener("pointermove", e), window.addEventListener("pointerup", r), window.addEventListener("pointercancel", t), window.addEventListener("keydown", i), () => {
-        window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", t), window.removeEventListener("keydown", i);
+      return window.addEventListener("pointermove", e), window.addEventListener("pointerup", r), window.addEventListener("pointercancel", t), window.addEventListener("keydown", o), () => {
+        window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", t), window.removeEventListener("keydown", o);
       };
-    }, [Wt, Ie, Le]), $(() => {
+    }, [Ct, De, Pe]), B(() => {
       if (!(f != null && f.active)) return;
       const e = document.body.style.userSelect, r = document.body.style.cursor;
       return document.body.style.userSelect = "none", document.body.style.cursor = "grabbing", () => {
         document.body.style.userSelect = e, document.body.style.cursor = r;
       };
-    }, [f == null ? void 0 : f.active]), $(() => {
+    }, [f == null ? void 0 : f.active]), B(() => {
       if (!(f != null && f.active)) return;
       let e = 0;
       const r = () => {
-        const t = F.current, i = g.current;
-        if (!(t != null && t.active) || !i) return;
-        const { x: n, y: a } = Ue.current, l = en(i, a);
-        l !== 0 && (i.scrollTop += l, Le(n, a)), e = requestAnimationFrame(r);
+        const t = G.current, o = x.current;
+        if (!(t != null && t.active) || !o) return;
+        const { x: n, y: s } = je.current, l = en(o, s);
+        l !== 0 && (o.scrollTop += l, Pe(n, s)), e = requestAnimationFrame(r);
       };
       return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
-    }, [f == null ? void 0 : f.active, Le]);
-    const Ne = v(
+    }, [f == null ? void 0 : f.active, Pe]);
+    const We = v(
       (e, r) => {
-        const t = U.current, i = g.current;
-        if (!t || !i) return;
-        Xe.current = { x: e, y: r };
-        const n = e - t.startX, a = r - t.startY, l = Math.hypot(n, a), p = t.active || l >= nn;
-        if (p && !t.active && (t.active = !0, Rt(!0)), !p) return;
-        const b = on(i, e, r), s = b ? Se(b) : null;
-        s && (t.focus = s, T({
+        const t = $.current, o = x.current;
+        if (!t || !o) return;
+        Be.current = { x: e, y: r };
+        const n = e - t.startX, s = r - t.startY, l = Math.hypot(n, s), p = t.active || l >= sn;
+        if (p && !t.active && (t.active = !0, Et(!0)), !p) return;
+        const w = an(o, e, r), a = w ? Oe(w) : null;
+        a && (t.focus = a, M({
           anchor: t.anchor,
-          focus: s
+          focus: a
         }));
       },
-      [T]
-    ), tt = v((e) => {
-      const r = U.current;
-      U.current = null, Rt(!1), r && requestAnimationFrame(
-        () => Yt(
-          g.current,
+      [M]
+    ), nt = v((e) => {
+      const r = $.current;
+      $.current = null, Et(!1), r && requestAnimationFrame(
+        () => Ut(
+          x.current,
           r.focus.rowId,
           r.focus.columnKey
         )
       );
-    }, []), Ir = v(
+    }, []), Nr = v(
       (e) => {
-        if (!y || !W || !J || We(e.target)) return;
-        const r = Ut(
+        if (!h || !W || !V || Te(e.target)) return;
+        const r = $t(
           e.target,
-          g.current
+          x.current
         );
         if (!r) return;
-        const t = Se(r);
-        t && (e.preventDefault(), e.stopPropagation(), T(_e(t)), J({
+        const t = Oe(r);
+        t && (e.preventDefault(), e.stopPropagation(), M(st(t)), V({
           rowId: t.rowId,
           columnKey: t.columnKey,
           sourceIndex: t.sourceIndex
         }));
       },
-      [y, T, W, J]
-    ), Lr = v(
+      [h, M, W, V]
+    ), Dr = v(
       (e) => {
-        if (!y || !W || e.button !== 0 || F.current) return;
-        const r = Ut(
+        if (!h || !W || e.button !== 0 || G.current) return;
+        const r = $t(
           e.target,
-          g.current
+          x.current
         );
         if (!r) return;
-        const t = Se(r);
+        const t = Oe(r);
         if (!t) return;
-        const i = e.shiftKey && h != null, n = i ? h.anchor : t;
-        Xe.current = { x: e.clientX, y: e.clientY }, U.current = {
+        const o = e.shiftKey && y != null, n = o ? y.anchor : t;
+        Be.current = { x: e.clientX, y: e.clientY }, $.current = {
           pointerId: e.pointerId,
           startX: e.clientX,
           startY: e.clientY,
@@ -621,129 +629,129 @@ const at = "300px", ot = (o) => {
           anchor: n,
           origin: t,
           focus: t,
-          extend: i
-        }, T(i ? { anchor: n, focus: t } : _e(t));
+          extend: o
+        }, M(o ? { anchor: n, focus: t } : st(t));
       },
-      [y, h, T, W]
+      [h, y, M, W]
     );
-    $(() => {
-      if (!y) return;
-      const e = (i) => {
-        const n = U.current;
-        !n || i.pointerId !== n.pointerId || (i.preventDefault(), Ne(i.clientX, i.clientY));
-      }, r = (i) => {
-        const n = U.current;
-        !n || i.pointerId !== n.pointerId || tt(!0);
-      }, t = (i) => {
-        const n = U.current;
-        !n || i.pointerId !== n.pointerId || tt(!1);
+    B(() => {
+      if (!h) return;
+      const e = (o) => {
+        const n = $.current;
+        !n || o.pointerId !== n.pointerId || (o.preventDefault(), We(o.clientX, o.clientY));
+      }, r = (o) => {
+        const n = $.current;
+        !n || o.pointerId !== n.pointerId || nt(!0);
+      }, t = (o) => {
+        const n = $.current;
+        !n || o.pointerId !== n.pointerId || nt(!1);
       };
       return window.addEventListener("pointermove", e), window.addEventListener("pointerup", r), window.addEventListener("pointercancel", t), () => {
         window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", t);
       };
-    }, [y, tt, Ne]), $(() => {
-      if (!be) return;
+    }, [h, nt, We]), B(() => {
+      if (!ke) return;
       const e = document.body.style.userSelect;
       return document.body.style.userSelect = "none", () => {
         document.body.style.userSelect = e;
       };
-    }, [be]), $(() => {
-      if (!be) return;
+    }, [ke]), B(() => {
+      if (!ke) return;
       let e = 0;
       const r = () => {
-        const t = U.current, i = g.current;
-        if (!(t != null && t.active) || !i) return;
-        const { x: n, y: a } = Xe.current, { dx: l, dy: p } = sn(i, n, a);
-        (l !== 0 || p !== 0) && (l !== 0 && (i.scrollLeft += l), p !== 0 && (i.scrollTop += p), Ne(n, a)), e = requestAnimationFrame(r);
+        const t = $.current, o = x.current;
+        if (!(t != null && t.active) || !o) return;
+        const { x: n, y: s } = Be.current, { dx: l, dy: p } = cn(o, n, s);
+        (l !== 0 || p !== 0) && (l !== 0 && (o.scrollLeft += l), p !== 0 && (o.scrollTop += p), We(n, s)), e = requestAnimationFrame(r);
       };
       return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
-    }, [be, Ne]), $(() => {
-      if (!y || !h) return;
+    }, [ke, We]), B(() => {
+      if (!h || !y) return;
       const e = (t) => {
-        if (We(t.target)) return;
-        const i = g.current;
-        if (!i) return;
+        if (Te(t.target)) return;
+        const o = x.current;
+        if (!o) return;
         const n = document.activeElement;
-        if (n && !i.contains(n) && t.target instanceof Node && !i.contains(t.target))
+        if (n && !o.contains(n) && t.target instanceof Node && !o.contains(t.target))
           return;
-        const a = it(
-          h,
-          x,
-          z
+        const s = at(
+          y,
+          b,
+          Y
         );
-        !a || !ze || (t.preventDefault(), ze({ selection: h, rect: a, event: t }));
+        !s || !Ue || (t.preventDefault(), Ue({ selection: y, rect: s, event: t }));
       }, r = (t) => {
         var p;
-        if (We(t.target)) return;
-        const i = g.current;
-        if (!i) return;
+        if (Te(t.target)) return;
+        const o = x.current;
+        if (!o) return;
         const n = document.activeElement;
-        if (n && !i.contains(n) && t.target instanceof Node && !i.contains(t.target))
+        if (n && !o.contains(n) && t.target instanceof Node && !o.contains(t.target))
           return;
-        const a = it(
-          h,
-          x,
-          z
+        const s = at(
+          y,
+          b,
+          Y
         );
-        if (!a || !Ye) return;
+        if (!s || !Xe) return;
         const l = ((p = t.clipboardData) == null ? void 0 : p.getData("text/plain")) ?? "";
-        t.preventDefault(), Ye({ selection: h, rect: a, text: l, event: t });
+        t.preventDefault(), Xe({ selection: y, rect: s, text: l, event: t });
       };
       return document.addEventListener("copy", e), document.addEventListener("paste", r), () => {
         document.removeEventListener("copy", e), document.removeEventListener("paste", r);
       };
     }, [
-      x,
-      y,
+      b,
       h,
-      z,
-      ze,
-      Ye
+      y,
+      Y,
+      Ue,
+      Xe
     ]);
-    const rt = Re && Rn(C, x), Nr = Re && vn(C, x), Dr = () => {
+    const ot = Ee && kn(C, b), Pr = Ee && En(C, b), Wr = () => {
       if (D) {
-        if (rt) {
+        if (ot) {
           D(/* @__PURE__ */ new Set());
           return;
         }
         D("all");
       }
-    }, Pr = (e, r) => {
+    }, _r = (e, r) => {
       if (!D) return;
-      if (Z === "single") {
+      if (te === "single") {
         D(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
         return;
       }
-      const t = C === "all" ? new Set(x) : new Set(jt(C, x));
+      const t = C === "all" ? new Set(b) : new Set(qt(C, b));
       r ? t.add(e) : t.delete(e), D(t);
-    }, Wr = (e) => {
-      const r = xe.has(e.key);
-      return gt ? /* @__PURE__ */ c(
-        w.Row,
+    }, Sr = (e) => {
+      const r = ve.has(e.key);
+      return Rt ? /* @__PURE__ */ c(
+        g.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ c(w.Cell, { colSpan: ie, className: m(I), children: gt(e) })
+          children: /* @__PURE__ */ c(g.Cell, { colSpan: ae, className: m(I), children: Rt(e) })
         },
         `group-${e.key}`
       ) : /* @__PURE__ */ c(
-        w.Row,
+        g.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
           children: /* @__PURE__ */ c(
-            w.Cell,
+            g.Cell,
             {
-              colSpan: ie,
+              colSpan: ae,
               className: m("py-1.5", I),
               children: /* @__PURE__ */ _(
                 "button",
                 {
                   type: "button",
                   className: "flex w-full items-center gap-2 px-2 text-left text-xs font-medium text-secondary",
-                  onClick: () => hr(e.key),
+                  onClick: () => wr(e.key),
                   "aria-expanded": !r,
                   children: [
                     /* @__PURE__ */ c(
@@ -769,40 +777,40 @@ const at = "300px", ot = (o) => {
         },
         `group-${e.key}`
       );
-    }, _t = (e, r, t = 0) => {
-      const i = ut ? ut(e) : !1, n = ce(e), a = kr(e, t), l = xn(C, n, x), p = lr === n, b = (f == null ? void 0 : f.active) === !0 && f.rowId === n;
+    }, Tt = (e, r, t = 0) => {
+      const o = ht ? ht(e) : !1, n = ue(e), s = Ir(e, t), l = Rn(C, n, b), p = fr === n, w = (f == null ? void 0 : f.active) === !0 && f.rowId === n;
       return /* @__PURE__ */ _(
-        w.Row,
+        g.Row,
         {
           onAction: () => {
-            var s;
-            (s = F.current) != null && s.active || le == null || le(e);
+            var a;
+            (a = G.current) != null && a.active || pe == null || pe(e);
           },
-          onMouseEnter: () => A == null ? void 0 : A(e, !0),
-          onMouseLeave: () => A == null ? void 0 : A(e, !1),
+          onMouseEnter: () => K == null ? void 0 : K(e, !0),
+          onMouseLeave: () => K == null ? void 0 : K(e, !1),
           id: n,
           value: e,
           columns: u,
-          expandedColSpan: ie,
-          isExpandable: i,
-          highlightSelectedRow: ue,
-          renderExpandedContent: i ? Zt : void 0,
-          [Mt]: n,
-          [rn]: String(a),
+          expandedColSpan: ae,
+          isExpandable: o,
+          highlightSelectedRow: he,
+          renderExpandedContent: o ? tr : void 0,
+          [Xt]: n,
+          [rn]: String(s),
           className: m(
-            le && "cursor-pointer",
-            Kt ? "prose" : "",
-            lt && "[&>td]:after:hidden",
-            $e && "group/rowactions",
+            pe && "cursor-pointer",
+            Vt ? "prose" : "",
+            pt && "[&>td]:after:hidden",
+            qe && "group/rowactions",
             p && "bg-utility-brand-25 hover:bg-utility-brand-25",
-            G && l && "bg-secondary",
-            mt,
-            Te == null ? void 0 : Te(e)
+            z && l && "bg-secondary",
+            bt,
+            Ge == null ? void 0 : Ge(e)
           ),
-          style: b ? tn : void 0,
+          style: w ? tn : void 0,
           children: [
-            G && /* @__PURE__ */ c(
-              w.Cell,
+            z && /* @__PURE__ */ c(
+              g.Cell,
               {
                 "data-grid-no-range": "",
                 className: m("relative w-10 text-center", I),
@@ -811,13 +819,13 @@ const at = "300px", ot = (o) => {
                   "div",
                   {
                     className: "flex items-center justify-center",
-                    onClick: (s) => s.stopPropagation(),
-                    onKeyDown: (s) => s.stopPropagation(),
+                    onClick: (a) => a.stopPropagation(),
+                    onKeyDown: (a) => a.stopPropagation(),
                     children: /* @__PURE__ */ c(
-                      Xt,
+                      jt,
                       {
                         checked: l,
-                        onCheckedChange: (s) => Pr(n, s === !0),
+                        onCheckedChange: (a) => _r(n, a === !0),
                         "aria-label": `Select row ${n}`,
                         className: "items-center justify-center"
                       }
@@ -826,95 +834,95 @@ const at = "300px", ot = (o) => {
                 )
               }
             ),
-            u.map((s, De) => {
-              const Pe = vt.get(s.key), Cr = Bt(
-                s.key,
-                K,
-                Pe
-              ), Ot = (Q == null ? void 0 : Q.rowId) === n && (Q == null ? void 0 : Q.columnKey) === s.key, B = y ? an(
-                h,
+            u.map((a, it) => {
+              const _e = It.get(a.key), Se = At(
+                a.key,
+                J,
+                _e
+              ), de = (Z == null ? void 0 : Z.rowId) === n && (Z == null ? void 0 : Z.columnKey) === a.key, T = h ? dn(
+                y,
                 n,
-                s.key,
-                x,
-                z
-              ) : null, Tr = !y && W && !Ot && (j == null ? void 0 : j.rowId) === n && (j == null ? void 0 : j.columnKey) === s.key, nt = !!(B != null && B.inRange) && W && !Ot, Ft = nt && B ? cn(B.edges) : void 0, Or = et(s);
+                a.key,
+                b,
+                Y
+              ) : null, Ce = !h && W && !de && (q == null ? void 0 : q.rowId) === n && (q == null ? void 0 : q.columnKey) === a.key, O = !!(T != null && T.inRange) && W && !de, zt = O && T ? ln(T.edges) : void 0, Or = rt(a);
               return /* @__PURE__ */ c(
-                w.Cell,
+                g.Cell,
                 {
-                  sticky: s.sticky,
-                  stickyOffset: s.stickyOffset,
+                  sticky: a.sticky,
+                  stickyOffset: a.stickyOffset,
                   style: {
                     ...Or,
-                    ...Ft ? { boxShadow: Ft } : null
+                    ...zt ? { boxShadow: zt } : null
                   },
                   "data-grid-cell": "",
                   "data-grid-row-id": n,
-                  "data-grid-col-key": s.key,
-                  "data-grid-source-index": a,
+                  "data-grid-col-key": a.key,
+                  "data-grid-source-index": s,
                   className: m(
                     "relative overflow-x-hidden",
                     // Uncontrolled single-cell highlight (legacy).
-                    Tr && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
+                    Ce && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
                     // Controlled range: fill all selected cells except the anchor; perimeter via boxShadow.
-                    nt && "z-1 outline-hidden after:opacity-0",
-                    nt && B && !B.isAnchor && "bg-utility-brand-25",
-                    s.cellClassName,
-                    Xr(Cr),
+                    O && "z-1 outline-hidden after:opacity-0",
+                    O && T && !T.isAnchor && "bg-utility-brand-25",
+                    a.cellClassName,
+                    Xr(Se),
                     I
                   ),
                   children: (() => {
-                    const Gt = De === 0 && (i || $e) ? /* @__PURE__ */ _("div", { className: "flex items-center", children: [
+                    const Yt = it === 0 && (o || qe) ? /* @__PURE__ */ _("div", { className: "flex items-center", children: [
                       E && /* @__PURE__ */ c(
                         "div",
                         {
                           "data-grid-no-range": "",
                           className: "flex items-center justify-center",
-                          onClick: (Y) => Y.stopPropagation(),
-                          onContextMenu: (Y) => Y.stopPropagation(),
-                          onKeyDown: (Y) => Y.stopPropagation(),
+                          onClick: (U) => U.stopPropagation(),
+                          onContextMenu: (U) => U.stopPropagation(),
+                          onKeyDown: (U) => U.stopPropagation(),
                           children: /* @__PURE__ */ c(
-                            hn,
+                            wn,
                             {
                               config: E,
-                              sourceRowIndex: a,
+                              sourceRowIndex: s,
                               item: e,
-                              enableDrag: je,
-                              isDragging: b,
-                              onDragHandlePointerDown: (Y) => Er(
-                                Y,
+                              enableDrag: Ae,
+                              isDragging: w,
+                              onDragHandlePointerDown: (U) => Lr(
+                                U,
                                 n,
-                                a,
+                                s,
                                 e
                               ),
                               triggerClassName: m(
                                 // Hover-reveal: hidden until row hover / focus / menu open / this row is the drag source.
                                 // Do not force all handles visible while another row is dragging.
                                 "transition-opacity group-hover/rowactions:opacity-100 focus-visible:opacity-100",
-                                p || b ? "opacity-100" : "opacity-0"
+                                p || w ? "opacity-100" : "opacity-0"
                               ),
-                              onOpenChange: (Y) => xt(Y ? n : null)
+                              onOpenChange: (U) => vt(U ? n : null)
                             }
                           )
                         }
                       ),
-                      /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: ct(s.key, e[s.key], e) })
-                    ] }) : ct(s.key, e[s.key], e);
+                      /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: ut(a.key, e[a.key], e) })
+                    ] }) : ut(a.key, e[a.key], e);
                     return W ? /* @__PURE__ */ c(
                       "div",
                       {
                         "data-grid-focus": !0,
                         tabIndex: -1,
                         className: "outline-hidden",
-                        children: Gt
+                        children: Yt
                       }
-                    ) : Gt;
+                    ) : Yt;
                   })()
                 },
-                s.key
+                a.key
               );
             }),
-            S && O && /* @__PURE__ */ c(
-              w.Cell,
+            S && F && /* @__PURE__ */ c(
+              g.Cell,
               {
                 "data-grid-no-range": "",
                 className: m("relative w-14 text-center", I),
@@ -926,10 +934,10 @@ const at = "300px", ot = (o) => {
                     title: "Delete row",
                     "aria-label": "Delete row",
                     className: "inline-flex items-center justify-center rounded p-1 text-fg-quaternary hover:bg-secondary_subtle hover:text-fg-secondary",
-                    onClick: (s) => {
-                      s.stopPropagation(), O.onDeleteRow(a);
+                    onClick: (a) => {
+                      a.stopPropagation(), F.onDeleteRow(s);
                     },
-                    children: /* @__PURE__ */ c(yn, { name: "Trash02", className: "size-3" })
+                    children: /* @__PURE__ */ c(gn, { name: "Trash02", className: "size-3" })
                   }
                 )
               }
@@ -938,37 +946,37 @@ const at = "300px", ot = (o) => {
         },
         n
       );
-    }, _r = (e) => /* @__PURE__ */ _(
-      w.Row,
+    }, Cr = (e) => /* @__PURE__ */ _(
+      g.Row,
       {
         id: String(e.id),
         isExpandable: !1,
-        className: m(lt && "[&>td]:after:hidden", mt),
+        className: m(pt && "[&>td]:after:hidden", bt),
         children: [
-          G && /* @__PURE__ */ c(
-            w.Cell,
+          z && /* @__PURE__ */ c(
+            g.Cell,
             {
               className: m("relative w-10", I),
               style: { minWidth: "40px", width: "40px" }
             }
           ),
           u.map((r) => /* @__PURE__ */ c(
-            w.Cell,
+            g.Cell,
             {
               sticky: r.sticky,
               stickyOffset: r.stickyOffset,
-              style: et(r),
+              style: rt(r),
               className: m(
                 "overflow-x-hidden text-left",
                 r.cellClassName,
                 I
               ),
-              children: /* @__PURE__ */ c(wn, { height: "14px", width: "75%", className: "rounded" })
+              children: /* @__PURE__ */ c(mn, { height: "14px", width: "75%", className: "rounded" })
             },
             r.key
           )),
           S && /* @__PURE__ */ c(
-            w.Cell,
+            g.Cell,
             {
               className: m("w-14", I),
               style: { minWidth: "56px", width: "56px" }
@@ -977,53 +985,53 @@ const at = "300px", ot = (o) => {
         ]
       },
       String(e.id)
-    ), Sr = () => M ? ke.map((e) => _r(e)) : ve && H ? H.flatMap((e) => {
-      const r = xe.has(e.key);
+    ), Tr = () => X ? Le.map((e) => Cr(e)) : Ie && H ? H.flatMap((e) => {
+      const r = ve.has(e.key);
       return [
-        Wr(e),
+        Sr(e),
         ...r ? [] : e.rows.map(
-          (t, i) => _t(t, void 0, i)
+          (t, o) => Tt(t, void 0, o)
         )
       ];
-    }) : ke.map(
-      (e, r) => _t(e, void 0, r)
-    ), St = /* @__PURE__ */ c(
+    }) : Le.map(
+      (e, r) => Tt(e, void 0, r)
+    ), Ot = /* @__PURE__ */ c(
       Yr.Root,
       {
-        ref: Rr,
-        onKeyDownCapture: W ? xr : void 0,
-        onPointerDownCapture: y ? Lr : void 0,
-        onDoubleClickCapture: y ? Ir : void 0,
+        ref: kr,
+        onKeyDownCapture: W ? Rr : void 0,
+        onPointerDownCapture: h ? Dr : void 0,
+        onDoubleClickCapture: h ? Nr : void 0,
         className: m(
           "w-full",
-          !L || Qe ? "overflow-x-auto" : "overflow-x-hidden",
-          fe && "border border-secondary rounded-xl",
+          !L || et ? "overflow-x-auto" : "overflow-x-hidden",
+          ye && "border border-secondary rounded-xl",
           "[&_tr:hover>td]:!bg-secondary_subtle",
-          Vt
+          Zt
         ),
-        size: dt,
+        size: ft,
         children: /* @__PURE__ */ _(
-          w,
+          g,
           {
-            "aria-label": Ht,
-            size: dt,
+            "aria-label": Jt,
+            size: ft,
             isEditable: W,
-            inlineSelection: ue,
-            className: m(L && "min-w-full", er),
-            style: br,
-            ...vr,
+            inlineSelection: he,
+            className: m(L && "min-w-full", rr),
+            style: vr,
+            ...Er,
             children: [
               /* @__PURE__ */ _(
-                w.Header,
+                g.Header,
                 {
                   className: m(
                     "sticky top-0 z-20",
-                    fe && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
-                    Qt
+                    ye && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
+                    er
                   ),
                   children: [
-                    G && /* @__PURE__ */ c(
-                      w.Head,
+                    z && /* @__PURE__ */ c(
+                      g.Head,
                       {
                         label: "",
                         allowsSorting: !1,
@@ -1031,11 +1039,11 @@ const at = "300px", ot = (o) => {
                         style: { minWidth: "40px", width: "40px" },
                         className: m(I),
                         headerCellClass: "justify-center",
-                        children: Z === "multiple" && D && /* @__PURE__ */ c("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(
-                          Xt,
+                        children: te === "multiple" && D && /* @__PURE__ */ c("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(
+                          jt,
                           {
-                            checked: rt ? !0 : Nr && !rt ? "indeterminate" : !1,
-                            onCheckedChange: () => Dr(),
+                            checked: ot ? !0 : Pr && !ot ? "indeterminate" : !1,
+                            onCheckedChange: () => Wr(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
                           }
@@ -1044,13 +1052,13 @@ const at = "300px", ot = (o) => {
                       "selection"
                     ),
                     u.map((e, r) => {
-                      const t = or ? pr.get(e.key) : void 0, i = vt.get(e.key), n = Bt(
+                      const t = ar ? yr.get(e.key) : void 0, o = It.get(e.key), n = At(
                         e.key,
-                        K,
-                        i
-                      ), a = Jt.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
+                        J,
+                        o
+                      ), s = Qt.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
                       return /* @__PURE__ */ c(
-                        w.Head,
+                        g.Head,
                         {
                           sticky: e.sticky,
                           stickyOffset: e.stickyOffset,
@@ -1058,36 +1066,36 @@ const at = "300px", ot = (o) => {
                           label: e.label,
                           isRowHeader: r === 0,
                           allowsSorting: e.allowsSorting,
-                          headerCellClass: `${e.headerCellClass} ${a}`,
-                          style: et(e),
+                          headerCellClass: `${e.headerCellClass} ${s}`,
+                          style: rt(e),
                           className: m(
                             "overflow-hidden",
                             e.headClassName,
                             I
                           ),
-                          headerAction: t && ge ? /* @__PURE__ */ c(
-                            un,
+                          headerAction: t && Re ? /* @__PURE__ */ c(
+                            pn,
                             {
                               column: t,
-                              columnLabel: t.label ?? (i ? Ur(i, ar) : e.label),
-                              currentAlignment: i ? At(
-                                i,
-                                K ?? /* @__PURE__ */ new Map()
-                              ) : (K == null ? void 0 : K.get(e.key)) ?? "left",
-                              capabilities: sr,
+                              columnLabel: t.label ?? (o ? Ur(o, dr) : e.label),
+                              currentAlignment: o ? Ht(
+                                o,
+                                J ?? /* @__PURE__ */ new Map()
+                              ) : (J == null ? void 0 : J.get(e.key)) ?? "left",
+                              capabilities: cr,
                               hideDisabled: u.length <= 1,
-                              onAction: gr.get(e.key),
-                              renderExtraItems: cr,
+                              onAction: br.get(e.key),
+                              renderExtraItems: lr,
                               showOnHeaderHover: !0
                             }
                           ) : void 0,
-                          children: (Ce == null ? void 0 : Ce(e.key)) ?? null
+                          children: (Fe == null ? void 0 : Fe(e.key)) ?? null
                         },
                         e.key
                       );
                     }),
                     S && /* @__PURE__ */ c(
-                      w.Head,
+                      g.Head,
                       {
                         label: "",
                         allowsSorting: !1,
@@ -1100,52 +1108,52 @@ const at = "300px", ot = (o) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ _(w.Body, { children: [
-                !Nt && Sr(),
-                wr && /* @__PURE__ */ c(
-                  w.Row,
+              /* @__PURE__ */ _(g.Body, { children: [
+                !Wt && Tr(),
+                mr && /* @__PURE__ */ c(
+                  g.Row,
                   {
                     id: "empty-state",
                     highlightSelectedRow: !1,
                     children: /* @__PURE__ */ c(
-                      w.Cell,
+                      g.Cell,
                       {
-                        colSpan: ie,
+                        colSpan: ae,
                         className: m(
                           "text-left text-placeholder_subtle border-b border-secondary py-3",
                           I
                         ),
-                        children: yt
+                        children: mt
                       }
                     )
                   },
                   "empty-state"
                 ),
-                He && O && /* @__PURE__ */ _(
-                  w.Row,
+                Je && F && /* @__PURE__ */ _(
+                  g.Row,
                   {
                     id: "add-row-footer",
                     highlightSelectedRow: !1,
                     children: [
                       /* @__PURE__ */ c(
-                        w.Cell,
+                        g.Cell,
                         {
-                          colSpan: ie - (S ? 1 : 0),
+                          colSpan: ae - (S ? 1 : 0),
                           className: m(I),
                           children: /* @__PURE__ */ c(
-                            fn,
+                            hn,
                             {
                               color: "tertiary",
                               className: "bg-secondary text-primary",
                               size: "xs",
-                              onClick: O.onAddRow,
+                              onClick: F.onAddRow,
                               children: "+ Add Row"
                             }
                           )
                         }
                       ),
                       S && /* @__PURE__ */ c(
-                        w.Cell,
+                        g.Cell,
                         {
                           className: m("w-14", I),
                           style: { minWidth: "56px", width: "56px" }
@@ -1155,13 +1163,13 @@ const at = "300px", ot = (o) => {
                   },
                   "add-row-footer"
                 ),
-                mr && Ge && /* @__PURE__ */ c(
-                  pn,
+                xr && Me && /* @__PURE__ */ c(
+                  yn,
                   {
-                    ...Ge,
+                    ...Me,
                     hasActionsColumn: S,
-                    hasSelectionColumn: G,
-                    showBorders: !!fe
+                    hasSelectionColumn: z,
+                    showBorders: !!ye
                   }
                 )
               ] })
@@ -1169,17 +1177,17 @@ const at = "300px", ot = (o) => {
           }
         )
       }
-    ), Ct = W ? /* @__PURE__ */ c(
+    ), Ft = W ? /* @__PURE__ */ c(
       qr,
       {
-        rowIds: x,
-        columnKeys: z,
-        containerRef: g,
-        onSelectCell: Ke,
-        onEditingCellChange: fr,
-        children: St
+        rowIds: b,
+        columnKeys: Y,
+        containerRef: x,
+        onSelectCell: Ve,
+        onEditingCellChange: hr,
+        children: Ot
       }
-    ) : St, Tt = f != null && f.active ? /* @__PURE__ */ _(zt, { children: [
+    ) : Ot, Gt = f != null && f.active ? /* @__PURE__ */ _(Mt, { children: [
       /* @__PURE__ */ c(Qr, { session: f }),
       f.dropLineY != null && /* @__PURE__ */ c(
         Zr,
@@ -1190,10 +1198,10 @@ const at = "300px", ot = (o) => {
         }
       )
     ] }) : null;
-    return yr ? /* @__PURE__ */ _("div", { className: "flex flex-col gap-3", children: [
-      It && Et,
-      Ct,
-      Lt && P && /* @__PURE__ */ c(
+    return gr ? /* @__PURE__ */ _("div", { className: "flex flex-col gap-3", children: [
+      Dt && Nt,
+      Ft,
+      Pt && P && /* @__PURE__ */ c(
         Mr,
         {
           currentPage: P.currentPage,
@@ -1205,13 +1213,13 @@ const at = "300px", ot = (o) => {
           showPagination: P.showPagination
         }
       ),
-      Tt
-    ] }) : /* @__PURE__ */ _(zt, { children: [
-      Ct,
-      Tt
+      Gt
+    ] }) : /* @__PURE__ */ _(Mt, { children: [
+      Ft,
+      Gt
     ] });
   }
 );
 export {
-  qn as TableWrapper
+  Kn as TableWrapper
 };