@stackone/malachite 2.28.0 → 2.30.0

package/dist/components/Table/Table.js

@@ -1,48 +1,82 @@
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
-import { useVirtualizer as pt } from "@tanstack/react-virtual";
-import xt, { useState as ne, useRef as j, useCallback as je, useId as bt, useEffect as le, useMemo as Ae, useLayoutEffect as Qe } from "react";
-import Ye from "../CustomIcons/CaretDownIcon.js";
-import vt from "../CustomIcons/CaretUpIcon.js";
-import gt from "../CustomIcons/InfoIcon.js";
-import mt from "../CustomIcons/WarningTriangleIcon.js";
-import yt from "../Tooltip.js";
-import $t from "../TruncatedTooltip.js";
-import { FOCUS_RING_INSET as Ue } from "../focusRing.js";
-import { isFromInteractiveDescendant as He, activateOnEnterOrSpace as St } from "../keyboardActivation.js";
-import { FOREGROUND_RESET as Te, SELECTED_ROW_ACCENT as Ve, SELECTED_TEXT_CONTEXT as Ze, SELECTED_ROW_FOREGROUND as Xe, SELECTED_ROW_BACKGROUND as pe } from "../selectedRow.js";
-import Pe from "./TablePagination.js";
-const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c === l[p]), Ge = "\0", Nt = (e, l, c) => {
+import { jsx as r, jsxs as E } from "react/jsx-runtime";
+import { useVirtualizer as Rt } from "@tanstack/react-virtual";
+import _t, { useState as Q, useRef as A, useCallback as Le, useId as It, useEffect as K, useMemo as Xe, useLayoutEffect as at } from "react";
+import st from "../CustomIcons/CaretDownIcon.js";
+import Dt from "../CustomIcons/CaretUpIcon.js";
+import Tt from "../CustomIcons/InfoIcon.js";
+import Ot from "../CustomIcons/WarningTriangleIcon.js";
+import zt from "../Tooltip.js";
+import Lt from "../TruncatedTooltip.js";
+import { FOCUS_RING_INSET as Ke, FOCUS_RING_INSET_OVERLAY as Mt } from "../focusRing.js";
+import { isFromInteractiveDescendant as et, activateOnEnterOrSpace as Wt } from "../keyboardActivation.js";
+import { FOREGROUND_RESET as Me, SELECTED_ROW_ACCENT as ot, SELECTED_TEXT_CONTEXT as dt, SELECTED_ROW_FOREGROUND as ct, SELECTED_ROW_BACKGROUND as We } from "../selectedRow.js";
+import tt from "./TablePagination.js";
+const ft = 160, Bt = (e, n) => e.length === n.length && e.every((s, c) => s === n[c]), nt = "\0", At = (e, n, s) => {
   if (typeof e != "object" || e === null)
-    return `${Ge}i${c}`;
-  const p = l.ids.get(e);
-  if (p !== void 0)
-    return p;
-  const E = `${Ge}${l.next++}`;
-  return l.ids.set(e, E), E;
-}, Ct = (e, l, c) => typeof l == "function" ? e.map((p) => l(p)) : e.map((p, E) => {
-  const b = p[l];
-  return b == null ? Nt(p, c, E) : String(b);
-}), Et = (e) => {
+    return `${nt}i${s}`;
+  const c = n.ids.get(e);
+  if (c !== void 0)
+    return c;
+  const R = `${nt}${n.next++}`;
+  return n.ids.set(e, R), R;
+}, Ft = (e, n, s) => typeof n == "function" ? e.map((c) => n(c)) : e.map((c, R) => {
+  const u = c[n];
+  return u == null ? At(c, s, R) : String(u);
+}), xe = (e) => {
   if (typeof e == "number")
     return e;
   if (typeof e == "string") {
-    const l = e.trim().match(/^(\d+(?:\.\d+)?)px$/);
-    if (l)
-      return Number(l[1]);
+    const n = e.trim().match(/^(\d+(?:\.\d+)?)px$/);
+    if (n)
+      return Number(n[1]);
   }
-}, _t = (e) => e.reduce((l, c) => {
-  const p = Et(c.width);
-  return p !== void 0 ? l + p : typeof c.minWidth == "number" ? l + c.minWidth : l + kt;
-}, 0), Ke = (e) => typeof e == "string", ie = (e) => ({
+}, Be = (e) => {
+  const n = xe(e.width);
+  return !(e.title === "" || e.title == null) && n !== void 0 && typeof e.minWidth == "number" && e.minWidth < n ? e.minWidth : void 0;
+}, jt = (e) => e.reduce((n, s) => {
+  const c = Be(s) ?? xe(s.width);
+  return c !== void 0 ? n + c : typeof s.minWidth == "number" ? n + s.minWidth : n + ft;
+}, 0), Ut = (e) => (e.title === "" || e.title == null) && xe(e.width) !== void 0, Pt = (e) => {
+  const n = [...e].reverse().findIndex((u) => !Ut(u)), s = n === -1 ? 0 : e.length - n, c = /* @__PURE__ */ new Map(), R = e.reduceRight(
+    (u, S, x) => {
+      const p = Be(S) ?? xe(S.width);
+      return !(S.fixed === "right" || x >= s) || p === void 0 ? u : (c.set(S.key, u.right), { right: u.right + p, edge: S.key });
+    },
+    { right: 0, edge: void 0 }
+  );
+  return { offsets: c, edgeKey: R.edge };
+}, Ht = { overflowX: "auto", scrollbarWidth: "none" }, Gt = {
+  position: "sticky",
+  left: 0,
+  width: "100%"
+}, Jt = { offsets: /* @__PURE__ */ new Map(), edgeKey: void 0 }, Yt = "-6px 0 6px -4px var(--malachite-card-shadow, rgba(0, 0, 0, 0.1))", qt = (e, n, s, c) => e === void 0 ? {} : {
+  position: "sticky",
+  right: e,
+  zIndex: 1,
+  height: "auto",
+  ...c === "row" ? { backgroundColor: "inherit", backgroundImage: "inherit" } : { backgroundColor: c },
+  ...n && s ? { boxShadow: Yt } : {}
+}, rt = (e) => `linear-gradient(${e}, ${e})`, Qt = (e, n) => {
+  if (!e && !n)
+    return {};
+  const s = [
+    n ? rt(We) : void 0,
+    e ? rt(`var(--malachite-table-row-variant-${e}-background)`) : void 0
+  ].filter(Ae);
+  return {
+    backgroundColor: e ? "var(--malachite-table-background, #f7f7f7)" : "var(--malachite-table-row-background, #fff)",
+    backgroundImage: s.join(", ")
+  };
+}, Ae = (e) => typeof e == "string", ae = (e) => ({
   small: "text-[length:var(--malachite-font-size-small)]",
   medium: "text-[length:var(--malachite-font-size-medium)]",
   large: "text-[length:var(--malachite-font-size-large)]"
-})[e], Je = {
+})[e], it = {
   borderBottom: "1px solid var(--malachite-card-border, #e8e8e8)"
-}, qe = (e, l) => {
-  e && l && l.scrollLeft !== e.scrollLeft && (l.scrollLeft = e.scrollLeft);
-}, Rt = 56, It = 44, Tt = 8, Dt = 10, te = 8, zt = "var(--malachite-radius-xl, 12px)", re = 4, Mt = "--malachite-ctx-table-surround", Ot = () => {
-  const e = zt, l = `var(${Mt}, var(--malachite-card-background, #ffffff))`;
+}, lt = (e, n) => {
+  e && n && n.scrollLeft !== e.scrollLeft && (n.scrollLeft = e.scrollLeft);
+}, Vt = 56, Zt = 44, Xt = 8, Kt = 10, ie = 8, en = "var(--malachite-radius-xl, 12px)", le = 4, tn = "--malachite-ctx-table-surround", nn = () => {
+  const e = en, n = `var(${tn}, var(--malachite-card-background, #ffffff))`;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -55,205 +89,212 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
         height: e,
         pointerEvents: "none",
         background: [
-          `radial-gradient(circle ${e} at ${e} ${e}, transparent calc(${e} - 0.5px), ${l} ${e}) top left / ${e} ${e} no-repeat`,
-          `radial-gradient(circle ${e} at 0 ${e}, transparent calc(${e} - 0.5px), ${l} ${e}) top right / ${e} ${e} no-repeat`
+          `radial-gradient(circle ${e} at ${e} ${e}, transparent calc(${e} - 0.5px), ${n} ${e}) top left / ${e} ${e} no-repeat`,
+          `radial-gradient(circle ${e} at 0 ${e}, transparent calc(${e} - 0.5px), ${n} ${e}) top right / ${e} ${e} no-repeat`
         ].join(", ")
       }
     }
   );
