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

package/dist/patterns/table/TableWrapper.js

@@ -1,5 +1,5 @@
-import { jsx as c, jsxs as S, Fragment as Qt } from "react/jsx-runtime";
-import { forwardRef as en, useRef as oe, useState as K, useMemo as k, useCallback as E, useEffect as Z, useLayoutEffect as er } from "react";
+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 { cx as x } from "../../utils/cn.js";
 import { TableCard as rn, Table as m } from "./table.js";
@@ -11,8 +11,8 @@ import { getEffectiveAlignment as lr, resolveColumnLabel as cn, alignmentClass a
 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 kn, clipDropLineToScrollport as En, ROW_REORDER_ATTR as ir, measureRowPreview as In, cloneRowForPreview as Ln, FloatingRowPreview as bn, DropIndicatorLine as Nn, getRowDragScrollDelta as Dn, ROW_DRAG_SOURCE_STYLE as Wn, ROW_SOURCE_INDEX_ATTR as _n } from "./rowReorderDrag.js";
-import { selectionFromSingleCell as wt, resolveCellCoordFromElement as Xe, resolveRowAnchorCoordFromTarget as Pn, buildCellRangeRect as mt, nextKeyboardCellSelection as Sn, 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 { 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";
@@ -65,7 +65,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     data: u,
     columns: f,
     renderRowCell: xt,
-    onRowClick: ke,
+    onRowClick: Ee,
     onRowHover: H,
     arialabel: fr,
     size: Rt = "sm",
@@ -74,23 +74,23 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     rootClassName: yr,
     removeBorders: vt,
     headerClassName: wr,
-    isRowExpandable: kt,
+    isRowExpandable: Et,
     renderExpandedContent: mr,
     loading: X = !1,
-    loadingRowCount: Et = Zn,
+    loadingRowCount: It = Zn,
     renderHeaderCell: $e,
     tableClassName: gr,
     getRowClassName: je,
     selectionMode: ae = "none",
     selectedKeys: T,
     onSelectionChange: W,
-    inlineSelection: Ee = !1,
+    inlineSelection: Ie = !1,
     toolbar: d,
     showToolbar: xr,
-    toolbarTitle: It,
+    toolbarTitle: kt,
     toolbarTrailing: Lt,
-    disableExtendedTools: Ie,
-    pagination: _,
+    disableExtendedTools: ke,
+    pagination: S,
     showBorders: Le,
     emptyState: bt,
     editChrome: z,
@@ -101,26 +101,26 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     toolbarSlot: Ze,
     rowHeightClass: Wt,
     groupedData: V,
-    showSummaryFooter: kr,
+    showSummaryFooter: Er,
     summaryFooterProps: qe,
     bulkActionBar: be,
     renderBulkActionBar: Ne,
     onBulkDuplicate: De,
     onBulkDelete: We,
-    bulkActionBusy: _e,
+    bulkActionBusy: Se,
     columnAlignments: J,
     columnTextWrap: Q,
-    onColumnHeaderAction: Pe,
-    showColumnHeaderMenu: Er,
-    columnMenuCapabilities: Ir,
-    renderGroupHeader: _t,
+    onColumnHeaderAction: _e,
+    showColumnHeaderMenu: Ir,
+    columnMenuCapabilities: kr,
+    renderGroupHeader: St,
     columnMenuSchema: ce,
     columnSchema: de,
     labelMeta: Lr,
     renderColumnHeaderMenuExtraItems: br,
     fillWidth: Nr = !1,
     zoom: Dr,
-    rowActions: I,
+    rowActions: k,
     onCellActivate: ee,
     cellSelection: w = null,
     onCellSelectionChange: N,
@@ -128,12 +128,12 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     onPasteCells: He,
     onClearCells: Ve
   }, le) {
-    const { zoomConfig: G, zoomPercent: ue, setZoomPercent: Pt } = an(Dr), F = G !== null && jn, fe = ue / 100, Se = F ? yn(ue) : void 0, D = Nr, g = oe(null), [pe, St] = K(null), Wr = on({
+    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({
       containerRef: g,
       zoomConfig: G,
       zoomPercent: ue,
-      setZoomPercent: Pt
-    }), te = k(() => {
+      setZoomPercent: _t
+    }), te = E(() => {
       if (!D) return null;
       const e = f.reduce(
         (i, n) => ve(n) ? i + yt(gt(n)) : i,
@@ -147,21 +147,21 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         ),
         0
       ) + e };
-    }, [f, D, F]), Ct = (G == null ? void 0 : G.minZoom) ?? un, [Ce, _r] = K(
+    }, [f, D, F]), Ct = (G == null ? void 0 : G.minZoom) ?? un, [Ce, Sr] = K(
       () => /* @__PURE__ */ new Set()
-    ), [Pr, Tt] = K(
+    ), [_r, Tt] = K(
       null
-    ), [p, Sr] = K(null), M = oe(null), Je = oe({ x: 0, y: 0 }), re = E((e) => {
-      M.current = e, Sr(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 = !!I, U = Te && !Ee, Fe = ei(V), rt = !!(I != null && I.onReorderRows) && (I == null ? void 0 : I.enableRowReorder) !== !1 && !Fe && !X, Tr = k(() => ce != null && ce.length ? new Map(ce.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [ce]), zt = k(() => de != null && de.length ? new Map(de.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [de]), Y = k(
+    ), [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(
       () => f.map((e) => e.key),
       [f]
-    ), Fr = E((e) => {
-      _r((t) => {
+    ), Fr = I((e) => {
+      Sr((t) => {
         const r = new Set(t);
         return r.has(e) ? r.delete(e) : r.add(e), r;
       });
-    }, []), Oe = k(() => X ? Array.from({ length: Et }, (e, t) => ({
+    }, []), Oe = E(() => X ? Array.from({ length: It }, (e, t) => ({
       id: `loading-${t}`
     })) : u.map((e) => {
       const t = e;
@@ -169,12 +169,12 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         return t;
       const r = Re(t);
       return t.id != null && String(t.id) === r ? t : { ...t, id: r };
-    }), [X, u, Et]), R = k(() => X ? [] : Fe && V ? V.flatMap(
+    }), [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 = k(
+    ) : Oe.map((e) => Re(e)), [X, Fe, V, Ce, Oe]), he = E(
       () => cr(T, R),
       [T, R]
-    ), nt = Hn(T, R), it = nt > 0, Gt = it && !!(be ?? Ne ?? De ?? We), ye = k(() => {
+    ), nt = Hn(T, R), it = nt > 0, Gt = it && !!(be ?? Ne ?? De ?? We), ye = E(() => {
       if (!it) return;
       const e = u.filter(
         (t) => he.has(Re(t))
@@ -183,15 +183,15 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         selectedKeys: he,
         selectedRows: e,
         clearSelection: () => W == null ? void 0 : W(/* @__PURE__ */ new Set()),
-        busy: _e
+        busy: Se
       };
     }, [
       it,
       he,
       u,
       W,
-      _e
-    ]), Mt = k(() => {
+      Se
+    ]), Mt = E(() => {
       if (Ze != null) return Ze;
       if (Gt) {
         if (be != null) return be;
@@ -205,7 +205,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
               onDuplicate: De,
               onDelete: We,
               onClearSelection: ye.clearSelection,
-              busy: _e
+              busy: Se
             }
           );
       }
@@ -216,9 +216,9 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           minValue: Ct,
           maxValue: G.maxZoom,
           step: G.step,
-          onChange: Pt,
+          onChange: _t,
           onFitToViewport: Wr,
-          isDisabled: Ie
+          isDisabled: ke
         }
       ) : null, t = Lt;
       return !d && !t && !e ? null : /* @__PURE__ */ c(
@@ -235,15 +235,15 @@ 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: It,
+          fallbackTitle: kt,
           beforeSearch: e,
           trailing: t,
           searchCollapsible: Nt,
-          disableExtendedTools: Ie,
+          disableExtendedTools: ke,
           isEditMode: Dt,
           undoRedo: d != null && d.undoRedo ? {
             ...d.undoRedo,
-            isDisabled: d.undoRedo.isDisabled ?? Ie
+            isDisabled: d.undoRedo.isDisabled ?? ke
           } : void 0
         }
       );
@@ -255,27 +255,27 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       ye,
       De,
       We,
-      _e,
+      Se,
       nt,
       d,
-      It,
+      kt,
       Lt,
       Nt,
       Dt,
-      Ie,
+      ke,
       G,
       F,
       ue,
       Ct
-    ]), Ut = Mt != null && xr !== !1, Yt = !!_ && (_ == null ? void 0 : _.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 = !!(kr && qe), b = Le ? "border-r border-secondary last:border-r-0" : void 0, Mr = k(() => {
+    ]), 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(() => {
       const e = /* @__PURE__ */ new Map();
-      return Pe && f.forEach((t) => {
+      return _e && f.forEach((t) => {
         e.set(
           t.key,
-          (r) => Pe(t.key, r)
+          (r) => _e(t.key, r)
         );
       }), e;
-    }, [f, Pe]), ot = E(
+    }, [f, _e]), ot = I(
       (e, t, r) => {
         var a;
         let i = r ?? null;
@@ -299,31 +299,31 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         Ft(n);
       },
       [y, N]
-    ), ze = E(() => {
+    ), ze = I(() => {
       if (y) {
         N == null || N(null);
         return;
       }
       Ft(null);
-    }, [y, N]), P = y ? (w == null ? void 0 : w.focus) ?? null : q, A = E(
+    }, [y, N]), _ = y ? (w == null ? void 0 : w.focus) ?? null : q, A = I(
       (e) => {
         y && (N == null || N(e));
       },
       [y, N]
-    ), Ur = E(
+    ), Ur = I(
       (e) => {
         var Ae, se, xe;
         const t = e.key in ar;
         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 (!P && !w) return;
+          if (!_ && !w) return;
           e.preventDefault(), e.stopPropagation(), ze(), (Ae = g.current) != null && Ae.contains(document.activeElement) && document.activeElement.blur();
           return;
         }
         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 && !P && !i ? Pn(e.target, g.current) : null, a = n != null && he.has(n.rowId), l = P ?? i ?? (a ? n : null);
+        ), 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);
         if (!l) return;
         if (e.key === "Delete" || e.key === "Backspace") {
           if (!y || !w || !Ve) return;
@@ -375,7 +375,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 = Sn(
+          const j = Pn(
             l,
             me,
             w,
@@ -394,7 +394,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         );
       },
       [
-        P,
+        _,
         R,
         y,
         w,
@@ -408,14 +408,14 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       ]
     );
     Z(() => {
-      if (!L || !P && !w) return;
+      if (!L || !_ && !w) return;
       const e = (t) => {
         const r = g.current;
         r && !r.contains(t.target) && ze();
       };
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-    }, [L, P, w, ze]);
-    const at = (P == null ? void 0 : P.rowId) ?? null, ct = (P == null ? void 0 : P.columnKey) ?? null;
+    }, [L, _, w, ze]);
+    const at = (_ == null ? void 0 : _.rowId) ?? null, ct = (_ == null ? void 0 : _.columnKey) ?? null;
     er(() => {
       if (!L || ie || !at || !ct) return;
       const e = rr(
@@ -425,21 +425,21 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       );
       e && Rn(e, { dir: et.current });
     }, [L, ie, at, ct]);
-    const Bt = k(() => {
+    const Bt = 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 = k(
+    }, [f, C, U]), Xt = E(
       () => f.filter((e) => !ve(e)).length,
       [f]
-    ), dt = k(
+    ), dt = E(
       () => D && te ? fn(pe, te.minTableWidth) : null,
       [pe, D, te]
-    ), $t = D && wn(dt, pe, fe), Ge = k(
+    ), $t = D && wn(dt, pe, fe), Ge = E(
       () => pn(dt, pe, fe),
       [dt, pe, fe]
-    ), lt = k(
+    ), lt = E(
       () => hn(
         Ge,
         Bt,
@@ -449,14 +449,14 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
     );
     er(() => {
       if (!D) {
-        St(null);
+        Pt(null);
         return;
       }
       const e = g.current;
       if (!e) return;
       const t = () => {
         const i = e.clientWidth;
-        i > 0 && St((n) => n === i ? n : i);
+        i > 0 && Pt((n) => n === i ? n : i);
       };
       t();
       const r = new ResizeObserver(t);
@@ -471,7 +471,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       C,
       U
     ]);
-    const ut = E(
+    const ut = I(
       (e) => {
         if (!D)
           return ti(e);
@@ -486,10 +486,10 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         } : { minWidth: t, maxWidth: n };
       },
       [D, lt, F]
-    ), Yr = k(() => {
+    ), Yr = E(() => {
       const e = F ? {
         zoom: fe,
-        "--table-zoom-font-size": Se ? `${Se}px` : void 0
+        "--table-zoom-font-size": Pe ? `${Pe}px` : void 0
       } : void 0;
       return !D || !te ? F ? { ...e, width: "max-content", minWidth: "100%" } : void 0 : {
         ...e,
@@ -505,28 +505,28 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       Ge,
       F,
       fe,
-      Se
-    ]), Ar = E(
+      Pe
+    ]), Ar = I(
       (e) => {
         g.current = e, typeof le == "function" ? le(e) : le && (le.current = e);
       },
       [le]
-    ), Br = Te && Ee ? {
+    ), Br = Te && Ie ? {
       selectionMode: ae,
       selectedKeys: T === "all" ? "all" : T,
       onSelectionChange: Qn(W)
     } : {}, Xr = (e, t = 0) => {
       const r = e.__sourceIndex;
       return typeof r == "number" ? r : t;
-    }, Me = E(
+    }, Me = I(
       (e) => {
         const t = M.current;
         if (!t) return;
         const { fromSourceIndex: r, toSourceIndex: i, item: n, active: a } = t;
-        re(null), e && a && r !== i && (I != null && I.onReorderRows) && I.onReorderRows(r, i, n);
+        re(null), e && a && r !== i && (k != null && k.onReorderRows) && k.onReorderRows(r, i, n);
       },
-      [I, re]
-    ), Ue = E(
+      [k, re]
+    ), Ue = I(
       (e, t) => {
         const r = M.current;
         if (!r) return;
@@ -542,7 +542,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           r.active || Tt(null);
           const v = g.current;
           if (v) {
-            const o = kn(
+            const o = En(
               v,
               t,
               r.fromSourceIndex,
@@ -552,7 +552,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: En(
+              dropLineY: In(
                 o.dropLineY,
                 v
               ),
@@ -564,7 +564,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         re(h);
       },
       [re]
-    ), $r = E(
+    ), $r = I(
       (e, t, r, i) => {
         var v, o;
         if (!rt || e.button !== 0) return;
@@ -577,7 +577,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           e.currentTarget.setPointerCapture(e.pointerId);
         } catch {
         }
-        const a = In(n), l = Ln(n), h = ((o = n.closest("table")) == null ? void 0 : o.getBoundingClientRect()) ?? n.getBoundingClientRect();
+        const a = kn(n), l = Ln(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,
@@ -632,7 +632,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       };
       return e = requestAnimationFrame(t), () => cancelAnimationFrame(e);
     }, [p == null ? void 0 : p.active, Ue]);
-    const Ye = E(
+    const Ye = I(
       (e, t) => {
         const r = $.current, i = g.current;
         if (!r || !i) return;
@@ -646,7 +646,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         }));
       },
       [A]
-    ), ft = E((e) => {
+    ), ft = I((e) => {
       const t = $.current;
       $.current = null, Ot(!1), t && requestAnimationFrame(
         () => nr(
@@ -655,7 +655,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           t.focus.columnKey
         )
       );
-    }, []), jr = E(
+    }, []), jr = I(
       (e) => {
         if (!y || !L || !ee || Be(e.target)) return;
         const t = sr(
@@ -671,7 +671,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         }));
       },
       [y, A, L, ee]
-    ), Zr = E(
+    ), Zr = I(
       (e) => {
         if (!y || !L || e.button !== 0 || M.current) return;
         const t = sr(
@@ -787,13 +787,13 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
       t ? r.add(e) : r.delete(e), W(r);
     }, Vr = (e) => {
       const t = Ce.has(e.key);
-      return _t ? /* @__PURE__ */ c(
+      return St ? /* @__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: _t(e) })
+          children: /* @__PURE__ */ c(m.Cell, { colSpan: we, className: x(b), children: St(e) })
         },
         `group-${e.key}`
       ) : /* @__PURE__ */ c(
@@ -807,7 +807,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
             {
               colSpan: we,
               className: x("py-1.5", b),
-              children: /* @__PURE__ */ S(
+              children: /* @__PURE__ */ P(
                 "button",
                 {
                   type: "button",
@@ -825,7 +825,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                       }
                     ),
                     /* @__PURE__ */ c("span", { className: "truncate", children: e.label || "(Empty)" }),
-                    /* @__PURE__ */ S("span", { className: "text-tertiary", children: [
+                    /* @__PURE__ */ P("span", { className: "text-tertiary", children: [
                       "(",
                       e.rows.length,
                       ")"
@@ -839,13 +839,13 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         `group-${e.key}`
       );
     }, Zt = (e, t, r = 0) => {
-      const i = kt ? kt(e) : !1, n = Re(e), a = Xr(e, r), l = Kn(T, n, R), h = Pr === n, v = (p == null ? void 0 : p.active) === !0 && p.rowId === n;
-      return /* @__PURE__ */ S(
+      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;
+      return /* @__PURE__ */ P(
         m.Row,
         {
           onAction: () => {
             var o;
-            (o = M.current) != null && o.active || ke == null || ke(e);
+            (o = M.current) != null && o.active || Ee == null || Ee(e);
           },
           onMouseEnter: () => H == null ? void 0 : H(e, !0),
           onMouseLeave: () => H == null ? void 0 : H(e, !1),
@@ -854,12 +854,12 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           columns: f,
           expandedColSpan: we,
           isExpandable: i,
-          highlightSelectedRow: Ee,
+          highlightSelectedRow: Ie,
           renderExpandedContent: i ? mr : void 0,
           [ir]: n,
-          [_n]: String(a),
+          [Sn]: String(a),
           className: x(
-            ke && "cursor-pointer",
+            Ee && "cursor-pointer",
             pr ? "prose" : "",
             vt && "[&>td]:after:hidden",
             tt && "group/rowactions",
@@ -885,8 +885,8 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                     children: /* @__PURE__ */ c(
                       or,
                       {
-                        checked: l,
-                        onCheckedChange: (o) => Hr(n, o === !0),
+                        isSelected: l,
+                        onChange: (o) => Hr(n, o),
                         "aria-label": `Select row ${n}`,
                         className: "items-center justify-center"
                       }
@@ -935,8 +935,8 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                     b
                   ),
                   children: (() => {
-                    const Jt = Vt === 0 && (i || tt) ? /* @__PURE__ */ S("div", { className: "flex items-center", children: [
-                      I && /* @__PURE__ */ c(
+                    const Jt = Vt === 0 && (i || tt) ? /* @__PURE__ */ P("div", { className: "flex items-center", children: [
+                      k && /* @__PURE__ */ c(
                         "div",
                         {
                           "data-grid-no-range": "",
@@ -947,7 +947,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                           children: /* @__PURE__ */ c(
                             Bn,
                             {
-                              config: I,
+                              config: k,
                               sourceRowIndex: a,
                               item: e,
                               enableDrag: rt,
@@ -1010,7 +1010,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         },
         n
       );
-    }, Jr = (e) => /* @__PURE__ */ S(
+    }, Jr = (e) => /* @__PURE__ */ P(
       m.Row,
       {
         id: String(e.id),
@@ -1074,14 +1074,14 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
           yr
         ),
         size: Rt,
-        children: /* @__PURE__ */ S(
+        children: /* @__PURE__ */ P(
           m,
           {
-            "data-table-zoom-typography": Se !== void 0 ? "" : void 0,
+            "data-table-zoom-typography": Pe !== void 0 ? "" : void 0,
             "aria-label": fr,
             size: Rt,
             isEditable: L,
-            inlineSelection: Ee,
+            inlineSelection: Ie,
             className: x(
               D && "min-w-full",
               gr
@@ -1089,7 +1089,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
             style: Yr,
             ...Br,
             children: [
-              /* @__PURE__ */ S(
+              /* @__PURE__ */ P(
                 m.Header,
                 {
                   className: x(
@@ -1110,8 +1110,9 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                         children: ae === "multiple" && W && /* @__PURE__ */ c("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(
                           or,
                           {
-                            checked: pt ? !0 : qr && !pt ? "indeterminate" : !1,
-                            onCheckedChange: () => Kr(),
+                            isSelected: pt,
+                            isIndeterminate: qr && !pt,
+                            onChange: () => Kr(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
                           }
@@ -1120,7 +1121,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                       "selection"
                     ),
                     f.map((e, t) => {
-                      const r = Er ? Tr.get(e.key) : void 0, i = zt.get(e.key), n = dr(
+                      const r = Ir ? Tr.get(e.key) : void 0, i = zt.get(e.key), n = dr(
                         e.key,
                         J,
                         i
@@ -1141,7 +1142,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                             e.headClassName,
                             b
                           ),
-                          headerAction: r && Pe ? /* @__PURE__ */ c(
+                          headerAction: r && _e ? /* @__PURE__ */ c(
                             Un,
                             {
                               column: r,
@@ -1151,7 +1152,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                                 J ?? /* @__PURE__ */ new Map()
                               ) : (J == null ? void 0 : J.get(e.key)) ?? "left",
                               textWrapped: (Q == null ? void 0 : Q.has(e.key)) ?? !1,
-                              capabilities: Ir,
+                              capabilities: kr,
                               hideDisabled: f.length <= 1,
                               onAction: Mr.get(e.key),
                               renderExtraItems: br,
@@ -1177,7 +1178,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                   ]
                 }
               ),
-              /* @__PURE__ */ S(m.Body, { children: [
+              /* @__PURE__ */ P(m.Body, { children: [
                 !At && Qr(),
                 zr && /* @__PURE__ */ c(
                   m.Row,
@@ -1198,7 +1199,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
                   },
                   "empty-state"
                 ),
-                st && z && /* @__PURE__ */ S(
+                st && z && /* @__PURE__ */ P(
                   m.Row,
                   {
                     id: "add-row-footer",
@@ -1256,7 +1257,7 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         onEditingCellChange: Cr,
         children: qt
       }
-    ) : qt, Ht = p != null && p.active ? /* @__PURE__ */ S(Qt, { children: [
+    ) : qt, Ht = p != null && p.active ? /* @__PURE__ */ P(Qt, { children: [
       /* @__PURE__ */ c(bn, { session: p }),
       p.dropLineY != null && /* @__PURE__ */ c(
         Nn,
@@ -1267,23 +1268,23 @@ const ve = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), gt = (s)
         }
       )
     ] }) : null;
-    return Or ? /* @__PURE__ */ S("div", { className: "flex flex-col gap-3", children: [
+    return Or ? /* @__PURE__ */ P("div", { className: "flex flex-col gap-3", children: [
       Ut && Mt,
       Kt,
-      Yt && _ && /* @__PURE__ */ c(
+      Yt && S && /* @__PURE__ */ c(
         nn,
         {
-          currentPage: _.currentPage,
-          pageSize: _.pageSize,
-          totalPages: _.totalPages,
-          totalItems: _.totalItems,
-          onPageChange: _.onPageChange,
-          onPageSizeChange: _.onPageSizeChange,
-          showPagination: _.showPagination
+          currentPage: S.currentPage,
+          pageSize: S.pageSize,
+          totalPages: S.totalPages,
+          totalItems: S.totalItems,
+          onPageChange: S.onPageChange,
+          onPageSizeChange: S.onPageSizeChange,
+          showPagination: S.showPagination
         }
       ),
       Ht
-    ] }) : /* @__PURE__ */ S(Qt, { children: [
+    ] }) : /* @__PURE__ */ P(Qt, { children: [
       Kt,
       Ht
     ] });