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

package/dist/patterns/table/TableWrapper.js

@@ -1,420 +1,492 @@
-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 g } from "./table.js";
-import { TablePagination as Mr } from "./TablePagination.js";
-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 = {
+import { jsx as a, jsxs as E, Fragment as wt } from "react/jsx-runtime";
+import { forwardRef as Vr, useMemo as b, useState as H, useRef as oe, useEffect as X, useCallback as I, useLayoutEffect as Jt } from "react";
+import { Slider as Jr, SliderTrack as Qr, SliderThumb as en } from "react-aria-components";
+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";
+import { TablePagination as nn } from "./TablePagination.js";
+import { getEffectiveAlignment as dr, resolveColumnLabel as sn, alignmentClass as on } from "./toolbar/tableToolbarHelpers.js";
+import { normalizeZoomConfig as an, DEFAULT_TABLE_ZOOM as cn, parsePxValue as mt, DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH as Qt, supportsCssZoom as dn, DEFAULT_TABLE_ZOOM_MIN as ln, clamp as er, computeFillBaseWidth as un, computeEffectiveTableWidth as fn, computeFlexColumnWidth as pn, DEFAULT_COLUMN_MAX_WIDTH as lr, computeNeedsHorizontalScroll as hn } from "./tableZoomLayout.js";
+import { findGridCell as tr, isWithinCellEditor as Be, getGridNeighbor as yn, getGridTabNeighbor as wn, focusGridCell as rr, GridNavProvider as mn } from "./useGridKeyboardNavigation.js";
+import { scrollGridCellIntoView as gn } from "./scrollCellIntoView.js";
+import { ROW_DRAG_THRESHOLD_PX as xn, computeDropTarget as Rn, clipDropLineToScrollport as vn, ROW_REORDER_ATTR as nr, measureRowPreview as bn, cloneRowForPreview as kn, FloatingRowPreview as En, DropIndicatorLine as In, getRowDragScrollDelta as Nn, ROW_DRAG_SOURCE_STYLE as Ln, ROW_SOURCE_INDEX_ATTR as Wn } from "./rowReorderDrag.js";
+import { selectionFromSingleCell as gt, resolveCellCoordFromElement as $e, resolveRowAnchorCoordFromTarget as Dn, buildCellRangeRect as xt, nextKeyboardCellSelection as _n, CELL_RANGE_DRAG_THRESHOLD_PX as Pn, hitTestGridCell as Sn, canStartCellRangeFromTarget as ir, getDragScrollDeltas as Tn, getCellRangeVisualState as Cn, cellRangeEdgeBoxShadow as On } from "./cellRangeSelection.js";
+import { BulkActionBar as Fn } from "./toolbar/BulkActionBar.js";
+import { TableToolbar as Zn } from "./toolbar/TableToolbar.js";
+import { Checkbox as sr } from "../../primitives/checkbox/checkbox.js";
+import { ColumnHeaderMenu as Gn } from "./toolbar/ColumnHeaderMenu.js";
+import { Button as Mn } from "../../primitives/button/button.js";
+import { SummaryFooterRow as An } from "./toolbar/SummaryFooter.js";
+import { RowActionsMenu as Un } from "./toolbar/RowActionsMenu.js";
+import { Icon as Yn } from "../../primitives/icon/icon.js";
+import { ShimmerLine as Bn } from "../../primitives/shimmer/shimmer.js";
+const $n = dn(), Xn = 5, jn = "__all__", or = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, 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();
+}, ve = (s) => s.__rowId ?? s.id ?? s.rule_id ?? String(s);
+function ar(s, u) {
+  return s === "all" ? new Set(u) : s ?? /* @__PURE__ */ new Set();
 }
