@pibit.ai/cure-design-system 0.3.23 → 0.3.26

package/dist/patterns/table/TableWrapper.js

@@ -1,235 +1,243 @@
-import { jsx as i, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as Bt, useState as J, useMemo as h, useCallback as V, useRef as Jt, useEffect as Vt, useLayoutEffect as Xt } from "react";
-import { ChevronRight as Yt } from "@untitledui/icons";
+import { jsx as s, jsxs as S } from "react/jsx-runtime";
+import { forwardRef as Jt, useState as B, useMemo as u, useCallback as J, useRef as Vt, useEffect as Xt, useLayoutEffect as Yt } from "react";
+import { ChevronRight as Ht } from "@untitledui/icons";
 import { cx as c } from "../../utils/cn.js";
 import { TableCard as Qt, Table as d } from "./table.js";
 import { TablePagination as Zt } from "./TablePagination.js";
-import { getEffectiveAlignment as ot, resolveColumnLabel as Ht, alignmentClass as Kt } from "./toolbar/tableToolbarHelpers.js";
-import { findGridCell as er, isWithinCellEditor as tr, getGridNeighbor as rr, getGridTabNeighbor as nr, focusGridCell as ir, GridNavProvider as sr } from "./useGridKeyboardNavigation.js";
-import { BulkActionBar as ar } from "./toolbar/BulkActionBar.js";
-import { TableToolbar as lr } from "./toolbar/TableToolbar.js";
-import { Checkbox as nt } from "../../primitives/checkbox/checkbox.js";
-import { ColumnHeaderMenu as or } from "./toolbar/ColumnHeaderMenu.js";
-import { Button as dr } from "../../primitives/button/button.js";
-import { SummaryFooterRow as cr } from "./toolbar/SummaryFooter.js";
-import { RowActionsMenu as fr } from "./toolbar/RowActionsMenu.js";
-import { Icon as hr } from "../../primitives/icon/icon.js";
-import { ShimmerLine as ur } from "../../primitives/shimmer/shimmer.js";
-const yr = 5, pr = "__all__", it = {
+import { getEffectiveAlignment as dt, resolveColumnLabel as Kt, alignmentClass as er } from "./toolbar/tableToolbarHelpers.js";
+import { findGridCell as tr, isWithinCellEditor as rr, getGridNeighbor as nr, getGridTabNeighbor as ir, focusGridCell as sr, GridNavProvider as ar } from "./useGridKeyboardNavigation.js";
+import { BulkActionBar as lr } from "./toolbar/BulkActionBar.js";
+import { TableToolbar as or } from "./toolbar/TableToolbar.js";
+import { Checkbox as it } from "../../primitives/checkbox/checkbox.js";
+import { ColumnHeaderMenu as dr } from "./toolbar/ColumnHeaderMenu.js";
+import { Button as cr } from "../../primitives/button/button.js";
+import { SummaryFooterRow as fr } from "./toolbar/SummaryFooter.js";
+import { RowActionsMenu as hr } from "./toolbar/RowActionsMenu.js";
+import { Icon as ur } from "../../primitives/icon/icon.js";
+import { ShimmerLine as yr } from "../../primitives/shimmer/shimmer.js";
+const wr = 5, pr = "__all__", st = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, X = (t) => t.__rowId ?? t.id ?? t.rule_id ?? String(t);
-function st(t, a) {
-  return t === "all" ? new Set(a) : t ?? /* @__PURE__ */ new Set();
+}, V = (t) => t.__rowId ?? t.id ?? t.rule_id ?? String(t);
+function at(t, i) {
+  return t === "all" ? new Set(i) : t ?? /* @__PURE__ */ new Set();
 }
-function wr(t, a, l) {
-  return t ? t === "all" ? l.includes(a) : t.has(a) : !1;
+function xr(t, i, l) {
+  return t ? t === "all" ? l.includes(i) : t.has(i) : !1;
 }
-function xr(t, a) {
-  return t ? t === "all" ? a.length : t.size : 0;
+function gr(t, i) {
+  return t ? t === "all" ? i.length : t.size : 0;
 }
-function br(t, a) {
-  return a.length === 0 ? !1 : t === "all" ? !0 : a.every((l) => (t == null ? void 0 : t.has(l)) ?? !1);
+function br(t, i) {
+  return i.length === 0 ? !1 : t === "all" ? !0 : i.every((l) => (t == null ? void 0 : t.has(l)) ?? !1);
 }
-function gr(t, a) {
-  return t === "all" ? a.length > 0 : a.some((l) => (t == null ? void 0 : t.has(l)) ?? !1);
+function mr(t, i) {
+  return t === "all" ? i.length > 0 : i.some((l) => (t == null ? void 0 : t.has(l)) ?? !1);
 }
-function mr(t) {
+function Nr(t) {
   if (t)
-    return (a) => {
-      t(a === "all" ? "all" : new Set([...a].map(String)));
+    return (i) => {
+      t(i === "all" ? "all" : new Set([...i].map(String)));
     };
 }
-function Nr(t) {
-  var a;
-  return t != null && t.length ? t.length > 1 ? !0 : ((a = t[0]) == null ? void 0 : a.key) !== pr : !1;
+function kr(t) {
+  var i;
+  return t != null && t.length ? t.length > 1 ? !0 : ((i = t[0]) == null ? void 0 : i.key) !== pr : !1;
 }
-function at(t, a, l) {
-  return l ? ot(l, a ?? /* @__PURE__ */ new Map()) : (a == null ? void 0 : a.get(t)) ?? "left";
+function lt(t, i, l) {
+  return l ? dt(l, i ?? /* @__PURE__ */ new Map()) : (i == null ? void 0 : i.get(t)) ?? "left";
 }
-const Te = "300px", Pe = (t) => {
+const Le = "300px", Te = (t) => {
   if (!t) return 0;
-  const a = t.match(/^(\d+(?:\.\d+)?)px$/);
-  return a ? Number(a[1]) : 0;
-}, A = (t) => !!(t.maxWidth && t.sticky === "right"), kr = (t) => ({
-  maxWidth: t.maxWidth ?? Te,
-  minWidth: t.minWidth
-}), lt = (t) => A(t) && t.maxWidth ? {
-  minWidth: t.maxWidth,
-  width: t.maxWidth,
-  maxWidth: t.maxWidth
-} : {
-  minWidth: t.minWidth,
-  maxWidth: t.maxWidth ?? Te
-}, Mr = Bt(
+  const i = t.match(/^(\d+(?:\.\d+)?)px$/);
+  return i ? Number(i[1]) : 0;
+}, X = (t) => !!t.width || !!(t.maxWidth && t.sticky === "right"), Oe = (t) => t.width ?? (t.maxWidth && t.sticky === "right" ? t.maxWidth : void 0), Cr = (t) => ({
+  width: t.width,
+  maxWidth: t.maxWidth ?? Le,
+  minWidth: t.minWidth ?? t.width
+}), ot = (t) => {
+  const i = Oe(t);
+  return i ? {
+    minWidth: i,
+    width: i,
+    maxWidth: t.maxWidth ?? i
+  } : {
+    minWidth: t.minWidth,
+    maxWidth: t.maxWidth ?? Le
+  };
+}, Dr = Jt(
   function({
-    data: a,
+    data: i,
     columns: l,
-    renderRowCell: Le,
+    renderRowCell: ze,
     onRowClick: Y,
-    onRowHover: L,
-    arialabel: dt,
-    size: Oe = "sm",
-    allowDefaultRowClass: ct = !1,
-    centeredHeaders: ft = [],
-    rootClassName: ht,
-    removeBorders: ze,
-    headerClassName: ut,
-    isRowExpandable: Ge,
-    renderExpandedContent: yt,
+    onRowHover: O,
+    arialabel: ct,
+    size: Ae = "sm",
+    allowDefaultRowClass: ft = !1,
+    centeredHeaders: ht = [],
+    rootClassName: ut,
+    removeBorders: Ge,
+    headerClassName: yt,
+    isRowExpandable: $e,
+    renderExpandedContent: wt,
     loading: P = !1,
-    loadingRowCount: Ae = yr,
+    loadingRowCount: je = wr,
     renderHeaderCell: ce,
     tableClassName: pt,
     getRowClassName: fe,
-    selectionMode: $ = "none",
-    selectedKeys: C,
+    selectionMode: G = "none",
+    selectedKeys: k,
     onSelectionChange: p,
     inlineSelection: he = !1,
-    toolbar: w,
-    showToolbar: wt,
-    toolbarTitle: $e,
-    toolbarTrailing: je,
-    disableExtendedTools: Fe,
+    toolbar: h,
+    showToolbar: xt,
+    toolbarTitle: Fe,
+    toolbarTrailing: Me,
+    disableExtendedTools: ue,
     pagination: x,
-    showBorders: Q,
-    emptyState: Me,
+    showBorders: H,
+    emptyState: De,
     editChrome: v,
-    showEditActions: xt = !1,
+    showEditActions: gt = !1,
     searchCollapsible: Ue,
     isEditable: bt,
-    toolbarSlot: ue,
-    rowHeightClass: De,
-    groupedData: O,
-    showSummaryFooter: gt,
-    summaryFooterProps: ye,
-    bulkActionBar: Z,
-    renderBulkActionBar: H,
+    toolbarSlot: ye,
+    rowHeightClass: qe,
+    groupedData: L,
+    showSummaryFooter: mt,
+    summaryFooterProps: we,
+    bulkActionBar: Q,
+    renderBulkActionBar: Z,
     onBulkDuplicate: K,
     onBulkDelete: ee,
     bulkActionBusy: te,
     columnAlignments: z,
     onColumnHeaderAction: re,
-    showColumnHeaderMenu: mt,
-    columnMenuCapabilities: Nt,
-    renderGroupHeader: qe,
-    columnMenuSchema: j,
-    columnSchema: F,
-    labelMeta: kt,
-    renderColumnHeaderMenuExtraItems: Ct,
-    fillWidth: y = !1,
+    showColumnHeaderMenu: Nt,
+    columnMenuCapabilities: kt,
+    renderGroupHeader: Be,
+    columnMenuSchema: $,
+    columnSchema: j,
+    labelMeta: Ct,
+    renderColumnHeaderMenuExtraItems: St,
+    fillWidth: w = !1,
     rowActions: pe,
-    onCellActivate: we
-  }, M) {
-    const [ne, St] = J(
+    onCellActivate: xe
+  }, F) {
+    const [ne, vt] = B(
       () => /* @__PURE__ */ new Set()
-    ), [vt, Wt] = J(
+    ), [Wt, Rt] = B(
       null
-    ), [g, xe] = J(null), [G, Rt] = J(null), ie = $ === "single" || $ === "multiple", be = !!pe, W = ie && !he, ge = Nr(O), It = h(() => j != null && j.length ? new Map(j.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [j]), Be = h(() => F != null && F.length ? new Map(F.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [F]), se = h(
+    ), [b, ge] = B(null), [A, It] = B(null), ie = G === "single" || G === "multiple", be = !!pe, W = ie && !he, me = kr(L), _t = u(() => $ != null && $.length ? new Map($.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [$]), Je = u(() => j != null && j.length ? new Map(j.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [j]), se = u(
       () => l.map((e) => e.key),
       [l]
-    ), Et = V((e) => {
-      St((r) => {
+    ), Et = J((e) => {
+      vt((r) => {
         const n = new Set(r);
         return n.has(e) ? n.delete(e) : n.add(e), n;
       });
-    }, []), ae = h(() => P ? Array.from({ length: Ae }, (e, r) => ({
+    }, []), ae = u(() => P ? Array.from({ length: je }, (e, r) => ({
       id: `loading-${r}`
-    })) : a.map((e) => {
+    })) : i.map((e) => {
       const r = e;
       if (r.__rowId != null)
         return r;
-      const n = X(r);
+      const n = V(r);
       return r.id != null && String(r.id) === n ? r : { ...r, id: n };
-    }), [P, a, Ae]), b = h(() => P ? [] : ge && O ? O.flatMap(
-      (e) => ne.has(e.key) ? [] : e.rows.map((r) => X(r))
-    ) : ae.map((e) => X(e)), [P, ge, O, ne, ae]), me = h(
-      () => st(C, b),
-      [C, b]
-    ), Ne = xr(C, b), ke = Ne > 0, Je = ke && !!(Z ?? H ?? K ?? ee), U = h(() => {
-      if (!ke) return;
-      const e = a.filter(
-        (r) => me.has(X(r))
+    }), [P, i, je]), g = u(() => P ? [] : me && L ? L.flatMap(
+      (e) => ne.has(e.key) ? [] : e.rows.map((r) => V(r))
+    ) : ae.map((e) => V(e)), [P, me, L, ne, ae]), Ne = u(
+      () => at(k, g),
+      [k, g]
+    ), ke = gr(k, g), Ce = ke > 0, Ve = Ce && !!(Q ?? Z ?? K ?? ee), M = u(() => {
+      if (!Ce) return;
+      const e = i.filter(
+        (r) => Ne.has(V(r))
       );
       return {
-        selectedKeys: me,
+        selectedKeys: Ne,
         selectedRows: e,
         clearSelection: () => p == null ? void 0 : p(/* @__PURE__ */ new Set()),
         busy: te
       };
     }, [
-      ke,
-      me,
-      a,
+      Ce,
+      Ne,
+      i,
       p,
       te
-    ]), Ve = h(() => {
-      if (ue != null) return ue;
-      if (Je) {
-        if (Z != null) return Z;
-        if (H && U)
-          return H(U);
-        if (U && (K || ee))
-          return /* @__PURE__ */ i(
-            ar,
+    ]), Xe = u(() => {
+      if (ye != null) return ye;
+      if (Ve) {
+        if (Q != null) return Q;
+        if (Z && M)
+          return Z(M);
+        if (M && (K || ee))
+          return /* @__PURE__ */ s(
+            lr,
             {
-              count: Ne,
+              count: ke,
               onDuplicate: K,
               onDelete: ee,
-              onClearSelection: U.clearSelection,
+              onClearSelection: M.clearSelection,
               busy: te
             }
           );
       }
-      return w ? /* @__PURE__ */ i(
-        lr,
+      return h ? /* @__PURE__ */ s(
+        or,
         {
-          sort: w.sort,
-          filter: w.filter,
-          search: w.search,
-          rowHeight: w.rowHeight,
-          hideFields: w.hideFields,
-          align: w.align,
-          groupBy: w.groupBy,
-          summary: w.summary,
-          sortContent: w.sortContent,
-          filterContent: w.filterContent,
-          fallbackTitle: $e,
-          trailing: je,
+          sort: h.sort,
+          filter: h.filter,
+          search: h.search,
+          rowHeight: h.rowHeight,
+          hideFields: h.hideFields,
+          align: h.align,
+          groupBy: h.groupBy,
+          summary: h.summary,
+          sortContent: h.sortContent,
+          filterContent: h.filterContent,
+          fallbackTitle: Fe,
+          trailing: Me,
           searchCollapsible: Ue,
-          disableExtendedTools: Fe
+          disableExtendedTools: ue,
+          undoRedo: h.undoRedo ? {
+            ...h.undoRedo,
+            isDisabled: h.undoRedo.isDisabled ?? ue
+          } : void 0
         }
       ) : null;
     }, [
-      ue,
-      Je,
+      ye,
+      Ve,
+      Q,
       Z,
-      H,
-      U,
+      M,
       K,
       ee,
       te,
-      Ne,
-      w,
-      $e,
-      je,
+      ke,
+      h,
+      Fe,
+      Me,
       Ue,
-      Fe
-    ]), Xe = Ve != null && wt !== !1, Ye = !!x && (x == null ? void 0 : x.showPagination) !== !1, _t = Xe || Ye, Qe = !P && a.length === 0 && Me != null, m = !!(xt && v), Ce = !!(v != null && v.showFooterRow), T = bt ?? (m || Ce || be), Pt = Qe && !(Ce && v), D = l.length + (W ? 1 : 0) + (m ? 1 : 0), Tt = !!(gt && ye), u = Q ? "border-r border-secondary last:border-r-0" : void 0, I = h(() => {
-      if (!y) return null;
+      ue
+    ]), Ye = Xe != null && xt !== !1, He = !!x && (x == null ? void 0 : x.showPagination) !== !1, Pt = Ye || He, Qe = !P && i.length === 0 && De != null, m = !!(gt && v), Se = !!(v != null && v.showFooterRow), T = bt ?? (m || Se || be), Tt = Qe && !(Se && v), D = l.length + (W ? 1 : 0) + (m ? 1 : 0), Ot = !!(mt && we), y = H ? "border-r border-secondary last:border-r-0" : void 0, I = u(() => {
+      if (!w) return null;
       const e = l.reduce(
-        (s, f) => A(f) ? s + Pe(f.maxWidth) : s,
+        (a, f) => X(f) ? a + Te(Oe(f)) : a,
         0
       );
       return { minTableWidth: l.filter(
-        (s) => !A(s)
+        (a) => !X(a)
       ).reduce(
-        (s, f) => s + Pe(f.minWidth),
+        (a, f) => a + Te(f.minWidth),
         0
       ) + e };
-    }, [l, y]), Lt = h(() => {
+    }, [l, w]), Lt = u(() => {
       const e = /* @__PURE__ */ new Map();
       return re && l.forEach((r) => {
         e.set(
@@ -237,114 +245,114 @@ const Te = "300px", Pe = (t) => {
           (n) => re(r.key, n)
         );
       }), e;
-    }, [l, re]), R = Jt(null), [q, Ze] = J(null), Se = V(
+    }, [l, re]), R = Vt(null), [U, Ze] = B(null), ve = J(
       (e, r, n) => {
         var f;
-        let s = n ?? null;
-        if (s == null) {
-          const N = (f = er(
+        let a = n ?? null;
+        if (a == null) {
+          const N = (f = tr(
             R.current,
             e,
             r
-          )) == null ? void 0 : f.getAttribute("data-grid-source-index"), E = N != null && N !== "" ? Number(N) : NaN;
-          s = Number.isNaN(E) ? null : E;
+          )) == null ? void 0 : f.getAttribute("data-grid-source-index"), _ = N != null && N !== "" ? Number(N) : NaN;
+          a = Number.isNaN(_) ? null : _;
         }
-        xe({ rowId: e, columnKey: r, sourceIndex: s });
+        ge({ rowId: e, columnKey: r, sourceIndex: a });
       },
       []
-    ), Ot = V(
+    ), zt = J(
       (e) => {
         var le, oe, de;
-        const r = e.key in it;
-        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && !r || tr(e.target)) return;
+        const r = e.key in st;
+        if (e.key !== "Enter" && e.key !== "Tab" && e.key !== "Escape" && !r || rr(e.target)) return;
         if (e.key === "Escape") {
-          if (!g) return;
-          e.preventDefault(), e.stopPropagation(), xe(null), (le = R.current) != null && le.contains(document.activeElement) && document.activeElement.blur();
+          if (!b) return;
+          e.preventDefault(), e.stopPropagation(), ge(null), (le = R.current) != null && le.contains(document.activeElement) && document.activeElement.blur();
           return;
         }
         const n = (de = (oe = e.target).closest) == null ? void 0 : de.call(
           oe,
           "[data-grid-cell]"
-        ), s = n == null ? void 0 : n.getAttribute("data-grid-row-id"), f = n == null ? void 0 : n.getAttribute("data-grid-col-key"), N = n == null ? void 0 : n.getAttribute(
+        ), a = n == null ? void 0 : n.getAttribute("data-grid-row-id"), f = n == null ? void 0 : n.getAttribute("data-grid-col-key"), N = n == null ? void 0 : n.getAttribute(
           "data-grid-source-index"
-        ), E = N != null && N !== "" ? Number(N) : NaN, o = Number.isNaN(E) ? null : E, S = g ?? (s && f ? {
-          rowId: s,
+        ), _ = N != null && N !== "" ? Number(N) : NaN, o = Number.isNaN(_) ? null : _, C = b ?? (a && f ? {
+          rowId: a,
           columnKey: f,
           sourceIndex: o
         } : null);
-        if (!S) return;
+        if (!C) return;
         if (e.key === "Enter") {
-          if (!we) return;
-          e.preventDefault(), e.stopPropagation(), we({
-            rowId: S.rowId,
-            columnKey: S.columnKey,
-            sourceIndex: S.sourceIndex
+          if (!xe) return;
+          e.preventDefault(), e.stopPropagation(), xe({
+            rowId: C.rowId,
+            columnKey: C.columnKey,
+            sourceIndex: C.sourceIndex
           });
           return;
         }
-        const _ = r ? rr(
+        const E = r ? nr(
           R.current,
-          b,
+          g,
           se,
-          S.rowId,
-          S.columnKey,
-          it[e.key]
-        ) : nr(
+          C.rowId,
+          C.columnKey,
+          st[e.key]
+        ) : ir(
           R.current,
-          b,
+          g,
           se,
-          S.rowId,
-          S.columnKey,
+          C.rowId,
+          C.columnKey,
           !e.shiftKey
         );
-        if (!_) {
+        if (!E) {
           r && (e.preventDefault(), e.stopPropagation());
           return;
         }
-        e.preventDefault(), e.stopPropagation(), Se(_.rowId, _.columnKey, _.sourceIndex), requestAnimationFrame(
-          () => ir(
+        e.preventDefault(), e.stopPropagation(), ve(E.rowId, E.columnKey, E.sourceIndex), requestAnimationFrame(
+          () => sr(
             R.current,
-            _.rowId,
-            _.columnKey
+            E.rowId,
+            E.columnKey
           )
         );
       },
-      [g, b, se, we, Se]
+      [b, g, se, xe, ve]
     );
-    Vt(() => {
-      if (!T || !g) return;
+    Xt(() => {
+      if (!T || !b) return;
       const e = (r) => {
         const n = R.current;
-        n && !n.contains(r.target) && xe(null);
+        n && !n.contains(r.target) && ge(null);
       };
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-    }, [T, g]);
-    const He = h(() => {
+    }, [T, b]);
+    const Ke = u(() => {
       let e = 0;
       return W && (e += 40), m && (e += 56), l.forEach((r) => {
-        A(r) && (e += Pe(r.maxWidth));
+        X(r) && (e += Te(Oe(r)));
       }), e;
-    }, [l, m, W]), ve = h(
-      () => l.filter((e) => !A(e)).length,
+    }, [l, m, W]), We = u(
+      () => l.filter((e) => !X(e)).length,
       [l]
-    ), We = h(() => {
-      if (!y || !I) return null;
+    ), Re = u(() => {
+      if (!w || !I) return null;
       const { minTableWidth: e } = I;
-      return q ? Math.max(q, e) : e;
-    }, [q, y, I]), Re = !!(y && I && q && q < I.minTableWidth), Ie = h(() => !We || ve === 0 ? null : Math.max(
+      return U ? Math.max(U, e) : e;
+    }, [U, w, I]), Ie = !!(w && I && U && U < I.minTableWidth), _e = u(() => !Re || We === 0 ? null : Math.max(
       0,
-      (We - He) / ve
-    ), [We, He, ve]);
-    Xt(() => {
-      if (!y) {
+      (Re - Ke) / We
+    ), [Re, Ke, We]);
+    Yt(() => {
+      if (!w) {
         Ze(null);
         return;
       }
       const e = R.current;
       if (!e) return;
       const r = () => {
-        const s = e.clientWidth;
-        s > 0 && Ze((f) => f === s ? f : s);
+        const a = e.clientWidth;
+        a > 0 && Ze((f) => f === a ? f : a);
       };
       r();
       const n = new ResizeObserver(r);
@@ -353,79 +361,79 @@ const Te = "300px", Pe = (t) => {
       };
     }, [
       l.length,
-      a.length,
-      y,
+      i.length,
+      w,
       P,
       m,
       W
     ]);
-    const Ee = V(
-      (e) => y ? A(e) && e.maxWidth ? lt(e) : Ie != null ? {
-        width: `${Ie}px`,
+    const Ee = J(
+      (e) => w ? X(e) ? ot(e) : _e != null ? {
+        width: `${_e}px`,
         minWidth: e.minWidth,
-        maxWidth: e.maxWidth ?? Te
-      } : lt(e) : kr(e),
-      [y, Ie]
-    ), zt = h(() => {
-      if (!(!y || !I))
-        return Re ? {
+        maxWidth: e.maxWidth ?? Le
+      } : ot(e) : Cr(e),
+      [w, _e]
+    ), At = u(() => {
+      if (!(!w || !I))
+        return Ie ? {
           width: `${I.minTableWidth}px`,
           tableLayout: "fixed"
         } : {
           width: "100%",
           tableLayout: "fixed"
         };
-    }, [y, I, Re]), Gt = V(
+    }, [w, I, Ie]), Gt = J(
       (e) => {
-        R.current = e, typeof M == "function" ? M(e) : M && (M.current = e);
+        R.current = e, typeof F == "function" ? F(e) : F && (F.current = e);
       },
-      [M]
-    ), At = ie ? {
-      selectionMode: $,
-      selectedKeys: C === "all" ? "all" : C,
-      onSelectionChange: mr(p)
-    } : {}, $t = (e) => {
+      [F]
+    ), $t = ie ? {
+      selectionMode: G,
+      selectedKeys: k === "all" ? "all" : k,
+      onSelectionChange: Nr(p)
+    } : {}, jt = (e) => {
       const r = e.__sourceIndex;
       return typeof r == "number" ? r : 0;
-    }, _e = ie && br(C, b), jt = ie && gr(C, b), Ft = () => {
+    }, Pe = ie && br(k, g), Ft = ie && mr(k, g), Mt = () => {
       if (p) {
-        if (_e) {
+        if (Pe) {
           p(/* @__PURE__ */ new Set());
           return;
         }
         p("all");
       }
-    }, Mt = (e, r) => {
+    }, Dt = (e, r) => {
       if (!p) return;
-      if ($ === "single") {
+      if (G === "single") {
         p(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
         return;
       }
-      const n = C === "all" ? new Set(b) : new Set(st(C, b));
+      const n = k === "all" ? new Set(g) : new Set(at(k, g));
       r ? n.add(e) : n.delete(e), p(n);
     }, Ut = (e) => {
       const r = ne.has(e.key);
-      return qe ? /* @__PURE__ */ i(
+      return Be ? /* @__PURE__ */ s(
         d.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ i(d.Cell, { colSpan: D, className: c(u), children: qe(e) })
+          children: /* @__PURE__ */ s(d.Cell, { colSpan: D, className: c(y), children: Be(e) })
         },
         `group-${e.key}`
-      ) : /* @__PURE__ */ i(
+      ) : /* @__PURE__ */ s(
         d.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ i(
+          children: /* @__PURE__ */ s(
             d.Cell,
             {
               colSpan: D,
-              className: c("py-1.5", u),
-              children: /* @__PURE__ */ k(
+              className: c("py-1.5", y),
+              children: /* @__PURE__ */ S(
                 "button",
                 {
                   type: "button",
@@ -433,8 +441,8 @@ const Te = "300px", Pe = (t) => {
                   onClick: () => Et(e.key),
                   "aria-expanded": !r,
                   children: [
-                    /* @__PURE__ */ i(
-                      Yt,
+                    /* @__PURE__ */ s(
+                      Ht,
                       {
                         className: c(
                           "size-4 shrink-0 text-fg-quaternary transition-transform",
@@ -442,8 +450,8 @@ const Te = "300px", Pe = (t) => {
                         )
                       }
                     ),
-                    /* @__PURE__ */ i("span", { className: "truncate", children: e.label || "(Empty)" }),
-                    /* @__PURE__ */ k("span", { className: "text-tertiary", children: [
+                    /* @__PURE__ */ s("span", { className: "truncate", children: e.label || "(Empty)" }),
+                    /* @__PURE__ */ S("span", { className: "text-tertiary", children: [
                       "(",
                       e.rows.length,
                       ")"
@@ -456,48 +464,48 @@ const Te = "300px", Pe = (t) => {
         },
         `group-${e.key}`
       );
-    }, Ke = (e, r) => {
-      const n = Ge ? Ge(e) : !1, s = X(e), f = $t(e), N = wr(C, s, b), E = vt === s;
-      return /* @__PURE__ */ k(
+    }, et = (e, r) => {
+      const n = $e ? $e(e) : !1, a = V(e), f = jt(e), N = xr(k, a, g), _ = Wt === a;
+      return /* @__PURE__ */ S(
         d.Row,
         {
           onAction: () => Y == null ? void 0 : Y(e),
-          onMouseEnter: () => L == null ? void 0 : L(e, !0),
-          onMouseLeave: () => L == null ? void 0 : L(e, !1),
-          id: s,
+          onMouseEnter: () => O == null ? void 0 : O(e, !0),
+          onMouseLeave: () => O == null ? void 0 : O(e, !1),
+          id: a,
           value: e,
           columns: l,
           expandedColSpan: D,
           isExpandable: n,
           highlightSelectedRow: !he,
-          renderExpandedContent: n ? yt : void 0,
+          renderExpandedContent: n ? wt : void 0,
           className: c(
             Y && "cursor-pointer",
-            ct ? "prose" : "",
-            ze && "[&>td]:after:hidden",
+            ft ? "prose" : "",
+            Ge && "[&>td]:after:hidden",
             be && "group/rowactions",
-            E && "bg-utility-brand-25 hover:bg-utility-brand-25",
-            De,
+            _ && "bg-utility-brand-25 hover:bg-utility-brand-25",
+            qe,
             fe == null ? void 0 : fe(e)
           ),
           children: [
-            W && /* @__PURE__ */ i(
+            W && /* @__PURE__ */ s(
               d.Cell,
               {
-                className: c("relative w-10 text-center", u),
+                className: c("relative w-10 text-center", y),
                 style: { minWidth: "40px", width: "40px" },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ s(
                   "div",
                   {
                     className: "flex items-center justify-center",
                     onClick: (o) => o.stopPropagation(),
                     onKeyDown: (o) => o.stopPropagation(),
-                    children: /* @__PURE__ */ i(
-                      nt,
+                    children: /* @__PURE__ */ s(
+                      it,
                       {
                         checked: N,
-                        onCheckedChange: (o) => Mt(s, o === !0),
-                        "aria-label": `Select row ${s}`,
+                        onCheckedChange: (o) => Dt(a, o === !0),
+                        "aria-label": `Select row ${a}`,
                         className: "items-center justify-center"
                       }
                     )
@@ -505,20 +513,20 @@ const Te = "300px", Pe = (t) => {
                 )
               }
             ),
-            l.map((o, S) => {
-              const _ = Be.get(o.key), le = at(
+            l.map((o, C) => {
+              const E = Je.get(o.key), le = lt(
                 o.key,
                 z,
-                _
-              ), oe = (G == null ? void 0 : G.rowId) === s && (G == null ? void 0 : G.columnKey) === o.key, de = T && !oe && (g == null ? void 0 : g.rowId) === s && (g == null ? void 0 : g.columnKey) === o.key;
-              return /* @__PURE__ */ i(
+                E
+              ), oe = (A == null ? void 0 : A.rowId) === a && (A == null ? void 0 : A.columnKey) === o.key, de = T && !oe && (b == null ? void 0 : b.rowId) === a && (b == null ? void 0 : b.columnKey) === o.key;
+              return /* @__PURE__ */ s(
                 d.Cell,
                 {
                   sticky: o.sticky,
                   stickyOffset: o.stickyOffset,
                   style: Ee(o),
                   "data-grid-cell": "",
-                  "data-grid-row-id": s,
+                  "data-grid-row-id": a,
                   "data-grid-col-key": o.key,
                   "data-grid-source-index": f,
                   className: c(
@@ -529,54 +537,54 @@ const Te = "300px", Pe = (t) => {
                     // border pseudo-element so it doesn't overlap the ring's bottom edge.
                     de && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
                     o.cellClassName,
-                    Kt(le),
-                    u
+                    er(le),
+                    y
                   ),
                   children: (() => {
-                    const rt = S === 0 && (n || be) ? /* @__PURE__ */ k("div", { className: "flex items-center", children: [
-                      pe && /* @__PURE__ */ i(
+                    const nt = C === 0 && (n || be) ? /* @__PURE__ */ S("div", { className: "flex items-center", children: [
+                      pe && /* @__PURE__ */ s(
                         "div",
                         {
                           className: "flex items-center justify-center",
-                          onClick: (B) => B.stopPropagation(),
-                          onKeyDown: (B) => B.stopPropagation(),
-                          children: /* @__PURE__ */ i(
-                            fr,
+                          onClick: (q) => q.stopPropagation(),
+                          onKeyDown: (q) => q.stopPropagation(),
+                          children: /* @__PURE__ */ s(
+                            hr,
                             {
                               config: pe,
                               sourceRowIndex: f,
                               item: e,
                               triggerClassName: c(
                                 "transition-opacity group-hover/rowactions:opacity-100 focus-visible:opacity-100",
-                                E ? "opacity-100" : "opacity-0"
+                                _ ? "opacity-100" : "opacity-0"
                               ),
-                              onOpenChange: (B) => Wt(B ? s : null)
+                              onOpenChange: (q) => Rt(q ? a : null)
                             }
                           )
                         }
                       ),
-                      /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: Le(o.key, e[o.key], e) })
-                    ] }) : Le(o.key, e[o.key], e);
-                    return T ? /* @__PURE__ */ i(
+                      /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: ze(o.key, e[o.key], e) })
+                    ] }) : ze(o.key, e[o.key], e);
+                    return T ? /* @__PURE__ */ s(
                       "div",
                       {
                         "data-grid-focus": !0,
                         tabIndex: -1,
                         className: "outline-hidden",
-                        children: rt
+                        children: nt
                       }
-                    ) : rt;
+                    ) : nt;
                   })()
                 },
                 o.key
               );
             }),
-            m && v && /* @__PURE__ */ i(
+            m && v && /* @__PURE__ */ s(
               d.Cell,
               {
-                className: c("relative w-14 text-center", u),
+                className: c("relative w-14 text-center", y),
                 style: { minWidth: "56px", width: "56px" },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
@@ -586,30 +594,30 @@ const Te = "300px", Pe = (t) => {
                     onClick: (o) => {
                       o.stopPropagation(), v.onDeleteRow(f);
                     },
-                    children: /* @__PURE__ */ i(hr, { name: "Trash02", className: "size-3" })
+                    children: /* @__PURE__ */ s(ur, { name: "Trash02", className: "size-3" })
                   }
                 )
               }
             )
           ]
         },
-        s
+        a
       );
-    }, Dt = (e) => /* @__PURE__ */ k(
+    }, qt = (e) => /* @__PURE__ */ S(
       d.Row,
       {
         id: String(e.id),
         isExpandable: !1,
-        className: c(ze && "[&>td]:after:hidden", De),
+        className: c(Ge && "[&>td]:after:hidden", qe),
         children: [
-          W && /* @__PURE__ */ i(
+          W && /* @__PURE__ */ s(
             d.Cell,
             {
-              className: c("relative w-10", u),
+              className: c("relative w-10", y),
               style: { minWidth: "40px", width: "40px" }
             }
           ),
-          l.map((r) => /* @__PURE__ */ i(
+          l.map((r) => /* @__PURE__ */ s(
             d.Cell,
             {
               sticky: r.sticky,
@@ -618,75 +626,75 @@ const Te = "300px", Pe = (t) => {
               className: c(
                 "overflow-x-hidden text-left",
                 r.cellClassName,
-                u
+                y
               ),
-              children: /* @__PURE__ */ i(ur, { height: "14px", width: "75%", className: "rounded" })
+              children: /* @__PURE__ */ s(yr, { height: "14px", width: "75%", className: "rounded" })
             },
             r.key
           )),
-          m && /* @__PURE__ */ i(
+          m && /* @__PURE__ */ s(
             d.Cell,
             {
-              className: c("w-14", u),
+              className: c("w-14", y),
               style: { minWidth: "56px", width: "56px" }
             }
           )
         ]
       },
       String(e.id)
-    ), qt = () => P ? ae.map((e) => Dt(e)) : ge && O ? O.flatMap((e) => {
+    ), Bt = () => P ? ae.map((e) => qt(e)) : me && L ? L.flatMap((e) => {
       const r = ne.has(e.key);
       return [
         Ut(e),
-        ...r ? [] : e.rows.map((n) => Ke(n))
+        ...r ? [] : e.rows.map((n) => et(n))
       ];
-    }) : ae.map((e) => Ke(e)), et = /* @__PURE__ */ i(
+    }) : ae.map((e) => et(e)), tt = /* @__PURE__ */ s(
       Qt.Root,
       {
         ref: Gt,
-        onKeyDownCapture: T ? Ot : void 0,
+        onKeyDownCapture: T ? zt : void 0,
         className: c(
           "w-full",
-          !y || Re ? "overflow-x-auto" : "overflow-x-hidden",
-          Q && "border border-secondary rounded-xl",
+          !w || Ie ? "overflow-x-auto" : "overflow-x-hidden",
+          H && "border border-secondary rounded-xl",
           "[&_tr:hover>td]:!bg-secondary_subtle",
-          ht
+          ut
         ),
-        size: Oe,
-        children: /* @__PURE__ */ k(
+        size: Ae,
+        children: /* @__PURE__ */ S(
           d,
           {
-            "aria-label": dt,
-            size: Oe,
+            "aria-label": ct,
+            size: Ae,
             isEditable: T,
             inlineSelection: he,
-            className: c(y && "min-w-full", pt),
-            style: zt,
-            ...At,
+            className: c(w && "min-w-full", pt),
+            style: At,
+            ...$t,
             children: [
-              /* @__PURE__ */ k(
+              /* @__PURE__ */ S(
                 d.Header,
                 {
                   className: c(
                     "sticky top-0",
-                    Q && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none z-1",
-                    ut
+                    H && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none z-1",
+                    yt
                   ),
                   children: [
-                    W && /* @__PURE__ */ i(
+                    W && /* @__PURE__ */ s(
                       d.Head,
                       {
                         label: "",
                         allowsSorting: !1,
                         isRowHeader: !1,
                         style: { minWidth: "40px", width: "40px" },
-                        className: c(u),
+                        className: c(y),
                         headerCellClass: "justify-center",
-                        children: $ === "multiple" && p && /* @__PURE__ */ i("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ i(
-                          nt,
+                        children: G === "multiple" && p && /* @__PURE__ */ s("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ s(
+                          it,
                           {
-                            checked: _e ? !0 : jt && !_e ? "indeterminate" : !1,
-                            onCheckedChange: () => Ft(),
+                            checked: Pe ? !0 : Ft && !Pe ? "indeterminate" : !1,
+                            onCheckedChange: () => Mt(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
                           }
@@ -695,12 +703,12 @@ const Te = "300px", Pe = (t) => {
                       "selection"
                     ),
                     l.map((e, r) => {
-                      const n = mt ? It.get(e.key) : void 0, s = Be.get(e.key), f = at(
+                      const n = Nt ? _t.get(e.key) : void 0, a = Je.get(e.key), f = lt(
                         e.key,
                         z,
-                        s
-                      ), N = ft.includes(e.key) || f === "center" ? "justify-center" : f === "right" ? "justify-end" : "";
-                      return /* @__PURE__ */ k(
+                        a
+                      ), N = ht.includes(e.key) || f === "center" ? "justify-center" : f === "right" ? "justify-end" : "";
+                      return /* @__PURE__ */ s(
                         d.Head,
                         {
                           sticky: e.sticky,
@@ -714,78 +722,77 @@ const Te = "300px", Pe = (t) => {
                           className: c(
                             "overflow-hidden",
                             e.headClassName,
-                            u
+                            y
                           ),
-                          children: [
-                            n && re && /* @__PURE__ */ i(
-                              or,
-                              {
-                                column: n,
-                                columnLabel: n.label ?? (s ? Ht(s, kt) : e.label),
-                                currentAlignment: s ? ot(
-                                  s,
-                                  z ?? /* @__PURE__ */ new Map()
-                                ) : (z == null ? void 0 : z.get(e.key)) ?? "left",
-                                capabilities: Nt,
-                                hideDisabled: l.length <= 1,
-                                onAction: Lt.get(e.key),
-                                renderExtraItems: Ct
-                              }
-                            ),
-                            (ce == null ? void 0 : ce(e.key)) ?? null
-                          ]
+                          headerAction: n && re ? /* @__PURE__ */ s(
+                            dr,
+                            {
+                              column: n,
+                              columnLabel: n.label ?? (a ? Kt(a, Ct) : e.label),
+                              currentAlignment: a ? dt(
+                                a,
+                                z ?? /* @__PURE__ */ new Map()
+                              ) : (z == null ? void 0 : z.get(e.key)) ?? "left",
+                              capabilities: kt,
+                              hideDisabled: l.length <= 1,
+                              onAction: Lt.get(e.key),
+                              renderExtraItems: St,
+                              showOnHeaderHover: !0
+                            }
+                          ) : void 0,
+                          children: (ce == null ? void 0 : ce(e.key)) ?? null
                         },
                         e.key
                       );
                     }),
-                    m && /* @__PURE__ */ i(
+                    m && /* @__PURE__ */ s(
                       d.Head,
                       {
                         label: "",
                         allowsSorting: !1,
                         isRowHeader: !1,
                         style: { minWidth: "56px", width: "56px" },
-                        className: c(u)
+                        className: c(y)
                       },
                       "actions"
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ k(d.Body, { children: [
-                !Qe && qt(),
-                Pt && /* @__PURE__ */ i(
+              /* @__PURE__ */ S(d.Body, { children: [
+                !Qe && Bt(),
+                Tt && /* @__PURE__ */ s(
                   d.Row,
                   {
                     id: "empty-state",
                     highlightSelectedRow: !1,
-                    children: /* @__PURE__ */ i(
+                    children: /* @__PURE__ */ s(
                       d.Cell,
                       {
                         colSpan: D,
                         className: c(
                           "text-left text-placeholder_subtle border-b border-secondary py-3",
-                          u
+                          y
                         ),
-                        children: Me
+                        children: De
                       }
                     )
                   },
                   "empty-state"
                 ),
-                Ce && v && /* @__PURE__ */ k(
+                Se && v && /* @__PURE__ */ S(
                   d.Row,
                   {
                     id: "add-row-footer",
                     highlightSelectedRow: !1,
                     children: [
-                      /* @__PURE__ */ i(
+                      /* @__PURE__ */ s(
                         d.Cell,
                         {
                           colSpan: D - (m ? 1 : 0),
-                          className: c(u),
-                          children: /* @__PURE__ */ i(
-                            dr,
+                          className: c(y),
+                          children: /* @__PURE__ */ s(
+                            cr,
                             {
                               color: "tertiary",
                               className: "bg-secondary text-primary",
@@ -796,10 +803,10 @@ const Te = "300px", Pe = (t) => {
                           )
                         }
                       ),
-                      m && /* @__PURE__ */ i(
+                      m && /* @__PURE__ */ s(
                         d.Cell,
                         {
-                          className: c("w-14", u),
+                          className: c("w-14", y),
                           style: { minWidth: "56px", width: "56px" }
                         }
                       )
@@ -807,13 +814,13 @@ const Te = "300px", Pe = (t) => {
                   },
                   "add-row-footer"
                 ),
-                Tt && ye && /* @__PURE__ */ i(
-                  cr,
+                Ot && we && /* @__PURE__ */ s(
+                  fr,
                   {
-                    ...ye,
+                    ...we,
                     hasActionsColumn: m,
                     hasSelectionColumn: W,
-                    showBorders: !!Q
+                    showBorders: !!H
                   }
                 )
               ] })
@@ -821,21 +828,21 @@ const Te = "300px", Pe = (t) => {
           }
         )
       }
-    ), tt = T ? /* @__PURE__ */ i(
-      sr,
+    ), rt = T ? /* @__PURE__ */ s(
+      ar,
       {
-        rowIds: b,
+        rowIds: g,
         columnKeys: se,
         containerRef: R,
-        onSelectCell: Se,
-        onEditingCellChange: Rt,
-        children: et
+        onSelectCell: ve,
+        onEditingCellChange: It,
+        children: tt
       }
-    ) : et;
-    return _t ? /* @__PURE__ */ k("div", { className: "flex flex-col gap-3", children: [
-      Xe && Ve,
-      tt,
-      Ye && x && /* @__PURE__ */ i(
+    ) : tt;
+    return Pt ? /* @__PURE__ */ S("div", { className: "flex flex-col gap-3", children: [
+      Ye && Xe,
+      rt,
+      He && x && /* @__PURE__ */ s(
         Zt,
         {
           currentPage: x.currentPage,
@@ -847,9 +854,9 @@ const Te = "300px", Pe = (t) => {
           showPagination: x.showPagination
         }
       )
-    ] }) : tt;
+    ] }) : rt;
   }
 );
 export {
-  Mr as TableWrapper
+  Dr as TableWrapper
 };