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

package/dist/patterns/table/TableWrapper.js

@@ -1,40 +1,40 @@
 import { jsx as i, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as qt, useState as q, useMemo as h, useCallback as B, useRef as Bt, useEffect as Jt, useLayoutEffect as Vt } from "react";
-import { ChevronRight as Xt } from "@untitledui/icons";
+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 { cx as c } from "../../utils/cn.js";
-import { TableCard as Yt, Table as d } from "./table.js";
-import { TablePagination as Qt } from "./TablePagination.js";
-import { getEffectiveAlignment as lt, resolveColumnLabel as Zt, alignmentClass as Kt } from "./toolbar/tableToolbarHelpers.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 or } from "./toolbar/TableToolbar.js";
+import { TableToolbar as lr } from "./toolbar/TableToolbar.js";
 import { Checkbox as nt } from "../../primitives/checkbox/checkbox.js";
-import { ColumnHeaderMenu as lr } from "./toolbar/ColumnHeaderMenu.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 wr = 5, yr = "__all__", it = {
+const yr = 5, pr = "__all__", it = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, J = (t) => t.__rowId ?? t.id ?? t.rule_id ?? String(t);
+}, 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();
 }
-function pr(t, a, o) {
-  return t ? t === "all" ? o.includes(a) : t.has(a) : !1;
+function wr(t, a, l) {
+  return t ? t === "all" ? l.includes(a) : t.has(a) : !1;
 }
 function xr(t, a) {
   return t ? t === "all" ? a.length : t.size : 0;
 }
-function gr(t, a) {
-  return a.length === 0 ? !1 : t === "all" ? !0 : a.every((o) => (t == null ? void 0 : t.has(o)) ?? !1);
-}
 function br(t, a) {
-  return t === "all" ? a.length > 0 : a.some((o) => (t == null ? void 0 : t.has(o)) ?? !1);
+  return a.length === 0 ? !1 : t === "all" ? !0 : a.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) {
   if (t)
@@ -44,31 +44,32 @@ function mr(t) {
 }
 function Nr(t) {
   var a;
-  return t != null && t.length ? t.length > 1 ? !0 : ((a = t[0]) == null ? void 0 : a.key) !== yr : !1;
+  return t != null && t.length ? t.length > 1 ? !0 : ((a = t[0]) == null ? void 0 : a.key) !== pr : !1;
 }
-function at(t, a, o) {
-  return o ? lt(o, a ?? /* @__PURE__ */ new Map()) : (a == null ? void 0 : a.get(t)) ?? "left";
+function at(t, a, l) {
+  return l ? ot(l, a ?? /* @__PURE__ */ new Map()) : (a == null ? void 0 : a.get(t)) ?? "left";
 }
-const de = "120px", Te = "300px", Pe = (t) => {
+const Te = "300px", Pe = (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 ?? de
-}), ot = (t) => A(t) && t.maxWidth ? {
+  minWidth: t.minWidth
+}), lt = (t) => A(t) && t.maxWidth ? {
   minWidth: t.maxWidth,
   width: t.maxWidth,
   maxWidth: t.maxWidth
 } : {
-  minWidth: t.minWidth ?? de,
+  minWidth: t.minWidth,
   maxWidth: t.maxWidth ?? Te
-}, Mr = qt(
+}, Mr = Bt(
   function({
     data: a,
-    columns: o,
+    columns: l,
     renderRowCell: Le,
-    onRowClick: V,
+    onRowClick: Y,
+    onRowHover: L,
     arialabel: dt,
     size: Oe = "sm",
     allowDefaultRowClass: ct = !1,
@@ -76,274 +77,274 @@ const de = "120px", Te = "300px", Pe = (t) => {
     rootClassName: ht,
     removeBorders: ze,
     headerClassName: ut,
-    isRowExpandable: Ae,
-    renderExpandedContent: wt,
+    isRowExpandable: Ge,
+    renderExpandedContent: yt,
     loading: P = !1,
-    loadingRowCount: Ge = wr,
+    loadingRowCount: Ae = yr,
     renderHeaderCell: ce,
-    tableClassName: yt,
+    tableClassName: pt,
     getRowClassName: fe,
-    selectionMode: G = "none",
+    selectionMode: $ = "none",
     selectedKeys: C,
-    onSelectionChange: y,
+    onSelectionChange: p,
     inlineSelection: he = !1,
-    toolbar: p,
-    showToolbar: pt,
+    toolbar: w,
+    showToolbar: wt,
     toolbarTitle: $e,
     toolbarTrailing: je,
     disableExtendedTools: Fe,
     pagination: x,
-    showBorders: X,
+    showBorders: Q,
     emptyState: Me,
-    editChrome: S,
+    editChrome: v,
     showEditActions: xt = !1,
-    searchCollapsible: He,
-    isEditable: gt,
+    searchCollapsible: Ue,
+    isEditable: bt,
     toolbarSlot: ue,
-    rowHeightClass: Ue,
-    groupedData: L,
-    showSummaryFooter: bt,
-    summaryFooterProps: we,
-    bulkActionBar: Y,
-    renderBulkActionBar: Q,
-    onBulkDuplicate: Z,
-    onBulkDelete: K,
-    bulkActionBusy: ee,
-    columnAlignments: O,
-    onColumnHeaderAction: te,
+    rowHeightClass: De,
+    groupedData: O,
+    showSummaryFooter: gt,
+    summaryFooterProps: ye,
+    bulkActionBar: Z,
+    renderBulkActionBar: H,
+    onBulkDuplicate: K,
+    onBulkDelete: ee,
+    bulkActionBusy: te,
+    columnAlignments: z,
+    onColumnHeaderAction: re,
     showColumnHeaderMenu: mt,
     columnMenuCapabilities: Nt,
-    renderGroupHeader: De,
-    columnMenuSchema: $,
-    columnSchema: j,
+    renderGroupHeader: qe,
+    columnMenuSchema: j,
+    columnSchema: F,
     labelMeta: kt,
     renderColumnHeaderMenuExtraItems: Ct,
-    fillWidth: w = !1,
-    rowActions: ye,
-    onCellActivate: pe
-  }, F) {
-    const [re, vt] = q(
+    fillWidth: y = !1,
+    rowActions: pe,
+    onCellActivate: we
+  }, M) {
+    const [ne, St] = J(
       () => /* @__PURE__ */ new Set()
-    ), [St, Rt] = q(
+    ), [vt, Wt] = J(
       null
-    ), [b, xe] = q(null), [z, Wt] = q(null), ne = G === "single" || G === "multiple", ge = !!ye, R = ne && !he, be = Nr(L), It = h(() => $ != null && $.length ? new Map($.map((e) => [e.key, e])) : /* @__PURE__ */ new Map(), [$]), qe = h(() => j != null && j.length ? new Map(j.map((e) => [e.value, e])) : /* @__PURE__ */ new Map(), [j]), ie = h(
-      () => o.map((e) => e.key),
-      [o]
-    ), _t = B((e) => {
-      vt((r) => {
+    ), [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(
+      () => l.map((e) => e.key),
+      [l]
+    ), Et = V((e) => {
+      St((r) => {
         const n = new Set(r);
         return n.has(e) ? n.delete(e) : n.add(e), n;
       });
-    }, []), se = h(() => P ? Array.from({ length: Ge }, (e, r) => ({
+    }, []), ae = h(() => P ? Array.from({ length: Ae }, (e, r) => ({
       id: `loading-${r}`
     })) : a.map((e) => {
       const r = e;
       if (r.__rowId != null)
         return r;
-      const n = J(r);
+      const n = X(r);
       return r.id != null && String(r.id) === n ? r : { ...r, id: n };
-    }), [P, a, Ge]), g = h(() => P ? [] : be && L ? L.flatMap(
-      (e) => re.has(e.key) ? [] : e.rows.map((r) => J(r))
-    ) : se.map((e) => J(e)), [P, be, L, re, se]), me = h(
-      () => st(C, g),
-      [C, g]
-    ), Ne = xr(C, g), ke = Ne > 0, Be = ke && !!(Y ?? Q ?? Z ?? K), M = h(() => {
+    }), [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(J(r))
+        (r) => me.has(X(r))
       );
       return {
         selectedKeys: me,
         selectedRows: e,
-        clearSelection: () => y == null ? void 0 : y(/* @__PURE__ */ new Set()),
-        busy: ee
+        clearSelection: () => p == null ? void 0 : p(/* @__PURE__ */ new Set()),
+        busy: te
       };
     }, [
       ke,
       me,
       a,
-      y,
-      ee
-    ]), Je = h(() => {
+      p,
+      te
+    ]), Ve = h(() => {
       if (ue != null) return ue;
-      if (Be) {
-        if (Y != null) return Y;
-        if (Q && M)
-          return Q(M);
-        if (M && (Z || K))
+      if (Je) {
+        if (Z != null) return Z;
+        if (H && U)
+          return H(U);
+        if (U && (K || ee))
           return /* @__PURE__ */ i(
             ar,
             {
               count: Ne,
-              onDuplicate: Z,
-              onDelete: K,
-              onClearSelection: M.clearSelection,
-              busy: ee
+              onDuplicate: K,
+              onDelete: ee,
+              onClearSelection: U.clearSelection,
+              busy: te
             }
           );
       }
-      return p ? /* @__PURE__ */ i(
-        or,
+      return w ? /* @__PURE__ */ i(
+        lr,
         {
-          sort: p.sort,
-          filter: p.filter,
-          search: p.search,
-          rowHeight: p.rowHeight,
-          hideFields: p.hideFields,
-          align: p.align,
-          groupBy: p.groupBy,
-          summary: p.summary,
-          sortContent: p.sortContent,
-          filterContent: p.filterContent,
+          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,
-          searchCollapsible: He,
+          searchCollapsible: Ue,
           disableExtendedTools: Fe
         }
       ) : null;
     }, [
       ue,
-      Be,
-      Y,
-      Q,
-      M,
+      Je,
       Z,
+      H,
+      U,
       K,
       ee,
+      te,
       Ne,
-      p,
+      w,
       $e,
       je,
-      He,
+      Ue,
       Fe
-    ]), Ve = Je != null && pt !== !1, Xe = !!x && (x == null ? void 0 : x.showPagination) !== !1, Et = Ve || Xe, Ye = !P && a.length === 0 && Me != null, m = !!(xt && S), Ce = !!(S != null && S.showFooterRow), T = gt ?? (m || Ce || ge), Pt = Ye && !(Ce && S), H = o.length + (R ? 1 : 0) + (m ? 1 : 0), Tt = !!(bt && we), u = X ? "border-r border-secondary last:border-r-0" : void 0, I = h(() => {
-      if (!w) return null;
-      const e = o.reduce(
+    ]), 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;
+      const e = l.reduce(
         (s, f) => A(f) ? s + Pe(f.maxWidth) : s,
         0
       );
-      return { minTableWidth: o.filter(
+      return { minTableWidth: l.filter(
         (s) => !A(s)
       ).reduce(
-        (s, f) => s + Pe(f.minWidth ?? de),
+        (s, f) => s + Pe(f.minWidth),
         0
       ) + e };
-    }, [o, w]), Lt = h(() => {
+    }, [l, y]), Lt = h(() => {
       const e = /* @__PURE__ */ new Map();
-      return te && o.forEach((r) => {
+      return re && l.forEach((r) => {
         e.set(
           r.key,
-          (n) => te(r.key, n)
+          (n) => re(r.key, n)
         );
       }), e;
-    }, [o, te]), W = Bt(null), [U, Qe] = q(null), ve = B(
+    }, [l, re]), R = Jt(null), [q, Ze] = J(null), Se = V(
       (e, r, n) => {
         var f;
         let s = n ?? null;
         if (s == null) {
           const N = (f = er(
-            W.current,
+            R.current,
             e,
             r
-          )) == null ? void 0 : f.getAttribute("data-grid-source-index"), _ = N != null && N !== "" ? Number(N) : NaN;
-          s = Number.isNaN(_) ? null : _;
+          )) == null ? void 0 : f.getAttribute("data-grid-source-index"), E = N != null && N !== "" ? Number(N) : NaN;
+          s = Number.isNaN(E) ? null : E;
         }
         xe({ rowId: e, columnKey: r, sourceIndex: s });
       },
       []
-    ), Ot = B(
+    ), Ot = V(
       (e) => {
-        var ae, oe, le;
+        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;
         if (e.key === "Escape") {
-          if (!b) return;
-          e.preventDefault(), e.stopPropagation(), xe(null), (ae = W.current) != null && ae.contains(document.activeElement) && document.activeElement.blur();
+          if (!g) return;
+          e.preventDefault(), e.stopPropagation(), xe(null), (le = R.current) != null && le.contains(document.activeElement) && document.activeElement.blur();
           return;
         }
-        const n = (le = (oe = e.target).closest) == null ? void 0 : le.call(
+        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(
           "data-grid-source-index"
-        ), _ = N != null && N !== "" ? Number(N) : NaN, l = Number.isNaN(_) ? null : _, v = b ?? (s && f ? {
+        ), E = N != null && N !== "" ? Number(N) : NaN, o = Number.isNaN(E) ? null : E, S = g ?? (s && f ? {
           rowId: s,
           columnKey: f,
-          sourceIndex: l
+          sourceIndex: o
         } : null);
-        if (!v) return;
+        if (!S) return;
         if (e.key === "Enter") {
-          if (!pe) return;
-          e.preventDefault(), e.stopPropagation(), pe({
-            rowId: v.rowId,
-            columnKey: v.columnKey,
-            sourceIndex: v.sourceIndex
+          if (!we) return;
+          e.preventDefault(), e.stopPropagation(), we({
+            rowId: S.rowId,
+            columnKey: S.columnKey,
+            sourceIndex: S.sourceIndex
           });
           return;
         }
-        const E = r ? rr(
-          W.current,
-          g,
-          ie,
-          v.rowId,
-          v.columnKey,
+        const _ = r ? rr(
+          R.current,
+          b,
+          se,
+          S.rowId,
+          S.columnKey,
           it[e.key]
         ) : nr(
-          W.current,
-          g,
-          ie,
-          v.rowId,
-          v.columnKey,
+          R.current,
+          b,
+          se,
+          S.rowId,
+          S.columnKey,
           !e.shiftKey
         );
-        if (!E) {
+        if (!_) {
           r && (e.preventDefault(), e.stopPropagation());
           return;
         }
-        e.preventDefault(), e.stopPropagation(), ve(E.rowId, E.columnKey, E.sourceIndex), requestAnimationFrame(
+        e.preventDefault(), e.stopPropagation(), Se(_.rowId, _.columnKey, _.sourceIndex), requestAnimationFrame(
           () => ir(
-            W.current,
-            E.rowId,
-            E.columnKey
+            R.current,
+            _.rowId,
+            _.columnKey
           )
         );
       },
-      [b, g, ie, pe, ve]
+      [g, b, se, we, Se]
     );
-    Jt(() => {
-      if (!T || !b) return;
+    Vt(() => {
+      if (!T || !g) return;
       const e = (r) => {
-        const n = W.current;
+        const n = R.current;
         n && !n.contains(r.target) && xe(null);
       };
       return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-    }, [T, b]);
-    const Ze = h(() => {
+    }, [T, g]);
+    const He = h(() => {
       let e = 0;
-      return R && (e += 40), m && (e += 56), o.forEach((r) => {
+      return W && (e += 40), m && (e += 56), l.forEach((r) => {
         A(r) && (e += Pe(r.maxWidth));
       }), e;
-    }, [o, m, R]), Se = h(
-      () => o.filter((e) => !A(e)).length,
-      [o]
-    ), Re = h(() => {
-      if (!w || !I) return null;
+    }, [l, m, W]), ve = h(
+      () => l.filter((e) => !A(e)).length,
+      [l]
+    ), We = h(() => {
+      if (!y || !I) return null;
       const { minTableWidth: e } = I;
-      return U ? Math.max(U, e) : e;
-    }, [U, w, I]), We = !!(w && I && U && U < I.minTableWidth), Ie = h(() => !Re || Se === 0 ? null : Math.max(
+      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(
       0,
-      (Re - Ze) / Se
-    ), [Re, Ze, Se]);
-    Vt(() => {
-      if (!w) {
-        Qe(null);
+      (We - He) / ve
+    ), [We, He, ve]);
+    Xt(() => {
+      if (!y) {
+        Ze(null);
         return;
       }
-      const e = W.current;
+      const e = R.current;
       if (!e) return;
       const r = () => {
         const s = e.clientWidth;
-        s > 0 && Qe((f) => f === s ? f : s);
+        s > 0 && Ze((f) => f === s ? f : s);
       };
       r();
       const n = new ResizeObserver(r);
@@ -351,66 +352,66 @@ const de = "120px", Te = "300px", Pe = (t) => {
         n.disconnect();
       };
     }, [
-      o.length,
+      l.length,
       a.length,
-      w,
+      y,
       P,
       m,
-      R
+      W
     ]);
-    const _e = B(
-      (e) => w ? A(e) && e.maxWidth ? ot(e) : Ie != null ? {
+    const Ee = V(
+      (e) => y ? A(e) && e.maxWidth ? lt(e) : Ie != null ? {
         width: `${Ie}px`,
-        minWidth: e.minWidth ?? de,
+        minWidth: e.minWidth,
         maxWidth: e.maxWidth ?? Te
-      } : ot(e) : kr(e),
-      [w, Ie]
+      } : lt(e) : kr(e),
+      [y, Ie]
     ), zt = h(() => {
-      if (!(!w || !I))
-        return We ? {
+      if (!(!y || !I))
+        return Re ? {
           width: `${I.minTableWidth}px`,
           tableLayout: "fixed"
         } : {
           width: "100%",
           tableLayout: "fixed"
         };
-    }, [w, I, We]), At = B(
+    }, [y, I, Re]), Gt = V(
       (e) => {
-        W.current = e, typeof F == "function" ? F(e) : F && (F.current = e);
+        R.current = e, typeof M == "function" ? M(e) : M && (M.current = e);
       },
-      [F]
-    ), Gt = ne ? {
-      selectionMode: G,
+      [M]
+    ), At = ie ? {
+      selectionMode: $,
       selectedKeys: C === "all" ? "all" : C,
-      onSelectionChange: mr(y)
+      onSelectionChange: mr(p)
     } : {}, $t = (e) => {
       const r = e.__sourceIndex;
       return typeof r == "number" ? r : 0;
-    }, Ee = ne && gr(C, g), jt = ne && br(C, g), Ft = () => {
-      if (y) {
-        if (Ee) {
-          y(/* @__PURE__ */ new Set());
+    }, _e = ie && br(C, b), jt = ie && gr(C, b), Ft = () => {
+      if (p) {
+        if (_e) {
+          p(/* @__PURE__ */ new Set());
           return;
         }
-        y("all");
+        p("all");
       }
     }, Mt = (e, r) => {
-      if (!y) return;
-      if (G === "single") {
-        y(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
+      if (!p) return;
+      if ($ === "single") {
+        p(r ? /* @__PURE__ */ new Set([e]) : /* @__PURE__ */ new Set());
         return;
       }
-      const n = C === "all" ? new Set(g) : new Set(st(C, g));
-      r ? n.add(e) : n.delete(e), y(n);
-    }, Ht = (e) => {
-      const r = re.has(e.key);
-      return De ? /* @__PURE__ */ i(
+      const n = C === "all" ? new Set(b) : new Set(st(C, b));
+      r ? n.add(e) : n.delete(e), p(n);
+    }, Ut = (e) => {
+      const r = ne.has(e.key);
+      return qe ? /* @__PURE__ */ i(
         d.Row,
         {
           id: `group-${e.key}`,
           highlightSelectedRow: !1,
           className: "bg-secondary_subtle hover:bg-secondary_subtle",
-          children: /* @__PURE__ */ i(d.Cell, { colSpan: H, className: c(u), children: De(e) })
+          children: /* @__PURE__ */ i(d.Cell, { colSpan: D, className: c(u), children: qe(e) })
         },
         `group-${e.key}`
       ) : /* @__PURE__ */ i(
@@ -422,18 +423,18 @@ const de = "120px", Te = "300px", Pe = (t) => {
           children: /* @__PURE__ */ i(
             d.Cell,
             {
-              colSpan: H,
+              colSpan: D,
               className: c("py-1.5", u),
               children: /* @__PURE__ */ k(
                 "button",
                 {
                   type: "button",
                   className: "flex w-full items-center gap-2 px-2 text-left text-xs font-medium text-secondary",
-                  onClick: () => _t(e.key),
+                  onClick: () => Et(e.key),
                   "aria-expanded": !r,
                   children: [
                     /* @__PURE__ */ i(
-                      Xt,
+                      Yt,
                       {
                         className: c(
                           "size-4 shrink-0 text-fg-quaternary transition-transform",
@@ -456,29 +457,31 @@ const de = "120px", Te = "300px", Pe = (t) => {
         `group-${e.key}`
       );
     }, Ke = (e, r) => {
-      const n = Ae ? Ae(e) : !1, s = J(e), f = $t(e), N = pr(C, s, g), _ = St === s;
+      const n = Ge ? Ge(e) : !1, s = X(e), f = $t(e), N = wr(C, s, b), E = vt === s;
       return /* @__PURE__ */ k(
         d.Row,
         {
-          onAction: () => V == null ? void 0 : V(e),
+          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,
           value: e,
-          columns: o,
-          expandedColSpan: H,
+          columns: l,
+          expandedColSpan: D,
           isExpandable: n,
           highlightSelectedRow: !he,
-          renderExpandedContent: n ? wt : void 0,
+          renderExpandedContent: n ? yt : void 0,
           className: c(
-            V && "cursor-pointer",
+            Y && "cursor-pointer",
             ct ? "prose" : "",
             ze && "[&>td]:after:hidden",
-            ge && "group/rowactions",
-            _ && "bg-utility-brand-25 hover:bg-utility-brand-25",
-            Ue,
+            be && "group/rowactions",
+            E && "bg-utility-brand-25 hover:bg-utility-brand-25",
+            De,
             fe == null ? void 0 : fe(e)
           ),
           children: [
-            R && /* @__PURE__ */ i(
+            W && /* @__PURE__ */ i(
               d.Cell,
               {
                 className: c("relative w-10 text-center", u),
@@ -487,13 +490,13 @@ const de = "120px", Te = "300px", Pe = (t) => {
                   "div",
                   {
                     className: "flex items-center justify-center",
-                    onClick: (l) => l.stopPropagation(),
-                    onKeyDown: (l) => l.stopPropagation(),
+                    onClick: (o) => o.stopPropagation(),
+                    onKeyDown: (o) => o.stopPropagation(),
                     children: /* @__PURE__ */ i(
                       nt,
                       {
                         checked: N,
-                        onCheckedChange: (l) => Mt(s, l === !0),
+                        onCheckedChange: (o) => Mt(s, o === !0),
                         "aria-label": `Select row ${s}`,
                         className: "items-center justify-center"
                       }
@@ -502,21 +505,21 @@ const de = "120px", Te = "300px", Pe = (t) => {
                 )
               }
             ),
-            o.map((l, v) => {
-              const E = qe.get(l.key), ae = at(
-                l.key,
-                O,
-                E
-              ), oe = (z == null ? void 0 : z.rowId) === s && (z == null ? void 0 : z.columnKey) === l.key, le = T && !oe && (b == null ? void 0 : b.rowId) === s && (b == null ? void 0 : b.columnKey) === l.key;
+            l.map((o, S) => {
+              const _ = Be.get(o.key), le = at(
+                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(
                 d.Cell,
                 {
-                  sticky: l.sticky,
-                  stickyOffset: l.stickyOffset,
-                  style: _e(l),
+                  sticky: o.sticky,
+                  stickyOffset: o.stickyOffset,
+                  style: Ee(o),
                   "data-grid-cell": "",
                   "data-grid-row-id": s,
-                  "data-grid-col-key": l.key,
+                  "data-grid-col-key": o.key,
                   "data-grid-source-index": f,
                   className: c(
                     "relative overflow-x-hidden",
@@ -524,36 +527,36 @@ const de = "120px", Te = "300px", Pe = (t) => {
                     // selected cell (state-driven). Inset so it sits at the cell edge
                     // without shifting layout. `after:opacity-0` hides the row's bottom-
                     // border pseudo-element so it doesn't overlap the ring's bottom edge.
-                    le && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
-                    l.cellClassName,
-                    Kt(ae),
+                    de && "z-1 outline-hidden ring-2 ring-inset ring-brand after:opacity-0",
+                    o.cellClassName,
+                    Kt(le),
                     u
                   ),
                   children: (() => {
-                    const rt = v === 0 && (n || ge) ? /* @__PURE__ */ k("div", { className: "flex items-center", children: [
-                      ye && /* @__PURE__ */ i(
+                    const rt = S === 0 && (n || be) ? /* @__PURE__ */ k("div", { className: "flex items-center", children: [
+                      pe && /* @__PURE__ */ i(
                         "div",
                         {
                           className: "flex items-center justify-center",
-                          onClick: (D) => D.stopPropagation(),
-                          onKeyDown: (D) => D.stopPropagation(),
+                          onClick: (B) => B.stopPropagation(),
+                          onKeyDown: (B) => B.stopPropagation(),
                           children: /* @__PURE__ */ i(
                             fr,
                             {
-                              config: ye,
+                              config: pe,
                               sourceRowIndex: f,
                               item: e,
                               triggerClassName: c(
                                 "transition-opacity group-hover/rowactions:opacity-100 focus-visible:opacity-100",
-                                _ ? "opacity-100" : "opacity-0"
+                                E ? "opacity-100" : "opacity-0"
                               ),
-                              onOpenChange: (D) => Rt(D ? s : null)
+                              onOpenChange: (B) => Wt(B ? s : null)
                             }
                           )
                         }
                       ),
-                      /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: Le(l.key, e[l.key], e) })
-                    ] }) : Le(l.key, e[l.key], e);
+                      /* @__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(
                       "div",
                       {
@@ -565,10 +568,10 @@ const de = "120px", Te = "300px", Pe = (t) => {
                     ) : rt;
                   })()
                 },
-                l.key
+                o.key
               );
             }),
-            m && S && /* @__PURE__ */ i(
+            m && v && /* @__PURE__ */ i(
               d.Cell,
               {
                 className: c("relative w-14 text-center", u),
@@ -580,8 +583,8 @@ const de = "120px", Te = "300px", Pe = (t) => {
                     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: (l) => {
-                      l.stopPropagation(), S.onDeleteRow(f);
+                    onClick: (o) => {
+                      o.stopPropagation(), v.onDeleteRow(f);
                     },
                     children: /* @__PURE__ */ i(hr, { name: "Trash02", className: "size-3" })
                   }
@@ -592,26 +595,26 @@ const de = "120px", Te = "300px", Pe = (t) => {
         },
         s
       );
-    }, Ut = (e) => /* @__PURE__ */ k(
+    }, Dt = (e) => /* @__PURE__ */ k(
       d.Row,
       {
         id: String(e.id),
         isExpandable: !1,
-        className: c(ze && "[&>td]:after:hidden", Ue),
+        className: c(ze && "[&>td]:after:hidden", De),
         children: [
-          R && /* @__PURE__ */ i(
+          W && /* @__PURE__ */ i(
             d.Cell,
             {
               className: c("relative w-10", u),
               style: { minWidth: "40px", width: "40px" }
             }
           ),
-          o.map((r) => /* @__PURE__ */ i(
+          l.map((r) => /* @__PURE__ */ i(
             d.Cell,
             {
               sticky: r.sticky,
               stickyOffset: r.stickyOffset,
-              style: _e(r),
+              style: Ee(r),
               className: c(
                 "overflow-x-hidden text-left",
                 r.cellClassName,
@@ -631,21 +634,22 @@ const de = "120px", Te = "300px", Pe = (t) => {
         ]
       },
       String(e.id)
-    ), Dt = () => P ? se.map((e) => Ut(e)) : be && L ? L.flatMap((e) => {
-      const r = re.has(e.key);
+    ), qt = () => P ? ae.map((e) => Dt(e)) : ge && O ? O.flatMap((e) => {
+      const r = ne.has(e.key);
       return [
-        Ht(e),
+        Ut(e),
         ...r ? [] : e.rows.map((n) => Ke(n))
       ];
-    }) : se.map((e) => Ke(e)), et = /* @__PURE__ */ i(
-      Yt.Root,
+    }) : ae.map((e) => Ke(e)), et = /* @__PURE__ */ i(
+      Qt.Root,
       {
-        ref: At,
+        ref: Gt,
         onKeyDownCapture: T ? Ot : void 0,
         className: c(
           "w-full",
-          !w || We ? "overflow-x-auto" : "overflow-x-hidden",
-          X && "border border-secondary rounded-xl",
+          !y || Re ? "overflow-x-auto" : "overflow-x-hidden",
+          Q && "border border-secondary rounded-xl",
+          "[&_tr:hover>td]:!bg-secondary_subtle",
           ht
         ),
         size: Oe,
@@ -656,20 +660,20 @@ const de = "120px", Te = "300px", Pe = (t) => {
             size: Oe,
             isEditable: T,
             inlineSelection: he,
-            className: c(w && "min-w-full", yt),
+            className: c(y && "min-w-full", pt),
             style: zt,
-            ...Gt,
+            ...At,
             children: [
               /* @__PURE__ */ k(
                 d.Header,
                 {
                   className: c(
                     "sticky top-0",
-                    X && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none z-1",
+                    Q && "[&>tr>th:first-child]:rounded-bl-none [&>tr>th:last-child]:rounded-br-none z-1",
                     ut
                   ),
                   children: [
-                    R && /* @__PURE__ */ i(
+                    W && /* @__PURE__ */ i(
                       d.Head,
                       {
                         label: "",
@@ -678,10 +682,10 @@ const de = "120px", Te = "300px", Pe = (t) => {
                         style: { minWidth: "40px", width: "40px" },
                         className: c(u),
                         headerCellClass: "justify-center",
-                        children: G === "multiple" && y && /* @__PURE__ */ i("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ i(
+                        children: $ === "multiple" && p && /* @__PURE__ */ i("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ i(
                           nt,
                           {
-                            checked: Ee ? !0 : jt && !Ee ? "indeterminate" : !1,
+                            checked: _e ? !0 : jt && !_e ? "indeterminate" : !1,
                             onCheckedChange: () => Ft(),
                             "aria-label": "Select all rows",
                             className: "items-center justify-center"
@@ -690,10 +694,10 @@ const de = "120px", Te = "300px", Pe = (t) => {
                       },
                       "selection"
                     ),
-                    o.map((e, r) => {
-                      const n = mt ? It.get(e.key) : void 0, s = qe.get(e.key), f = at(
+                    l.map((e, r) => {
+                      const n = mt ? It.get(e.key) : void 0, s = Be.get(e.key), f = at(
                         e.key,
-                        O,
+                        z,
                         s
                       ), N = ft.includes(e.key) || f === "center" ? "justify-center" : f === "right" ? "justify-end" : "";
                       return /* @__PURE__ */ k(
@@ -703,27 +707,27 @@ const de = "120px", Te = "300px", Pe = (t) => {
                           stickyOffset: e.stickyOffset,
                           id: e.key,
                           label: e.label,
-                          isRowHeader: r === 0 && !R,
+                          isRowHeader: r === 0 && !W,
                           allowsSorting: e.allowsSorting,
                           headerCellClass: `${e.headerCellClass} ${N}`,
-                          style: _e(e),
+                          style: Ee(e),
                           className: c(
                             "overflow-hidden",
                             e.headClassName,
                             u
                           ),
                           children: [
-                            n && te && /* @__PURE__ */ i(
-                              lr,
+                            n && re && /* @__PURE__ */ i(
+                              or,
                               {
                                 column: n,
-                                columnLabel: n.label ?? (s ? Zt(s, kt) : e.label),
-                                currentAlignment: s ? lt(
+                                columnLabel: n.label ?? (s ? Ht(s, kt) : e.label),
+                                currentAlignment: s ? ot(
                                   s,
-                                  O ?? /* @__PURE__ */ new Map()
-                                ) : (O == null ? void 0 : O.get(e.key)) ?? "left",
+                                  z ?? /* @__PURE__ */ new Map()
+                                ) : (z == null ? void 0 : z.get(e.key)) ?? "left",
                                 capabilities: Nt,
-                                hideDisabled: o.length <= 1,
+                                hideDisabled: l.length <= 1,
                                 onAction: Lt.get(e.key),
                                 renderExtraItems: Ct
                               }
@@ -749,7 +753,7 @@ const de = "120px", Te = "300px", Pe = (t) => {
                 }
               ),
               /* @__PURE__ */ k(d.Body, { children: [
-                !Ye && Dt(),
+                !Qe && qt(),
                 Pt && /* @__PURE__ */ i(
                   d.Row,
                   {
@@ -758,7 +762,7 @@ const de = "120px", Te = "300px", Pe = (t) => {
                     children: /* @__PURE__ */ i(
                       d.Cell,
                       {
-                        colSpan: H,
+                        colSpan: D,
                         className: c(
                           "text-left text-placeholder_subtle border-b border-secondary py-3",
                           u
@@ -769,7 +773,7 @@ const de = "120px", Te = "300px", Pe = (t) => {
                   },
                   "empty-state"
                 ),
-                Ce && S && /* @__PURE__ */ k(
+                Ce && v && /* @__PURE__ */ k(
                   d.Row,
                   {
                     id: "add-row-footer",
@@ -778,7 +782,7 @@ const de = "120px", Te = "300px", Pe = (t) => {
                       /* @__PURE__ */ i(
                         d.Cell,
                         {
-                          colSpan: H - (m ? 1 : 0),
+                          colSpan: D - (m ? 1 : 0),
                           className: c(u),
                           children: /* @__PURE__ */ i(
                             dr,
@@ -786,7 +790,7 @@ const de = "120px", Te = "300px", Pe = (t) => {
                               color: "tertiary",
                               className: "bg-secondary text-primary",
                               size: "xs",
-                              onClick: S.onAddRow,
+                              onClick: v.onAddRow,
                               children: "+ Add Row"
                             }
                           )
@@ -803,13 +807,13 @@ const de = "120px", Te = "300px", Pe = (t) => {
                   },
                   "add-row-footer"
                 ),
-                Tt && we && /* @__PURE__ */ i(
+                Tt && ye && /* @__PURE__ */ i(
                   cr,
                   {
-                    ...we,
+                    ...ye,
                     hasActionsColumn: m,
-                    hasSelectionColumn: R,
-                    showBorders: !!X
+                    hasSelectionColumn: W,
+                    showBorders: !!Q
                   }
                 )
               ] })
@@ -820,19 +824,19 @@ const de = "120px", Te = "300px", Pe = (t) => {
     ), tt = T ? /* @__PURE__ */ i(
       sr,
       {
-        rowIds: g,
-        columnKeys: ie,
-        containerRef: W,
-        onSelectCell: ve,
-        onEditingCellChange: Wt,
+        rowIds: b,
+        columnKeys: se,
+        containerRef: R,
+        onSelectCell: Se,
+        onEditingCellChange: Rt,
         children: et
       }
     ) : et;
-    return Et ? /* @__PURE__ */ k("div", { className: "flex flex-col gap-3", children: [
-      Ve && Je,
+    return _t ? /* @__PURE__ */ k("div", { className: "flex flex-col gap-3", children: [
+      Xe && Ve,
       tt,
-      Xe && x && /* @__PURE__ */ i(
-        Qt,
+      Ye && x && /* @__PURE__ */ i(
+        Zt,
         {
           currentPage: x.currentPage,
           pageSize: x.pageSize,