@reportportal/ui-kit 0.0.1-alpha.164 → 0.0.1-alpha.165

package/dist/{table-5fc80c4b.js → table-03bd209d.js}

@@ -8,129 +8,129 @@ import { C as ae } from "./checkbox-493fdc63.js";
 import { Tooltip as Pt } from "./tooltip.js";
 import { createPortal as Bt } from "react-dom";
 import { i as St } from "./isEmpty-ccacb5ff.js";
-const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_1rtld_67", qt = "_selectable_1rtld_84", Ut = "_expanded_1rtld_80", Dt = "_label_1rtld_353", jt = {
+const tt = (t) => typeof t == "string", Gt = "_table_1se0v_1", Ft = "_resizable_1se0v_67", qt = "_selectable_1se0v_84", Ut = "_expanded_1se0v_80", Dt = "_label_1se0v_353", jt = {
   table: Gt,
-  "fixed-header": "_fixed-header_1rtld_10",
-  "external-scroll-container": "_external-scroll-container_1rtld_14",
-  "horizontally-scrollable-container": "_horizontally-scrollable-container_1rtld_21",
-  "table-header": "_table-header_1rtld_26",
-  "sticky-header": "_sticky-header_1rtld_34",
-  "pinned-header": "_pinned-header_1rtld_44",
-  "horizontally-scrollable": "_horizontally-scrollable_1rtld_21",
+  "fixed-header": "_fixed-header_1se0v_10",
+  "external-scroll-container": "_external-scroll-container_1se0v_14",
+  "horizontally-scrollable-container": "_horizontally-scrollable-container_1se0v_21",
+  "table-header": "_table-header_1se0v_26",
+  "sticky-header": "_sticky-header_1se0v_34",
+  "pinned-header": "_pinned-header_1se0v_44",
+  "horizontally-scrollable": "_horizontally-scrollable_1se0v_21",
   resizable: Ft,
-  "resizable-column": "_resizable-column_1rtld_67",
-  "table-row": "_table-row_1rtld_75",
-  "expanded-cell": "_expanded-cell_1rtld_80",
+  "resizable-column": "_resizable-column_1se0v_67",
+  "table-row": "_table-row_1se0v_75",
+  "expanded-cell": "_expanded-cell_1se0v_80",
   selectable: qt,
-  "row-content-wrapper": "_row-content-wrapper_1rtld_88",
-  "pinned-column": "_pinned-column_1rtld_96",
-  "has-scroll": "_has-scroll_1rtld_96",
-  "table-row-content": "_table-row-content_1rtld_99",
-  "expand-cell": "_expand-cell_1rtld_116",
-  "left-border-accent": "_left-border-accent_1rtld_119",
-  "size-small": "_size-small_1rtld_129",
-  "size-large": "_size-large_1rtld_140",
-  "table-body": "_table-body_1rtld_152",
-  "scrollable-body": "_scrollable-body_1rtld_158",
-  "table-header-cell": "_table-header-cell_1rtld_222",
-  "table-cell": "_table-cell_1rtld_223",
-  "action-menu-cell": "_action-menu-cell_1rtld_229",
-  "checkbox-cell": "_checkbox-cell_1rtld_257",
-  "expand-all-tooltip-wrapper": "_expand-all-tooltip-wrapper_1rtld_302",
-  "expand-all-tooltip-content": "_expand-all-tooltip-content_1rtld_311",
-  "expand-icon": "_expand-icon_1rtld_320",
+  "row-content-wrapper": "_row-content-wrapper_1se0v_88",
+  "pinned-column": "_pinned-column_1se0v_96",
+  "has-scroll": "_has-scroll_1se0v_96",
+  "table-row-content": "_table-row-content_1se0v_99",
+  "expand-cell": "_expand-cell_1se0v_116",
+  "left-border-accent": "_left-border-accent_1se0v_119",
+  "size-small": "_size-small_1se0v_129",
+  "size-large": "_size-large_1se0v_140",
+  "table-body": "_table-body_1se0v_152",
+  "scrollable-body": "_scrollable-body_1se0v_158",
+  "table-header-cell": "_table-header-cell_1se0v_222",
+  "table-cell": "_table-cell_1se0v_223",
+  "action-menu-cell": "_action-menu-cell_1se0v_229",
+  "checkbox-cell": "_checkbox-cell_1se0v_257",
+  "expand-all-tooltip-wrapper": "_expand-all-tooltip-wrapper_1se0v_302",
+  "expand-all-tooltip-content": "_expand-all-tooltip-content_1se0v_311",
+  "expand-icon": "_expand-icon_1se0v_320",
   expanded: Ut,
-  "primary-cell": "_primary-cell_1rtld_329",
+  "primary-cell": "_primary-cell_1se0v_329",
   label: Dt,
-  "sortable-cell": "_sortable-cell_1rtld_367",
-  "align-right": "_align-right_1rtld_370",
-  "align-center": "_align-center_1rtld_376",
-  "table-wrapper": "_table-wrapper_1rtld_430",
-  "checkbox-column": "_checkbox-column_1rtld_442",
-  "checkbox-header": "_checkbox-header_1rtld_454",
-  "checkbox-body": "_checkbox-body_1rtld_478",
-  "checkbox-row": "_checkbox-row_1rtld_485"
-}, nt = "asc", Z = 32, rt = 100, Rt = 48, we = 48, Xt = (t) => t.toLowerCase() === nt, It = (t) => t.map((c) => c.key), C = (t) => "primary" in t && t.primary === !0, Qe = (t) => {
+  "sortable-cell": "_sortable-cell_1se0v_367",
+  "align-right": "_align-right_1se0v_370",
+  "align-center": "_align-center_1se0v_376",
+  "table-wrapper": "_table-wrapper_1se0v_430",
+  "checkbox-column": "_checkbox-column_1se0v_442",
+  "checkbox-header": "_checkbox-header_1se0v_454",
+  "checkbox-body": "_checkbox-body_1se0v_478",
+  "checkbox-row": "_checkbox-row_1se0v_485"
+}, nt = "asc", Z = 32, st = 100, Rt = 48, we = 48, Xt = (t) => t.toLowerCase() === nt, It = (t) => t.map((c) => c.key), C = (t) => "primary" in t && t.primary === !0, Qe = (t) => {
   var o;
   return `size-${((o = t.rowConfigs) == null ? void 0 : o.size) ?? "default"}`;
-}, ye = (t) => tt(t) ? t : `${t}px`, Vt = (t, c, o, l, p, u = !1) => {
+}, ye = (t) => tt(t) ? t : `${t}px`, Vt = (t, c, o, i, p, u = !1) => {
   let d = 0;
-  l && (d += Z), p && !u && (d += Z);
-  for (let _ = 0; _ < t; _++) {
-    const i = c[_];
-    if (C(i)) {
-      const s = o.current.get(i.key) || rt;
-      d += s;
+  i && (d += Z), p && !u && (d += Z);
+  for (let v = 0; v < t; v++) {
+    const l = c[v];
+    if (C(l)) {
+      const r = o.current.get(l.key) || st;
+      d += r;
     } else {
-      const s = i, a = tt(s.width) ? parseInt(s.width, 10) || 0 : s.width;
+      const r = l, a = tt(r.width) ? parseInt(r.width, 10) || 0 : r.width;
       d += a;
     }
   }
   return d;
-}, de = (t, c, o, l, p, u, d, _ = !1) => {
-  const i = {};
+}, de = (t, c, o, i, p, u, d, v = !1) => {
+  const l = {};
   if (!C(t)) {
-    const s = t;
-    i.textAlign = s.align;
+    const r = t;
+    l.textAlign = r.align;
   }
   if (c && o !== void 0) {
-    const s = Vt(
+    const r = Vt(
       o,
-      l,
+      i,
       p,
       u,
       d,
-      _
+      v
     );
-    i.left = `${s}px`;
+    l.left = `${r}px`;
   }
-  return i;
-}, Ze = (t, c, o, l, p, u = !1, d, _ = !1, i = !1) => {
-  const s = [];
-  o && s.push(`${Z}px`), u && l && !i && s.push(`${Z}px`);
+  return l;
+}, Ze = (t, c, o, i, p, u = !1, d, v = !1, l = !1) => {
+  const r = [];
+  o && r.push(`${Z}px`), u && i && !l && r.push(`${Z}px`);
   const a = (b) => {
     if ((d == null ? void 0 : d[b.key]) !== void 0) {
-      s.push(`${d[b.key]}px`);
+      r.push(`${d[b.key]}px`);
       return;
     }
     if (C(b)) {
       const y = b;
-      if (_ && y.width) {
-        s.push(ye(y.width));
+      if (v && y.width) {
+        r.push(ye(y.width));
         return;
       }
-      const L = y.width ? ye(y.width) : `${rt}px`;
-      s.push(`minmax(${L}, 1fr)`);
+      const L = y.width ? ye(y.width) : `${st}px`;
+      r.push(`minmax(${L}, 1fr)`);
     } else {
       const L = ye(b.width);
-      s.push(L);
+      r.push(L);
     }
   };
-  return t.forEach(a), c.forEach(a), p && s.push(`${Rt}px`), s.join(" ");
+  return t.forEach(a), c.forEach(a), p && r.push(`${Rt}px`), r.join(" ");
 }, Ct = ({
   primaryColumns: t,
   fixedColumns: c,
   pinnedColumnKeys: o
 }) => Q(() => {
-  const l = [], p = [];
+  const i = [], p = [];
   return t.forEach((u) => {
     const d = { ...u, primary: !0 };
-    o.includes(u.key) ? l.push(d) : p.push(d);
+    o.includes(u.key) ? i.push(d) : p.push(d);
   }), c.forEach((u) => {
-    o.includes(u.key) ? l.push(u) : p.push(u);
+    o.includes(u.key) ? i.push(u) : p.push(u);
   }), {
-    pinnedColumns: l,
+    pinnedColumns: i,
     scrollableColumns: p
   };
 }, [t, c, o]), Yt = () => {
-  const [t, c] = q(null), [o, l] = q(null), p = $((i) => {
-    c(i);
+  const [t, c] = q(null), [o, i] = q(null), p = $((l) => {
+    c(l);
   }, []), u = $(() => {
     c(null);
-  }, []), d = $((i) => {
-    l(i);
-  }, []), _ = $(() => {
-    l(null);
+  }, []), d = $((l) => {
+    i(l);
+  }, []), v = $(() => {
+    i(null);
   }, []);
   return {
     hoveredColumn: t,
@@ -138,53 +138,53 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
     handleColumnMouseEnter: p,
     handleColumnMouseLeave: u,
     handleRowMouseEnter: d,
-    handleRowMouseLeave: _
+    handleRowMouseLeave: v
   };
 }, Jt = ({
   primaryColumns: t,
   fixedColumns: c,
   expandedRowIds: o,
-  onToggleRowExpansion: l
+  onToggleRowExpansion: i
 }) => {
   const [p, u] = q(/* @__PURE__ */ new Set());
   B(() => {
-    const i = [
+    const l = [
       ...t.map((a) => a.key),
       ...c.map((a) => a.key)
-    ], s = /* @__PURE__ */ new Set();
+    ], r = /* @__PURE__ */ new Set();
     o.forEach((a) => {
-      i.forEach((b) => {
-        s.add(`${a}-${b}`);
+      l.forEach((b) => {
+        r.add(`${a}-${b}`);
       });
     }), u((a) => {
-      if (a.size === s.size) {
+      if (a.size === r.size) {
         let b = !0;
         if (a.forEach((y) => {
-          s.has(y) || (b = !1);
+          r.has(y) || (b = !1);
         }), b)
           return a;
       }
-      return s;
+      return r;
     });
   }, [o, t, c]);
   const d = $(
-    (i) => {
-      const s = new Set(p), a = o.includes(i), b = [
+    (l) => {
+      const r = new Set(p), a = o.includes(l), b = [
         ...t.map((y) => y.key),
         ...c.map((y) => y.key)
       ];
       a ? b.forEach((y) => {
-        const L = `${i}-${y}`;
-        s.delete(L);
+        const L = `${l}-${y}`;
+        r.delete(L);
       }) : b.forEach((y) => {
-        const L = `${i}-${y}`;
-        s.add(L);
-      }), u(s), l(i);
+        const L = `${l}-${y}`;
+        r.add(L);
+      }), u(r), i(l);
     },
-    [p, o, t, c, l]
-  ), _ = $(
-    (i, s) => {
-      const a = `${i}-${s}`;
+    [p, o, t, c, i]
+  ), v = $(
+    (l, r) => {
+      const a = `${l}-${r}`;
       return p.has(a);
     },
     [p]
@@ -192,14 +192,14 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
   return {
     expandedCells: p,
     handleToggleRowExpansion: d,
-    isCellExpanded: _
+    isCellExpanded: v
   };
 }, Qt = () => {
   const t = P(/* @__PURE__ */ new Map()), c = $(
-    (o) => (l) => {
-      if (!l)
+    (o) => (i) => {
+      if (!i)
         return;
-      const p = l.getBoundingClientRect().width;
+      const p = i.getBoundingClientRect().width;
       p > 0 && t.current.set(o, p);
     },
     []
@@ -212,62 +212,62 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
   enabled: t = !1,
   minWidth: c = 50,
   maxWidth: o = 500,
-  columns: l = [],
+  columns: i = [],
   columnWidthsRef: p,
   onColumnResize: u,
   initialColumnWidths: d
 }) => {
-  const [_, i] = q({}), s = P(l), a = P(void 0);
+  const [v, l] = q({}), r = P(i), a = P(void 0);
   B(() => {
-    s.current = l;
-  }, [l]);
+    r.current = i;
+  }, [i]);
   const b = $(
-    (g) => {
-      const T = l.find((k) => k.key === g);
+    (_) => {
+      const T = i.find((k) => k.key === _);
       return {
         minWidth: (T == null ? void 0 : T.minWidth) ?? c,
         maxWidth: (T == null ? void 0 : T.maxWidth) ?? o
       };
     },
-    [l, c, o]
+    [i, c, o]
   );
   B(() => {
     if (d && a.current !== d) {
       const T = {};
       Object.entries(d).forEach(([k, M]) => {
-        const z = s.current.find((X) => X.key === k), S = (z == null ? void 0 : z.minWidth) ?? c, A = (z == null ? void 0 : z.maxWidth) ?? o;
+        const z = r.current.find((X) => X.key === k), S = (z == null ? void 0 : z.minWidth) ?? c, A = (z == null ? void 0 : z.maxWidth) ?? o;
         T[k] = Math.min(A, Math.max(S, M));
-      }), i(T), a.current = d;
+      }), l(T), a.current = d;
     }
   }, [d, c, o]);
   const y = $(() => {
-    if (!t || Object.keys(_).length > 0 || !p)
+    if (!t || Object.keys(v).length > 0 || !p)
       return;
-    const g = {};
+    const _ = {};
     p.current.forEach((T, k) => {
-      g[k] = T;
-    }), i(g);
-  }, [t, _, p]), L = $(
-    (g) => (T, { size: k }) => {
+      _[k] = T;
+    }), l(_);
+  }, [t, v, p]), L = $(
+    (_) => (T, { size: k }) => {
       if (!t)
         return;
-      const { minWidth: M, maxWidth: z } = b(g), S = Math.min(z, Math.max(M, k.width));
-      i((A) => ({ ...A, [g]: S }));
+      const { minWidth: M, maxWidth: z } = b(_), S = Math.min(z, Math.max(M, k.width));
+      l((A) => ({ ...A, [_]: S }));
     },
     [t, b]
   ), W = $(
-    (g) => () => {
-      !t || !_[g] || u == null || u(g, _[g]);
+    (_) => () => {
+      !t || !v[_] || u == null || u(_, v[_]);
     },
-    [t, _, u]
+    [t, v, u]
   );
   return {
-    columnWidths: _,
+    columnWidths: v,
     handleResize: L,
     handleResizeStop: W,
     handleResizeStart: y
   };
-}, Ot = (t, c, o, l, p, u, d, _) => Q(() => {
+}, Ot = (t, c, o, i, p, u, d, v) => Q(() => {
   if (!t)
     return {
       visible: !1,
@@ -280,13 +280,13 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
       position: { top: 0, left: 0 },
       size: { width: 0, height: 0 }
     };
-  const s = t.getBoundingClientRect(), a = (c == null ? void 0 : c.offsetHeight) || 0, b = o == null ? void 0 : o.getBoundingClientRect(), y = Math.min(
-    s.bottom,
+  const r = t.getBoundingClientRect(), a = (c == null ? void 0 : c.offsetHeight) || 0, b = o == null ? void 0 : o.getBoundingClientRect(), y = Math.min(
+    r.bottom,
     (b == null ? void 0 : b.bottom) || Number.MAX_SAFE_INTEGER
   );
   let L;
-  l && o && b ? L = b.top - s.top + a : L = a;
-  const W = s.top + L, T = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, k = y - W - T, z = t.scrollHeight > t.clientHeight ? t.offsetWidth - t.clientWidth : 0, S = s.right - we - z;
+  i && o && b ? L = b.top - r.top + a : L = a;
+  const W = r.top + L, T = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, k = y - W - T, z = t.scrollHeight > t.clientHeight ? t.offsetWidth - t.clientWidth : 0, S = r.right - we - z;
   return {
     visible: !0,
     position: {
@@ -302,12 +302,12 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
   t,
   c,
   o,
-  l,
+  i,
   p,
   u,
   d,
-  _
-]), Kt = (t, c, o, l, p, u, d, _) => Q(() => {
+  v
+]), Kt = (t, c, o, i, p, u, d, v) => Q(() => {
   if (!t)
     return {
       visible: !1,
@@ -320,14 +320,14 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
       position: { top: 0, left: 0 },
       size: { width: 0, height: 0 }
     };
-  const s = t.querySelector('[data-row-index="0"]');
-  if (!s)
+  const r = t.querySelector('[data-row-index="0"]');
+  if (!r)
     return {
       visible: !1,
       position: { top: 0, left: 0 },
       size: { width: 0, height: 0 }
     };
-  const a = Array.from(s.querySelectorAll("[data-pinned-index]"));
+  const a = Array.from(r.querySelectorAll("[data-pinned-index]"));
   if (a.length === 0)
     return {
       visible: !1,
@@ -354,12 +354,12 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
       position: { top: 0, left: 0 },
       size: { width: 0, height: 0 }
     };
-  const L = y.getBoundingClientRect(), W = t.getBoundingClientRect(), g = (o == null ? void 0 : o.offsetHeight) || 0, T = l == null ? void 0 : l.getBoundingClientRect(), k = L.right, M = Math.min(
+  const L = y.getBoundingClientRect(), W = t.getBoundingClientRect(), _ = (o == null ? void 0 : o.offsetHeight) || 0, T = i == null ? void 0 : i.getBoundingClientRect(), k = L.right, M = Math.min(
     W.bottom,
     (T == null ? void 0 : T.bottom) || Number.MAX_SAFE_INTEGER
   );
   let z;
-  p && l && T ? z = T.top - W.top + g : z = g;
+  p && i && T ? z = T.top - W.top + _ : z = _;
   const S = W.top + z, X = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, ne = M - S - X;
   return {
     visible: !0,
@@ -376,107 +376,107 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
   t,
   c,
   o,
-  l,
+  i,
   p,
   u,
   d,
-  _
+  v
 ]), en = ({ enabled: t, rowCount: c }) => {
-  const o = P(/* @__PURE__ */ new Map()), l = P(/* @__PURE__ */ new Map()), p = $(
-    (i) => (s) => {
-      s ? o.current.set(i, s) : o.current.delete(i);
+  const o = P(/* @__PURE__ */ new Map()), i = P(/* @__PURE__ */ new Map()), p = $(
+    (l) => (r) => {
+      r ? o.current.set(l, r) : o.current.delete(l);
     },
     []
   ), u = $(
-    (i) => (s) => {
-      s ? l.current.set(i, s) : l.current.delete(i);
+    (l) => (r) => {
+      r ? i.current.set(l, r) : i.current.delete(l);
     },
     []
-  ), d = $((i, s) => {
-    const a = `${i.offsetHeight}px`;
-    s.style.height !== a && (s.style.height = a);
-  }, []), _ = $(() => {
-    o.current.forEach((i, s) => {
-      const a = l.current.get(s);
-      a && d(i, a);
+  ), d = $((l, r) => {
+    const a = `${l.offsetHeight}px`;
+    r.style.height !== a && (r.style.height = a);
+  }, []), v = $(() => {
+    o.current.forEach((l, r) => {
+      const a = i.current.get(r);
+      a && d(l, a);
     });
   }, [d]);
   return B(() => {
     if (!t)
       return;
-    const i = new ResizeObserver((s) => {
+    const l = new ResizeObserver((r) => {
       requestAnimationFrame(() => {
-        s.forEach((a) => {
-          const b = a.target, y = parseInt(b.dataset.rowIndex || "-1", 10), L = l.current.get(y);
+        r.forEach((a) => {
+          const b = a.target, y = parseInt(b.dataset.rowIndex || "-1", 10), L = i.current.get(y);
           L && y >= 0 && d(b, L);
         });
       });
     });
-    return o.current.forEach((s) => i.observe(s)), () => i.disconnect();
+    return o.current.forEach((r) => l.observe(r)), () => l.disconnect();
   }, [t, c, d]), et(() => {
-    t && _();
-  }, [t, c, _]), { setTableRowRef: p, setCheckboxRowRef: u, syncAllHeights: _ };
+    t && v();
+  }, [t, c, v]), { setTableRowRef: p, setCheckboxRowRef: u, syncAllHeights: v };
 }, tn = {
   "resize-handle": "_resize-handle_15uk3_1"
-}, nn = me.bind(tn), rn = Mt(
+}, nn = me.bind(tn), sn = Mt(
   (t, c) => /* @__PURE__ */ h("div", { ref: c, className: nn("resize-handle"), ...t, children: /* @__PURE__ */ h(Wt, {}) })
-), sn = {
+), rn = {
   "gradient-overlay": "_gradient-overlay_hx7m8_1",
   "direction-right": "_direction-right_hx7m8_5",
   "direction-left": "_direction-left_hx7m8_13"
-}, on = me.bind(sn), Oe = ({
+}, on = me.bind(rn), Oe = ({
   portalContainer: t,
   visible: c,
   position: o,
-  size: l,
+  size: i,
   direction: p,
   className: u,
   dataTestId: d
 }) => {
   if (!c || !t)
     return null;
-  const _ = {
+  const v = {
     position: "fixed",
     top: `${o.top}px`,
-    width: `${l.width}px`,
-    height: `${l.height}px`
+    width: `${i.width}px`,
+    height: `${i.height}px`
   };
-  return o.left !== void 0 && (_.left = `${o.left}px`), o.right !== void 0 && (_.right = `${o.right}px`), Bt(
+  return o.left !== void 0 && (v.left = `${o.left}px`), o.right !== void 0 && (v.right = `${o.right}px`), Bt(
     /* @__PURE__ */ h(
       "div",
       {
         className: on("gradient-overlay", `direction-${p}`, u),
-        style: _,
+        style: v,
         "data-gradient-type": d
       }
     ),
     t
   );
 }, f = me.bind(jt), Ke = ({ column: t }) => {
-  const c = P(null), [o, l] = q(!1);
+  const c = P(null), [o, i] = q(!1);
   return B(() => {
     if (c.current) {
       const p = c.current.offsetWidth, u = c.current.scrollWidth;
-      l(u > p);
+      i(u > p);
     }
   }, [t.header]), /* @__PURE__ */ h("span", { ref: c, title: o ? t.header : void 0, children: t.header });
 }, bn = ({
   data: t,
   primaryColumn: c,
   fixedColumns: o,
-  renderRowActions: l,
+  renderRowActions: i,
   className: p = "",
   wrapperClassName: u = "",
   rowClassName: d = "",
-  headerClassName: _ = "",
-  bodyClassName: i = "",
-  selectable: s = !1,
+  headerClassName: v = "",
+  bodyClassName: l = "",
+  selectable: r = !1,
   selectedRowIds: a = [],
   sortingDirection: b = nt,
   sortingColumn: y,
   sortableColumns: L,
   isHeaderFixed: W = !1,
-  isHorizontallyScrollable: g = !1,
+  isHorizontallyScrollable: _ = !1,
   pinnedColumnKeys: T = [],
   isRowsExpandable: k = !1,
   expandedRowIds: M = [],
@@ -487,15 +487,15 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
   maxColumnWidth: ne = 500,
   isSelectAllCheckboxAlwaysVisible: O = !1,
   isCheckboxOutside: N = !1,
-  onChangeSorting: st = () => {
+  onChangeSorting: rt = () => {
   },
   onToggleRowSelection: ot = () => {
   },
   onToggleAllRowsSelection: ct = () => {
   },
-  onToggleRowExpansion: lt = () => {
+  onToggleRowExpansion: it = () => {
   },
-  onToggleAllRowsExpansion: it = () => {
+  onToggleAllRowsExpansion: lt = () => {
   },
   onColumnResize: at = () => {
   },
@@ -507,7 +507,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
   const Y = Q(
     () => Array.isArray(c) ? c : [c],
     [c]
-  ), U = y ?? Y[0], re = L ?? It([...Y, ...o]), { pinnedColumns: F, scrollableColumns: J } = Ct({
+  ), U = y ?? Y[0], se = L ?? It([...Y, ...o]), { pinnedColumns: F, scrollableColumns: J } = Ct({
     primaryColumns: Y,
     fixedColumns: o,
     pinnedColumnKeys: T
@@ -529,11 +529,11 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
     primaryColumns: Y,
     fixedColumns: o,
     expandedRowIds: M,
-    onToggleRowExpansion: lt
+    onToggleRowExpansion: it
   }), ut = Q(
     () => [...F, ...J],
     [F, J]
-  ), { columnWidths: se, handleResize: _t, handleResizeStop: gt, handleResizeStart: vt } = Zt({
+  ), { columnWidths: re, handleResize: vt, handleResizeStop: _t, handleResizeStart: gt } = Zt({
     enabled: A,
     minWidth: X,
     maxWidth: ne,
@@ -542,22 +542,22 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
     onColumnResize: at,
     initialColumnWidths: pt
   }), { setTableRowRef: bt, setCheckboxRowRef: yt } = en({
-    enabled: s && N,
+    enabled: r && N,
     rowCount: t.length
   }), $e = (e, n) => {
-    const r = e.minWidth ?? X, v = e.maxWidth ?? ne;
+    const s = e.minWidth ?? X, g = e.maxWidth ?? ne;
     return /* @__PURE__ */ h(
       $t,
       {
-        width: se[e.key] ?? (typeof e.width == "number" ? e.width : X),
+        width: re[e.key] ?? (typeof e.width == "number" ? e.width : X),
         height: 0,
         axis: "x",
-        handle: /* @__PURE__ */ h(rn, {}),
-        onResizeStart: vt,
-        onResize: _t(e.key),
-        onResizeStop: gt(e.key),
-        minConstraints: [r, 0],
-        maxConstraints: [v, 0],
+        handle: /* @__PURE__ */ h(sn, {}),
+        onResizeStart: gt,
+        onResize: vt(e.key),
+        onResizeStop: _t(e.key),
+        minConstraints: [s, 0],
+        maxConstraints: [g, 0],
         className: f("resizable-column"),
         children: n
       },
@@ -567,12 +567,12 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
     const n = j.current;
     if (n && n.contains(e))
       return;
-    const r = e.parentElement;
-    if (!r)
+    const s = e.parentElement;
+    if (!s)
       return;
-    const v = window.getComputedStyle(r), m = parseFloat(v.paddingTop) || 0, E = parseFloat(v.paddingBottom) || 0, G = e.offsetHeight + m + E;
+    const g = window.getComputedStyle(s), m = parseFloat(g.paddingTop) || 0, E = parseFloat(g.paddingBottom) || 0, G = e.offsetHeight + m + E;
     e.style.setProperty("--expand-cell-top", `${m}px`), e.style.setProperty("--expand-cell-height", `${G}px`);
-  }, []), [We, pe] = q(0), [He, fe] = q(0), [Pe, ue] = q(0), [Be, Se] = q(0), ce = P(!1), _e = P(/* @__PURE__ */ new Set()), te = P(null), ge = Ot(
+  }, []), [We, pe] = q(0), [He, fe] = q(0), [Pe, ue] = q(0), [Be, Se] = q(0), ce = P(!1), ve = P(/* @__PURE__ */ new Set()), te = P(null), _e = Ot(
     x.current,
     j.current,
     (w == null ? void 0 : w.current) instanceof HTMLElement ? w.current : null,
@@ -581,7 +581,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
     He,
     Pe,
     Be
-  ), ve = Kt(
+  ), ge = Kt(
     x.current,
     We,
     j.current,
@@ -591,46 +591,46 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
     Pe,
     Be
   ), Ge = (e) => {
-    re.includes(e) && st({ key: e, direction: b });
+    se.includes(e) && rt({ key: e, direction: b });
   }, Fe = (e) => {
     ot(e);
   }, qe = () => {
     ct();
   }, kt = () => {
-    it();
-  }, Ue = (e) => re.includes(e) ? (U == null ? void 0 : U.key) === e ? Xt(b) ? /* @__PURE__ */ h(Ye, {}) : /* @__PURE__ */ h(Ht, {}) : /* @__PURE__ */ h(Ye, {}) : null, De = t.every((e) => a.includes(e.id)), je = t.some((e) => a.includes(e.id)), be = (a == null ? void 0 : a.length) > 0, Et = !St(t), Re = O && Et || be, Tt = t.every((e) => M.includes(e.id)), Lt = z !== void 0 ? z : Tt, xt = Ze(
+    lt();
+  }, Ue = (e) => se.includes(e) ? (U == null ? void 0 : U.key) === e ? Xt(b) ? /* @__PURE__ */ h(Ye, {}) : /* @__PURE__ */ h(Ht, {}) : /* @__PURE__ */ h(Ye, {}) : null, De = t.every((e) => a.includes(e.id)), je = t.some((e) => a.includes(e.id)), be = (a == null ? void 0 : a.length) > 0, Et = !St(t), Re = O && Et || be, Tt = t.every((e) => M.includes(e.id)), Lt = z !== void 0 ? z : Tt, xt = Ze(
     F,
     J,
     k,
-    s,
-    !!l,
+    r,
+    !!i,
     !1,
-    A ? se : void 0,
+    A ? re : void 0,
     A,
     N
   ), Nt = Ze(
     F,
     J,
     k,
-    s,
-    !!l,
+    r,
+    !!i,
     !0,
-    A ? se : void 0,
+    A ? re : void 0,
     A,
     N
   ), Xe = /* @__PURE__ */ h("button", { onClick: kt, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ h("span", { className: f("expand-icon", { expanded: Lt }), children: /* @__PURE__ */ h(Je, {}) }) });
   B(() => {
     if (!(w != null && w.current) || !x.current || !j.current)
       return;
-    const e = w.current, n = x.current, r = j.current, v = he.current, m = () => {
-      const H = n.getBoundingClientRect(), G = e.getBoundingClientRect(), V = r.offsetHeight, R = H.top - G.top, le = H.bottom - G.top, Ve = e.scrollTop > 0 && R <= 0 && le > V;
+    const e = w.current, n = x.current, s = j.current, g = he.current, m = () => {
+      const H = n.getBoundingClientRect(), G = e.getBoundingClientRect(), V = s.offsetHeight, R = H.top - G.top, ie = H.bottom - G.top, Ve = e.scrollTop > 0 && R <= 0 && ie > V;
       if (mt(Ve), Ve) {
-        const ie = H.left, Ce = G.top;
-        r.classList.add(f("pinned-header")), g && (r.style.overflow = "hidden", r.style.overflowX = "hidden"), r.style.left = `${ie}px`, r.style.top = `${Ce}px`, r.style.width = `${H.width}px`, v && N && (v.style.top = `${Ce}px`);
+        const le = H.left, Ce = G.top;
+        s.classList.add(f("pinned-header")), _ && (s.style.overflow = "hidden", s.style.overflowX = "hidden"), s.style.left = `${le}px`, s.style.top = `${Ce}px`, s.style.width = `${H.width}px`, g && N && (g.style.top = `${Ce}px`);
       } else {
-        const ie = n.scrollLeft;
-        ce.current = !0, r.classList.remove(f("pinned-header")), g && (r.scrollLeft = 0), r.style.left = "", r.style.top = "", r.style.width = "", g && (r.style.overflow = "", r.style.overflowX = ""), v && N && (v.style.top = "", v.classList.remove(f("pinned-header"))), g && ie > 0 ? requestAnimationFrame(() => {
-          n.scrollLeft = ie, setTimeout(() => {
+        const le = n.scrollLeft;
+        ce.current = !0, s.classList.remove(f("pinned-header")), _ && (s.scrollLeft = 0), s.style.left = "", s.style.top = "", s.style.width = "", _ && (s.style.overflow = "", s.style.overflowX = ""), g && N && (g.style.top = "", g.classList.remove(f("pinned-header"))), _ && le > 0 ? requestAnimationFrame(() => {
+          n.scrollLeft = le, setTimeout(() => {
             ce.current = !1;
           }, 0);
         }) : ce.current = !1;
@@ -641,36 +641,36 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
     return e.addEventListener("scroll", m), window.addEventListener("resize", m), () => {
       cancelAnimationFrame(E), e.removeEventListener("scroll", m), window.removeEventListener("resize", m);
     };
-  }, [w, g, N]), B(() => {
+  }, [w, _, N]), B(() => {
     if (!(w != null && w.current) || !x.current || !j.current || !I)
       return;
-    const e = w.current, n = x.current, r = j.current, v = he.current, m = () => {
-      const R = n.getBoundingClientRect(), le = e.getBoundingClientRect();
-      r.style.left = `${R.left}px`, r.style.top = `${le.top}px`, r.style.width = `${R.width}px`, v && N && (v.style.top = `${le.top}px`);
+    const e = w.current, n = x.current, s = j.current, g = he.current, m = () => {
+      const R = n.getBoundingClientRect(), ie = e.getBoundingClientRect();
+      s.style.left = `${R.left}px`, s.style.top = `${ie.top}px`, s.style.width = `${R.width}px`, g && N && (g.style.top = `${ie.top}px`);
     }, E = (R) => {
-      ce.current || (R === r ? n.scrollLeft = r.scrollLeft : r.scrollLeft = n.scrollLeft, te.current && te.current());
+      ce.current || (R === s ? n.scrollLeft = s.scrollLeft : s.scrollLeft = n.scrollLeft, te.current && te.current());
     }, H = () => {
       E(n), m();
     }, G = () => {
-      E(r);
+      E(s);
     }, V = () => {
       m();
     };
-    return n.addEventListener("scroll", H), g && r.addEventListener("scroll", G), e.addEventListener("scroll", V), window.addEventListener("resize", m), E(n), m(), () => {
-      n.removeEventListener("scroll", H), g && r.removeEventListener("scroll", G), e.removeEventListener("scroll", V), window.removeEventListener("resize", m);
+    return n.addEventListener("scroll", H), _ && s.addEventListener("scroll", G), e.addEventListener("scroll", V), window.addEventListener("resize", m), E(n), m(), () => {
+      n.removeEventListener("scroll", H), _ && s.removeEventListener("scroll", G), e.removeEventListener("scroll", V), window.removeEventListener("resize", m);
     };
-  }, [I, w, g, N]), B(() => {
-    if (!x.current || !g)
+  }, [I, w, _, N]), B(() => {
+    if (!x.current || !_)
       return;
     const e = x.current, n = w == null ? void 0 : w.current;
     pe(e.scrollLeft), fe((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ue(e.scrollWidth);
-    const r = () => {
+    const s = () => {
       e && (pe(e.scrollLeft), fe((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ue(e.scrollWidth));
     };
-    let v = null;
+    let g = null;
     const m = () => {
-      v === null && (v = requestAnimationFrame(() => {
-        r(), v = null;
+      g === null && (g = requestAnimationFrame(() => {
+        s(), g = null;
       }));
     }, E = () => {
       m();
@@ -681,23 +681,23 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
       passive: !0
     });
     const G = () => {
-      r(), Se((R) => R + 1);
+      s(), Se((R) => R + 1);
     };
-    window.addEventListener("resize", G), te.current = r, r();
+    window.addEventListener("resize", G), te.current = s, s();
     const V = new ResizeObserver(() => {
-      r();
+      s();
     });
     return e && V.observe(e), () => {
-      e.removeEventListener("scroll", E), n && n.removeEventListener("scroll", H), window.removeEventListener("resize", G), V.disconnect(), v !== null && (cancelAnimationFrame(v), v = null);
+      e.removeEventListener("scroll", E), n && n.removeEventListener("scroll", H), window.removeEventListener("resize", G), V.disconnect(), g !== null && (cancelAnimationFrame(g), g = null);
     };
-  }, [g, w, I, M]), B(() => {
-    if (!x.current || !g)
+  }, [_, w, I, M]), B(() => {
+    if (!x.current || !_)
       return;
     const e = x.current, n = w == null ? void 0 : w.current;
     requestAnimationFrame(() => {
       e && (pe(e.scrollLeft), fe((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ue(e.scrollWidth), te.current && te.current());
     });
-  }, [se, g, w]), B(() => {
+  }, [re, _, w]), B(() => {
     if (!x.current)
       return;
     const e = x.current, n = () => {
@@ -709,47 +709,47 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
   }, [k, t, oe]), B(() => {
     if (!x.current)
       return;
-    const e = x.current, n = new Set(M), r = _e.current, v = /* @__PURE__ */ new Set();
+    const e = x.current, n = new Set(M), s = ve.current, g = /* @__PURE__ */ new Set();
     if (M.forEach((E) => {
-      r.has(E) || v.add(E);
-    }), r.forEach((E) => {
-      n.has(E) || v.add(E);
-    }), v.size === 0) {
-      _e.current = n;
+      s.has(E) || g.add(E);
+    }), s.forEach((E) => {
+      n.has(E) || g.add(E);
+    }), g.size === 0) {
+      ve.current = n;
       return;
     }
     const m = setTimeout(() => {
-      v.forEach((E) => {
+      g.forEach((E) => {
         const H = e.querySelector(
           `[data-base-left="0"][data-row-id="${E}"]`
         );
         H && oe(H);
       }), Se((E) => E + 1);
     }, 0);
-    return _e.current = n, () => clearTimeout(m);
+    return ve.current = n, () => clearTimeout(m);
   }, [k, M, oe]), B(() => {
     if (!ee.current || !x.current || !N)
       return;
-    const e = ee.current, n = x.current, r = () => {
+    const e = ee.current, n = x.current, s = () => {
       requestAnimationFrame(() => {
         e.scrollTop = n.scrollTop;
       });
     };
-    return n.addEventListener("scroll", r), () => {
-      n.removeEventListener("scroll", r);
+    return n.addEventListener("scroll", s), () => {
+      n.removeEventListener("scroll", s);
     };
   }, [t, N]), et(() => {
     if (!x.current || !ee.current)
       return;
-    const e = x.current, n = ee.current, r = () => {
+    const e = x.current, n = ee.current, s = () => {
       const m = `${e.clientHeight}px`;
       n.style.height !== m && (n.style.height = m);
     };
-    r();
-    const v = new ResizeObserver(() => {
-      requestAnimationFrame(r);
+    s();
+    const g = new ResizeObserver(() => {
+      requestAnimationFrame(s);
     });
-    return v.observe(e), () => v.disconnect();
+    return g.observe(e), () => g.disconnect();
   }, []);
   const zt = () => /* @__PURE__ */ D("div", { className: f("checkbox-column"), ref: ee, children: [
     /* @__PURE__ */ h(
@@ -760,7 +760,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
           "table-header",
           "checkbox-header",
           { "pinned-header": I },
-          _
+          v
         ),
         children: Re && /* @__PURE__ */ h(
           ae,
@@ -773,7 +773,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
         )
       }
     ),
-    /* @__PURE__ */ h("div", { className: f("checkbox-body", i), children: t.map((e, n) => /* @__PURE__ */ h(
+    /* @__PURE__ */ h("div", { className: f("checkbox-body", l), children: t.map((e, n) => /* @__PURE__ */ h(
       "div",
       {
         ref: yt(n),
@@ -799,7 +799,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
         "table",
         {
           "fixed-header": W,
-          "horizontally-scrollable-container": W && (g || A),
+          "horizontally-scrollable-container": W && (_ || A),
           "external-scroll-container": W && !!w
         },
         p
@@ -813,14 +813,14 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
               "table-header",
               {
                 "sticky-header": W && !I,
-                "horizontally-scrollable": g,
+                "horizontally-scrollable": _,
                 resizable: A
               },
-              _
+              v
             ),
             style: { gridTemplateColumns: Nt },
             children: [
-              s && !N && /* @__PURE__ */ h(
+              r && !N && /* @__PURE__ */ h(
                 "div",
                 {
                   className: f("table-header-cell", "checkbox-cell"),
@@ -854,7 +854,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                 }
               ),
               F.map((e, n) => {
-                const r = /* @__PURE__ */ h(
+                const s = /* @__PURE__ */ h(
                   "button",
                   {
                     "data-column-key": e.key,
@@ -862,7 +862,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                     className: f("table-header-cell", "pinned-column", {
                       [`align-${e.align}`]: "align" in e,
                       "primary-cell": C(e),
-                      "sortable-cell": re.includes(e.key),
+                      "sortable-cell": se.includes(e.key),
                       resizable: A
                     }),
                     style: de(
@@ -872,7 +872,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                       F,
                       K,
                       k,
-                      s,
+                      r,
                       N
                     ),
                     children: /* @__PURE__ */ D(
@@ -891,7 +891,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                   },
                   e.key
                 );
-                return A ? $e(e, r) : r;
+                return A ? $e(e, s) : s;
               }),
               J.map((e) => {
                 const n = /* @__PURE__ */ h(
@@ -900,7 +900,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                     className: f("table-header-cell", {
                       [`align-${e.align}`]: "align" in e,
                       "primary-cell": C(e),
-                      "sortable-cell": re.includes(e.key),
+                      "sortable-cell": se.includes(e.key),
                       resizable: A
                     }),
                     style: de(
@@ -910,7 +910,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                       F,
                       K,
                       k,
-                      s,
+                      r,
                       N
                     ),
                     children: /* @__PURE__ */ D(
@@ -931,7 +931,7 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                 );
                 return A ? $e(e, n) : n;
               }),
-              l && /* @__PURE__ */ h("div", { className: f("table-header-cell", "action-menu-cell") })
+              i && /* @__PURE__ */ h("div", { className: f("table-header-cell", "action-menu-cell") })
             ]
           }
         ),
@@ -943,10 +943,10 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
               "table-body",
               {
                 "scrollable-body": W,
-                "horizontally-scrollable": g,
+                "horizontally-scrollable": _,
                 resizable: A
               },
-              i
+              l
             ),
             children: t.map((e, n) => /* @__PURE__ */ D(
               "div",
@@ -954,12 +954,12 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                 "data-row-index": n,
                 ref: bt(n),
                 className: f("table-row", Qe(e), d, {
-                  selectable: s && !N
+                  selectable: r && !N
                 }),
                 onMouseEnter: () => Ne(n),
                 onMouseLeave: ze,
                 children: [
-                  s && !N && /* @__PURE__ */ h(
+                  r && !N && /* @__PURE__ */ h(
                     "div",
                     {
                       className: f("table-cell", "checkbox-cell"),
@@ -1000,59 +1000,59 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
                         )
                       }
                     ),
-                    F.map((r, v) => {
-                      const m = Me(e.id, r.key), E = C(r);
+                    F.map((s, g) => {
+                      const m = Me(e.id, s.key), E = C(s);
                       return /* @__PURE__ */ h(
                         "div",
                         {
-                          "data-column-key": r.key,
-                          "data-pinned-index": v,
-                          ref: E ? Ae(r.key) : void 0,
+                          "data-column-key": s.key,
+                          "data-pinned-index": g,
+                          ref: E ? Ae(s.key) : void 0,
                           className: f("table-cell", "pinned-column", {
                             "primary-cell": E,
                             "expanded-cell": m
                           }),
                           style: de(
-                            r,
+                            s,
                             !0,
-                            v,
+                            g,
                             F,
                             K,
                             k,
-                            s,
+                            r,
                             N
                           ),
-                          children: e[r.key].component || e[r.key].content || e[r.key]
+                          children: e[s.key].component || e[s.key].content || e[s.key]
                         },
-                        r.key
+                        s.key
                       );
                     }),
-                    J.map((r) => {
-                      const v = Me(e.id, r.key), m = C(r);
+                    J.map((s) => {
+                      const g = Me(e.id, s.key), m = C(s);
                       return /* @__PURE__ */ h(
                         "div",
                         {
-                          ref: m ? Ae(r.key) : void 0,
+                          ref: m ? Ae(s.key) : void 0,
                           className: f("table-cell", {
                             "primary-cell": m,
-                            "expanded-cell": v
+                            "expanded-cell": g
                           }),
                           style: de(
-                            r,
+                            s,
                             !1,
                             void 0,
                             F,
                             K,
                             k,
-                            s,
+                            r,
                             N
                           ),
-                          children: e[r.key].component || e[r.key].content || e[r.key]
+                          children: e[s.key].component || e[s.key].content || e[s.key]
                         },
-                        r.key
+                        s.key
                       );
                     }),
-                    l && /* @__PURE__ */ h("div", { className: f("table-cell", "action-menu-cell"), children: l(e.metaData) })
+                    i && /* @__PURE__ */ h("div", { className: f("table-cell", "action-menu-cell"), children: i(e.metaData) })
                   ] }) })
                 ]
               },
@@ -1060,14 +1060,14 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
             ))
           }
         ),
-        g && /* @__PURE__ */ D(At, { children: [
+        _ && /* @__PURE__ */ D(At, { children: [
           /* @__PURE__ */ h(
             Oe,
             {
               portalContainer: ke,
-              visible: ge.visible,
-              position: ge.position,
-              size: ge.size,
+              visible: _e.visible,
+              position: _e.position,
+              size: _e.size,
               direction: "right",
               className: dt,
               dataTestId: "right-gradient"
@@ -1077,9 +1077,9 @@ const tt = (t) => typeof t == "string", Gt = "_table_1rtld_1", Ft = "_resizable_
             Oe,
             {
               portalContainer: ke,
-              visible: ve.visible,
-              position: ve.position,
-              size: ve.size,
+              visible: ge.visible,
+              position: ge.position,
+              size: ge.size,
               direction: "left",
               className: ht,
               dataTestId: "pinned-gradient"