@pibit.ai/cure-design-system 0.6.6 → 0.6.8

package/dist/patterns/table/TableWrapper.js

@@ -1,107 +1,109 @@
-import { jsx as c, jsxs as P, Fragment as Qt } from "react/jsx-runtime";
-import { forwardRef as en, useRef as oe, useState as K, useMemo as E, useCallback as I, useEffect as Z, useLayoutEffect as er } from "react";
-import { ChevronRight as tn } from "@untitledui/icons";
+import { jsx as c, jsxs as P, Fragment as er } from "react/jsx-runtime";
+import { forwardRef as rn, useRef as oe, useState as K, useMemo as E, useCallback as k, useEffect as Z, useLayoutEffect as tr } from "react";
+import { ChevronRight as nn } from "@untitledui/icons";
 import { cx as x } from "../../utils/cn.js";
-import { TableCard as rn, Table as m } from "./table.js";
-import { TablePagination as nn } from "./TablePagination.js";
-import { TableZoomControl as sn } from "./TableZoomControl.js";
-import { useFitTableToViewport as on } from "./useFitTableToViewport.js";
-import { useTableZoomState as an } from "./useTableZoomState.js";
-import { getEffectiveAlignment as lr, resolveColumnLabel as cn, alignmentClass as dn } from "./toolbar/tableToolbarHelpers.js";
-import { parsePxValue as yt, DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH as tr, supportsCssZoom as ln, DEFAULT_TABLE_ZOOM_MIN as un, computeFillBaseWidth as fn, computeEffectiveTableWidth as pn, computeFlexColumnWidth as hn, DEFAULT_COLUMN_MAX_WIDTH as ur, getTableZoomFontSize as yn, computeNeedsHorizontalScroll as wn } from "./tableZoomLayout.js";
-import { findGridCell as rr, isWithinCellEditor as Be, getGridNeighbor as mn, getGridTabNeighbor as gn, focusGridCell as nr, GridNavProvider as xn } from "./useGridKeyboardNavigation.js";
-import { scrollGridCellIntoView as Rn } from "./scrollCellIntoView.js";
-import { ROW_DRAG_THRESHOLD_PX as vn, computeDropTarget as En, clipDropLineToScrollport as In, ROW_REORDER_ATTR as ir, measureRowPreview as kn, cloneRowForPreview as Ln, FloatingRowPreview as bn, DropIndicatorLine as Nn, getRowDragScrollDelta as Dn, ROW_DRAG_SOURCE_STYLE as Wn, ROW_SOURCE_INDEX_ATTR as Sn } from "./rowReorderDrag.js";
-import { selectionFromSingleCell as wt, resolveCellCoordFromElement as Xe, resolveRowAnchorCoordFromTarget as _n, buildCellRangeRect as mt, nextKeyboardCellSelection as Pn, CELL_RANGE_DRAG_THRESHOLD_PX as Cn, hitTestGridCell as Tn, canStartCellRangeFromTarget as sr, getDragScrollDeltas as Fn, getCellRangeVisualState as On, cellRangeEdgeBoxShadow as zn } from "./cellRangeSelection.js";
-import { BulkActionBar as Gn } from "./toolbar/BulkActionBar.js";
-import { TableToolbar as Mn } from "./toolbar/TableToolbar.js";
-import { Checkbox as or } from "../../primitives/checkbox/checkbox.js";
-import { ColumnHeaderMenu as Un } from "./toolbar/ColumnHeaderMenu.js";
-import { Button as Yn } from "../../primitives/button/button.js";
-import { SummaryFooterRow as An } from "./toolbar/SummaryFooter.js";
-import { RowActionsMenu as Bn } from "./toolbar/RowActionsMenu.js";
-import { Icon as Xn } from "../../primitives/icon/icon.js";
-import { ShimmerLine as $n } from "../../primitives/shimmer/shimmer.js";
-const jn = ln(), Zn = 5, qn = "__all__", ar = {
+import { TableCard as sn, Table as m } from "./table.js";
+import { TablePagination as on } from "./TablePagination.js";
+import { TableZoomControl as an } from "./TableZoomControl.js";
+import { useFitTableToViewport as cn } from "./useFitTableToViewport.js";
+import { useTableZoomState as dn } from "./useTableZoomState.js";
+import { getEffectiveAlignment as ur, resolveColumnLabel as ln, alignmentClass as un } from "./toolbar/tableToolbarHelpers.js";
+import { parsePxValue as yt, DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH as rr, supportsCssZoom as fn, DEFAULT_TABLE_ZOOM_MIN as pn, computeFillBaseWidth as hn, computeEffectiveTableWidth as yn, computeFlexColumnWidth as wn, DEFAULT_COLUMN_MAX_WIDTH as fr, getTableZoomFontSize as mn, computeNeedsHorizontalScroll as gn } from "./tableZoomLayout.js";
+import { findGridCell as nr, isWithinCellEditor as Be, getGridNeighbor as xn, getGridTabNeighbor as Rn, focusGridCell as ir, GridNavProvider as vn } from "./useGridKeyboardNavigation.js";
+import { scrollGridCellIntoView as En } from "./scrollCellIntoView.js";
+import { ROW_DRAG_THRESHOLD_PX as kn, computeDropTarget as In, clipDropLineToScrollport as Ln, ROW_REORDER_ATTR as sr, measureRowPreview as bn, cloneRowForPreview as Nn, FloatingRowPreview as Dn, DropIndicatorLine as Wn, getRowDragScrollDelta as Sn, ROW_DRAG_SOURCE_STYLE as _n, ROW_SOURCE_INDEX_ATTR as Pn } from "./rowReorderDrag.js";
+import { selectionFromSingleCell as wt, resolveCellCoordFromElement as Xe, resolveRowAnchorCoordFromTarget as Cn, buildCellRangeRect as mt, nextKeyboardCellSelection as Tn, CELL_RANGE_DRAG_THRESHOLD_PX as Fn, hitTestGridCell as On, canStartCellRangeFromTarget as or, getDragScrollDeltas as zn, getCellRangeVisualState as Gn, cellRangeEdgeBoxShadow as Mn } from "./cellRangeSelection.js";
+import { BulkActionBar as Un } from "./toolbar/BulkActionBar.js";
+import { TableToolbar as Yn } from "./toolbar/TableToolbar.js";
+import { Checkbox as ar } from "../../primitives/checkbox/checkbox.js";
+import { ColumnHeaderMenu as An } from "./toolbar/ColumnHeaderMenu.js";
+import { Button as Bn } from "../../primitives/button/button.js";
+import { SummaryFooterRow as Xn } from "./toolbar/SummaryFooter.js";
+import { RowActionsMenu as $n } from "./toolbar/RowActionsMenu.js";
+import { Icon as jn } from "../../primitives/icon/icon.js";
+import { ShimmerLine as Zn } from "../../primitives/shimmer/shimmer.js";
+const qn = fn(), Kn = 5, Hn = "__all__", cr = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
 }, Re = (s) => s.__rowId ?? s.id ?? s.rule_id ?? String(s);
