@stackone/malachite 2.31.0 → 2.32.0

package/dist/components/Table/Table.js

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