-function Rn(i, d, u) {
-  return i ? i === "all" ? u.includes(d) : i.has(d) : !1;
+function qn(s, u, f) {
+  return s ? s === "all" ? f.includes(u) : s.has(u) : !1;
 }
-function vn(i, d) {
-  return i ? i === "all" ? d.length : i.size : 0;
+function Kn(s, u) {
+  return s ? s === "all" ? u.length : s.size : 0;
 }
-function kn(i, d) {
-  return d.length === 0 ? !1 : i === "all" ? !0 : d.every((u) => (i == null ? void 0 : i.has(u)) ?? !1);
+function Hn(s, u) {
+  return u.length === 0 ? !1 : s === "all" ? !0 : u.every((f) => (s == null ? void 0 : s.has(f)) ?? !1);
 }
-function En(i, d) {
-  return i === "all" ? d.length > 0 : d.some((u) => (i == null ? void 0 : i.has(u)) ?? !1);
+function zn(s, u) {
+  return s === "all" ? u.length > 0 : u.some((f) => (s == null ? void 0 : s.has(f)) ?? !1);
 }
-function In(i) {
-  if (i)
-    return (d) => {
-      i(d === "all" ? "all" : new Set([...d].map(String)));
+function Vn(s) {
+  if (s)
+    return (u) => {
+      s(u === "all" ? "all" : new Set([...u].map(String)));
     };
 }
-function Ln(i) {
-  var d;
-  return i != null && i.length ? i.length > 1 ? !0 : ((d = i[0]) == null ? void 0 : d.key) !== bn : !1;
+function Jn(s) {
+  var u;
+  return s != null && s.length ? s.length > 1 ? !0 : ((u = s[0]) == null ? void 0 : u.key) !== jn : !1;
 }
-function At(i, d, u) {
-  return u ? Ht(u, d ?? /* @__PURE__ */ new Map()) : (d == null ? void 0 : d.get(i)) ?? "left";
+function cr(s, u, f) {
+  return f ? dr(f, u ?? /* @__PURE__ */ new Map()) : (u == null ? void 0 : u.get(s)) ?? "left";
 }
-const lt = "300px", ct = (i) => {
-  if (!i) return 0;
-  const d = i.match(/^(\d+(?:\.\d+)?)px$/);
-  return d ? Number(d[1]) : 0;
-}, 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: i.maxWidth ?? d
-  } : {
-    minWidth: i.minWidth,
-    maxWidth: i.maxWidth ?? lt
-  };
-}, Kn = Fr(
+const be = (s) => !!s.width || !!(s.maxWidth && s.sticky === "right"), Rt = (s) => s.width ?? (s.maxWidth && s.sticky === "right" ? s.maxWidth : void 0), Qn = (s) => ({
+  width: s.width,
+  maxWidth: s.maxWidth ?? lr,
+  minWidth: s.minWidth ?? s.width
+}), ki = Vr(
   function({
-    data: d,
-    columns: u,
-    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: he = !1,
-    toolbar: R,
-    showToolbar: nr,
-    toolbarTitle: wt,
-    toolbarTrailing: gt,
-    disableExtendedTools: ze,
-    pagination: P,
-    showBorders: ye,
-    emptyState: mt,
-    editChrome: F,
-    showEditActions: or = !1,
-    searchCollapsible: xt,
-    isEditable: ir,
-    toolbarSlot: Ye,
-    rowHeightClass: bt,
-    groupedData: H,
-    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: V,
-    cellSelection: y = null,
-    onCellSelectionChange: N,
-    onCopyCells: Ue,
-    onPasteCells: Xe,
-    onClearCells: $e
-  }, oe) {
-    const [ve, ur] = A(
+    data: u,
+    columns: f,
+    renderRowCell: vt,
+    onRowClick: ke,
+    onRowHover: V,
+    arialabel: ur,
+    size: bt = "sm",
+    allowDefaultRowClass: fr = !1,
+    centeredHeaders: pr = [],
+    rootClassName: hr,
+    removeBorders: kt,
+    headerClassName: yr,
+    isRowExpandable: Et,
+    renderExpandedContent: wr,
+    loading: j = !1,
+    loadingRowCount: It = Xn,
+    renderHeaderCell: Xe,
+    tableClassName: mr,
+    getRowClassName: je,
+    selectionMode: ae = "none",
+    selectedKeys: F,
+    onSelectionChange: S,
+    inlineSelection: Ee = !1,
+    toolbar: d,
+    showToolbar: gr,
+    toolbarTitle: Nt,
+    toolbarTrailing: Lt,
+    disableExtendedTools: ce,
+    pagination: T,
+    showBorders: Ie,
+    emptyState: Wt,
+    editChrome: G,
+    showEditActions: xr = !1,
+    searchCollapsible: Dt,
+    isEditable: Rr,
+    toolbarSlot: qe,
+    rowHeightClass: _t,
+    groupedData: J,
+    showSummaryFooter: vr,
+    summaryFooterProps: Ke,
+    bulkActionBar: Ne,
+    renderBulkActionBar: Le,
+    onBulkDuplicate: We,
+    onBulkDelete: De,
+    bulkActionBusy: _e,
+    columnAlignments: Q,
+    onColumnHeaderAction: Pe,
+    showColumnHeaderMenu: br,
+    columnMenuCapabilities: kr,
+    renderGroupHeader: Pt,
+    columnMenuSchema: de,
+    columnSchema: le,
+    labelMeta: Er,
+    renderColumnHeaderMenuExtraItems: Ir,
+    fillWidth: Nr = !1,
+    zoom: N,
+    rowActions: L,
+    onCellActivate: ee,
+    cellSelection: w = null,
+    onCellSelectionChange: _,
+    onCopyCells: He,
+    onPasteCells: ze,
+    onClearCells: Ve
+  }, ue) {
+    const R = b(
+      () => N ? an(N) : null,
+      [N == null ? void 0 : N.defaultZoom, N == null ? void 0 : N.minZoom, N == null ? void 0 : N.maxZoom, N == null ? void 0 : N.step]
+    ), [fe, Je] = H(
+      () => (R == null ? void 0 : R.defaultZoom) ?? cn
+    ), M = R !== null && $n, pe = fe / 100, P = Nr || M, g = oe(null), [he, St] = H(null), te = b(() => {
+      if (!P) return null;
+      const e = f.reduce(
+        (i, n) => be(n) ? i + mt(Rt(n)) : i,
+        0
+      );
+      return { minTableWidth: f.filter(
+        (i) => !be(i)
+      ).reduce(
+        (i, n) => i + mt(
+          n.minWidth ?? (M ? Qt : void 0)
+        ),
+        0
+      ) + e };
+    }, [f, P, M]), Se = (R == null ? void 0 : R.minZoom) ?? ln;
+    X(() => {
+      R && Je(
+        (e) => er(e, R.minZoom, R.maxZoom)
+      );
+    }, [R]);
+    const [Te, Lr] = H(
       () => /* @__PURE__ */ new Set()
-    ), [fr, vt] = A(
+    ), [Wr, Tt] = H(
       null
-    ), [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]
-    ), wr = v((e) => {
-      ur((r) => {
+    ), [p, Dr] = H(null), A = oe(null), Qe = oe({ x: 0, y: 0 }), re = I((e) => {
+      A.current = e, Dr(e);
+    }, []), [z, Ct] = H(null), [ne, _r] = H(null), y = typeof _ == "function", q = oe(null), et = oe({ x: 0, y: 0 }), [ie, Ot] = H(!1), tt = oe(null), Ce = ae === "single" || ae === "multiple", rt = !!L, U = Ce && !Ee, Oe = Jn(J), nt = !!(L != null && L.onReorderRows) && (L == null ? void 0 : L.enableRowReorder) !== !1 && !Oe && !j, Pr = b(() => de != null && de.length ? new Map(de.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [de]), Ft = b(() => le != null && le.length ? new Map(le.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [le]), Y = b(
+      () => f.map((e) => e.key),
+      [f]
+    ), Sr = I((e) => {
+      Lr((r) => {
         const t = new Set(r);
         return t.has(e) ? t.delete(e) : t.add(e), t;
       });
-    }, []), Le = k(() => X ? Array.from({ length: yt }, (e, r) => ({
+    }, []), Fe = b(() => j ? Array.from({ length: It }, (e, r) => ({
       id: `loading-${r}`
-    })) : d.map((e) => {
+    })) : u.map((e) => {
       const r = e;
       if (r.__rowId != null)
         return r;
-      const t = ue(r);
+      const t = ve(r);
       return r.id != null && String(r.id) === t ? r : { ...r, id: t };
-    }), [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) => ie.has(ue(r))
+    }), [j, u, It]), v = b(() => j ? [] : Oe && J ? J.flatMap(
+      (e) => Te.has(e.key) ? [] : e.rows.map((r) => ve(r))
+    ) : Fe.map((e) => ve(e)), [j, Oe, J, Te, Fe]), ye = b(
+      () => ar(F, v),
+      [F, v]
+    ), it = Kn(F, v), st = it > 0, Zt = st && !!(Ne ?? Le ?? We ?? De), we = b(() => {
+      if (!st) return;
+      const e = u.filter(
+        (r) => ye.has(ve(r))
       );
       return {
-        selectedKeys: ie,
+        selectedKeys: ye,
         selectedRows: e,
-        clearSelection: () => D == null ? void 0 : D(/* @__PURE__ */ new Set()),
-        busy: be
+        clearSelection: () => S == null ? void 0 : S(/* @__PURE__ */ new Set()),
+        busy: _e
       };
     }, [
-      He,
-      ie,
-      d,
-      D,
-      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(
-            un,
+      st,
+      ye,
+      u,
+      S,
+      _e
+    ]), Gt = b(() => {
+      if (qe != null) return qe;
+      if (Zt) {
+        if (Ne != null) return Ne;
+        if (Le && we)
+          return Le(we);
+        if (we && (We || De))
+          return /* @__PURE__ */ a(
+            Fn,
             {
-              count: Ke,
-              onDuplicate: me,
-              onDelete: xe,
-              onClearSelection: se.clearSelection,
-              busy: be
+              count: it,
+              onDuplicate: We,
+              onDelete: De,
+              onClearSelection: we.clearSelection,
+              busy: _e
             }
           );
       }
-      return R ? /* @__PURE__ */ c(
-        fn,
+      const e = M && R ? /* @__PURE__ */ E("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a(
+          Jr,
+          {
+            "aria-label": "Table zoom",
+            className: "w-24 shrink-0",
+            minValue: Se,
+            maxValue: R.maxZoom,
+            step: R.step,
+            value: er(fe, Se, R.maxZoom),
+            onChange: (t) => Je(Array.isArray(t) ? t[0] : t),
+            isDisabled: ce || Se >= R.maxZoom,
+            children: /* @__PURE__ */ a(Qr, { className: "relative flex h-4 w-full items-center data-[disabled]:opacity-50", children: ({ state: t }) => /* @__PURE__ */ E(wt, { children: [
+              /* @__PURE__ */ a("div", { className: "absolute h-1 w-full rounded-full bg-tertiary" }),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "absolute h-1 rounded-full bg-brand-solid",
+                  style: {
+                    width: `${t.getThumbPercent(0) * 100}%`
+                  }
+                }
+              ),
+              /* @__PURE__ */ a(en, { className: "top-1/2 size-3 rounded-full border-2 border-slider-handle-border bg-slider-handle-bg shadow-sm outline-none data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring" })
+            ] }) })
+          }
+        ),
+        /* @__PURE__ */ E(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Reset table zoom to ${R.defaultZoom}%`,
+            title: "Reset zoom",
+            className: "w-9 shrink-0 text-right text-xs tabular-nums text-secondary enabled:hover:text-primary disabled:opacity-50",
+            disabled: fe === R.defaultZoom || ce,
+            onClick: () => Je(R.defaultZoom),
+            children: [
+              fe,
+              "%"
+            ]
+          }
+        )
+      ] }) : null, r = Lt;
+      return !d && !r && !e ? null : /* @__PURE__ */ a(
+        Zn,
         {
-          sort: R.sort,
-          filter: R.filter,
-          search: R.search,
-          rowHeight: R.rowHeight,
-          hideFields: R.hideFields,
-          align: R.align,
-          groupBy: R.groupBy,
-          summary: R.summary,
-          sortContent: R.sortContent,
-          filterContent: R.filterContent,
-          fallbackTitle: wt,
-          trailing: gt,
-          searchCollapsible: xt,
-          disableExtendedTools: ze,
-          undoRedo: R.undoRedo ? {
-            ...R.undoRedo,
-            isDisabled: R.undoRedo.isDisabled ?? ze
+          sort: d == null ? void 0 : d.sort,
+          filter: d == null ? void 0 : d.filter,
+          search: d == null ? void 0 : d.search,
+          rowHeight: d == null ? void 0 : d.rowHeight,
+          hideFields: d == null ? void 0 : d.hideFields,
+          align: d == null ? void 0 : d.align,
+          groupBy: d == null ? void 0 : d.groupBy,
+          summary: d == null ? void 0 : d.summary,
+          sortContent: d == null ? void 0 : d.sortContent,
+          filterContent: d == null ? void 0 : d.filterContent,
+          fallbackTitle: Nt,
+          beforeSearch: e,
+          trailing: r,
+          searchCollapsible: Dt,
+          disableExtendedTools: ce,
+          undoRedo: d != null && d.undoRedo ? {
+            ...d.undoRedo,
+            isDisabled: d.undoRedo.isDisabled ?? ce
           } : void 0
         }
-      ) : null;
+      );
     }, [
-      Ye,
-      Lt,
+      qe,
+      Zt,
+      Ne,
+      Le,
       we,
-      ge,
-      se,
-      me,
-      xe,
-      be,
-      Ke,
+      We,
+      De,
+      _e,
+      it,
+      d,
+      Nt,
+      Lt,
+      Dt,
+      ce,
       R,
-      wt,
-      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(
-        (o, n) => fe(n) ? o + ct(dt(n)) : o,
-        0
-      );
-      return { minTableWidth: u.filter(
-        (o) => !fe(o)
-      ).reduce(
-        (o, n) => o + ct(n.minWidth),
-        0
-      ) + e };
-    }, [u, L]), br = k(() => {
+      M,
+      fe,
+      Se
+    ]), Mt = Gt != null && gr !== !1, At = !!T && (T == null ? void 0 : T.showPagination) !== !1, Tr = Mt || At, Ut = !j && u.length === 0 && Wt != null, O = !!(xr && G), ot = !!(G != null && G.showFooterRow), W = Rr ?? (O || ot || rt), Cr = Ut && !(ot && G), me = f.length + (U ? 1 : 0) + (O ? 1 : 0), Or = !!(vr && Ke), D = Ie ? "border-r border-secondary last:border-r-0" : void 0, Fr = b(() => {
       const e = /* @__PURE__ */ new Map();
-      return Re && u.forEach((r) => {
+      return Pe && f.forEach((r) => {
         e.set(
           r.key,
-          (t) => Re(r.key, t)
+          (t) => Pe(r.key, t)
         );
       }), e;
-    }, [u, Re]), x = le(null), [ce, _t] = A(null), Ve = v(
+    }, [f, Pe]), at = I(
       (e, r, t) => {
-        var s;
-        let o = t ?? null;
-        if (o == null) {
-          const l = (s = $r(
-            x.current,
+        var c;
+        let i = t ?? null;
+        if (i == null) {
+          const l = (c = tr(
+            g.current,
             e,
             r
-          )) == null ? void 0 : s.getAttribute("data-grid-source-index"), p = l != null && l !== "" ? Number(l) : NaN;
-          o = Number.isNaN(p) ? null : p;
+          )) == null ? void 0 : c.getAttribute("data-grid-source-index"), h = l != null && l !== "" ? Number(l) : NaN;
+          i = Number.isNaN(h) ? null : h;
         }
         const n = {
           rowId: e,
           columnKey: r,
-          sourceIndex: o
+          sourceIndex: i
         };
-        if (h) {
-          N == null || N(st(n));
+        if (y) {
+          _ == null || _(gt(n));
           return;
         }
-        kt(n);
+        Ct(n);
       },
-      [h, N]
-    ), Ne = v(() => {
-      if (h) {
-        N == null || N(null);
+      [y, _]
+    ), Ze = I(() => {
+      if (y) {
+        _ == null || _(null);
         return;
       }
-      kt(null);
-    }, [h, N]), ee = h ? (y == null ? void 0 : y.focus) ?? null : q, M = v(
+      Ct(null);
+    }, [y, _]), C = y ? (w == null ? void 0 : w.focus) ?? null : z, B = I(
       (e) => {
-        h && (N == null || N(e));
+        y && (_ == null || _(e));
       },
-      [h, N]
-    ), Rr = v(
+      [y, _]
+    ), Zr = I(
       (e) => {
-        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;
+        var Ye, se, Re;
+        const r = e.key in or;
+        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && e.key !== "Delete" && e.key !== "Backspace" && !r || Be(e.target)) return;
         if (e.key === "Escape") {
-          if (!ee && !y) return;
-          e.preventDefault(), e.stopPropagation(), Ne(), (de = x.current) != null && de.contains(document.activeElement) && document.activeElement.blur();
+          if (!C && !w) return;
+          e.preventDefault(), e.stopPropagation(), Ze(), (Ye = g.current) != null && Ye.contains(document.activeElement) && document.activeElement.blur();
           return;
         }
-        const t = (Ce = (T = e.target).closest) == null ? void 0 : Ce.call(
-          T,
+        const t = (Re = (se = e.target).closest) == null ? void 0 : Re.call(
+          se,
           "[data-grid-cell]"
-        ), 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);
+        ), i = t ? $e(t) : null, n = y && r && e.shiftKey && !C && !i ? Dn(e.target, g.current) : null, c = n != null && ye.has(n.rowId), l = C ?? i ?? (c ? n : null);
         if (!l) return;
         if (e.key === "Delete" || e.key === "Backspace") {
-          if (!h || !y || !$e) return;
-          const O = at(
-            y,
-            b,
+          if (!y || !w || !Ve) return;
+          const K = xt(
+            w,
+            v,
             Y
           );
-          if (!O) return;
-          e.preventDefault(), e.stopPropagation(), $e({ selection: y, rect: O, event: e.nativeEvent });
+          if (!K) return;
+          e.preventDefault(), e.stopPropagation(), Ve({
+            selection: w,
+            rect: K,
+            event: e.nativeEvent
+          });
           return;
         }
         if (e.key === "Enter") {
-          if (!V) return;
-          e.preventDefault(), e.stopPropagation(), V({
+          if (!ee) return;
+          e.preventDefault(), e.stopPropagation(), ee({
             rowId: l.rowId,
             columnKey: l.columnKey,
             sourceIndex: l.sourceIndex
           });
           return;
         }
-        const p = h && e.shiftKey && r, w = r ? jr(
-          x.current,
-          b,
+        const h = y && e.shiftKey && r, k = r ? or[e.key] : e.shiftKey ? "left" : "right", o = r ? yn(
+          g.current,
+          v,
           Y,
           l.rowId,
           l.columnKey,
-          Bt[e.key]
-        ) : Br(
-          x.current,
-          b,
+          k
+        ) : wn(
+          g.current,
+          v,
           Y,
           l.rowId,
           l.columnKey,
           !e.shiftKey
         );
-        if (!w && !(p && !y)) {
+        if (!o && !(h && !w)) {
           r && (e.preventDefault(), e.stopPropagation());
           return;
         }
         e.preventDefault(), e.stopPropagation();
-        const it = w ? {
-          rowId: w.rowId,
-          columnKey: w.columnKey,
-          sourceIndex: w.sourceIndex
-        } : null, _e = s ? null : it;
-        if (h) {
-          const O = on(
+        const yt = o ? {
+          rowId: o.rowId,
+          columnKey: o.columnKey,
+          sourceIndex: o.sourceIndex
+        } : null, ge = c ? null : yt, xe = ge ? k : null;
+        if (tt.current = xe, y) {
+          const K = _n(
             l,
-            _e,
-            y,
-            p
+            ge,
+            w,
+            h
           );
-          O && O !== y && M(O);
-        } else w && Ve(w.rowId, w.columnKey, w.sourceIndex);
-        const Se = _e ?? l;
+          K && K !== w && B(K);
+        } else o && at(o.rowId, o.columnKey, o.sourceIndex);
+        const Z = ge ?? l;
         requestAnimationFrame(
-          () => Ut(
-            x.current,
-            Se.rowId,
-            Se.columnKey
+          () => rr(
+            g.current,
+            Z.rowId,
+            Z.columnKey,
+            { dir: xe }
           )
         );
       },
       [
-        ee,
-        b,
-        h,
+        C,
+        v,
         y,
-        Ne,
+        w,
+        Ze,
         Y,
-        M,
-        ie,
-        V,
-        $e,
-        Ve
+        B,
+        ye,
+        ee,
+        Ve,
+        at
       ]
     );
-    B(() => {
-      if (!W || !ee && !y) return;
+    X(() => {
+      if (!W || !C && !w) return;
       const e = (r) => {
-        const t = x.current;
-        t && !t.contains(r.target) && Ne();
+        const t = g.current;
+        t && !t.contains(r.target) && Ze();
       };
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-    }, [W, ee, y, Ne]);
-    const St = k(() => {
+    }, [W, C, w, Ze]);
+    const ct = (C == null ? void 0 : C.rowId) ?? null, dt = (C == null ? void 0 : C.columnKey) ?? null;
+    Jt(() => {
+      if (!W || ie || !ct || !dt) return;
+      const e = tr(
+        g.current,
+        ct,
+        dt
+      );
+      e && gn(e, { dir: tt.current });
+    }, [W, ie, ct, dt]);
+    const Yt = b(() => {
       let e = 0;
-      return z && (e += 40), S && (e += 56), u.forEach((r) => {
-        fe(r) && (e += ct(dt(r)));
+      return U && (e += 40), O && (e += 56), f.forEach((r) => {
+        be(r) && (e += mt(Rt(r)));
       }), e;
-    }, [u, S, z]), Qe = k(
-      () => u.filter((e) => !fe(e)).length,
-      [u]
-    ), 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,
-      (Ze - St) / Qe
-    ), [Ze, St, Qe]);
-    Gr(() => {
-      if (!L) {
-        _t(null);
+    }, [f, O, U]), Bt = b(
+      () => f.filter((e) => !be(e)).length,
+      [f]
+    ), lt = b(
+      () => P && te ? un(he, te.minTableWidth) : null,
+      [he, P, te]
+    ), $t = P && hn(lt, he, pe), Ge = b(
+      () => fn(lt, he, pe),
+      [lt, he, pe]
+    ), ut = b(
+      () => pn(
+        Ge,
+        Yt,
+        Bt
+      ),
+      [Ge, Yt, Bt]
+    );
+    Jt(() => {
+      if (!P) {
+        St(null);
         return;
       }
-      const e = x.current;
+      const e = g.current;
       if (!e) return;
       const r = () => {
-        const o = e.clientWidth;
-        o > 0 && _t((n) => n === o ? n : o);
+        const i = e.clientWidth;
+        i > 0 && St((n) => n === i ? n : i);
       };
       r();
       const t = new ResizeObserver(r);
@@ -422,93 +494,105 @@ const lt = "300px", ct = (i) => {
         t.disconnect();
       };
     }, [
+      f.length,
       u.length,
-      d.length,
-      L,
-      X,
-      S,
-      z
+      P,
+      j,
+      O,
+      U
     ]);
-    const rt = v(
-      (e) => L ? fe(e) ? Kt(e) : tt != null ? {
-        width: `${tt}px`,
-        minWidth: e.minWidth,
-        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, j, et]), kr = v(
+    const ft = I(
       (e) => {
-        x.current = e, typeof oe == "function" ? oe(e) : oe && (oe.current = e);
+        if (!P)
+          return Qn(e);
+        const r = e.minWidth ?? (M ? Qt : void 0), t = Rt(e), i = t, n = e.maxWidth ?? t ?? lr;
+        return be(e) && i ? {
+          minWidth: i,
+          width: i,
+          maxWidth: n ?? i
+        } : ut != null ? {
+          width: `${ut}px`,
+          minWidth: r
+        } : { minWidth: r, maxWidth: n };
       },
-      [oe]
-    ), Er = Ee && he ? {
-      selectionMode: te,
-      selectedKeys: C === "all" ? "all" : C,
-      onSelectionChange: In(D)
-    } : {}, Ir = (e, r = 0) => {
+      [P, ut, M]
+    ), Gr = b(() => !P || !te ? void 0 : {
+      ...M ? { zoom: pe } : void 0,
+      // The zoom-independent base, so the painted width tracks the zoom and overflows by
+      // more as you zoom in — matching the widths `getColumnStyle` hands the columns.
+      width: `${Ge ?? te.minTableWidth}px`,
+      tableLayout: "fixed"
+    }, [
+      P,
+      te,
+      $t,
+      Ge,
+      M,
+      pe
+    ]), Mr = I(
+      (e) => {
+        g.current = e, typeof ue == "function" ? ue(e) : ue && (ue.current = e);
+      },
+      [ue]
+    ), Ar = Ce && Ee ? {
+      selectionMode: ae,
+      selectedKeys: F === "all" ? "all" : F,
+      onSelectionChange: Vn(S)
+    } : {}, Ur = (e, r = 0) => {
       const t = e.__sourceIndex;
       return typeof t == "number" ? t : r;
-    }, De = v(
+    }, Me = I(
       (e) => {
-        const r = G.current;
+        const r = A.current;
         if (!r) return;
-        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);
+        const { fromSourceIndex: t, toSourceIndex: i, item: n, active: c } = r;
+        re(null), e && c && t !== i && (L != null && L.onReorderRows) && L.onReorderRows(t, i, n);
       },
-      [E, Q]
-    ), Pe = v(
+      [L, re]
+    ), Ae = I(
       (e, r) => {
-        const t = G.current;
+        const t = A.current;
         if (!t) return;
-        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 = {
+        Qe.current = { x: e, y: r };
+        const i = e - t.startX, n = r - t.startY, c = Math.hypot(i, n), l = t.active || c >= xn;
+        let h = {
           ...t,
           currentX: e,
           currentY: r,
           active: l
         };
         if (l) {
-          t.active || vt(null);
-          const w = x.current;
-          if (w) {
-            const a = Kr(
-              w,
+          t.active || Tt(null);
+          const k = g.current;
+          if (k) {
+            const o = Rn(
+              k,
               r,
               t.fromSourceIndex,
               t.rowId
             );
-            a && (p = {
-              ...p,
-              toSourceIndex: a.toSourceIndex,
+            o && (h = {
+              ...h,
+              toSourceIndex: o.toSourceIndex,
               // Clip to scrollport so the line never draws over the header / outside the card.
-              dropLineY: Hr(
-                a.dropLineY,
-                w
+              dropLineY: vn(
+                o.dropLineY,
+                k
               ),
-              dropLineLeft: a.dropLineLeft,
-              dropLineWidth: a.dropLineWidth
+              dropLineLeft: o.dropLineLeft,
+              dropLineWidth: o.dropLineWidth
             });
           }
         }
-        Q(p);
+        re(h);
       },
-      [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)}"]`
+      [re]
+    ), Yr = I(
+      (e, r, t, i) => {
+        var k, o;
+        if (!nt || e.button !== 0) return;
+        const n = (k = g.current) == null ? void 0 : k.querySelector(
+          `tr[${nr}="${CSS.escape(r)}"]`
         );
         if (!n) return;
         e.preventDefault();
@@ -516,112 +600,112 @@ const lt = "300px", ct = (i) => {
           e.currentTarget.setPointerCapture(e.pointerId);
         } catch {
         }
-        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({
+        const c = bn(n), l = kn(n), h = ((o = n.closest("table")) == null ? void 0 : o.getBoundingClientRect()) ?? n.getBoundingClientRect();
+        Qe.current = { x: e.clientX, y: e.clientY }, re({
           rowId: r,
           fromSourceIndex: t,
-          item: o,
+          item: i,
           pointerId: e.pointerId,
           startX: e.clientX,
           startY: e.clientY,
           currentX: e.clientX,
           currentY: e.clientY,
           active: !1,
-          preview: s,
+          preview: c,
           toSourceIndex: t,
           dropLineY: null,
-          dropLineLeft: p.left,
-          dropLineWidth: p.width,
+          dropLineLeft: h.left,
+          dropLineWidth: h.width,
           rowClone: l
         });
       },
-      [Ae, Q]
-    ), Ct = f != null;
-    B(() => {
-      if (!Ct) return;
+      [nt, re]
+    ), Xt = p != null;
+    X(() => {
+      if (!Xt) return;
       const e = (n) => {
-        var s;
-        n.pointerId === ((s = G.current) == null ? void 0 : s.pointerId) && Pe(n.clientX, n.clientY);
+        var c;
+        n.pointerId === ((c = A.current) == null ? void 0 : c.pointerId) && Ae(n.clientX, n.clientY);
       }, r = (n) => {
-        var s;
-        n.pointerId === ((s = G.current) == null ? void 0 : s.pointerId) && De(!0);
+        var c;
+        n.pointerId === ((c = A.current) == null ? void 0 : c.pointerId) && Me(!0);
       }, t = (n) => {
-        var s;
-        n.pointerId === ((s = G.current) == null ? void 0 : s.pointerId) && De(!1);
-      }, o = (n) => {
-        n.key === "Escape" && (n.preventDefault(), De(!1));
+        var c;
+        n.pointerId === ((c = A.current) == null ? void 0 : c.pointerId) && Me(!1);
+      }, i = (n) => {
+        n.key === "Escape" && (n.preventDefault(), Me(!1));
       };
-      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);
+      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);
       };
-    }, [Ct, De, Pe]), B(() => {
-      if (!(f != null && f.active)) return;
+    }, [Xt, Me, Ae]), X(() => {
+      if (!(p != null && p.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]), B(() => {
-      if (!(f != null && f.active)) return;
+    }, [p == null ? void 0 : p.active]), X(() => {
+      if (!(p != null && p.active)) return;
       let e = 0;
       const 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);
+        const t = A.current, i = g.current;
+        if (!(t != null && t.active) || !i) return;
+        const { x: n, y: c } = Qe.current, l = Nn(i, c);
+        l !== 0 && (i.scrollTop += l, Ae(n, c)), e = requestAnimationFrame(r);
       };
       return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
-    }, [f == null ? void 0 : f.active, Pe]);
-    const We = v(
+    }, [p == null ? void 0 : p.active, Ae]);
+    const Ue = I(
       (e, r) => {
-        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({
+        const t = q.current, i = g.current;
+        if (!t || !i) return;
+        et.current = { x: e, y: r };
+        const n = e - t.startX, c = r - t.startY, l = Math.hypot(n, c), h = t.active || l >= Pn;
+        if (h && !t.active && (t.active = !0, Ot(!0)), !h) return;
+        const k = Sn(i, e, r), o = k ? $e(k) : null;
+        o && (t.focus = o, B({
           anchor: t.anchor,
-          focus: a
+          focus: o
         }));
       },
-      [M]
-    ), nt = v((e) => {
-      const r = $.current;
-      $.current = null, Et(!1), r && requestAnimationFrame(
-        () => Ut(
-          x.current,
+      [B]
+    ), pt = I((e) => {
+      const r = q.current;
+      q.current = null, Ot(!1), r && requestAnimationFrame(
+        () => rr(
+          g.current,
           r.focus.rowId,
           r.focus.columnKey
         )
       );
-    }, []), Nr = v(
+    }, []), Br = I(
       (e) => {
-        if (!h || !W || !V || Te(e.target)) return;
-        const r = $t(
+        if (!y || !W || !ee || Be(e.target)) return;
+        const r = ir(
           e.target,
-          x.current
+          g.current
         );
         if (!r) return;
-        const t = Oe(r);
-        t && (e.preventDefault(), e.stopPropagation(), M(st(t)), V({
+        const t = $e(r);
+        t && (e.preventDefault(), e.stopPropagation(), B(gt(t)), ee({
           rowId: t.rowId,
           columnKey: t.columnKey,
           sourceIndex: t.sourceIndex
         }));
       },
-      [h, M, W, V]
-    ), Dr = v(
+      [y, B, W, ee]
+    ), $r = I(
       (e) => {
-        if (!h || !W || e.button !== 0 || G.current) return;
-        const r = $t(
+        if (!y || !W || e.button !== 0 || A.current) return;
+        const r = ir(
           e.target,
-          x.current
+          g.current
         );
         if (!r) return;
-        const t = Oe(r);
+        const t = $e(r);
         if (!t) return;
-        const o = e.shiftKey && y != null, n = o ? y.anchor : t;
-        Be.current = { x: e.clientX, y: e.clientY }, $.current = {
+        const i = e.shiftKey && w != null, n = i ? w.anchor : t;
+        tt.current = null, et.current = { x: e.clientX, y: e.clientY }, q.current = {
           pointerId: e.pointerId,
           startX: e.clientX,
           startY: e.clientY,
@@ -629,142 +713,142 @@ const lt = "300px", ct = (i) => {
           anchor: n,
           origin: t,
           focus: t,
-          extend: o
-        }, M(o ? { anchor: n, focus: t } : st(t));
+          extend: i
+        }, B(i ? { anchor: n, focus: t } : gt(t));
       },
-      [h, y, M, W]
+      [y, w, B, W]
     );
-    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);
+    X(() => {
+      if (!y) return;
+      const e = (i) => {
+        const n = q.current;
+        !n || i.pointerId !== n.pointerId || (i.preventDefault(), Ue(i.clientX, i.clientY));
+      }, r = (i) => {
+        const n = q.current;
+        !n || i.pointerId !== n.pointerId || pt(!0);
+      }, t = (i) => {
+        const n = q.current;
+        !n || i.pointerId !== n.pointerId || pt(!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);
       };
-    }, [h, nt, We]), B(() => {
-      if (!ke) return;
+    }, [y, pt, Ue]), X(() => {
+      if (!ie) return;
       const e = document.body.style.userSelect;
       return document.body.style.userSelect = "none", () => {
         document.body.style.userSelect = e;
       };
-    }, [ke]), B(() => {
-      if (!ke) return;
+    }, [ie]), X(() => {
+      if (!ie) return;
       let e = 0;
       const 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);
+        const t = q.current, i = g.current;
+        if (!(t != null && t.active) || !i) return;
+        const { x: n, y: c } = et.current, { dx: l, dy: h } = Tn(i, n, c);
+        (l !== 0 || h !== 0) && (l !== 0 && (i.scrollLeft += l), h !== 0 && (i.scrollTop += h), Ue(n, c)), e = requestAnimationFrame(r);
       };
       return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
-    }, [ke, We]), B(() => {
-      if (!h || !y) return;
+    }, [ie, Ue]), X(() => {
+      if (!y || !w) return;
       const e = (t) => {
-        if (Te(t.target)) return;
-        const o = x.current;
-        if (!o) return;
+        if (Be(t.target)) return;
+        const i = g.current;
+        if (!i) return;
         const n = document.activeElement;
-        if (n && !o.contains(n) && t.target instanceof Node && !o.contains(t.target))
+        if (n && !i.contains(n) && t.target instanceof Node && !i.contains(t.target))
           return;
-        const s = at(
-          y,
-          b,
+        const c = xt(
+          w,
+          v,
           Y
         );
-        !s || !Ue || (t.preventDefault(), Ue({ selection: y, rect: s, event: t }));
+        !c || !He || (t.preventDefault(), He({ selection: w, rect: c, event: t }));
       }, r = (t) => {
-        var p;
-        if (Te(t.target)) return;
-        const o = x.current;
-        if (!o) return;
+        var h;
+        if (Be(t.target)) return;
+        const i = g.current;
+        if (!i) return;
         const n = document.activeElement;
-        if (n && !o.contains(n) && t.target instanceof Node && !o.contains(t.target))
+        if (n && !i.contains(n) && t.target instanceof Node && !i.contains(t.target))
           return;
-        const s = at(
-          y,
-          b,
+        const c = xt(
+          w,
+          v,
           Y
         );
-        if (!s || !Xe) return;
-        const l = ((p = t.clipboardData) == null ? void 0 : p.getData("text/plain")) ?? "";
-        t.preventDefault(), Xe({ selection: y, rect: s, text: l, event: t });
+        if (!c || !ze) return;
+        const l = ((h = t.clipboardData) == null ? void 0 : h.getData("text/plain")) ?? "";
+        t.preventDefault(), ze({ selection: w, rect: c, text: l, event: t });
       };
       return document.addEventListener("copy", e), document.addEventListener("paste", r), () => {
         document.removeEventListener("copy", e), document.removeEventListener("paste", r);
       };
     }, [
-      b,
-      h,
+      v,
       y,
+      w,
       Y,
-      Ue,
-      Xe
+      He,
+      ze
     ]);
-    const ot = Ee && kn(C, b), Pr = Ee && En(C, b), Wr = () => {
-      if (D) {
-        if (ot) {
-          D(/* @__PURE__ */ new Set());
+    const ht = Ce && Hn(F, v), Xr = Ce && zn(F, v), jr = () => {
+      if (S) {
+        if (ht) {
+          S(/* @__PURE__ */ new Set());
           return;
         }
-        D("all");
+        S("all");
       }
-    }, _r = (e, r) => {
-      if (!D) return;
-      if (te === "single") {
-        D(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
+    }, qr = (e, r) => {
+      if (!S) return;
+      if (ae === "single") {
+        S(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
         return;
       }
-      const t = C === "all" ? new Set(b) : new Set(qt(C, b));
-      r ? t.add(e) : t.delete(e), D(t);
-    }, Sr = (e) => {
-      const r = ve.has(e.key);
-      return Rt ? /* @__PURE__ */ c(
-        g.Row,
+      const t = F === "all" ? new Set(v) : new Set(ar(F, v));
+      r ? t.add(e) : t.delete(e), S(t);
+    }, Kr = (e) => {
+      const r = Te.has(e.key);
+      return Pt ? /* @__PURE__ */ a(
+        m.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ c(g.Cell, { colSpan: ae, className: m(I), children: Rt(e) })
+          children: /* @__PURE__ */ a(m.Cell, { colSpan: me, className: x(D), children: Pt(e) })
         },
         `group-${e.key}`
-      ) : /* @__PURE__ */ c(
-        g.Row,
+      ) : /* @__PURE__ */ a(
+        m.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ c(
-            g.Cell,
+          children: /* @__PURE__ */ a(
+            m.Cell,
             {
-              colSpan: ae,
-              className: m("py-1.5", I),
-              children: /* @__PURE__ */ _(
+              colSpan: me,
+              className: x("py-1.5", D),
+              children: /* @__PURE__ */ E(
                 "button",
                 {
                   type: "button",
                   className: "flex w-full items-center gap-2 px-2 text-left text-xs font-medium text-secondary",
-                  onClick: () => wr(e.key),
+                  onClick: () => Sr(e.key),
                   "aria-expanded": !r,
                   children: [
-                    /* @__PURE__ */ c(
-                      zr,
+                    /* @__PURE__ */ a(
+                      tn,
                       {
-                        className: m(
+                        className: x(
                           "size-4 shrink-0 text-fg-quaternary transition-transform",
                           !r && "rotate-90"
                         )
                       }
                     ),
-                    /* @__PURE__ */ c("span", { className: "truncate", children: e.label || "(Empty)" }),
-                    /* @__PURE__ */ _("span", { className: "text-tertiary", children: [
+                    /* @__PURE__ */ a("span", { className: "truncate", children: e.label || "(Empty)" }),
+                    /* @__PURE__ */ E("span", { className: "text-tertiary", children: [
                       "(",
                       e.rows.length,
                       ")"
@@ -777,55 +861,55 @@ const lt = "300px", ct = (i) => {
         },
         `group-${e.key}`
       );
-    }, 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__ */ _(
-        g.Row,
+    }, jt = (e, r, t = 0) => {
+      const i = Et ? Et(e) : !1, n = ve(e), c = Ur(e, t), l = qn(F, n, v), h = Wr === n, k = (p == null ? void 0 : p.active) === !0 && p.rowId === n;
+      return /* @__PURE__ */ E(
+        m.Row,
         {
           onAction: () => {
-            var a;
-            (a = G.current) != null && a.active || pe == null || pe(e);
+            var o;
+            (o = A.current) != null && o.active || ke == null || ke(e);
           },
-          onMouseEnter: () => K == null ? void 0 : K(e, !0),
-          onMouseLeave: () => K == null ? void 0 : K(e, !1),
+          onMouseEnter: () => V == null ? void 0 : V(e, !0),
+          onMouseLeave: () => V == null ? void 0 : V(e, !1),
           id: n,
           value: e,
-          columns: u,
-          expandedColSpan: ae,
-          isExpandable: o,
-          highlightSelectedRow: he,
-          renderExpandedContent: o ? tr : void 0,
-          [Xt]: n,
-          [rn]: String(s),
-          className: m(
-            pe && "cursor-pointer",
-            Vt ? "prose" : "",
-            pt && "[&>td]:after:hidden",
-            qe && "group/rowactions",
-            p && "bg-utility-brand-25 hover:bg-utility-brand-25",
-            z && l && "bg-secondary",
-            bt,
-            Ge == null ? void 0 : Ge(e)
+          columns: f,
+          expandedColSpan: me,
+          isExpandable: i,
+          highlightSelectedRow: Ee,
+          renderExpandedContent: i ? wr : void 0,
+          [nr]: n,
+          [Wn]: String(c),
+          className: x(
+            ke && "cursor-pointer",
+            fr ? "prose" : "",
+            kt && "[&>td]:after:hidden",
+            rt && "group/rowactions",
+            h && "bg-utility-brand-25 hover:bg-utility-brand-25",
+            U && l && "bg-secondary",
+            _t,
+            je == null ? void 0 : je(e)
           ),
-          style: w ? tn : void 0,
+          style: k ? Ln : void 0,
           children: [
-            z && /* @__PURE__ */ c(
-              g.Cell,
+            U && /* @__PURE__ */ a(
+              m.Cell,
               {
                 "data-grid-no-range": "",
-                className: m("relative w-10 text-center", I),
+                className: x("relative w-10 text-center", D),
                 style: { minWidth: "40px", width: "40px" },
-                children: /* @__PURE__ */ c(
+                children: /* @__PURE__ */ a(
                   "div",
                   {
                     className: "flex items-center justify-center",
-                    onClick: (a) => a.stopPropagation(),
-                    onKeyDown: (a) => a.stopPropagation(),
-                    children: /* @__PURE__ */ c(
-                      jt,
+                    onClick: (o) => o.stopPropagation(),
+                    onKeyDown: (o) => o.stopPropagation(),
+                    children: /* @__PURE__ */ a(
+                      sr,
                       {
                         checked: l,
-                        onCheckedChange: (a) => _r(n, a === !0),
+                        onCheckedChange: (o) => qr(n, o === !0),
                         "aria-label": `Select row ${n}`,
                         className: "items-center justify-center"
                       }
@@ -834,110 +918,110 @@ const lt = "300px", ct = (i) => {
                 )
               }
             ),
-            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,
+            f.map((o, zt) => {
+              const yt = Ft.get(o.key), ge = cr(
+                o.key,
+                Q,
+                yt
+              ), xe = (ne == null ? void 0 : ne.rowId) === n && (ne == null ? void 0 : ne.columnKey) === o.key, Z = y ? Cn(
+                w,
                 n,
-                a.key,
-                b,
+                o.key,
+                v,
                 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(
-                g.Cell,
+              ) : null, Ye = !y && W && !xe && (z == null ? void 0 : z.rowId) === n && (z == null ? void 0 : z.columnKey) === o.key, se = !!(Z != null && Z.inRange) && W && !xe, Re = se && Z ? On(Z.edges) : void 0, K = ft(o);
+              return /* @__PURE__ */ a(
+                m.Cell,
                 {
-                  sticky: a.sticky,
-                  stickyOffset: a.stickyOffset,
+                  sticky: o.sticky,
+                  stickyOffset: o.stickyOffset,
                   style: {
-                    ...Or,
-                    ...zt ? { boxShadow: zt } : null
+                    ...K,
+                    ...Re ? { boxShadow: Re } : null
                   },
                   "data-grid-cell": "",
                   "data-grid-row-id": n,
-                  "data-grid-col-key": a.key,
-                  "data-grid-source-index": s,
-                  className: m(
+                  "data-grid-col-key": o.key,
+                  "data-grid-source-index": c,
+                  className: x(
                     "relative overflow-x-hidden",
                     // Uncontrolled single-cell highlight (legacy).
-                    Ce && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
+                    Ye && "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.
-                    O && "z-1 outline-hidden after:opacity-0",
-                    O && T && !T.isAnchor && "bg-utility-brand-25",
-                    a.cellClassName,
-                    Xr(Se),
-                    I
+                    se && "z-1 outline-hidden after:opacity-0",
+                    se && Z && !Z.isAnchor && "bg-utility-brand-25",
+                    o.cellClassName,
+                    on(ge),
+                    D
                   ),
                   children: (() => {
-                    const Yt = it === 0 && (o || qe) ? /* @__PURE__ */ _("div", { className: "flex items-center", children: [
-                      E && /* @__PURE__ */ c(
+                    const Vt = zt === 0 && (i || rt) ? /* @__PURE__ */ E("div", { className: "flex items-center", children: [
+                      L && /* @__PURE__ */ a(
                         "div",
                         {
                           "data-grid-no-range": "",
                           className: "flex items-center justify-center",
-                          onClick: (U) => U.stopPropagation(),
-                          onContextMenu: (U) => U.stopPropagation(),
-                          onKeyDown: (U) => U.stopPropagation(),
-                          children: /* @__PURE__ */ c(
-                            wn,
+                          onClick: ($) => $.stopPropagation(),
+                          onContextMenu: ($) => $.stopPropagation(),
+                          onKeyDown: ($) => $.stopPropagation(),
+                          children: /* @__PURE__ */ a(
+                            Un,
                             {
-                              config: E,
-                              sourceRowIndex: s,
+                              config: L,
+                              sourceRowIndex: c,
                               item: e,
-                              enableDrag: Ae,
-                              isDragging: w,
-                              onDragHandlePointerDown: (U) => Lr(
-                                U,
+                              enableDrag: nt,
+                              isDragging: k,
+                              onDragHandlePointerDown: ($) => Yr(
+                                $,
                                 n,
-                                s,
+                                c,
                                 e
                               ),
-                              triggerClassName: m(
+                              triggerClassName: x(
                                 // 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 || w ? "opacity-100" : "opacity-0"
+                                h || k ? "opacity-100" : "opacity-0"
                               ),
-                              onOpenChange: (U) => vt(U ? n : null)
+                              onOpenChange: ($) => Tt($ ? n : null)
                             }
                           )
                         }
                       ),
-                      /* @__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(
+                      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: vt(o.key, e[o.key], e) })
+                    ] }) : vt(o.key, e[o.key], e);
+                    return W ? /* @__PURE__ */ a(
                       "div",
                       {
                         "data-grid-focus": !0,
                         tabIndex: -1,
                         className: "outline-hidden",
-                        children: Yt
+                        children: Vt
                       }
-                    ) : Yt;
+                    ) : Vt;
                   })()
                 },
-                a.key
+                o.key
               );
             }),
-            S && F && /* @__PURE__ */ c(
-              g.Cell,
+            O && G && /* @__PURE__ */ a(
+              m.Cell,
               {
                 "data-grid-no-range": "",
-                className: m("relative w-14 text-center", I),
+                className: x("relative w-14 text-center", D),
                 style: { minWidth: "56px", width: "56px" },
-                children: /* @__PURE__ */ c(
+                children: /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
                     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: (a) => {
-                      a.stopPropagation(), F.onDeleteRow(s);
+                    onClick: (o) => {
+                      o.stopPropagation(), G.onDeleteRow(c);
                     },
-                    children: /* @__PURE__ */ c(gn, { name: "Trash02", className: "size-3" })
+                    children: /* @__PURE__ */ a(Yn, { name: "Trash02", className: "size-3" })
                   }
                 )
               }
@@ -946,104 +1030,107 @@ const lt = "300px", ct = (i) => {
         },
         n
       );
-    }, Cr = (e) => /* @__PURE__ */ _(
-      g.Row,
+    }, Hr = (e) => /* @__PURE__ */ E(
+      m.Row,
       {
         id: String(e.id),
         isExpandable: !1,
-        className: m(pt && "[&>td]:after:hidden", bt),
+        className: x(kt && "[&>td]:after:hidden", _t),
         children: [
-          z && /* @__PURE__ */ c(
-            g.Cell,
+          U && /* @__PURE__ */ a(
+            m.Cell,
             {
-              className: m("relative w-10", I),
+              className: x("relative w-10", D),
               style: { minWidth: "40px", width: "40px" }
             }
           ),
-          u.map((r) => /* @__PURE__ */ c(
-            g.Cell,
+          f.map((r) => /* @__PURE__ */ a(
+            m.Cell,
             {
               sticky: r.sticky,
               stickyOffset: r.stickyOffset,
-              style: rt(r),
-              className: m(
+              style: ft(r),
+              className: x(
                 "overflow-x-hidden text-left",
                 r.cellClassName,
-                I
+                D
               ),
-              children: /* @__PURE__ */ c(mn, { height: "14px", width: "75%", className: "rounded" })
+              children: /* @__PURE__ */ a(Bn, { height: "14px", width: "75%", className: "rounded" })
             },
             r.key
           )),
-          S && /* @__PURE__ */ c(
-            g.Cell,
+          O && /* @__PURE__ */ a(
+            m.Cell,
             {
-              className: m("w-14", I),
+              className: x("w-14", D),
               style: { minWidth: "56px", width: "56px" }
             }
           )
         ]
       },
       String(e.id)
-    ), Tr = () => X ? Le.map((e) => Cr(e)) : Ie && H ? H.flatMap((e) => {
-      const r = ve.has(e.key);
+    ), zr = () => j ? Fe.map((e) => Hr(e)) : Oe && J ? J.flatMap((e) => {
+      const r = Te.has(e.key);
       return [
-        Sr(e),
+        Kr(e),
         ...r ? [] : e.rows.map(
-          (t, o) => Tt(t, void 0, o)
+          (t, i) => jt(t, void 0, i)
         )
       ];
-    }) : Le.map(
-      (e, r) => Tt(e, void 0, r)
-    ), Ot = /* @__PURE__ */ c(
-      Yr.Root,
+    }) : Fe.map(
+      (e, r) => jt(e, void 0, r)
+    ), qt = /* @__PURE__ */ a(
+      rn.Root,
       {
-        ref: kr,
-        onKeyDownCapture: W ? Rr : void 0,
-        onPointerDownCapture: h ? Dr : void 0,
-        onDoubleClickCapture: h ? Nr : void 0,
-        className: m(
+        ref: Mr,
+        onKeyDownCapture: W ? Zr : void 0,
+        onPointerDownCapture: y ? $r : void 0,
+        onDoubleClickCapture: y ? Br : void 0,
+        className: x(
           "w-full",
-          !L || et ? "overflow-x-auto" : "overflow-x-hidden",
-          ye && "border border-secondary rounded-xl",
+          !P || $t ? "overflow-x-auto" : "overflow-x-hidden",
+          Ie && "border border-secondary rounded-xl",
           "[&_tr:hover>td]:!bg-secondary_subtle",
-          Zt
+          hr
         ),
-        size: ft,
-        children: /* @__PURE__ */ _(
-          g,
+        size: bt,
+        children: /* @__PURE__ */ E(
+          m,
           {
-            "aria-label": Jt,
-            size: ft,
+            "aria-label": ur,
+            size: bt,
             isEditable: W,
-            inlineSelection: he,
-            className: m(L && "min-w-full", rr),
-            style: vr,
-            ...Er,
+            inlineSelection: Ee,
+            className: x(
+              P && "min-w-full",
+              mr
+            ),
+            style: Gr,
+            ...Ar,
             children: [
-              /* @__PURE__ */ _(
-                g.Header,
+              /* @__PURE__ */ E(
+                m.Header,
                 {
-                  className: m(
+                  className: x(
                     "sticky top-0 z-20",
-                    ye && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
-                    er
+                    Ie && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none",
+                    yr
                   ),
                   children: [
-                    z && /* @__PURE__ */ c(
-                      g.Head,
+                    U && /* @__PURE__ */ a(
+                      m.Head,
                       {
                         label: "",
                         allowsSorting: !1,
                         isRowHeader: !1,
                         style: { minWidth: "40px", width: "40px" },
-                        className: m(I),
+                        className: x(D),
                         headerCellClass: "justify-center",
-                        children: te === "multiple" && D && /* @__PURE__ */ c("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ c(
-                          jt,
+                        children: ae === "multiple" && S && /* @__PURE__ */ a("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ a(
+                          sr,
                           {
-                            checked: ot ? !0 : Pr && !ot ? "indeterminate" : !1,
-                            onCheckedChange: () => Wr(),
+                            checked: ht ? !0 : Xr && !ht ? "indeterminate" : !1,
+                            onCheckedChange: () => jr(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
                           }
@@ -1051,14 +1138,14 @@ const lt = "300px", ct = (i) => {
                       },
                       "selection"
                     ),
-                    u.map((e, r) => {
-                      const t = ar ? yr.get(e.key) : void 0, o = It.get(e.key), n = At(
+                    f.map((e, r) => {
+                      const t = br ? Pr.get(e.key) : void 0, i = Ft.get(e.key), n = cr(
                         e.key,
-                        J,
-                        o
-                      ), s = Qt.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
-                      return /* @__PURE__ */ c(
-                        g.Head,
+                        Q,
+                        i
+                      ), c = pr.includes(e.key) || n === "center" ? "justify-center" : n === "right" ? "justify-end" : "";
+                      return /* @__PURE__ */ a(
+                        m.Head,
                         {
                           sticky: e.sticky,
                           stickyOffset: e.stickyOffset,
@@ -1066,96 +1153,96 @@ const lt = "300px", ct = (i) => {
                           label: e.label,
                           isRowHeader: r === 0,
                           allowsSorting: e.allowsSorting,
-                          headerCellClass: `${e.headerCellClass} ${s}`,
-                          style: rt(e),
-                          className: m(
+                          headerCellClass: `${e.headerCellClass} ${c}`,
+                          style: ft(e),
+                          className: x(
                             "overflow-hidden",
                             e.headClassName,
-                            I
+                            D
                           ),
-                          headerAction: t && Re ? /* @__PURE__ */ c(
-                            pn,
+                          headerAction: t && Pe ? /* @__PURE__ */ a(
+                            Gn,
                             {
                               column: t,
-                              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: br.get(e.key),
-                              renderExtraItems: lr,
+                              columnLabel: t.label ?? (i ? sn(i, Er) : e.label),
+                              currentAlignment: i ? dr(
+                                i,
+                                Q ?? /* @__PURE__ */ new Map()
+                              ) : (Q == null ? void 0 : Q.get(e.key)) ?? "left",
+                              capabilities: kr,
+                              hideDisabled: f.length <= 1,
+                              onAction: Fr.get(e.key),
+                              renderExtraItems: Ir,
                               showOnHeaderHover: !0
                             }
                           ) : void 0,
-                          children: (Fe == null ? void 0 : Fe(e.key)) ?? null
+                          children: (Xe == null ? void 0 : Xe(e.key)) ?? null
                         },
                         e.key
                       );
                     }),
-                    S && /* @__PURE__ */ c(
-                      g.Head,
+                    O && /* @__PURE__ */ a(
+                      m.Head,
                       {
                         label: "",
                         allowsSorting: !1,
                         isRowHeader: !1,
                         style: { minWidth: "56px", width: "56px" },
-                        className: m(I)
+                        className: x(D)
                       },
                       "actions"
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ _(g.Body, { children: [
-                !Wt && Tr(),
-                mr && /* @__PURE__ */ c(
-                  g.Row,
+              /* @__PURE__ */ E(m.Body, { children: [
+                !Ut && zr(),
+                Cr && /* @__PURE__ */ a(
+                  m.Row,
                   {
                     id: "empty-state",
                     highlightSelectedRow: !1,
-                    children: /* @__PURE__ */ c(
-                      g.Cell,
+                    children: /* @__PURE__ */ a(
+                      m.Cell,
                       {
-                        colSpan: ae,
-                        className: m(
+                        colSpan: me,
+                        className: x(
                           "text-left text-placeholder_subtle border-b border-secondary py-3",
-                          I
+                          D
                         ),
-                        children: mt
+                        children: Wt
                       }
                     )
                   },
                   "empty-state"
                 ),
-                Je && F && /* @__PURE__ */ _(
-                  g.Row,
+                ot && G && /* @__PURE__ */ E(
+                  m.Row,
                   {
                     id: "add-row-footer",
                     highlightSelectedRow: !1,
                     children: [
-                      /* @__PURE__ */ c(
-                        g.Cell,
+                      /* @__PURE__ */ a(
+                        m.Cell,
                         {
-                          colSpan: ae - (S ? 1 : 0),
-                          className: m(I),
-                          children: /* @__PURE__ */ c(
-                            hn,
+                          colSpan: me - (O ? 1 : 0),
+                          className: x(D),
+                          children: /* @__PURE__ */ a(
+                            Mn,
                             {
                               color: "tertiary",
                               className: "bg-secondary text-primary",
                               size: "xs",
-                              onClick: F.onAddRow,
+                              onClick: G.onAddRow,
                               children: "+ Add Row"
                             }
                           )
                         }
                       ),
-                      S && /* @__PURE__ */ c(
-                        g.Cell,
+                      O && /* @__PURE__ */ a(
+                        m.Cell,
                         {
-                          className: m("w-14", I),
+                          className: x("w-14", D),
                           style: { minWidth: "56px", width: "56px" }
                         }
                       )
@@ -1163,13 +1250,13 @@ const lt = "300px", ct = (i) => {
                   },
                   "add-row-footer"
                 ),
-                xr && Me && /* @__PURE__ */ c(
-                  yn,
+                Or && Ke && /* @__PURE__ */ a(
+                  An,
                   {
-                    ...Me,
-                    hasActionsColumn: S,
-                    hasSelectionColumn: z,
-                    showBorders: !!ye
+                    ...Ke,
+                    hasActionsColumn: O,
+                    hasSelectionColumn: U,
+                    showBorders: !!Ie
                   }
                 )
               ] })
@@ -1177,49 +1264,49 @@ const lt = "300px", ct = (i) => {
           }
         )
       }
-    ), Ft = W ? /* @__PURE__ */ c(
-      qr,
+    ), Kt = W ? /* @__PURE__ */ a(
+      mn,
       {
-        rowIds: b,
+        rowIds: v,
         columnKeys: Y,
-        containerRef: x,
-        onSelectCell: Ve,
-        onEditingCellChange: hr,
-        children: Ot
+        containerRef: g,
+        onSelectCell: at,
+        onEditingCellChange: _r,
+        children: qt
       }
-    ) : Ot, Gt = f != null && f.active ? /* @__PURE__ */ _(Mt, { children: [
-      /* @__PURE__ */ c(Qr, { session: f }),
-      f.dropLineY != null && /* @__PURE__ */ c(
-        Zr,
+    ) : qt, Ht = p != null && p.active ? /* @__PURE__ */ E(wt, { children: [
+      /* @__PURE__ */ a(En, { session: p }),
+      p.dropLineY != null && /* @__PURE__ */ a(
+        In,
         {
-          y: f.dropLineY,
-          left: f.dropLineLeft,
-          width: f.dropLineWidth
+          y: p.dropLineY,
+          left: p.dropLineLeft,
+          width: p.dropLineWidth
         }
       )
     ] }) : null;
-    return gr ? /* @__PURE__ */ _("div", { className: "flex flex-col gap-3", children: [
-      Dt && Nt,
-      Ft,
-      Pt && P && /* @__PURE__ */ c(
-        Mr,
+    return Tr ? /* @__PURE__ */ E("div", { className: "flex flex-col gap-3", children: [
+      Mt && Gt,
+      Kt,
+      At && T && /* @__PURE__ */ a(
+        nn,
         {
-          currentPage: P.currentPage,
-          pageSize: P.pageSize,
-          totalPages: P.totalPages,
-          totalItems: P.totalItems,
-          onPageChange: P.onPageChange,
-          onPageSizeChange: P.onPageSizeChange,
-          showPagination: P.showPagination
+          currentPage: T.currentPage,
+          pageSize: T.pageSize,
+          totalPages: T.totalPages,
+          totalItems: T.totalItems,
+          onPageChange: T.onPageChange,
+          onPageSizeChange: T.onPageSizeChange,
+          showPagination: T.showPagination
         }
       ),
-      Gt
-    ] }) : /* @__PURE__ */ _(Mt, { children: [
-      Ft,
-      Gt
+      Ht
+    ] }) : /* @__PURE__ */ E(wt, { children: [
+      Kt,
+      Ht
     ] });
   }
 );
 export {
-  Kn as TableWrapper
+  ki as TableWrapper
 };