-function cr(s, u) {
+function dr(s, u) {
   return s === "all" ? new Set(u) : s ?? /* @__PURE__ */ new Set();
 }
-function Kn(s, u, f) {
+function Vn(s, u, f) {
   return s ? s === "all" ? f.includes(u) : s.has(u) : !1;
 }
-function Hn(s, u) {
+function Jn(s, u) {
   return s ? s === "all" ? u.length : s.size : 0;
 }
-function Vn(s, u) {
+function Qn(s, u) {
   return u.length === 0 ? !1 : s === "all" ? !0 : u.every((f) => (s == null ? void 0 : s.has(f)) ?? !1);
 }
-function Jn(s, u) {
+function ei(s, u) {
   return s === "all" ? u.length > 0 : u.some((f) => (s == null ? void 0 : s.has(f)) ?? !1);
 }
-function Qn(s) {
+function ti(s) {
   if (s)
     return (u) => {
       s(u === "all" ? "all" : new Set([...u].map(String)));
     };
 }
-function ei(s) {
+function ri(s) {
   var u;
-  return s != null && s.length ? s.length > 1 ? !0 : ((u = s[0]) == null ? void 0 : u.key) !== qn : !1;
+  return s != null && s.length ? s.length > 1 ? !0 : ((u = s[0]) == null ? void 0 : u.key) !== Hn : !1;
 }
-function dr(s, u, f) {
-  return f ? lr(f, u ?? /* @__PURE__ */ new Map()) : (u == null ? void 0 : u.get(s)) ?? "left";
+function lr(s, u, f) {
+  return f ? ur(f, u ?? /* @__PURE__ */ new Map()) : (u == null ? void 0 : u.get(s)) ?? "left";
 }
-const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s) => s.width ?? (s.maxWidth && s.sticky === "right" ? s.maxWidth : void 0), ti = (s) => ({
+const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s) => s.width ?? (s.maxWidth && s.sticky === "right" ? s.maxWidth : void 0), ni = (s) => ({
   width: s.width,
-  maxWidth: s.maxWidth ?? ur,
+  maxWidth: s.maxWidth ?? fr,
   minWidth: s.minWidth ?? s.width
-}), Ni = en(
+}), Wi = rn(
   function({
     data: u,
     columns: f,
     renderRowCell: xt,
     onRowClick: Ee,
     onRowHover: H,
-    arialabel: fr,
-    size: Rt = "sm",
-    allowDefaultRowClass: pr = !1,
-    centeredHeaders: hr = [],
-    rootClassName: yr,
-    removeBorders: vt,
-    headerClassName: wr,
-    isRowExpandable: Et,
-    renderExpandedContent: mr,
+    arialabel: pr,
+    "data-testid": hr,
+    rowTestId: Rt,
+    size: vt = "sm",
+    allowDefaultRowClass: yr = !1,
+    centeredHeaders: wr = [],
+    rootClassName: mr,
+    removeBorders: Et,
+    headerClassName: gr,
+    isRowExpandable: kt,
+    renderExpandedContent: xr,
     loading: X = !1,
-    loadingRowCount: It = Zn,
+    loadingRowCount: It = Kn,
     renderHeaderCell: $e,
-    tableClassName: gr,
+    tableClassName: Rr,
     getRowClassName: je,
     selectionMode: ae = "none",
     selectedKeys: T,
     onSelectionChange: W,
-    inlineSelection: Ie = !1,
+    inlineSelection: ke = !1,
     toolbar: d,
-    showToolbar: xr,
-    toolbarTitle: kt,
-    toolbarTrailing: Lt,
-    disableExtendedTools: ke,
+    showToolbar: vr,
+    toolbarTitle: Lt,
+    toolbarTrailing: bt,
+    disableExtendedTools: Ie,
     pagination: S,
     showBorders: Le,
-    emptyState: bt,
+    emptyState: Nt,
     editChrome: z,
-    showEditActions: Rr = !1,
-    searchCollapsible: Nt,
-    isEditable: vr,
-    isEditMode: Dt = !0,
+    showEditActions: Er = !1,
+    searchCollapsible: Dt,
+    isEditable: kr,
+    isEditMode: Wt = !0,
     toolbarSlot: Ze,
-    rowHeightClass: Wt,
+    rowHeightClass: St,
     groupedData: V,
-    showSummaryFooter: Er,
+    showSummaryFooter: Ir,
     summaryFooterProps: qe,
     bulkActionBar: be,
     renderBulkActionBar: Ne,
@@ -111,16 +113,16 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     columnAlignments: J,
     columnTextWrap: Q,
     onColumnHeaderAction: _e,
-    showColumnHeaderMenu: Ir,
-    columnMenuCapabilities: kr,
-    renderGroupHeader: St,
+    showColumnHeaderMenu: Lr,
+    columnMenuCapabilities: br,
+    renderGroupHeader: _t,
     columnMenuSchema: ce,
     columnSchema: de,
-    labelMeta: Lr,
-    renderColumnHeaderMenuExtraItems: br,
-    fillWidth: Nr = !1,
-    zoom: Dr,
-    rowActions: k,
+    labelMeta: Nr,
+    renderColumnHeaderMenuExtraItems: Dr,
+    fillWidth: Wr = !1,
+    zoom: Sr,
+    rowActions: I,
     onCellActivate: ee,
     cellSelection: w = null,
     onCellSelectionChange: N,
@@ -128,11 +130,11 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     onPasteCells: He,
     onClearCells: Ve
   }, le) {
-    const { zoomConfig: G, zoomPercent: ue, setZoomPercent: _t } = an(Dr), F = G !== null && jn, fe = ue / 100, Pe = F ? yn(ue) : void 0, D = Nr, g = oe(null), [pe, Pt] = K(null), Wr = on({
+    const { zoomConfig: G, zoomPercent: ue, setZoomPercent: Pt } = dn(Sr), F = G !== null && qn, fe = ue / 100, Pe = F ? mn(ue) : void 0, D = Wr, g = oe(null), [pe, Ct] = K(null), _r = cn({
       containerRef: g,
       zoomConfig: G,
       zoomPercent: ue,
-      setZoomPercent: _t
+      setZoomPercent: Pt
     }), te = E(() => {
       if (!D) return null;
       const e = f.reduce(
@@ -143,21 +145,21 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         (i) => !ve(i)
       ).reduce(
         (i, n) => i + yt(
-          n.minWidth ?? (F ? tr : void 0)
+          n.minWidth ?? (F ? rr : void 0)
         ),
         0
       ) + e };
-    }, [f, D, F]), Ct = (G == null ? void 0 : G.minZoom) ?? un, [Ce, Sr] = K(
+    }, [f, D, F]), Tt = (G == null ? void 0 : G.minZoom) ?? pn, [Ce, Pr] = K(
       () => /* @__PURE__ */ new Set()
-    ), [_r, Tt] = K(
+    ), [Cr, Ft] = K(
       null
-    ), [p, Pr] = K(null), M = oe(null), Je = oe({ x: 0, y: 0 }), re = I((e) => {
-      M.current = e, Pr(e);
-    }, []), [q, Ft] = K(null), [ne, Cr] = K(null), y = typeof N == "function", $ = oe(null), Qe = oe({ x: 0, y: 0 }), [ie, Ot] = K(!1), et = oe(null), Te = ae === "single" || ae === "multiple", tt = !!k, U = Te && !Ie, Fe = ei(V), rt = !!(k != null && k.onReorderRows) && (k == null ? void 0 : k.enableRowReorder) !== !1 && !Fe && !X, Tr = E(() => ce != null && ce.length ? new Map(ce.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [ce]), zt = E(() => de != null && de.length ? new Map(de.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [de]), Y = E(
+    ), [p, Tr] = K(null), M = oe(null), Je = oe({ x: 0, y: 0 }), re = k((e) => {
+      M.current = e, Tr(e);
+    }, []), [q, Ot] = K(null), [ne, Fr] = K(null), y = typeof N == "function", $ = oe(null), Qe = oe({ x: 0, y: 0 }), [ie, zt] = K(!1), et = oe(null), Te = ae === "single" || ae === "multiple", tt = !!I, U = Te && !ke, Fe = ri(V), rt = !!(I != null && I.onReorderRows) && (I == null ? void 0 : I.enableRowReorder) !== !1 && !Fe && !X, Or = E(() => ce != null && ce.length ? new Map(ce.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [ce]), Gt = E(() => de != null && de.length ? new Map(de.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [de]), Y = E(
       () => f.map((e) => e.key),
       [f]
-    ), Fr = I((e) => {
-      Sr((t) => {
+    ), zr = k((e) => {
+      Pr((t) => {
         const r = new Set(t);
         return r.has(e) ? r.delete(e) : r.add(e), r;
       });
@@ -172,9 +174,9 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     }), [X, u, It]), R = E(() => X ? [] : Fe && V ? V.flatMap(
       (e) => Ce.has(e.key) ? [] : e.rows.map((t) => Re(t))
     ) : Oe.map((e) => Re(e)), [X, Fe, V, Ce, Oe]), he = E(
-      () => cr(T, R),
+      () => dr(T, R),
       [T, R]
-    ), nt = Hn(T, R), it = nt > 0, Gt = it && !!(be ?? Ne ?? De ?? We), ye = E(() => {
+    ), nt = Jn(T, R), it = nt > 0, Mt = it && !!(be ?? Ne ?? De ?? We), ye = E(() => {
       if (!it) return;
       const e = u.filter(
         (t) => he.has(Re(t))
@@ -191,15 +193,15 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       u,
       W,
       Se
-    ]), Mt = E(() => {
+    ]), Ut = E(() => {
       if (Ze != null) return Ze;
-      if (Gt) {
+      if (Mt) {
         if (be != null) return be;
         if (Ne && ye)
           return Ne(ye);
         if (ye && (De || We))
           return /* @__PURE__ */ c(
-            Gn,
+            Un,
             {
               count: nt,
               onDuplicate: De,
@@ -210,19 +212,19 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           );
       }
       const e = F && G ? /* @__PURE__ */ c(
-        sn,
+        an,
         {
           value: ue,
-          minValue: Ct,
+          minValue: Tt,
           maxValue: G.maxZoom,
           step: G.step,
-          onChange: _t,
-          onFitToViewport: Wr,
-          isDisabled: ke
+          onChange: Pt,
+          onFitToViewport: _r,
+          isDisabled: Ie
         }
-      ) : null, t = Lt;
+      ) : null, t = bt;
       return !d && !t && !e ? null : /* @__PURE__ */ c(
-        Mn,
+        Yn,
         {
           sort: d == null ? void 0 : d.sort,
           filter: d == null ? void 0 : d.filter,
@@ -235,21 +237,21 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           sortContent: d == null ? void 0 : d.sortContent,
           filterContent: d == null ? void 0 : d.filterContent,
           views: d == null ? void 0 : d.views,
-          fallbackTitle: kt,
+          fallbackTitle: Lt,
           beforeSearch: e,
           trailing: t,
-          searchCollapsible: Nt,
-          disableExtendedTools: ke,
-          isEditMode: Dt,
+          searchCollapsible: Dt,
+          disableExtendedTools: Ie,
+          isEditMode: Wt,
           undoRedo: d != null && d.undoRedo ? {
             ...d.undoRedo,
-            isDisabled: d.undoRedo.isDisabled ?? ke
+            isDisabled: d.undoRedo.isDisabled ?? Ie
           } : void 0
         }
       );
     }, [
       Ze,
-      Gt,
+      Mt,
       be,
       Ne,
       ye,
@@ -258,16 +260,16 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       Se,
       nt,
       d,
-      kt,
       Lt,
-      Nt,
+      bt,
       Dt,
-      ke,
+      Wt,
+      Ie,
       G,
       F,
       ue,
-      Ct
-    ]), Ut = Mt != null && xr !== !1, Yt = !!S && (S == null ? void 0 : S.showPagination) !== !1, Or = Ut || Yt, At = !X && u.length === 0 && bt != null, C = !!(Rr && z), st = !!(z != null && z.showFooterRow), L = vr ?? (C || st || tt), zr = At && !(st && z), we = f.length + (U ? 1 : 0) + (C ? 1 : 0), Gr = !!(Er && qe), b = Le ? "border-r border-secondary last:border-r-0" : void 0, Mr = E(() => {
+      Tt
+    ]), Yt = Ut != null && vr !== !1, At = !!S && (S == null ? void 0 : S.showPagination) !== !1, Gr = Yt || At, Bt = !X && u.length === 0 && Nt != null, C = !!(Er && z), st = !!(z != null && z.showFooterRow), L = kr ?? (C || st || tt), Mr = Bt && !(st && z), we = f.length + (U ? 1 : 0) + (C ? 1 : 0), Ur = !!(Ir && qe), b = Le ? "border-r border-secondary last:border-r-0" : void 0, Yr = E(() => {
       const e = /* @__PURE__ */ new Map();
       return _e && f.forEach((t) => {
         e.set(
@@ -275,12 +277,12 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           (r) => _e(t.key, r)
         );
       }), e;
-    }, [f, _e]), ot = I(
+    }, [f, _e]), ot = k(
       (e, t, r) => {
         var a;
         let i = r ?? null;
         if (i == null) {
-          const l = (a = rr(
+          const l = (a = nr(
             g.current,
             e,
             t
@@ -296,24 +298,24 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           N == null || N(wt(n));
           return;
         }
-        Ft(n);
+        Ot(n);
       },
       [y, N]
-    ), ze = I(() => {
+    ), ze = k(() => {
       if (y) {
         N == null || N(null);
         return;
       }
-      Ft(null);
-    }, [y, N]), _ = y ? (w == null ? void 0 : w.focus) ?? null : q, A = I(
+      Ot(null);
+    }, [y, N]), _ = y ? (w == null ? void 0 : w.focus) ?? null : q, A = k(
       (e) => {
         y && (N == null || N(e));
       },
       [y, N]
-    ), Ur = I(
+    ), Ar = k(
       (e) => {
         var Ae, se, xe;
-        const t = e.key in ar;
+        const t = e.key in cr;
         if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && e.key !== "Delete" && e.key !== "Backspace" && !t || Be(e.target)) return;
         if (e.key === "Escape") {
           if (!_ && !w) return;
@@ -323,7 +325,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         const r = (xe = (se = e.target).closest) == null ? void 0 : xe.call(
           se,
           "[data-grid-cell]"
-        ), i = r ? Xe(r) : null, n = y && t && e.shiftKey && !_ && !i ? _n(e.target, g.current) : null, a = n != null && he.has(n.rowId), l = _ ?? i ?? (a ? n : null);
+        ), i = r ? Xe(r) : null, n = y && t && e.shiftKey && !_ && !i ? Cn(e.target, g.current) : null, a = n != null && he.has(n.rowId), l = _ ?? i ?? (a ? n : null);
         if (!l) return;
         if (e.key === "Delete" || e.key === "Backspace") {
           if (!y || !w || !Ve) return;
@@ -349,14 +351,14 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           });
           return;
         }
-        const h = y && e.shiftKey && t, v = t ? ar[e.key] : e.shiftKey ? "left" : "right", o = t ? mn(
+        const h = y && e.shiftKey && t, v = t ? cr[e.key] : e.shiftKey ? "left" : "right", o = t ? xn(
           g.current,
           R,
           Y,
           l.rowId,
           l.columnKey,
           v
-        ) : gn(
+        ) : Rn(
           g.current,
           R,
           Y,
@@ -375,7 +377,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           sourceIndex: o.sourceIndex
         } : null, me = a ? null : ht, ge = me ? v : null;
         if (et.current = ge, y) {
-          const j = Pn(
+          const j = Tn(
             l,
             me,
             w,
@@ -385,7 +387,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         } else o && ot(o.rowId, o.columnKey, o.sourceIndex);
         const O = me ?? l;
         requestAnimationFrame(
-          () => nr(
+          () => ir(
             g.current,
             O.rowId,
             O.columnKey,
@@ -416,47 +418,47 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
     }, [L, _, w, ze]);
     const at = (_ == null ? void 0 : _.rowId) ?? null, ct = (_ == null ? void 0 : _.columnKey) ?? null;
-    er(() => {
+    tr(() => {
       if (!L || ie || !at || !ct) return;
-      const e = rr(
+      const e = nr(
         g.current,
         at,
         ct
       );
-      e && Rn(e, { dir: et.current });
+      e && En(e, { dir: et.current });
     }, [L, ie, at, ct]);
-    const Bt = E(() => {
+    const Xt = E(() => {
       let e = 0;
       return U && (e += 40), C && (e += 56), f.forEach((t) => {
         ve(t) && (e += yt(gt(t)));
       }), e;
-    }, [f, C, U]), Xt = E(
+    }, [f, C, U]), $t = E(
       () => f.filter((e) => !ve(e)).length,
       [f]
     ), dt = E(
-      () => D && te ? fn(pe, te.minTableWidth) : null,
+      () => D && te ? hn(pe, te.minTableWidth) : null,
       [pe, D, te]
-    ), $t = D && wn(dt, pe, fe), Ge = E(
-      () => pn(dt, pe, fe),
+    ), jt = D && gn(dt, pe, fe), Ge = E(
+      () => yn(dt, pe, fe),
       [dt, pe, fe]
     ), lt = E(
-      () => hn(
+      () => wn(
         Ge,
-        Bt,
-        Xt
+        Xt,
+        $t
       ),
-      [Ge, Bt, Xt]
+      [Ge, Xt, $t]
     );
-    er(() => {
+    tr(() => {
       if (!D) {
-        Pt(null);
+        Ct(null);
         return;
       }
       const e = g.current;
       if (!e) return;
       const t = () => {
         const i = e.clientWidth;
-        i > 0 && Pt((n) => n === i ? n : i);
+        i > 0 && Ct((n) => n === i ? n : i);
       };
       t();
       const r = new ResizeObserver(t);
@@ -471,11 +473,11 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       C,
       U
     ]);
-    const ut = I(
+    const ut = k(
       (e) => {
         if (!D)
-          return ti(e);
-        const t = e.minWidth ?? (F ? tr : void 0), r = gt(e), i = r, n = e.maxWidth ?? r ?? ur;
+          return ni(e);
+        const t = e.minWidth ?? (F ? rr : void 0), r = gt(e), i = r, n = e.maxWidth ?? r ?? fr;
         return ve(e) && i ? {
           minWidth: i,
           width: i,
@@ -486,7 +488,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         } : { minWidth: t, maxWidth: n };
       },
       [D, lt, F]
-    ), Yr = E(() => {
+    ), Br = E(() => {
       const e = F ? {
         zoom: fe,
         "--table-zoom-font-size": Pe ? `${Pe}px` : void 0
@@ -501,37 +503,37 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     }, [
       D,
       te,
-      $t,
+      jt,
       Ge,
       F,
       fe,
       Pe
-    ]), Ar = I(
+    ]), Xr = k(
       (e) => {
         g.current = e, typeof le == "function" ? le(e) : le && (le.current = e);
       },
       [le]
-    ), Br = Te && Ie ? {
+    ), $r = Te && ke ? {
       selectionMode: ae,
       selectedKeys: T === "all" ? "all" : T,
-      onSelectionChange: Qn(W)
-    } : {}, Xr = (e, t = 0) => {
+      onSelectionChange: ti(W)
+    } : {}, jr = (e, t = 0) => {
       const r = e.__sourceIndex;
       return typeof r == "number" ? r : t;
-    }, Me = I(
+    }, Me = k(
       (e) => {
         const t = M.current;
         if (!t) return;
         const { fromSourceIndex: r, toSourceIndex: i, item: n, active: a } = t;
-        re(null), e && a && r !== i && (k != null && k.onReorderRows) && k.onReorderRows(r, i, n);
+        re(null), e && a && r !== i && (I != null && I.onReorderRows) && I.onReorderRows(r, i, n);
       },
-      [k, re]
-    ), Ue = I(
+      [I, re]
+    ), Ue = k(
       (e, t) => {
         const r = M.current;
         if (!r) return;
         Je.current = { x: e, y: t };
-        const i = e - r.startX, n = t - r.startY, a = Math.hypot(i, n), l = r.active || a >= vn;
+        const i = e - r.startX, n = t - r.startY, a = Math.hypot(i, n), l = r.active || a >= kn;
         let h = {
           ...r,
           currentX: e,
@@ -539,10 +541,10 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           active: l
         };
         if (l) {
-          r.active || Tt(null);
+          r.active || Ft(null);
           const v = g.current;
           if (v) {
-            const o = En(
+            const o = In(
               v,
               t,
               r.fromSourceIndex,
@@ -552,7 +554,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
               ...h,
               toSourceIndex: o.toSourceIndex,
               // Clip to scrollport so the line never draws over the header / outside the card.
-              dropLineY: In(
+              dropLineY: Ln(
                 o.dropLineY,
                 v
               ),
@@ -564,12 +566,12 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         re(h);
       },
       [re]
-    ), $r = I(
+    ), Zr = k(
       (e, t, r, i) => {
         var v, o;
         if (!rt || e.button !== 0) return;
         const n = (v = g.current) == null ? void 0 : v.querySelector(
-          `tr[${ir}="${CSS.escape(t)}"]`
+          `tr[${sr}="${CSS.escape(t)}"]`
         );
         if (!n) return;
         e.preventDefault();
@@ -577,7 +579,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           e.currentTarget.setPointerCapture(e.pointerId);
         } catch {
         }
-        const a = kn(n), l = Ln(n), h = ((o = n.closest("table")) == null ? void 0 : o.getBoundingClientRect()) ?? n.getBoundingClientRect();
+        const a = bn(n), l = Nn(n), h = ((o = n.closest("table")) == null ? void 0 : o.getBoundingClientRect()) ?? n.getBoundingClientRect();
         Je.current = { x: e.clientX, y: e.clientY }, re({
           rowId: t,
           fromSourceIndex: r,
@@ -597,9 +599,9 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         });
       },
       [rt, re]
-    ), jt = p != null;
+    ), Zt = p != null;
     Z(() => {
-      if (!jt) return;
+      if (!Zt) return;
       const e = (n) => {
         var a;
         n.pointerId === ((a = M.current) == null ? void 0 : a.pointerId) && Ue(n.clientX, n.clientY);
@@ -615,7 +617,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), window.addEventListener("pointercancel", r), window.addEventListener("keydown", i), () => {
         window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t), window.removeEventListener("pointercancel", r), window.removeEventListener("keydown", i);
       };
-    }, [jt, Me, Ue]), Z(() => {
+    }, [Zt, Me, Ue]), Z(() => {
       if (!(p != null && p.active)) return;
       const e = document.body.style.userSelect, t = document.body.style.cursor;
       return document.body.style.userSelect = "none", document.body.style.cursor = "grabbing", () => {
@@ -627,38 +629,38 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       const t = () => {
         const r = M.current, i = g.current;
         if (!(r != null && r.active) || !i) return;
-        const { x: n, y: a } = Je.current, l = Dn(i, a);
+        const { x: n, y: a } = Je.current, l = Sn(i, a);
         l !== 0 && (i.scrollTop += l, Ue(n, a)), e = requestAnimationFrame(t);
       };
       return e = requestAnimationFrame(t), () => cancelAnimationFrame(e);
     }, [p == null ? void 0 : p.active, Ue]);
-    const Ye = I(
+    const Ye = k(
       (e, t) => {
         const r = $.current, i = g.current;
         if (!r || !i) return;
         Qe.current = { x: e, y: t };
-        const n = e - r.startX, a = t - r.startY, l = Math.hypot(n, a), h = r.active || l >= Cn;
-        if (h && !r.active && (r.active = !0, Ot(!0)), !h) return;
-        const v = Tn(i, e, t), o = v ? Xe(v) : null;
+        const n = e - r.startX, a = t - r.startY, l = Math.hypot(n, a), h = r.active || l >= Fn;
+        if (h && !r.active && (r.active = !0, zt(!0)), !h) return;
+        const v = On(i, e, t), o = v ? Xe(v) : null;
         o && (r.focus = o, A({
           anchor: r.anchor,
           focus: o
         }));
       },
       [A]
-    ), ft = I((e) => {
+    ), ft = k((e) => {
       const t = $.current;
-      $.current = null, Ot(!1), t && requestAnimationFrame(
-        () => nr(
+      $.current = null, zt(!1), t && requestAnimationFrame(
+        () => ir(
           g.current,
           t.focus.rowId,
           t.focus.columnKey
         )
       );
-    }, []), jr = I(
+    }, []), qr = k(
       (e) => {
         if (!y || !L || !ee || Be(e.target)) return;
-        const t = sr(
+        const t = or(
           e.target,
           g.current
         );
@@ -671,10 +673,10 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         }));
       },
       [y, A, L, ee]
-    ), Zr = I(
+    ), Kr = k(
       (e) => {
         if (!y || !L || e.button !== 0 || M.current) return;
-        const t = sr(
+        const t = or(
           e.target,
           g.current
         );
@@ -722,7 +724,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       const t = () => {
         const r = $.current, i = g.current;
         if (!(r != null && r.active) || !i) return;
-        const { x: n, y: a } = Qe.current, { dx: l, dy: h } = Fn(i, n, a);
+        const { x: n, y: a } = Qe.current, { dx: l, dy: h } = zn(i, n, a);
         (l !== 0 || h !== 0) && (l !== 0 && (i.scrollLeft += l), h !== 0 && (i.scrollTop += h), Ye(n, a)), e = requestAnimationFrame(t);
       };
       return e = requestAnimationFrame(t), () => cancelAnimationFrame(e);
@@ -769,7 +771,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       Ke,
       He
     ]);
-    const pt = Te && Vn(T, R), qr = Te && Jn(T, R), Kr = () => {
+    const pt = Te && Qn(T, R), Hr = Te && ei(T, R), Vr = () => {
       if (W) {
         if (pt) {
           W(/* @__PURE__ */ new Set());
@@ -777,23 +779,23 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         }
         W("all");
       }
-    }, Hr = (e, t) => {
+    }, Jr = (e, t) => {
       if (!W) return;
       if (ae === "single") {
         W(t ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
         return;
       }
-      const r = T === "all" ? new Set(R) : new Set(cr(T, R));
+      const r = T === "all" ? new Set(R) : new Set(dr(T, R));
       t ? r.add(e) : r.delete(e), W(r);
-    }, Vr = (e) => {
+    }, Qr = (e) => {
       const t = Ce.has(e.key);
-      return St ? /* @__PURE__ */ c(
+      return _t ? /* @__PURE__ */ c(
         m.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ c(m.Cell, { colSpan: we, className: x(b), children: St(e) })
+          children: /* @__PURE__ */ c(m.Cell, { colSpan: we, className: x(b), children: _t(e) })
         },
         `group-${e.key}`
       ) : /* @__PURE__ */ c(
@@ -812,11 +814,11 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                 {
                   type: "button",
                   className: "flex w-full items-center gap-2 px-2 text-left text-xs font-medium text-secondary",
-                  onClick: () => Fr(e.key),
+                  onClick: () => zr(e.key),
                   "aria-expanded": !t,
                   children: [
                     /* @__PURE__ */ c(
-                      tn,
+                      nn,
                       {
                         className: x(
                           "size-4 shrink-0 text-fg-quaternary transition-transform",
@@ -838,8 +840,8 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         },
         `group-${e.key}`
       );
-    }, Zt = (e, t, r = 0) => {
-      const i = Et ? Et(e) : !1, n = Re(e), a = Xr(e, r), l = Kn(T, n, R), h = _r === n, v = (p == null ? void 0 : p.active) === !0 && p.rowId === n;
+    }, qt = (e, t, r = 0) => {
+      const i = kt ? kt(e) : !1, n = Re(e), a = jr(e, r), l = Vn(T, n, R), h = Cr === n, v = (p == null ? void 0 : p.active) === !0 && p.rowId === n;
       return /* @__PURE__ */ P(
         m.Row,
         {
@@ -850,25 +852,27 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           onMouseEnter: () => H == null ? void 0 : H(e, !0),
           onMouseLeave: () => H == null ? void 0 : H(e, !1),
           id: n,
+          "data-testid": Rt,
+          "data-row-id": Rt ? n : void 0,
           value: e,
           columns: f,
           expandedColSpan: we,
           isExpandable: i,
-          highlightSelectedRow: Ie,
-          renderExpandedContent: i ? mr : void 0,
-          [ir]: n,
-          [Sn]: String(a),
+          highlightSelectedRow: ke,
+          renderExpandedContent: i ? xr : void 0,
+          [sr]: n,
+          [Pn]: String(a),
           className: x(
             Ee && "cursor-pointer",
-            pr ? "prose" : "",
-            vt && "[&>td]:after:hidden",
+            yr ? "prose" : "",
+            Et && "[&>td]:after:hidden",
             tt && "group/rowactions",
             h && "bg-utility-brand-25 hover:bg-utility-brand-25",
             U && l && "bg-secondary",
-            Wt,
+            St,
             je == null ? void 0 : je(e)
           ),
-          style: v ? Wn : void 0,
+          style: v ? _n : void 0,
           children: [
             U && /* @__PURE__ */ c(
               m.Cell,
@@ -883,10 +887,10 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                     onClick: (o) => o.stopPropagation(),
                     onKeyDown: (o) => o.stopPropagation(),
                     children: /* @__PURE__ */ c(
-                      or,
+                      ar,
                       {
                         isSelected: l,
-                        onChange: (o) => Hr(n, o),
+                        onChange: (o) => Jr(n, o),
                         "aria-label": `Select row ${n}`,
                         className: "items-center justify-center"
                       }
@@ -895,18 +899,18 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                 )
               }
             ),
-            f.map((o, Vt) => {
-              const ht = zt.get(o.key), me = dr(
+            f.map((o, Jt) => {
+              const ht = Gt.get(o.key), me = lr(
                 o.key,
                 J,
                 ht
-              ), ge = (ne == null ? void 0 : ne.rowId) === n && (ne == null ? void 0 : ne.columnKey) === o.key, O = y ? On(
+              ), ge = (ne == null ? void 0 : ne.rowId) === n && (ne == null ? void 0 : ne.columnKey) === o.key, O = y ? Gn(
                 w,
                 n,
                 o.key,
                 R,
                 Y
-              ) : null, Ae = !y && L && !ge && (q == null ? void 0 : q.rowId) === n && (q == null ? void 0 : q.columnKey) === o.key, se = !!(O != null && O.inRange) && L && !ge, xe = se && O ? zn(O.edges) : void 0, j = ut(o);
+              ) : null, Ae = !y && L && !ge && (q == null ? void 0 : q.rowId) === n && (q == null ? void 0 : q.columnKey) === o.key, se = !!(O != null && O.inRange) && L && !ge, xe = se && O ? Mn(O.edges) : void 0, j = ut(o);
               return /* @__PURE__ */ c(
                 m.Cell,
                 {
@@ -931,12 +935,12 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                     // content must not truncate itself for wrapping to show.
                     (Q == null ? void 0 : Q.has(o.key)) && "whitespace-normal break-words",
                     o.cellClassName,
-                    dn(me),
+                    un(me),
                     b
                   ),
                   children: (() => {
-                    const Jt = Vt === 0 && (i || tt) ? /* @__PURE__ */ P("div", { className: "flex items-center", children: [
-                      k && /* @__PURE__ */ c(
+                    const Qt = Jt === 0 && (i || tt) ? /* @__PURE__ */ P("div", { className: "flex items-center", children: [
+                      I && /* @__PURE__ */ c(
                         "div",
                         {
                           "data-grid-no-range": "",
@@ -945,14 +949,14 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                           onContextMenu: (B) => B.stopPropagation(),
                           onKeyDown: (B) => B.stopPropagation(),
                           children: /* @__PURE__ */ c(
-                            Bn,
+                            $n,
                             {
-                              config: k,
+                              config: I,
                               sourceRowIndex: a,
                               item: e,
                               enableDrag: rt,
                               isDragging: v,
-                              onDragHandlePointerDown: (B) => $r(
+                              onDragHandlePointerDown: (B) => Zr(
                                 B,
                                 n,
                                 a,
@@ -964,7 +968,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                                 "transition-opacity group-hover/rowactions:opacity-100 focus-visible:opacity-100",
                                 h || v ? "opacity-100" : "opacity-0"
                               ),
-                              onOpenChange: (B) => Tt(B ? n : null)
+                              onOpenChange: (B) => Ft(B ? n : null)
                             }
                           )
                         }
@@ -977,9 +981,9 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                         "data-grid-focus": !0,
                         tabIndex: -1,
                         className: "outline-hidden",
-                        children: Jt
+                        children: Qt
                       }
-                    ) : Jt;
+                    ) : Qt;
                   })()
                 },
                 o.key
@@ -1001,7 +1005,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                     onClick: (o) => {
                       o.stopPropagation(), z.onDeleteRow(a);
                     },
-                    children: /* @__PURE__ */ c(Xn, { name: "Trash02", className: "size-3" })
+                    children: /* @__PURE__ */ c(jn, { name: "Trash02", className: "size-3" })
                   }
                 )
               }
@@ -1010,12 +1014,12 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         },
         n
       );
-    }, Jr = (e) => /* @__PURE__ */ P(
+    }, en = (e) => /* @__PURE__ */ P(
       m.Row,
       {
         id: String(e.id),
         isExpandable: !1,
-        className: x(vt && "[&>td]:after:hidden", Wt),
+        className: x(Et && "[&>td]:after:hidden", St),
         children: [
           U && /* @__PURE__ */ c(
             m.Cell,
@@ -1035,7 +1039,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                 t.cellClassName,
                 b
               ),
-              children: /* @__PURE__ */ c($n, { height: "14px", width: "75%", className: "rounded" })
+              children: /* @__PURE__ */ c(Zn, { height: "14px", width: "75%", className: "rounded" })
             },
             t.key
           )),
@@ -1049,45 +1053,46 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         ]
       },
       String(e.id)
-    ), Qr = () => X ? Oe.map((e) => Jr(e)) : Fe && V ? V.flatMap((e) => {
+    ), tn = () => X ? Oe.map((e) => en(e)) : Fe && V ? V.flatMap((e) => {
       const t = Ce.has(e.key);
       return [
-        Vr(e),
+        Qr(e),
         ...t ? [] : e.rows.map(
-          (r, i) => Zt(r, void 0, i)
+          (r, i) => qt(r, void 0, i)
         )
       ];
     }) : Oe.map(
-      (e, t) => Zt(e, void 0, t)
-    ), qt = /* @__PURE__ */ c(
-      rn.Root,
+      (e, t) => qt(e, void 0, t)
+    ), Kt = /* @__PURE__ */ c(
+      sn.Root,
       {
-        ref: Ar,
-        onKeyDownCapture: L ? Ur : void 0,
-        onPointerDownCapture: y ? Zr : void 0,
-        onDoubleClickCapture: y ? jr : void 0,
+        ref: Xr,
+        onKeyDownCapture: L ? Ar : void 0,
+        onPointerDownCapture: y ? Kr : void 0,
+        onDoubleClickCapture: y ? qr : void 0,
         className: x(
           "w-full",
-          !D || $t ? "overflow-x-auto" : "overflow-x-hidden",
+          !D || jt ? "overflow-x-auto" : "overflow-x-hidden",
           Le && "border border-secondary rounded-xl",
           "[&_tr:hover>td]:!bg-secondary_subtle",
-          yr
+          mr
         ),
-        size: Rt,
+        size: vt,
         children: /* @__PURE__ */ P(
           m,
           {
             "data-table-zoom-typography": Pe !== void 0 ? "" : void 0,
-            "aria-label": fr,
-            size: Rt,
+            "aria-label": pr,
+            "data-testid": hr,
+            size: vt,
             isEditable: L,
-            inlineSelection: Ie,
+            inlineSelection: ke,
             className: x(
               D && "min-w-full",
-              gr
+              Rr
             ),
-            style: Yr,
-            ...Br,
+            style: Br,
+            ...$r,
             children: [
               /* @__PURE__ */ P(
                 m.Header,
@@ -1095,7 +1100,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                   className: x(
                     "sticky top-0 z-20",
                     Le && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
-                    wr
+                    gr
                   ),
                   children: [
                     U && /* @__PURE__ */ c(
@@ -1108,11 +1113,11 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                         className: x(b),
                         headerCellClass: "justify-center",
                         children: ae === "multiple" && W && /* @__PURE__ */ c("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(
-                          or,
+                          ar,
                           {
                             isSelected: pt,
-                            isIndeterminate: qr && !pt,
-                            onChange: () => Kr(),
+                            isIndeterminate: Hr && !pt,
+                            onChange: () => Vr(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
                           }
@@ -1121,11 +1126,11 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                       "selection"
                     ),
                     f.map((e, t) => {
-                      const r = Ir ? Tr.get(e.key) : void 0, i = zt.get(e.key), n = dr(
+                      const r = Lr ? Or.get(e.key) : void 0, i = Gt.get(e.key), n = lr(
                         e.key,
                         J,
                         i
-                      ), a = hr.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
+                      ), a = wr.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
                       return /* @__PURE__ */ c(
                         m.Head,
                         {
@@ -1143,19 +1148,19 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                             b
                           ),
                           headerAction: r && _e ? /* @__PURE__ */ c(
-                            Un,
+                            An,
                             {
                               column: r,
-                              columnLabel: r.label ?? (i ? cn(i, Lr) : e.label),
-                              currentAlignment: i ? lr(
+                              columnLabel: r.label ?? (i ? ln(i, Nr) : e.label),
+                              currentAlignment: i ? ur(
                                 i,
                                 J ?? /* @__PURE__ */ new Map()
                               ) : (J == null ? void 0 : J.get(e.key)) ?? "left",
                               textWrapped: (Q == null ? void 0 : Q.has(e.key)) ?? !1,
-                              capabilities: kr,
+                              capabilities: br,
                               hideDisabled: f.length <= 1,
-                              onAction: Mr.get(e.key),
-                              renderExtraItems: br,
+                              onAction: Yr.get(e.key),
+                              renderExtraItems: Dr,
                               showOnHeaderHover: !0
                             }
                           ) : void 0,
@@ -1179,8 +1184,8 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                 }
               ),
               /* @__PURE__ */ P(m.Body, { children: [
-                !At && Qr(),
-                zr && /* @__PURE__ */ c(
+                !Bt && tn(),
+                Mr && /* @__PURE__ */ c(
                   m.Row,
                   {
                     id: "empty-state",
@@ -1193,7 +1198,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                           "text-left text-placeholder_subtle border-b border-secondary py-3",
                           b
                         ),
-                        children: bt
+                        children: Nt
                       }
                     )
                   },
@@ -1211,7 +1216,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                           colSpan: we - (C ? 1 : 0),
                           className: x(b),
                           children: /* @__PURE__ */ c(
-                            Yn,
+                            Bn,
                             {
                               color: "tertiary",
                               className: "bg-secondary text-primary",
@@ -1233,8 +1238,8 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                   },
                   "add-row-footer"
                 ),
-                Gr && qe && /* @__PURE__ */ c(
-                  An,
+                Ur && qe && /* @__PURE__ */ c(
+                  Xn,
                   {
                     ...qe,
                     hasActionsColumn: C,
@@ -1247,20 +1252,20 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           }
         )
       }
-    ), Kt = L ? /* @__PURE__ */ c(
-      xn,
+    ), Ht = L ? /* @__PURE__ */ c(
+      vn,
       {
         rowIds: R,
         columnKeys: Y,
         containerRef: g,
         onSelectCell: ot,
-        onEditingCellChange: Cr,
-        children: qt
+        onEditingCellChange: Fr,
+        children: Kt
       }
-    ) : qt, Ht = p != null && p.active ? /* @__PURE__ */ P(Qt, { children: [
-      /* @__PURE__ */ c(bn, { session: p }),
+    ) : Kt, Vt = p != null && p.active ? /* @__PURE__ */ P(er, { children: [
+      /* @__PURE__ */ c(Dn, { session: p }),
       p.dropLineY != null && /* @__PURE__ */ c(
-        Nn,
+        Wn,
         {
           y: p.dropLineY,
           left: p.dropLineLeft,
@@ -1268,11 +1273,11 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         }
       )
     ] }) : null;
-    return Or ? /* @__PURE__ */ P("div", { className: "flex flex-col gap-3", children: [
-      Ut && Mt,
-      Kt,
-      Yt && S && /* @__PURE__ */ c(
-        nn,
+    return Gr ? /* @__PURE__ */ P("div", { className: "flex flex-col gap-3", children: [
+      Yt && Ut,
+      Ht,
+      At && S && /* @__PURE__ */ c(
+        on,
         {
           currentPage: S.currentPage,
           pageSize: S.pageSize,
@@ -1283,13 +1288,13 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           showPagination: S.showPagination
         }
       ),
-      Ht
-    ] }) : /* @__PURE__ */ P(Qt, { children: [
-      Kt,
-      Ht
+      Vt
+    ] }) : /* @__PURE__ */ P(er, { children: [
+      Ht,
+      Vt
     ] });
   }
 );
 export {
-  Ni as TableWrapper
+  Wi as TableWrapper
 };