-}, Lt = ({
+}, rn = ({
   records: e,
-  startIndex: l,
-  scrollElement: c,
-  estimateRowHeight: p,
-  style: E,
-  renderRow: b,
-  registerHandle: g,
-  cardKey: k,
-  rovingIndex: m
+  startIndex: n,
+  scrollElement: s,
+  estimateRowHeight: c,
+  style: R,
+  renderRow: u,
+  registerHandle: S,
+  cardKey: x,
+  rovingIndex: p
 }) => {
-  const T = j(null), [D, z] = ne(0);
-  Qe(() => {
-    const y = T.current;
-    if (!y || !c)
+  const I = A(null), [D, L] = Q(0);
+  at(() => {
+    const k = I.current;
+    if (!k || !s)
       return;
-    const M = () => {
-      const f = y.getBoundingClientRect().top - c.getBoundingClientRect().top + c.scrollTop;
-      z((U) => Math.abs(U - f) < 1 ? U : f);
+    const T = () => {
+      const h = k.getBoundingClientRect().top - s.getBoundingClientRect().top + s.scrollTop;
+      L((G) => Math.abs(G - h) < 1 ? G : h);
     };
-    if (M(), typeof ResizeObserver > "u")
+    if (T(), typeof ResizeObserver > "u")
       return;
-    const K = new ResizeObserver(M);
-    let W = y;
-    for (; W && W !== c; ) {
-      let f = W.previousElementSibling;
-      for (; f; )
-        K.observe(f), f = f.previousElementSibling;
-      const U = W.parentElement;
-      if (U)
-        W = U;
+    const te = new ResizeObserver(T);
+    let W = k;
+    for (; W && W !== s; ) {
+      let h = W.previousElementSibling;
+      for (; h; )
+        te.observe(h), h = h.previousElementSibling;
+      const G = W.parentElement;
+      if (G)
+        W = G;
       else {
-        const Q = W.getRootNode();
-        W = Q instanceof ShadowRoot ? Q.host : null;
+        const Z = W.getRootNode();
+        W = Z instanceof ShadowRoot ? Z.host : null;
       }
     }
-    return () => K.disconnect();
-  }, [c, e.length, l]);
-  const w = pt({
+    return () => te.disconnect();
+  }, [s, e.length, n]);
+  const C = Rt({
     count: e.length,
     // State, not a ref: an ancestor's ref is not attached when this child's layout effects
     // run, so a ref would leave the virtualizer without a scroll element.
-    getScrollElement: () => c,
-    estimateSize: () => p,
-    overscan: Tt,
+    getScrollElement: () => s,
+    estimateSize: () => c,
+    overscan: Xt,
     scrollMargin: D
   });
-  le(() => {
-    if (g)
-      return g(k, {
-        startIndex: l,
+  K(() => {
+    if (S)
+      return S(x, {
+        startIndex: n,
         count: e.length,
-        scrollToIndex: (y) => w.scrollToIndex(y, { align: "center" })
-      }), () => g(k, null);
-  }, [g, k, l, e.length, w]);
-  const N = w.getVirtualItems(), X = w.getTotalSize(), A = m >= l && m < l + e.length && N.length > 0 ? Math.min(
-    Math.max(m, l + N[0].index),
-    l + N[N.length - 1].index
-  ) : m, B = N.length > 0 ? N[0].start - D : 0, F = N.length > 0 ? X - (N[N.length - 1].end - D) : 0;
-  return /* @__PURE__ */ C("div", { ref: T, className: "flex flex-col w-full", style: E, children: [
-    B > 0 && /* @__PURE__ */ r("div", { "aria-hidden": "true", style: { height: B, flexShrink: 0 } }),
-    N.map(
-      (y) => b(
-        e[y.index],
-        l + y.index,
-        y.index === e.length - 1,
-        y.index === 0,
-        { measureRef: w.measureElement, index: y.index },
-        A
+        scrollToIndex: (k) => C.scrollToIndex(k, { align: "center" })
+      }), () => S(x, null);
+  }, [S, x, n, e.length, C]);
+  const w = C.getVirtualItems(), ee = C.getTotalSize(), H = p >= n && p < n + e.length && w.length > 0 ? Math.min(
+    Math.max(p, n + w[0].index),
+    n + w[w.length - 1].index
+  ) : p, F = w.length > 0 ? w[0].start - D : 0, j = w.length > 0 ? ee - (w[w.length - 1].end - D) : 0;
+  return /* @__PURE__ */ E("div", { ref: I, className: "flex flex-col w-full", style: R, children: [
+    F > 0 && /* @__PURE__ */ r("div", { "aria-hidden": "true", style: { height: F, flexShrink: 0 } }),
+    w.map(
+      (k) => u(
+        e[k.index],
+        n + k.index,
+        k.index === e.length - 1,
+        k.index === 0,
+        { measureRef: C.measureElement, index: k.index },
+        H
       )
     ),
-    F > 0 && /* @__PURE__ */ r("div", { "aria-hidden": "true", style: { height: F, flexShrink: 0 } })
+    j > 0 && /* @__PURE__ */ r("div", { "aria-hidden": "true", style: { height: j, flexShrink: 0 } })
   ] });
-}, Wt = (e, l) => {
-  const c = l ? Rt : 0;
-  return typeof e == "number" ? `${Math.max(0, e - c)}px` : `calc(${e} - ${c}px)`;
-}, ae = (e) => {
-  const l = e.width;
-  if (l == null)
+}, ln = (e, n) => {
+  const s = n ? Vt : 0;
+  return typeof e == "number" ? `${Math.max(0, e - s)}px` : `calc(${e} - ${s}px)`;
+}, se = (e) => {
+  const n = e.width;
+  if (n == null)
     return {};
-  const c = typeof l == "number" ? `${l}px` : l;
-  return { flexBasis: c, maxWidth: c };
-}, De = (e) => {
-  const l = e.width;
-  if (l == null)
+  const s = typeof n == "number" ? `${n}px` : n, c = Be(e);
+  return c === void 0 ? { flexBasis: s, maxWidth: s } : { flexBasis: s, maxWidth: s, minWidth: c, flexShrink: 1 };
+}, Fe = (e) => {
+  const n = e.width;
+  if (n == null)
     return {};
-  const c = typeof l == "number" ? `${l}px` : l;
-  return { width: c, flexBasis: c };
-}, Bt = (e) => e === "asc" ? "ascending" : e === "desc" ? "descending" : "none", J = (e) => e === "center" ? "justify-center" : e === "right" ? "justify-end" : "justify-start", Ft = (e) => e === "center" ? "justify-center" : e === "right" ? "justify-end" : "justify-between", se = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", et = (e) => e ? J(e) : "justify-end", xe = ({ info: e }) => /* @__PURE__ */ r(yt, { text: e, placement: "top", children: /* @__PURE__ */ r(
-  gt,
+  const s = typeof n == "number" ? `${n}px` : n;
+  return { width: s, flexBasis: s };
+}, an = (e) => e === "asc" ? "ascending" : e === "desc" ? "descending" : "none", V = (e) => e === "center" ? "justify-center" : e === "right" ? "justify-end" : "justify-start", sn = (e) => e === "center" ? "justify-center" : e === "right" ? "justify-end" : "justify-between", oe = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", ht = (e) => e ? V(e) : "justify-end", be = ({ info: e }) => /* @__PURE__ */ r(zt, { text: e, placement: "top", children: /* @__PURE__ */ r(
+  Tt,
   {
     size: 13,
     className: "shrink-0 text-[var(--malachite-text-secondary,#bbb)]"
   }
-) }), tt = (e, l) => ({
+) }), ut = (e, n) => ({
   type: "button",
-  onClick: l,
+  onClick: n,
   "aria-label": typeof e == "string" ? `Sort by ${e}` : "Sort column"
-}), jt = ({
+}), on = ({
   column: e,
-  record: l,
-  index: c,
-  size: p,
-  paddingYClass: E,
-  bordered: b,
-  isFirstRow: g,
-  isLastRow: k,
-  isFirstColumn: m,
-  isLastColumn: T,
+  record: n,
+  index: s,
+  size: c,
+  paddingYClass: R,
+  bordered: u,
+  isFirstRow: S,
+  isLastRow: x,
+  isFirstColumn: p,
+  isLastColumn: I,
   variantBackground: D,
-  showSelectedAccent: z,
-  isSelected: w
+  showSelectedAccent: L,
+  isSelected: C
 }) => {
-  const N = l[e.dataIndex], X = e.render ? e.render(N, l, c) : N == null ? "" : String(N), q = e.ellipsis && Ke(N) ? N : void 0;
+  const w = n[e.dataIndex], ee = e.render ? e.render(w, n, s) : w == null ? "" : String(w), Y = e.ellipsis && Ae(w) ? w : void 0;
   return /* @__PURE__ */ r(
     "td",
     {
       className: `
-                table-cell px-4 ${E} ${ie(p)}
+                table-cell px-4 ${R} ${ae(c)}
                 ${e.ellipsis ? "truncate overflow-hidden whitespace-nowrap" : ""}
-                ${b ? "table-cell-bordered" : ""}
-                ${b && g ? "table-cell-bordered-top" : ""}
-                ${b && m ? "table-cell-bordered-left" : ""}
-                ${b && T ? "table-cell-bordered-right" : ""}
-                ${b && m && g ? "rounded-tl-lg" : ""}
-                ${b && T && g ? "rounded-tr-lg" : ""}
-                ${b && m && k ? "rounded-bl-lg" : ""}
-                ${b && T && k ? "rounded-br-lg" : ""}
-                ${se(e.align)}
+                ${u ? "table-cell-bordered" : ""}
+                ${u && S ? "table-cell-bordered-top" : ""}
+                ${u && p ? "table-cell-bordered-left" : ""}
+                ${u && I ? "table-cell-bordered-right" : ""}
+                ${u && p && S ? "rounded-tl-lg" : ""}
+                ${u && I && S ? "rounded-tr-lg" : ""}
+                ${u && p && x ? "rounded-bl-lg" : ""}
+                ${u && I && x ? "rounded-br-lg" : ""}
+                ${oe(e.align)}
             `,
       style: {
         width: e.width,
         backgroundColor: D ?? // Mirror the row's background, or the tint composites over the wrong opaque
         // base — they differ in dark mode.
-        (w ? b ? "var(--malachite-table-borderedRow-background, #fff)" : "var(--malachite-table-row-background, #fff)" : void 0),
+        (C ? u ? "var(--malachite-table-borderedRow-background, #fff)" : "var(--malachite-table-row-background, #fff)" : void 0),
         // Its own layer, so the tint composites over the cell instead of replacing it.
-        backgroundImage: w ? `linear-gradient(${pe}, ${pe})` : void 0,
+        backgroundImage: C ? `linear-gradient(${We}, ${We})` : void 0,
         // Content pinning its own colour follows via the channel below.
-        color: w ? Xe : "var(--malachite-table-row-foreground)",
-        ...w ? Ze : {},
+        color: C ? ct : "var(--malachite-table-row-foreground)",
+        ...C ? dt : {},
         // Inset box-shadow, not `ring-*`: --tw-ring-* silently doesn't paint in a shadow root.
-        boxShadow: z ? `inset 2px 0 0 ${Ve}` : void 0,
-        borderBottom: b ? void 0 : k ? "none" : "1px solid var(--malachite-table-row-border)"
+        boxShadow: L ? `inset 2px 0 0 ${ot}` : void 0,
+        borderBottom: u ? void 0 : x ? "none" : "1px solid var(--malachite-table-row-border)"
       },
-      title: q,
-      children: X
+      title: Y,
+      children: ee
     }
   );
-}, At = ({
+}, dn = ({
   column: e,
-  sortDirection: l,
-  onSort: c
+  sortDirection: n,
+  onSort: s,
+  cellStyle: c
 }) => {
-  const p = !!e.sorter, E = e.title === "" || e.title == null;
-  if (E && e.width !== void 0)
+  const R = !!e.sorter, u = e.title === "" || e.title == null;
+  if (u && e.width !== void 0)
     return /* @__PURE__ */ r(
       "div",
       {
         className: "h-full shrink-0",
-        style: De(e)
+        style: {
+          ...Fe(e),
+          ...c
+        }
       }
     );
-  if (E)
+  if (u)
     return /* @__PURE__ */ r(
       "div",
       {
         className: "flex flex-[1_0_0] h-full min-w-0",
-        style: ae(e)
+        style: {
+          ...se(e),
+          ...c
+        }
       }
     );
-  const g = typeof e.title == "string" ? /* @__PURE__ */ r("p", { className: "font-medium text-[13px] text-[#0a0a0a] tracking-[0.13px] whitespace-nowrap truncate", children: e.title }) : e.title, k = /* @__PURE__ */ r(
-    Ye,
+  const x = typeof e.title == "string" ? /* @__PURE__ */ r("p", { className: "font-medium text-[13px] text-[#0a0a0a] tracking-[0.13px] whitespace-nowrap truncate", children: e.title }) : e.title, p = /* @__PURE__ */ r(
+    st,
     {
       size: 13,
-      className: `shrink-0 transition-transform ${l ? "text-[#0a0a0a]" : "text-[#bbb]"} ${l === "asc" ? "rotate-180" : ""}`
+      className: `shrink-0 transition-transform ${n ? "text-[#0a0a0a]" : "text-[#bbb]"} ${n === "asc" ? "rotate-180" : ""}`
     }
   );
-  return p ? /* @__PURE__ */ r(
+  return R ? /* @__PURE__ */ r(
     "div",
     {
       className: "flex flex-[1_0_0] min-w-0 overflow-hidden",
-      style: ae(e),
-      children: /* @__PURE__ */ C(
+      style: { ...se(e), ...c },
+      children: /* @__PURE__ */ E(
         "button",
         {
-          ...tt(e.title, c),
-          className: `flex flex-1 items-center ${Ft(e.align)} gap-1 min-w-0 px-4 py-3 cursor-pointer appearance-none bg-transparent border-0 ${se(e.align)}`,
+          ...ut(e.title, s),
+          className: `flex flex-1 items-center ${sn(e.align)} gap-1 min-w-0 px-4 py-3 cursor-pointer appearance-none bg-transparent border-0 ${oe(e.align)}`,
           children: [
-            /* @__PURE__ */ C("div", { className: "flex items-center gap-1 min-w-0", children: [
-              g,
-              e.info && /* @__PURE__ */ r(xe, { info: e.info })
+            /* @__PURE__ */ E("div", { className: "flex items-center gap-1 min-w-0", children: [
+              x,
+              e.info && /* @__PURE__ */ r(be, { info: e.info })
             ] }),
-            k
+            p
           ]
         }
       )
@@ -261,488 +302,538 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
   ) : /* @__PURE__ */ r(
     "div",
     {
-      className: `flex flex-[1_0_0] items-center ${J(e.align)} min-w-0 overflow-hidden px-4 py-3`,
-      style: ae(e),
-      children: /* @__PURE__ */ C("div", { className: "flex items-center gap-1 min-w-0", children: [
-        g,
-        e.info && /* @__PURE__ */ r(xe, { info: e.info })
+      className: `flex flex-[1_0_0] items-center ${V(e.align)} min-w-0 overflow-hidden px-4 py-3`,
+      style: {
+        ...se(e),
+        ...c
+      },
+      children: /* @__PURE__ */ E("div", { className: "flex items-center gap-1 min-w-0", children: [
+        x,
+        e.info && /* @__PURE__ */ r(be, { info: e.info })
       ] })
     }
   );
-}, Ut = ({
+}, cn = ({
   column: e,
-  record: l,
-  index: c,
-  size: p,
-  paddingYClass: E,
-  isSelected: b = !1
+  record: n,
+  index: s,
+  size: c,
+  paddingYClass: R,
+  isSelected: u = !1,
+  cellStyle: S
 }) => {
-  const g = l[e.dataIndex], k = e.render ? e.render(g, l, c) : g == null ? "" : String(g), T = (e.title === "" || e.title == null) && e.width !== void 0, D = Ke(g) && g.length > 0, z = b ? {
-    color: Xe,
-    ...Ze
+  const x = n[e.dataIndex], p = e.render ? e.render(x, n, s) : x == null ? "" : String(x), D = (e.title === "" || e.title == null) && e.width !== void 0, L = Ae(x) && x.length > 0, C = u ? {
+    color: ct,
+    ...dt
   } : {};
-  if (T)
+  if (D)
     return /* @__PURE__ */ r(
       "div",
       {
-        className: `flex items-center ${et(e.align)} shrink-0 overflow-hidden px-4 ${E}`,
+        className: `flex items-center ${ht(e.align)} shrink-0 overflow-hidden px-4 ${R}`,
         style: {
-          ...De(e),
-          ...z
+          ...Fe(e),
+          ...C,
+          ...S
         },
-        children: k
+        children: p
       }
     );
-  const w = !e.render && D ? /* @__PURE__ */ r($t, { text: g, children: k }) : k;
+  const w = !e.render && L ? /* @__PURE__ */ r(Lt, { text: x, children: p }) : p;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: `flex flex-[1_0_0] items-center min-w-0 overflow-hidden px-4 ${E} ${ie(p)} ${J(e.align)}`,
+      className: `flex flex-[1_0_0] items-center min-w-0 overflow-hidden px-4 ${R} ${ae(c)} ${V(e.align)}`,
       style: {
-        ...ae(e),
-        ...z
+        ...se(e),
+        ...C,
+        ...S
       },
       children: w
     }
   );
-}, rr = ({
+}, kn = ({
   columns: e,
-  data: l,
-  loading: c = !1,
-  error: p = !1,
-  errorTitle: E = "Data unavailable",
-  errorSubTitle: b = "There was an issue retrieving the data. Please try again.",
-  emptyTitle: g = "No data",
-  emptySubTitle: k = "",
-  bordered: m = !1,
-  showHeader: T = !0,
+  data: n,
+  loading: s = !1,
+  error: c = !1,
+  errorTitle: R = "Data unavailable",
+  errorSubTitle: u = "There was an issue retrieving the data. Please try again.",
+  emptyTitle: S = "No data",
+  emptySubTitle: x = "",
+  bordered: p = !1,
+  showHeader: I = !0,
   rowKey: D = "key",
-  scrollHeight: z,
-  size: w = "small",
-  rowDensity: N = "default",
-  layout: X = "auto",
-  headerVariant: q = "inline",
-  rowClassName: A,
-  rowVariant: B,
-  onRow: F,
-  onClickRow: y,
-  selectedRowKey: M,
-  scrollSelectedIntoView: K = !0,
+  scrollHeight: L,
+  size: C = "small",
+  rowDensity: w = "default",
+  layout: ee = "auto",
+  headerVariant: Y = "inline",
+  rowClassName: H,
+  rowVariant: F,
+  onRow: j,
+  onClickRow: k,
+  selectedRowKey: T,
+  scrollSelectedIntoView: te = !0,
   rowSelection: W,
-  pagination: f,
-  className: U = "",
-  style: Q,
-  stickyHeaderTop: be,
-  scrollX: Y = !1,
-  rowSection: ve,
-  renderSectionDivider: ge,
-  onVisibleOrderChange: me,
-  virtual: rt = !1,
-  virtualRowHeightEstimate: nt,
-  virtualScrollElement: oe = null
+  pagination: h,
+  className: G = "",
+  style: Z,
+  stickyHeaderTop: me,
+  scrollX: U = !1,
+  rowSection: ye,
+  renderSectionDivider: Se,
+  onVisibleOrderChange: $e,
+  virtual: pt = !1,
+  virtualRowHeightEstimate: gt,
+  virtualScrollElement: de = null
 }) => {
-  const ee = N === "compact" ? "py-1.5" : "py-3", [_, lt] = ne(null), ce = j(null), de = j(null), ye = j(null), $e = j(/* @__PURE__ */ new Map()), it = je(
-    (t, n) => {
-      n ? $e.current.set(t, n) : $e.current.delete(t);
+  const ne = w === "compact" ? "py-1.5" : "py-3", [_, vt] = Q(null), je = A(null), we = A(null), re = A(null), ke = A(null), Ne = A(/* @__PURE__ */ new Map()), bt = Le(
+    (t, i) => {
+      i ? Ne.current.set(t, i) : Ne.current.delete(t);
     },
     []
-  ), G = bt(), [at, Se] = ne(0), H = rt && q === "detached", st = nt ?? It, [ot, ct] = ne(null), dt = je((t) => {
-    de.current = t, t && ct((n) => n === t ? n : t);
-  }, []), ke = H ? oe ?? ot : null, we = !(H && oe), P = q === "detached" && be !== void 0 && T && !z && (!H || !we), ze = M != null, [Ne, Me] = ne(0);
-  le(() => {
-    const t = ce.current;
-    if (!t || !P || !ze || typeof ResizeObserver > "u") {
-      Me(0);
+  ), q = It(), [xt, Ce] = Q(0), J = pt && Y === "detached", mt = gt ?? Zt, [ce, yt] = Q(null), St = Le((t) => {
+    re.current = t, t && yt((i) => i === t ? i : t);
+  }, []), Ee = J ? de ?? ce : null, Ue = U ? jt(e) : 0, Re = U && Y === "detached" ? Pt(e) : Jt, fe = Re.edgeKey !== void 0, [$t, Pe] = Q(!1), [wt, He] = Q(0), he = Le(() => {
+    const t = re.current;
+    Pe(
+      t !== null && t.scrollLeft + t.clientWidth < t.scrollWidth - 1
+    ), He(t === null ? 0 : t.offsetWidth - t.clientWidth);
+  }, []);
+  K(() => {
+    if (!fe || !ce) {
+      Pe(!1), He(0);
+      return;
+    }
+    if (he(), typeof ResizeObserver > "u")
+      return;
+    const t = new ResizeObserver(he);
+    return t.observe(ce), () => t.disconnect();
+  }, [fe, ce, Ue, he]);
+  const _e = !(J && de), P = Y === "detached" && me !== void 0 && I && !L && (!J || !_e), Ge = T != null, [Ie, Je] = Q(0);
+  K(() => {
+    const t = je.current;
+    if (!t || !P || !Ge || typeof ResizeObserver > "u") {
+      Je(0);
       return;
     }
-    const n = new ResizeObserver((h) => {
-      var x, a;
-      const s = h[0], $ = ((a = (x = s == null ? void 0 : s.borderBoxSize) == null ? void 0 : x[0]) == null ? void 0 : a.blockSize) ?? (s == null ? void 0 : s.contentRect.height) ?? 0;
-      Me(
-        (o) => Math.abs(o - $) < 1 ? o : $
+    const i = new ResizeObserver((v) => {
+      var m, y;
+      const a = v[0], $ = ((y = (m = a == null ? void 0 : a.borderBoxSize) == null ? void 0 : m[0]) == null ? void 0 : y.blockSize) ?? (a == null ? void 0 : a.contentRect.height) ?? 0;
+      Je(
+        (l) => Math.abs(l - $) < 1 ? l : $
       );
     });
-    return n.observe(t), () => n.disconnect();
-  }, [P, ze]);
-  const ft = P ? (be ?? 0) + Ne : void 0, { sortedData: O, sectionDividers: Ce } = Ae(() => {
-    const t = (x) => {
-      if (!_) return x;
-      const a = e.find((d) => d.key === _.key);
-      if (!a) return x;
-      if (typeof a.sorter == "function") {
-        const d = [...x].sort(a.sorter);
-        return _.direction === "asc" ? d : d.reverse();
+    return i.observe(t), () => i.disconnect();
+  }, [P, Ge]);
+  const kt = P ? (me ?? 0) + Ie : void 0, { sortedData: O, sectionDividers: De } = Xe(() => {
+    const t = (m) => {
+      if (!_) return m;
+      const y = e.find((f) => f.key === _.key);
+      if (!y) return m;
+      if (typeof y.sorter == "function") {
+        const f = [...m].sort(y.sorter);
+        return _.direction === "asc" ? f : f.reverse();
       }
-      const o = a.dataIndex ?? _.key;
-      return [...x].sort((d, v) => {
-        const i = d[o], R = v[o];
-        return i < R ? _.direction === "asc" ? -1 : 1 : i > R ? _.direction === "asc" ? 1 : -1 : 0;
+      const l = y.dataIndex ?? _.key;
+      return [...m].sort((f, d) => {
+        const o = f[l], g = d[l];
+        return o < g ? _.direction === "asc" ? -1 : 1 : o > g ? _.direction === "asc" ? 1 : -1 : 0;
       });
     };
-    if (!ve)
+    if (!ye)
       return {
-        sortedData: t(l),
+        sortedData: t(n),
         sectionDividers: /* @__PURE__ */ new Map()
       };
-    const n = [], h = /* @__PURE__ */ new Map();
-    for (const x of l) {
-      const a = ve(x);
-      let o = h.get(a);
-      o === void 0 && (o = n.length, h.set(a, o), n.push({ key: a, records: [] })), n[o].records.push(x);
+    const i = [], v = /* @__PURE__ */ new Map();
+    for (const m of n) {
+      const y = ye(m);
+      let l = v.get(y);
+      l === void 0 && (l = i.length, v.set(y, l), i.push({ key: y, records: [] })), i[l].records.push(m);
     }
-    const s = [], $ = /* @__PURE__ */ new Map();
-    for (const x of n) {
-      const a = t(x.records);
-      $.set(s.length, { key: x.key, records: a }), s.push(...a);
+    const a = [], $ = /* @__PURE__ */ new Map();
+    for (const m of i) {
+      const y = t(m.records);
+      $.set(a.length, { key: m.key, records: y }), a.push(...y);
     }
-    return { sortedData: s, sectionDividers: $ };
-  }, [l, _, e, ve]), Oe = (t) => {
-    lt((n) => (n == null ? void 0 : n.key) === t ? n.direction === "asc" ? { key: t, direction: "desc" } : null : { key: t, direction: "asc" });
-  }, Ee = (t, n) => typeof D == "function" ? D(t) : String(t[D] ?? n), Le = typeof D == "function" ? null : D, We = j(void 0), fe = j(void 0);
-  le(() => {
-    if (!me)
+    return { sortedData: a, sectionDividers: $ };
+  }, [n, _, e, ye]), Ye = (t) => {
+    vt((i) => (i == null ? void 0 : i.key) === t ? i.direction === "asc" ? { key: t, direction: "desc" } : null : { key: t, direction: "asc" });
+  }, Te = (t, i) => typeof D == "function" ? D(t) : String(t[D] ?? i), qe = typeof D == "function" ? null : D, Qe = A(void 0), ue = A(void 0);
+  K(() => {
+    if (!$e)
       return;
-    fe.current ?? (fe.current = { ids: /* @__PURE__ */ new WeakMap(), next: 0 });
-    const t = Ct(O, D, fe.current), n = We.current;
-    n && wt(n, t) || (We.current = t, me(O));
-  }, [O, Le, me]);
-  const V = Math.min(at, Math.max(0, O.length - 1)), L = Ae(() => {
-    if (M == null)
+    ue.current ?? (ue.current = { ids: /* @__PURE__ */ new WeakMap(), next: 0 });
+    const t = Ft(O, D, ue.current), i = Qe.current;
+    i && Bt(i, t) || (Qe.current = t, $e(O));
+  }, [O, qe, $e]);
+  const X = Math.min(xt, Math.max(0, O.length - 1)), z = Xe(() => {
+    if (T == null)
       return -1;
-    const t = String(M);
-    return O.findIndex((n, h) => Ee(n, h) === t);
-  }, [M, O, Le]);
-  le(() => {
-    L >= 0 && Se(L);
-  }, [L]);
-  const _e = j(void 0);
-  le(() => {
-    if (M == null) {
-      _e.current = void 0;
+    const t = String(T);
+    return O.findIndex((i, v) => Te(i, v) === t);
+  }, [T, O, qe]);
+  K(() => {
+    z >= 0 && Ce(z);
+  }, [z]);
+  const Oe = A(void 0);
+  K(() => {
+    if (T == null) {
+      Oe.current = void 0;
       return;
     }
-    if (!K || L < 0)
+    if (!te || z < 0)
       return;
-    const t = _e.current;
-    if (t && t.key === M && t.index === L || c || p || H && !ke)
+    const t = Oe.current;
+    if (t && t.key === T && t.index === z || s || c || J && !Ee)
       return;
-    const n = ye.current;
-    if (!n)
+    const i = ke.current;
+    if (!i)
       return;
-    const h = P && Ne === 0, s = (i) => n.querySelector(
-      `[data-table-id="${G}"][data-row-index="${i}"]`
-    ), $ = (i) => {
-      const R = de.current, I = oe, u = R == null ? void 0 : R.scrollLeft, Z = I == null ? void 0 : I.scrollLeft;
-      i.scrollIntoView({ block: "nearest", inline: "nearest" }), R && u !== void 0 && (R.scrollLeft = u), I && Z !== void 0 && (I.scrollLeft = Z), h || (_e.current = { key: M, index: L });
-    }, x = s(L);
-    if (x) {
-      $(x);
+    const v = P && Ie === 0, a = (o) => i.querySelector(
+      `[data-table-id="${q}"][data-row-index="${o}"]`
+    ), $ = (o) => {
+      const g = re.current, M = de, B = g == null ? void 0 : g.scrollLeft, b = M == null ? void 0 : M.scrollLeft;
+      o.scrollIntoView({ block: "nearest", inline: "nearest" }), g && B !== void 0 && (g.scrollLeft = B), M && b !== void 0 && (M.scrollLeft = b), v || (Oe.current = { key: T, index: z });
+    }, m = a(z);
+    if (m) {
+      $(m);
       return;
     }
-    if (!H)
+    if (!J)
       return;
-    const a = [...$e.current.values()].find(
-      (i) => L >= i.startIndex && L < i.startIndex + i.count
+    const y = [...Ne.current.values()].find(
+      (o) => z >= o.startIndex && z < o.startIndex + o.count
     );
-    if (!a)
+    if (!y)
       return;
-    a.scrollToIndex(L - a.startIndex);
-    let o = 0, d = 0;
-    const v = () => {
-      const i = s(L);
-      if (i) {
-        $(i);
+    y.scrollToIndex(z - y.startIndex);
+    let l = 0, f = 0;
+    const d = () => {
+      const o = a(z);
+      if (o) {
+        $(o);
         return;
       }
-      ++d < Dt && (o = requestAnimationFrame(v));
+      ++f < Kt && (l = requestAnimationFrame(d));
     };
-    return o = requestAnimationFrame(v), () => cancelAnimationFrame(o);
+    return l = requestAnimationFrame(d), () => cancelAnimationFrame(l);
   }, [
-    M,
-    L,
-    H,
-    ke,
-    oe,
+    T,
+    z,
+    J,
+    Ee,
+    de,
     P,
-    Ne,
+    Ie,
+    s,
     c,
-    p,
-    G,
-    K
+    q,
+    te
   ]);
-  const Re = j(null), Be = (t, n) => {
-    Re.current = t, Se(Math.min(Math.max(0, n), O.length - 1));
+  const ze = A(null), Ve = (t, i) => {
+    ze.current = t, Ce(Math.min(Math.max(0, i), O.length - 1));
   };
-  Qe(() => {
-    const t = Re.current;
+  at(() => {
+    const t = ze.current;
     if (!t)
       return;
-    Re.current = null;
-    const n = t.getRootNode(), s = ((a) => n.querySelector(
-      `[data-table-id="${G}"][data-row-index="${a}"]`
-    ))(V);
-    if (s) {
-      s.focus();
+    ze.current = null;
+    const i = t.getRootNode(), a = ((y) => i.querySelector(
+      `[data-table-id="${q}"][data-row-index="${y}"]`
+    ))(X);
+    if (a) {
+      a.focus();
       return;
     }
-    const $ = n.querySelectorAll(
-      `[data-table-id="${G}"][data-row-index]`
-    ), x = V > 0 ? $[$.length - 1] : $[0];
-    x && (Se(Number(x.dataset.rowIndex)), x.focus());
-  }, [V, G]);
-  const Fe = (t, n) => (h) => {
-    const s = { ArrowDown: 1, ArrowUp: -1 }[h.key];
-    if (s !== void 0) {
-      h.preventDefault(), Be(h.currentTarget, t + s);
+    const $ = i.querySelectorAll(
+      `[data-table-id="${q}"][data-row-index]`
+    ), m = X > 0 ? $[$.length - 1] : $[0];
+    m && (Ce(Number(m.dataset.rowIndex)), m.focus());
+  }, [X, q]);
+  const Ze = (t, i) => (v) => {
+    const a = { ArrowDown: 1, ArrowUp: -1 }[v.key];
+    if (a !== void 0) {
+      v.preventDefault(), Ve(v.currentTarget, t + a);
       return;
     }
-    if (!H && (h.key === "Home" || h.key === "End")) {
-      h.preventDefault(), Be(h.currentTarget, h.key === "Home" ? 0 : O.length - 1);
+    if (!J && (v.key === "Home" || v.key === "End")) {
+      v.preventDefault(), Ve(v.currentTarget, v.key === "Home" ? 0 : O.length - 1);
       return;
     }
-    n && St(h, n, "enter");
+    i && Wt(v, i, "enter");
   };
-  if (q === "detached") {
-    const t = Y ? _t(e) : 0, n = Y ? { minWidth: t } : {}, h = {
+  if (Y === "detached") {
+    const t = U ? { minWidth: Ue } : {}, i = (l, f) => ({
+      ...U && l.width === void 0 ? { minWidth: l.minWidth ?? ft } : {},
+      ...qt(
+        Re.offsets.get(l.key),
+        l.key === Re.edgeKey,
+        $t,
+        f
+      )
+    }), v = P ? "var(--malachite-table-header-background, #f7f7f7)" : "var(--malachite-table-background, #f7f7f7)", a = {
       border: "1px solid var(--malachite-card-border, #e8e8e8)",
-      borderRadius: te,
-      overflow: "hidden",
+      borderRadius: ie,
+      overflow: "clip",
       flexShrink: 0,
-      ...n
-    }, s = (a, o, d = !1, v = !1, i, R = V) => {
-      const I = Ee(a, o), u = (F == null ? void 0 : F(a, o)) || {}, Z = B == null ? void 0 : B(a, o), he = o === L, ue = y || u.onClick ? () => {
-        var S;
-        y == null || y(a, o), (S = u.onClick) == null || S.call(u, a, o);
-      } : void 0, Ie = !!ue, ut = d ? {} : Je;
-      return /* @__PURE__ */ r(
+      ...t
+    }, $ = (l, f, d = !1, o = !1, g, M = X) => {
+      const B = Te(l, f), b = (j == null ? void 0 : j(l, f)) || {}, Ct = F == null ? void 0 : F(l, f), pe = f === z, ge = k || b.onClick ? () => {
+        var N;
+        k == null || k(l, f), (N = b.onClick) == null || N.call(b, l, f);
+      } : void 0, ve = !!ge, Et = d ? {} : it;
+      return /* @__PURE__ */ E(
         "div",
         {
-          ref: i == null ? void 0 : i.measureRef,
-          "data-index": i == null ? void 0 : i.index,
-          "data-table-id": G,
-          "data-row-index": o,
-          "aria-current": he ? "true" : void 0,
-          tabIndex: Ie ? o === R ? 0 : -1 : void 0,
-          onKeyDown: Ie ? Fe(o, ue) : void 0,
+          ref: g == null ? void 0 : g.measureRef,
+          "data-index": g == null ? void 0 : g.index,
+          "data-table-id": q,
+          "data-row-index": f,
+          "aria-current": pe ? "true" : void 0,
+          tabIndex: ve ? f === M ? 0 : -1 : void 0,
+          onKeyDown: ve ? Ze(f, ge) : void 0,
           className: `
                         group bg-[var(--malachite-table-row-background,#fff)] flex min-h-10 items-stretch relative w-full
-                        ${Ie ? `cursor-pointer hover:bg-[var(--malachite-table-row-hover-background,#fafafa)] ${Ue}` : ""}
-                        ${(A == null ? void 0 : A(a, o)) || ""}
+                        ${ve ? `cursor-pointer hover:bg-[var(--malachite-table-row-hover-background,#fafafa)] ${Ke}` : ""}
+                        ${(H == null ? void 0 : H(l, f)) || ""}
                     `,
           style: {
-            ...ut,
-            ...n,
-            scrollMarginTop: ft,
+            ...Et,
+            ...t,
+            scrollMarginTop: kt,
             // Echo the card's clip, or it cuts the accent bar's end into a stub.
-            ...v ? {
-              borderTopLeftRadius: te,
-              borderTopRightRadius: te
+            ...o ? {
+              borderTopLeftRadius: ie,
+              borderTopRightRadius: ie
             } : {},
             ...d ? {
-              borderBottomLeftRadius: te,
-              borderBottomRightRadius: te
+              borderBottomLeftRadius: ie,
+              borderBottomRightRadius: ie
             } : {},
             // Set unconditionally it would beat `hover:bg-*` on every row.
-            ...he || Z ? {
-              backgroundColor: Z ? `var(--malachite-table-row-variant-${Z}-background)` : "var(--malachite-table-row-background, #fff)"
-            } : {},
-            ...he ? {
-              // backgroundImage: as a colour the tint would composite against
-              // the card behind the row.
-              backgroundImage: `linear-gradient(${pe}, ${pe})`,
+            ...Qt(Ct, pe),
+            ...pe ? {
               // Inset box-shadow, not `ring-*` — see the classic cell.
-              boxShadow: `inset 2px 0 0 ${Ve}`
+              boxShadow: `inset 2px 0 0 ${ot}`
             } : {}
           },
-          onClick: ue ? (S) => {
-            He(S) || ue();
+          onClick: ge ? (N) => {
+            et(N) || ge();
           } : void 0,
-          onDoubleClick: u.onDoubleClick ? () => {
-            var S;
-            return (S = u.onDoubleClick) == null ? void 0 : S.call(u, a, o);
+          onDoubleClick: b.onDoubleClick ? () => {
+            var N;
+            return (N = b.onDoubleClick) == null ? void 0 : N.call(b, l, f);
           } : void 0,
-          onContextMenu: u.onContextMenu ? () => {
-            var S;
-            return (S = u.onContextMenu) == null ? void 0 : S.call(u, a, o);
+          onContextMenu: b.onContextMenu ? () => {
+            var N;
+            return (N = b.onContextMenu) == null ? void 0 : N.call(b, l, f);
           } : void 0,
-          onMouseEnter: u.onMouseEnter ? () => {
-            var S;
-            return (S = u.onMouseEnter) == null ? void 0 : S.call(u, a, o);
+          onMouseEnter: b.onMouseEnter ? () => {
+            var N;
+            return (N = b.onMouseEnter) == null ? void 0 : N.call(b, l, f);
           } : void 0,
-          onMouseLeave: u.onMouseLeave ? () => {
-            var S;
-            return (S = u.onMouseLeave) == null ? void 0 : S.call(u, a, o);
+          onMouseLeave: b.onMouseLeave ? () => {
+            var N;
+            return (N = b.onMouseLeave) == null ? void 0 : N.call(b, l, f);
           } : void 0,
-          children: e.map((S) => /* @__PURE__ */ r(
-            Ut,
-            {
-              column: S,
-              record: a,
-              paddingYClass: ee,
-              index: o,
-              size: w,
-              isSelected: he
-            },
-            S.key
-          ))
+          children: [
+            e.map((N) => /* @__PURE__ */ r(
+              cn,
+              {
+                column: N,
+                record: l,
+                paddingYClass: ne,
+                index: f,
+                size: C,
+                isSelected: pe,
+                cellStyle: i(N, "row")
+              },
+              N.key
+            )),
+            ve && fe ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Mt }) : null
+          ]
         },
-        I
+        B
       );
-    }, $ = (a, o = !1) => /* @__PURE__ */ r(
+    }, m = (l, f = !1) => /* @__PURE__ */ r(
       "div",
       {
         className: "bg-white flex min-h-10 items-stretch w-full",
-        style: { ...o ? {} : Je, ...n },
+        style: { ...f ? {} : it, ...t },
         children: e.map((d) => (d.title === "" || d.title == null) && d.width !== void 0 ? /* @__PURE__ */ r(
           "div",
           {
-            className: `flex items-center ${et(d.align)} shrink-0 overflow-clip px-4 ${ee}`,
-            style: De(d),
+            className: `flex items-center ${ht(d.align)} shrink-0 overflow-clip px-4 ${ne}`,
+            style: {
+              ...Fe(d),
+              ...i(d, "row")
+            },
             children: /* @__PURE__ */ r("div", { className: "h-3 bg-gray-200 rounded animate-pulse w-2/5" })
           },
           d.key
         ) : /* @__PURE__ */ r(
           "div",
           {
-            className: `flex flex-[1_0_0] items-center ${J(d.align)} min-w-0 overflow-clip px-4 ${ee}`,
-            style: ae(d),
+            className: `flex flex-[1_0_0] items-center ${V(d.align)} min-w-0 overflow-clip px-4 ${ne}`,
+            style: {
+              ...se(d),
+              ...i(d, "row")
+            },
             children: /* @__PURE__ */ r("div", { className: "h-3 bg-gray-200 rounded animate-pulse w-3/5" })
           },
           d.key
         ))
       },
-      `skeleton-${a}`
-    ), x = T ? /* @__PURE__ */ r("div", { className: "flex min-h-10 items-stretch w-full", style: n, children: e.map((a) => /* @__PURE__ */ r(
-      At,
+      `skeleton-${l}`
+    ), y = I ? /* @__PURE__ */ r("div", { className: "flex min-h-10 items-stretch w-full", style: t, children: e.map((l) => /* @__PURE__ */ r(
+      dn,
       {
-        column: a,
-        sortDirection: (_ == null ? void 0 : _.key) === a.key ? _.direction : null,
-        onSort: a.sorter ? () => Oe(a.key) : void 0
+        column: l,
+        sortDirection: (_ == null ? void 0 : _.key) === l.key ? _.direction : null,
+        onSort: l.sorter ? () => Ye(l.key) : void 0,
+        cellStyle: i(l, v)
       },
-      a.key
+      l.key
     )) }) : null;
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ E(
       "div",
       {
-        ref: ye,
-        className: `w-full ${U}`,
-        style: { ...Te, ...Q },
+        ref: ke,
+        className: `w-full ${G}`,
+        style: { ...Me, ...Z },
         children: [
-          /* @__PURE__ */ C(
+          /* @__PURE__ */ E(
             "div",
             {
               className: `bg-[var(--malachite-table-background,#f7f7f7)] flex flex-col items-start ${P ? "" : "overflow-clip"} p-[4px] relative rounded-xl w-full`,
               children: [
-                T && /* @__PURE__ */ C(
+                I && /* @__PURE__ */ E(
                   "div",
                   {
-                    ref: ce,
-                    onScroll: Y ? () => qe(ce.current, de.current) : void 0,
+                    ref: je,
                     style: {
                       ...P ? {
                         position: "sticky",
-                        top: be,
+                        top: me,
                         zIndex: 8,
                         backgroundColor: "var(--malachite-table-header-background, #f7f7f7)",
-                        marginInline: -re,
-                        width: `calc(100% + ${re * 2}px)`,
-                        paddingInline: re,
+                        marginInline: -le,
+                        width: `calc(100% + ${le * 2}px)`,
+                        paddingInline: le,
                         // Vertically too, or the card's top frame sits above
                         // the docked header and rows scroll through it.
-                        marginTop: -re,
-                        paddingTop: re
-                      } : { width: "100%" },
-                      ...Y ? { overflowX: "auto", scrollbarWidth: "none" } : {}
+                        marginTop: -le,
+                        paddingTop: le
+                      } : { width: "100%" }
                     },
                     children: [
-                      P && /* @__PURE__ */ r(Ot, {}),
-                      x
+                      P && /* @__PURE__ */ r(nn, {}),
+                      /* @__PURE__ */ r(
+                        "div",
+                        {
+                          ref: we,
+                          onScroll: U ? () => lt(
+                            we.current,
+                            re.current
+                          ) : void 0,
+                          style: U ? {
+                            ...Ht,
+                            paddingRight: wt
+                          } : void 0,
+                          children: y
+                        }
+                      )
                     ]
                   }
                 ),
                 /* @__PURE__ */ r(
                   "div",
                   {
-                    ref: dt,
-                    onScroll: Y ? () => qe(de.current, ce.current) : void 0,
-                    className: `flex flex-col items-start ${Y ? "overflow-x-auto" : "overflow-x-clip"} ${we ? "overflow-y-auto" : "overflow-y-visible"} w-full`,
+                    ref: St,
+                    onScroll: U ? () => {
+                      lt(re.current, we.current), fe && he();
+                    } : void 0,
+                    className: `flex flex-col items-start ${U ? "overflow-x-auto" : "overflow-x-clip"} ${_e ? "overflow-y-auto" : "overflow-y-visible"} w-full`,
                     style: {
                       // Firefox + modern Chromium only; older Webkit keeps its default.
                       scrollbarWidth: "thin",
                       scrollbarColor: "var(--malachite-text-placeholder, rgb(187, 187, 187)) transparent",
                       // With an external virtual scroller the body is overflow-visible and
                       // a bounded box would overlap content below it.
-                      ...z && we ? {
-                        maxHeight: Wt(
-                          z,
-                          !!f
+                      ...L && _e ? {
+                        maxHeight: ln(
+                          L,
+                          !!h
                         )
                       } : {}
                     },
-                    children: p ? /* @__PURE__ */ r("div", { className: "flex flex-col w-full", style: h, children: /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center bg-white w-full py-12", children: [
-                      /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[14px] font-medium mb-1", children: E }),
-                      /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[13px]", children: b })
-                    ] }) }) : c ? /* @__PURE__ */ r("div", { className: "flex flex-col w-full", style: h, children: (() => {
-                      const a = f != null && f.pageSize ? Math.min(f.pageSize, 10) : 5;
-                      return Array.from({ length: a }).map(
-                        (o, d) => $(d, d === a - 1)
+                    children: c ? /* @__PURE__ */ r("div", { className: "flex flex-col w-full", style: a, children: /* @__PURE__ */ E("div", { className: "flex flex-col items-center justify-center bg-white w-full py-12", children: [
+                      /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[14px] font-medium mb-1", children: R }),
+                      /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[13px]", children: u })
+                    ] }) }) : s ? /* @__PURE__ */ r("div", { className: "flex flex-col w-full", style: a, children: (() => {
+                      const l = h != null && h.pageSize ? Math.min(h.pageSize, 10) : 5;
+                      return Array.from({ length: l }).map(
+                        (f, d) => m(d, d === l - 1)
                       );
-                    })() }) : O.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col w-full", style: h, children: /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center bg-white w-full py-12", children: [
-                      /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[14px] font-medium", children: g }),
-                      k && /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[13px] mt-1", children: k })
+                    })() }) : O.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col w-full", style: a, children: /* @__PURE__ */ E("div", { className: "flex flex-col items-center justify-center bg-white w-full py-12", children: [
+                      /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[14px] font-medium", children: S }),
+                      x && /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[13px] mt-1", children: x })
                     ] }) }) : (() => {
-                      const a = (d, v, i) => H ? /* @__PURE__ */ r(
-                        Lt,
+                      const l = (d, o, g) => J ? /* @__PURE__ */ r(
+                        rn,
                         {
-                          cardKey: i,
+                          cardKey: g,
                           records: d,
-                          startIndex: v,
-                          scrollElement: ke,
-                          estimateRowHeight: st,
-                          style: h,
-                          renderRow: s,
-                          registerHandle: it,
-                          rovingIndex: V
+                          startIndex: o,
+                          scrollElement: Ee,
+                          estimateRowHeight: mt,
+                          style: a,
+                          renderRow: $,
+                          registerHandle: bt,
+                          rovingIndex: X
                         },
-                        `section-card-${i}`
+                        `section-card-${g}`
                       ) : /* @__PURE__ */ r(
                         "div",
                         {
                           className: "flex flex-col w-full",
-                          style: h,
+                          style: a,
                           children: d.map(
-                            (R, I) => s(
-                              R,
-                              v + I,
-                              I === d.length - 1,
-                              I === 0
+                            (M, B) => $(
+                              M,
+                              o + B,
+                              B === d.length - 1,
+                              B === 0
                             )
                           )
                         },
-                        `section-card-${i}`
+                        `section-card-${g}`
                       );
-                      if (Ce.size === 0)
-                        return a(O, 0, "all");
-                      const o = [...Ce.keys()].sort((d, v) => d - v);
-                      return o.map((d, v) => {
-                        const i = Ce.get(d);
-                        if (!i)
+                      if (De.size === 0)
+                        return l(O, 0, "all");
+                      const f = [...De.keys()].sort((d, o) => d - o);
+                      return f.map((d, o) => {
+                        const g = De.get(d);
+                        if (!g)
                           return null;
-                        const R = v + 1 < o.length ? o[v + 1] : O.length, I = O.slice(d, R), u = ge == null ? void 0 : ge(
-                          i.key,
-                          i.records
+                        const M = o + 1 < f.length ? f[o + 1] : O.length, B = O.slice(d, M), b = Se == null ? void 0 : Se(
+                          g.key,
+                          g.records
                         );
-                        return /* @__PURE__ */ C(xt.Fragment, { children: [
-                          u != null ? /* @__PURE__ */ r(
+                        return /* @__PURE__ */ E(_t.Fragment, { children: [
+                          b != null ? /* @__PURE__ */ r(
                             "div",
                             {
                               className: "table-section-divider",
-                              style: n,
-                              children: u
+                              style: U ? Gt : void 0,
+                              children: b
                             }
                           ) : null,
-                          a(I, d, i.key)
-                        ] }, `section-${i.key}`);
+                          l(B, d, g.key)
+                        ] }, `section-${g.key}`);
                       });
                     })()
                   }
@@ -750,41 +841,41 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
               ]
             }
           ),
-          f && !c && /* @__PURE__ */ r(
-            Pe,
+          h && !s && /* @__PURE__ */ r(
+            tt,
             {
-              current: f.current ?? 1,
-              pageSize: f.pageSize ?? 10,
-              total: f.total ?? 0,
-              showSizeChanger: f.showSizeChanger,
-              showQuickJumper: f.showQuickJumper,
-              showTotal: f.showTotal,
-              pageSizeOptions: f.pageSizeOptions,
-              onChange: f.onChange,
-              onShowSizeChange: f.onShowSizeChange
+              current: h.current ?? 1,
+              pageSize: h.pageSize ?? 10,
+              total: h.total ?? 0,
+              showSizeChanger: h.showSizeChanger,
+              showQuickJumper: h.showQuickJumper,
+              showTotal: h.showTotal,
+              pageSizeOptions: h.pageSizeOptions,
+              onChange: h.onChange,
+              onShowSizeChange: h.onShowSizeChange
             }
           )
         ]
       }
     );
   }
-  const ht = (t) => {
-    const n = t.sorter, s = (_ == null ? void 0 : _.key) === t.key ? _ == null ? void 0 : _.direction : null, $ = /* @__PURE__ */ C("div", { className: `flex items-center gap-2 ${J(t.align)}`, children: [
+  const Nt = (t) => {
+    const i = t.sorter, a = (_ == null ? void 0 : _.key) === t.key ? _ == null ? void 0 : _.direction : null, $ = /* @__PURE__ */ E("div", { className: `flex items-center gap-2 ${V(t.align)}`, children: [
       /* @__PURE__ */ r("span", { children: t.title }),
-      t.info && /* @__PURE__ */ r(xe, { info: t.info }),
-      n && /* @__PURE__ */ C("div", { className: "flex flex-col", children: [
+      t.info && /* @__PURE__ */ r(be, { info: t.info }),
+      i && /* @__PURE__ */ E("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ r(
-          vt,
+          Dt,
           {
             size: 12,
-            className: s === "asc" ? "text-blue-600" : "text-gray-400"
+            className: a === "asc" ? "text-blue-600" : "text-gray-400"
           }
         ),
         /* @__PURE__ */ r(
-          Ye,
+          st,
           {
             size: 12,
-            className: `-mt-1 ${s === "desc" ? "text-blue-600" : "text-gray-400"}`
+            className: `-mt-1 ${a === "desc" ? "text-blue-600" : "text-gray-400"}`
           }
         )
       ] })
@@ -794,16 +885,16 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
       {
         className: `
                     table-header table-cell px-4 py-3 font-semibold border-0 first:rounded-tl-lg last:rounded-tr-lg
-                    ${ie(w)}
-                    ${se(t.align)}
+                    ${ae(C)}
+                    ${oe(t.align)}
                 `,
         style: { width: t.width },
-        "aria-sort": n ? Bt(s) : void 0,
-        children: n ? /* @__PURE__ */ r(
+        "aria-sort": i ? an(a) : void 0,
+        children: i ? /* @__PURE__ */ r(
           "button",
           {
-            ...tt(t.title, () => Oe(t.key)),
-            className: `flex w-full items-center ${J(t.align)} cursor-pointer hover:opacity-80 appearance-none bg-transparent border-0 p-0 font-semibold text-inherit ${se(t.align)}`,
+            ...ut(t.title, () => Ye(t.key)),
+            className: `flex w-full items-center ${V(t.align)} cursor-pointer hover:opacity-80 appearance-none bg-transparent border-0 p-0 font-semibold text-inherit ${oe(t.align)}`,
             children: $
           }
         ) : $
@@ -811,33 +902,33 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
       t.key
     );
   };
-  return p ? /* @__PURE__ */ r("div", { className: "w-full", style: { ...Te, ...Q }, children: /* @__PURE__ */ r(
+  return c ? /* @__PURE__ */ r("div", { className: "w-full", style: { ...Me, ...Z }, children: /* @__PURE__ */ r(
     "div",
     {
       className: "overflow-x-auto",
       style: {
-        ...z ? { maxHeight: z } : {}
+        ...L ? { maxHeight: L } : {}
       },
-      children: /* @__PURE__ */ C("table", { className: "w-full border-collapse rounded-lg overflow-hidden", children: [
-        T && /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: e.map((t) => /* @__PURE__ */ r(
+      children: /* @__PURE__ */ E("table", { className: "w-full border-collapse rounded-lg overflow-hidden", children: [
+        I && /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: e.map((t) => /* @__PURE__ */ r(
           "th",
           {
             className: `
                                                     table-header table-cell px-4 py-3 font-semibold border-0 first:rounded-tl-lg last:rounded-tr-lg
-                                                    ${m ? "table-cell-bordered table-cell-bordered-top" : ""}
-                                                    ${m && t === e[0] ? "table-cell-bordered-left" : ""}
-                                                    ${m && t === e[e.length - 1] ? "table-cell-bordered-right" : ""}
-                                                    ${ie(w)}
-                                                    ${se(t.align)}
+                                                    ${p ? "table-cell-bordered table-cell-bordered-top" : ""}
+                                                    ${p && t === e[0] ? "table-cell-bordered-left" : ""}
+                                                    ${p && t === e[e.length - 1] ? "table-cell-bordered-right" : ""}
+                                                    ${ae(C)}
+                                                    ${oe(t.align)}
                                                 `,
             style: { width: t.width },
-            children: /* @__PURE__ */ C(
+            children: /* @__PURE__ */ E(
               "div",
               {
-                className: `flex items-center gap-2 ${J(t.align)}`,
+                className: `flex items-center gap-2 ${V(t.align)}`,
                 children: [
                   /* @__PURE__ */ r("span", { children: t.title }),
-                  t.info && /* @__PURE__ */ r(xe, { info: t.info })
+                  t.info && /* @__PURE__ */ r(be, { info: t.info })
                 ]
               }
             )
@@ -849,70 +940,70 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
           {
             colSpan: e.length + (W ? 1 : 0),
             className: "px-4 py-12 text-center",
-            children: /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center", children: [
-              /* @__PURE__ */ r("div", { className: "table-error-icon w-12 h-12 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ r(mt, { size: 24 }) }),
-              /* @__PURE__ */ r("div", { className: "table-error-title text-lg font-semibold mb-2", children: E }),
-              /* @__PURE__ */ r("div", { className: "table-error-subtitle text-sm", children: b })
+            children: /* @__PURE__ */ E("div", { className: "flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ r("div", { className: "table-error-icon w-12 h-12 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ r(Ot, { size: 24 }) }),
+              /* @__PURE__ */ r("div", { className: "table-error-title text-lg font-semibold mb-2", children: R }),
+              /* @__PURE__ */ r("div", { className: "table-error-subtitle text-sm", children: u })
             ] })
           }
         ) }) })
       ] })
     }
-  ) }) : /* @__PURE__ */ C(
+  ) }) : /* @__PURE__ */ E(
     "div",
     {
-      ref: ye,
-      className: `w-full ${U}`,
-      style: { ...Te, ...Q },
+      ref: ke,
+      className: `w-full ${G}`,
+      style: { ...Me, ...Z },
       children: [
         /* @__PURE__ */ r(
           "div",
           {
-            className: `overflow-hidden rounded-lg ${m ? "table-bordered-container" : "table-container-border"}`,
-            "data-bordered": m ? "true" : "false",
+            className: `overflow-hidden rounded-lg ${p ? "table-bordered-container" : "table-container-border"}`,
+            "data-bordered": p ? "true" : "false",
             children: /* @__PURE__ */ r(
               "div",
               {
                 className: "overflow-x-auto",
                 style: {
-                  ...z ? { maxHeight: z } : {}
+                  ...L ? { maxHeight: L } : {}
                 },
-                children: /* @__PURE__ */ C(
+                children: /* @__PURE__ */ E(
                   "table",
                   {
-                    className: `w-full ${X === "fixed" || e.some((t) => t.width) ? "table-fixed" : "table-auto"} ${m ? "border-separate table-bordered" : "border-collapse"} rounded-lg overflow-hidden`,
+                    className: `w-full ${ee === "fixed" || e.some((t) => t.width) ? "table-fixed" : "table-auto"} ${p ? "border-separate table-bordered" : "border-collapse"} rounded-lg overflow-hidden`,
                     style: { borderSpacing: "0" },
                     children: [
-                      T && /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: e.map((t) => ht(t)) }) }),
-                      /* @__PURE__ */ r("tbody", { children: c ? Array.from({ length: 5 }).map((t, n) => /* @__PURE__ */ r(
+                      I && /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: e.map((t) => Nt(t)) }) }),
+                      /* @__PURE__ */ r("tbody", { children: s ? Array.from({ length: 5 }).map((t, i) => /* @__PURE__ */ r(
                         "tr",
                         {
-                          className: `table-row ${m ? "table-row-bordered" : ""}`,
-                          children: e.map((h) => /* @__PURE__ */ r(
+                          className: `table-row ${p ? "table-row-bordered" : ""}`,
+                          children: e.map((v) => /* @__PURE__ */ r(
                             "td",
                             {
-                              className: `table-cell px-4 ${ee} text-left ${ie(w)}`,
-                              style: { width: h.width },
+                              className: `table-cell px-4 ${ne} text-left ${ae(C)}`,
+                              style: { width: v.width },
                               children: /* @__PURE__ */ r("div", { className: "h-4 bg-gray-200 rounded animate-pulse" })
                             },
-                            h.key
+                            v.key
                           ))
                         },
-                        n
+                        i
                       )) : O.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
                         "td",
                         {
                           colSpan: e.length + (W ? 1 : 0),
                           className: "px-4 py-12 text-center",
-                          children: /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center", children: [
-                            /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[14px] font-medium", children: g }),
-                            k && /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[13px] mt-1", children: k })
+                          children: /* @__PURE__ */ E("div", { className: "flex flex-col items-center justify-center", children: [
+                            /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[14px] font-medium", children: S }),
+                            x && /* @__PURE__ */ r("div", { className: "text-[var(--malachite-text-secondary)] text-[13px] mt-1", children: x })
                           ] })
                         }
-                      ) }) : O.map((t, n) => {
-                        const h = Ee(t, n), s = (F == null ? void 0 : F(t, n)) || {}, $ = B == null ? void 0 : B(t, n), x = n === 0, a = n === l.length - 1, o = n === L, d = $ ? `var(--malachite-table-row-variant-${$}-background)` : void 0, v = y || s.onClick ? () => {
-                          var i;
-                          y == null || y(t, n), (i = s.onClick) == null || i.call(s, t, n);
+                      ) }) : O.map((t, i) => {
+                        const v = Te(t, i), a = (j == null ? void 0 : j(t, i)) || {}, $ = F == null ? void 0 : F(t, i), m = i === 0, y = i === n.length - 1, l = i === z, f = $ ? `var(--malachite-table-row-variant-${$}-background)` : void 0, d = k || a.onClick ? () => {
+                          var o;
+                          k == null || k(t, i), (o = a.onClick) == null || o.call(a, t, i);
                         } : void 0;
                         return (
                           // Keeps `row` semantics: `role="button"` would strip the table
@@ -920,59 +1011,59 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
                           /* @__PURE__ */ r(
                             "tr",
                             {
-                              "data-table-id": G,
-                              "data-row-index": n,
-                              "aria-current": o ? "true" : void 0,
-                              tabIndex: v ? n === V ? 0 : -1 : void 0,
-                              onKeyDown: v ? Fe(n, v) : void 0,
+                              "data-table-id": q,
+                              "data-row-index": i,
+                              "aria-current": l ? "true" : void 0,
+                              tabIndex: d ? i === X ? 0 : -1 : void 0,
+                              onKeyDown: d ? Ze(i, d) : void 0,
                               className: `
-                                                ${m ? "table-row-bordered" : `table-row ${o ? "" : "hover:opacity-80"}`}
-                                                ${(A == null ? void 0 : A(t, n)) || ""}
-                                                ${v ? `cursor-pointer ${Ue}` : ""}
+                                                ${p ? "table-row-bordered" : `table-row ${l ? "" : "hover:opacity-80"}`}
+                                                ${(H == null ? void 0 : H(t, i)) || ""}
+                                                ${d ? `cursor-pointer ${Ke}` : ""}
                                             `,
-                              onClick: v ? (i) => {
-                                He(i) || v();
+                              onClick: d ? (o) => {
+                                et(o) || d();
                               } : void 0,
-                              onDoubleClick: s.onDoubleClick ? () => {
-                                var i;
-                                return (i = s.onDoubleClick) == null ? void 0 : i.call(s, t, n);
+                              onDoubleClick: a.onDoubleClick ? () => {
+                                var o;
+                                return (o = a.onDoubleClick) == null ? void 0 : o.call(a, t, i);
                               } : void 0,
-                              onContextMenu: s.onContextMenu ? () => {
-                                var i;
-                                return (i = s.onContextMenu) == null ? void 0 : i.call(s, t, n);
+                              onContextMenu: a.onContextMenu ? () => {
+                                var o;
+                                return (o = a.onContextMenu) == null ? void 0 : o.call(a, t, i);
                               } : void 0,
-                              onMouseEnter: s.onMouseEnter ? () => {
-                                var i;
-                                return (i = s.onMouseEnter) == null ? void 0 : i.call(s, t, n);
+                              onMouseEnter: a.onMouseEnter ? () => {
+                                var o;
+                                return (o = a.onMouseEnter) == null ? void 0 : o.call(a, t, i);
                               } : void 0,
-                              onMouseLeave: s.onMouseLeave ? () => {
-                                var i;
-                                return (i = s.onMouseLeave) == null ? void 0 : i.call(s, t, n);
+                              onMouseLeave: a.onMouseLeave ? () => {
+                                var o;
+                                return (o = a.onMouseLeave) == null ? void 0 : o.call(a, t, i);
                               } : void 0,
-                              children: e.map((i) => {
-                                const R = i === e[0], I = i === e[e.length - 1];
+                              children: e.map((o) => {
+                                const g = o === e[0], M = o === e[e.length - 1];
                                 return /* @__PURE__ */ r(
-                                  jt,
+                                  on,
                                   {
-                                    column: i,
+                                    column: o,
                                     record: t,
-                                    index: n,
-                                    size: w,
-                                    paddingYClass: ee,
-                                    bordered: m,
-                                    isFirstRow: x,
-                                    isLastRow: a,
-                                    isFirstColumn: R,
-                                    isLastColumn: I,
-                                    variantBackground: d,
-                                    isSelected: o,
-                                    showSelectedAccent: o && R
+                                    index: i,
+                                    size: C,
+                                    paddingYClass: ne,
+                                    bordered: p,
+                                    isFirstRow: m,
+                                    isLastRow: y,
+                                    isFirstColumn: g,
+                                    isLastColumn: M,
+                                    variantBackground: f,
+                                    isSelected: l,
+                                    showSelectedAccent: l && g
                                   },
-                                  i.key
+                                  o.key
                                 );
                               })
                             },
-                            h
+                            v
                           )
                         );
                       }) })
@@ -983,18 +1074,18 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
             )
           }
         ),
-        f && !c && /* @__PURE__ */ r(
-          Pe,
+        h && !s && /* @__PURE__ */ r(
+          tt,
           {
-            current: f.current ?? 1,
-            pageSize: f.pageSize ?? 10,
-            total: f.total ?? 0,
-            showSizeChanger: f.showSizeChanger,
-            showQuickJumper: f.showQuickJumper,
-            showTotal: f.showTotal,
-            pageSizeOptions: f.pageSizeOptions,
-            onChange: f.onChange,
-            onShowSizeChange: f.onShowSizeChange
+            current: h.current ?? 1,
+            pageSize: h.pageSize ?? 10,
+            total: h.total ?? 0,
+            showSizeChanger: h.showSizeChanger,
+            showQuickJumper: h.showQuickJumper,
+            showTotal: h.showTotal,
+            pageSizeOptions: h.pageSizeOptions,
+            onChange: h.onChange,
+            onShowSizeChange: h.onShowSizeChange
           }
         )
       ]
@@ -1002,6 +1093,6 @@ const kt = 160, wt = (e, l) => e.length === l.length && e.every((c, p) => c ===
   );
 };
 export {
-  rr as default
+  kn as default
 };
 //# sourceMappingURL=Table.js.map