@techzyapp/ui-library 1.0.19 → 1.0.21

package/dist/{Table-tPOJ9umi.js → Table-wn-B7iLj.js}

@@ -1,32 +1,32 @@
 import { jsxs as y, Fragment as Nt, jsx as a } from "react/jsx-runtime";
-import { useState as L, useId as ln, forwardRef as cn, useRef as Y, useMemo as U, useEffect as E, useCallback as dn } from "react";
-import { clsx as O } from "clsx";
+import { useState as P, useId as ln, forwardRef as cn, useRef as Y, useMemo as q, useEffect as O, useCallback as dn } from "react";
+import { clsx as W } from "clsx";
 import { useReactTable as mn, getSortedRowModel as un, getFilteredRowModel as fn, getPaginationRowModel as pn, getCoreRowModel as gn } from "@tanstack/react-table";
 import { useSensors as hn, useSensor as pt, PointerSensor as yn, KeyboardSensor as _n, DndContext as bn, closestCenter as Sn } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates as xn, SortableContext as wn, verticalListSortingStrategy as vn, arrayMove as kn, useSortable as Nn } from "@dnd-kit/sortable";
 import { CSS as Tn } from "@dnd-kit/utilities";
 import { p as gt, b as ht } from "./table-DF3zTrC3.js";
 import { B as Tt } from "./Badge-DSWigoGC.js";
-import { B as yt } from "./Button-BkjZ7wEu.js";
-import { D as Pe } from "./DatePicker-pz634ktl.js";
-import { D as $e } from "./DateTimePicker-BJLq9Fud.js";
-import { I as H } from "./Icon-CophpkHo.js";
-import { I as He } from "./IconButton-DpTxmj3d.js";
-import { M as Mn } from "./Modal-Us_E-lb2.js";
-import { M as Rn } from "./MultiSelect-sKk2KzOd.js";
-import { N as De } from "./NumberField-Cz03nksO.js";
+import { B as yt } from "./Button-RljTGqHl.js";
+import { D as Pe } from "./DatePicker-CEFGgXLF.js";
+import { D as $e } from "./DateTimePicker-hmYBEuUM.js";
+import { I as B } from "./Icon-DaTvzLBu.js";
+import { I as He } from "./IconButton-DXMmtuLA.js";
+import { M as Mn } from "./Modal-DBYcoCbJ.js";
+import { M as Rn } from "./MultiSelect-BsYPr3LD.js";
+import { N as De } from "./NumberField-mFb9pKCx.js";
 import { a as Fn } from "./RadioGroup-DbodUJW8.js";
-import { S as Mt } from "./Select-UygxT1Ry.js";
+import { S as Mt } from "./Select-vKZzS9K4.js";
 import { S as Cn } from "./Slider-oGXd5e9X.js";
-import { T as Rt } from "./TextField-CRCYLPpr.js";
-import { T as Ae } from "./TimePicker-D51QkQYy.js";
-import { T as q } from "./Typography-Cta6Rg4L.js";
-import { a as ue, k as zn } from "./ConfigProvider-DDuIJSM7.js";
+import { T as Rt } from "./TextField-DcdwUA9d.js";
+import { T as Ae } from "./TimePicker-ZO7jOJVa.js";
+import { T as G } from "./Typography-Cta6Rg4L.js";
+import { a as ue, k as zn } from "./ConfigProvider-DT0yrgmd.js";
 import { D as _t } from "./Dropdown-FfkmluRu.js";
-import { E as In } from "./EmptyState-B2QPNhWW.js";
-import { L as bt } from "./ListItem-B4Upc0Hy.js";
-import { L as St } from "./Loader-B9VXX401.js";
-import { P as Ln } from "./Pagination-BYXUhmSz.js";
+import { E as In } from "./EmptyState-DJDNLKT7.js";
+import { L as bt } from "./ListItem-Cn15lJBr.js";
+import { L as St } from "./Loader-WsjQFl4p.js";
+import { P as Ln } from "./Pagination-BTvUJiee.js";
 function Be(t, n) {
   if (n == null) return !1;
   switch (t) {
@@ -192,7 +192,7 @@ function wt(t, n, r = {}) {
   }
   return p;
 }
-const On = "_fields_xa8i1_2", Wn = "_field_xa8i1_2", Hn = "_rangeLabel_xa8i1_15", Bn = "_row_xa8i1_20", Qn = "_rangeSep_xa8i1_30", Un = "_stack_xa8i1_36", qn = "_footer_xa8i1_43", Gn = "_footerEnd_xa8i1_50", W = {
+const On = "_fields_xa8i1_2", Wn = "_field_xa8i1_2", Hn = "_rangeLabel_xa8i1_15", Bn = "_row_xa8i1_20", Qn = "_rangeSep_xa8i1_30", Un = "_stack_xa8i1_36", qn = "_footer_xa8i1_43", Gn = "_footerEnd_xa8i1_50", H = {
   fields: On,
   field: Wn,
   rangeLabel: Hn,
@@ -212,14 +212,14 @@ function de({
   to: r,
   stacked: o
 }) {
-  return /* @__PURE__ */ y("div", { className: W.field, children: [
-    /* @__PURE__ */ a(q, { variant: "bodySmall", className: W.rangeLabel, children: t }),
-    o ? /* @__PURE__ */ y("div", { className: W.stack, children: [
+  return /* @__PURE__ */ y("div", { className: H.field, children: [
+    /* @__PURE__ */ a(G, { variant: "bodySmall", className: H.rangeLabel, children: t }),
+    o ? /* @__PURE__ */ y("div", { className: H.stack, children: [
       n,
       r
-    ] }) : /* @__PURE__ */ y("div", { className: W.row, children: [
+    ] }) : /* @__PURE__ */ y("div", { className: H.row, children: [
       n,
-      /* @__PURE__ */ a("span", { className: W.rangeSep, "aria-hidden": !0, children: "–" }),
+      /* @__PURE__ */ a("span", { className: H.rangeSep, "aria-hidden": !0, children: "–" }),
       r
     ] })
   ] });
@@ -288,12 +288,12 @@ function Vn({
           step: t.step ?? 1,
           value: [c ?? s, _ ?? l],
           valueLabel: (S) => {
-            const [M, R] = S;
-            return `${M} – ${R}`;
+            const [R, F] = S;
+            return `${R} – ${F}`;
           },
           onChange: (S) => {
-            const [M, R] = S;
-            r([M <= s ? null : M, R >= l ? null : R]);
+            const [R, F] = S;
+            r([R <= s ? null : R, F >= l ? null : F]);
           }
         }
       );
@@ -439,13 +439,13 @@ function Vn({
   }
 }
 function Yn({ filters: t, value: n, onChange: r }) {
-  const o = ue(), [g, m] = L(!1), [p, f] = L(n), s = Pn(t, n), l = ln(), c = () => {
+  const o = ue(), [g, m] = P(!1), [p, f] = P(n), s = Pn(t, n), l = ln(), c = () => {
     f(n), m(!0);
   }, _ = () => {
     r(p), m(!1);
   };
   return /* @__PURE__ */ y(Nt, { children: [
-    /* @__PURE__ */ a(Tt, { content: s, color: "primary", children: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": o("table.filters"), onClick: c, children: /* @__PURE__ */ a(H, { name: "Filter" }) }) }),
+    /* @__PURE__ */ a(Tt, { content: s, color: "primary", children: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": o("table.filters"), onClick: c, children: /* @__PURE__ */ a(B, { name: "Filter" }) }) }),
     /* @__PURE__ */ a(
       Mn,
       {
@@ -459,16 +459,16 @@ function Yn({ filters: t, value: n, onChange: r }) {
         footer: (
           // right-aligned: Clear (reset the draft fields) + Apply (commit). No Cancel — the Modal's × /
           // Escape / backdrop dismiss the drawer, discarding the uncommitted draft.
-          /* @__PURE__ */ a("div", { className: W.footer, children: /* @__PURE__ */ y("div", { className: W.footerEnd, children: [
-            /* @__PURE__ */ a(yt, { variant: "text", startIcon: /* @__PURE__ */ a(H, { name: "Trash" }), onClick: () => f({}), children: o("common.clear") }),
-            /* @__PURE__ */ a(yt, { type: "submit", form: l, startIcon: /* @__PURE__ */ a(H, { name: "Filter" }), children: o("common.apply") })
+          /* @__PURE__ */ a("div", { className: H.footer, children: /* @__PURE__ */ y("div", { className: H.footerEnd, children: [
+            /* @__PURE__ */ a(yt, { variant: "text", startIcon: /* @__PURE__ */ a(B, { name: "Trash" }), onClick: () => f({}), children: o("common.clear") }),
+            /* @__PURE__ */ a(yt, { type: "submit", form: l, startIcon: /* @__PURE__ */ a(B, { name: "Filter" }), children: o("common.apply") })
           ] }) })
         ),
         children: /* @__PURE__ */ a(
           "form",
           {
             id: l,
-            className: W.fields,
+            className: H.fields,
             onSubmit: (S) => {
               S.preventDefault(), _();
             },
@@ -477,7 +477,7 @@ function Yn({ filters: t, value: n, onChange: r }) {
               {
                 filter: S,
                 value: p[S.key],
-                onChange: (M) => f((R) => ({ ...R, [S.key]: M }))
+                onChange: (R) => f((F) => ({ ...F, [S.key]: R }))
               },
               S.key
             ))
@@ -554,7 +554,7 @@ function Ar({
     "tr",
     {
       ref: m,
-      className: O(u.tr, r && u.clickable, s && u.dragging),
+      className: W(u.tr, r && u.clickable, s && u.dragging),
       style: {
         // Translate (not Transform) — skip dnd-kit's scaleX/scaleY, which would squish/stretch the
         // dragged row to the target's size when rows have different heights; keep the row's own size
@@ -565,7 +565,7 @@ function Ar({
       },
       onClick: o,
       children: [
-        /* @__PURE__ */ a("td", { className: O(u.td, u.dragHandleCell), children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a("td", { className: W(u.td, u.dragHandleCell), children: /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -574,7 +574,7 @@ function Ar({
             ...l,
             ...c,
             onClick: (_) => _.stopPropagation(),
-            children: /* @__PURE__ */ a(H, { name: "Menu", size: "sm" })
+            children: /* @__PURE__ */ a(B, { name: "Menu", size: "sm" })
           }
         ) }),
         n
@@ -612,8 +612,8 @@ const pa = cn(function({
   defaultPage: c = 1,
   defaultPageSize: _ = 10,
   pageSizeOptions: S = [10, 20, 50, 100, 200],
-  allowAllRows: M = !0,
-  showPageSize: R = !0,
+  allowAllRows: R = !0,
+  showPageSize: F = !0,
   showFirstButton: Ct = !1,
   showLastButton: zt = !1,
   manualPagination: It = !1,
@@ -624,7 +624,7 @@ const pa = cn(function({
   onExportToEmail: oe,
   filters: b,
   defaultFilters: Pt,
-  onRowClick: B,
+  onRowClick: Q,
   actions: ie,
   reorderable: Z = !1,
   onReorder: Ge,
@@ -647,17 +647,17 @@ const pa = cn(function({
   className: Ot,
   ...Wt
 }, Ht) {
-  const k = ue(), Bt = zn(), Q = Y({});
-  Q.current = { ...Bt, ...Lt };
+  const k = ue(), Bt = zn(), U = Y({});
+  U.current = { ...Bt, ...Lt };
   const se = Y(qe);
   se.current = qe;
   const xe = Y(b);
   xe.current = b;
-  const Xe = Y(null), we = Y(null), [Ve, Qt] = L({ start: !1, end: !1 }), [P] = L(() => {
+  const Xe = Y(null), we = Y(null), [Ve, Qt] = P({ start: !1, end: !1 }), [$] = P(() => {
     const e = ee && typeof window < "u" ? new URLSearchParams(window.location.search) : null;
     return e ? {
-      ...gt(e, Q.current),
-      filters: b != null && b.length ? wt(b, e, Q.current) : {}
+      ...gt(e, U.current),
+      filters: b != null && b.length ? wt(b, e, U.current) : {}
     } : {
       page: null,
       size: null,
@@ -665,48 +665,48 @@ const pa = cn(function({
       sort: null,
       filters: {}
     };
-  }), [Ye, Ut] = L(() => ({
-    pageIndex: (P.page ?? c) - 1,
-    pageSize: P.size ?? _
-  })), [le, ve] = L(P.search || s), [qt, Gt] = L(P.search || s), [Je, Kt] = L(() => P.sort ? [{ id: P.sort.key, desc: P.sort.direction === "desc" }] : fe ? [{ id: fe.key, desc: fe.direction === "desc" }] : []), [Ze, jt] = L(() => ({
+  }), [Ye, Ut] = P(() => ({
+    pageIndex: ($.page ?? c) - 1,
+    pageSize: $.size ?? _
+  })), [le, ve] = P($.search || s), [qt, Gt] = P($.search || s), [Je, Kt] = P(() => $.sort ? [{ id: $.sort.key, desc: $.sort.direction === "desc" }] : fe ? [{ id: fe.key, desc: fe.direction === "desc" }] : []), [Ze, jt] = P(() => ({
     ...Pt,
-    ...P.filters
-  })), $ = It, et = Ke !== void 0, tt = je !== void 0, nt = te !== void 0, ke = ne !== void 0, Ne = be !== void 0, Te = {
+    ...$.filters
+  })), N = It, et = Ke !== void 0, tt = je !== void 0, nt = te !== void 0, ke = ne !== void 0, Ne = be !== void 0, Te = {
     pageIndex: et ? Ke - 1 : Ye.pageIndex,
     pageSize: tt ? je : Ye.pageSize
-  }, F = nt ? te : qt, D = U(
+  }, C = nt ? te : qt, D = q(
     () => ke ? ne ? [{ id: ne.key, desc: ne.direction === "desc" }] : [] : Je,
     [ke, ne, Je]
-  ), A = U(
+  ), A = q(
     () => Ne ? be : Ze,
     [Ne, be, Ze]
-  ), G = (e) => {
+  ), K = (e) => {
     const i = Te, d = We(e, i);
     d.pageIndex !== i.pageIndex && (ge == null || ge(d.pageIndex + 1)), d.pageSize !== i.pageSize && (he == null || he(d.pageSize)), Ut((h) => ({
       pageIndex: et ? h.pageIndex : d.pageIndex,
       pageSize: tt ? h.pageSize : d.pageSize
     }));
-  }, Me = () => G((e) => e.pageIndex === 0 ? e : { ...e, pageIndex: 0 }), Re = (e, i = !0) => {
+  }, Me = () => K((e) => e.pageIndex === 0 ? e : { ...e, pageIndex: 0 }), Re = (e, i = !0) => {
     nt || Gt(e), ye == null || ye(e), i && Me();
   }, Fe = (e, i = !0) => {
     const d = We(e, D);
     ke || Kt(d), _e == null || _e(d[0] ? { key: d[0].id, direction: d[0].desc ? "desc" : "asc" } : null), i && Me();
   }, rt = (e, i = !0) => {
     Ne || jt(e), Se == null || Se(e), i && Me();
-  }, Xt = U(
-    () => b && b.length > 0 && !$ ? En(r, b, A) : r,
-    [b, $, r, A]
-  ), Vt = rt, Yt = U(
+  }, Xt = q(
+    () => b && b.length > 0 && !N ? En(r, b, A) : r,
+    [b, N, r, A]
+  ), Vt = rt, Yt = q(
     () => n.map((e) => ({
       id: e.key,
       accessorFn: (i) => i[e.key],
       enableSorting: !!e.sortable
     })),
     [n]
-  ), Jt = U(() => {
+  ), Jt = q(() => {
     const e = S.map((i) => ({ value: String(i), label: String(i) }));
-    return M ? [...e, { value: "all", label: k("common.all") }] : e;
-  }, [S, M]), Ce = U(() => {
+    return R ? [...e, { value: "all", label: k("common.all") }] : e;
+  }, [S, R]), Ce = q(() => {
     if (!ie) return n;
     const e = {
       key: "__actions",
@@ -718,7 +718,7 @@ const pa = cn(function({
       cell: (i, d) => /* @__PURE__ */ a("div", { className: u.rowActions, onClick: (h) => h.stopPropagation(), children: ie(i, d) })
     };
     return [...n, e];
-  }, [n, ie]), ze = U(() => n.filter((e) => e.sortable), [n]), Zt = (e) => Fe((i) => {
+  }, [n, ie]), ze = q(() => n.filter((e) => e.sortable), [n]), Zt = (e) => Fe((i) => {
     const d = i[0];
     return !d || d.id !== e ? [{ id: e, desc: !1 }] : d.desc ? [] : [{ id: e, desc: !0 }];
   }), Ie = mn({
@@ -726,69 +726,69 @@ const pa = cn(function({
     columns: Yt,
     state: {
       pagination: Te,
-      globalFilter: F,
+      globalFilter: C,
       sorting: D
     },
-    onPaginationChange: G,
-    onGlobalFilterChange: (e) => Re(We(e, F)),
+    onPaginationChange: K,
+    onGlobalFilterChange: (e) => Re(We(e, C)),
     onSortingChange: Fe,
     globalFilterFn: "includesString",
     // first click always sorts ascending (A→Z / 0→9), for every column type — the intuitive default
     sortDescFirst: !1,
     getCoreRowModel: gn(),
     getRowId: o,
-    manualPagination: $,
-    manualFiltering: $,
-    manualSorting: $,
-    ...$ ? { rowCount: Ue ?? r.length } : {
+    manualPagination: N,
+    manualFiltering: N,
+    manualSorting: N,
+    ...N ? { rowCount: Ue ?? r.length } : {
       getPaginationRowModel: pn(),
       getFilteredRowModel: fn(),
       getSortedRowModel: un()
     }
-  }), K = Ie.getRowModel().rows, en = hn(
+  }), j = Ie.getRowModel().rows, en = hn(
     pt(yn, { activationConstraint: { distance: 5 } }),
     pt(_n, { coordinateGetter: xn })
   ), at = (e, i) => o ? o(e, i) : String(i), tn = (e) => {
     const { active: i, over: d } = e;
     if (!d || i.id === d.id || !Ge) return;
-    const h = r.findIndex((v, x) => at(v, x) === i.id), z = r.findIndex((v, x) => at(v, x) === d.id);
-    h < 0 || z < 0 || Ge(kn(r, h, z), { id: String(i.id), from: h, to: z });
-  }, j = $ ? Ue ?? r.length : Ie.getFilteredRowModel().rows.length, { pageIndex: N, pageSize: w } = Te, X = Math.max(1, Math.ceil(j / w)), ot = N + 1, nn = j === 0 ? 0 : N * w + 1, rn = $ ? Math.min(j, N * w + K.length) : Math.min(j, ot * w);
-  E(() => {
+    const h = r.findIndex((v, x) => at(v, x) === i.id), I = r.findIndex((v, x) => at(v, x) === d.id);
+    h < 0 || I < 0 || Ge(kn(r, h, I), { id: String(i.id), from: h, to: I });
+  }, E = N ? Ue ?? r.length : Ie.getFilteredRowModel().rows.length, { pageIndex: T, pageSize: w } = Te, X = Math.max(1, Math.ceil(E / w)), ot = T + 1, nn = E === 0 ? 0 : T * w + 1, rn = N ? Math.min(E, T * w + j.length) : Math.min(E, ot * w);
+  O(() => {
     te !== void 0 && ve(te);
-  }, [te]), E(() => {
-    if (le === F) return;
+  }, [te]), O(() => {
+    if (le === C) return;
     const e = setTimeout(() => Re(le), l);
     return () => clearTimeout(e);
-  }, [le, F, l]), E(() => {
-    N > 0 && N >= X && G((e) => ({ ...e, pageIndex: X - 1 }));
-  }, [X, N]);
-  const C = D[0] ? { key: D[0].id, direction: D[0].desc ? "desc" : "asc" } : null, it = () => {
-    const e = N + 1, i = w, d = ht(
-      { page: e, size: i, search: F, sort: C },
-      Q.current
+  }, [le, C, l]), O(() => {
+    N && E === 0 || T > 0 && T >= X && K((e) => ({ ...e, pageIndex: X - 1 }));
+  }, [X, T, N, E]);
+  const z = D[0] ? { key: D[0].id, direction: D[0].desc ? "desc" : "asc" } : null, it = () => {
+    const e = T + 1, i = w, d = ht(
+      { page: e, size: i, search: C, sort: z },
+      U.current
     );
-    return b != null && b.length && xt(b, A, Q.current).forEach(
-      (h, z) => d.append(z, h)
+    return b != null && b.length && xt(b, A, U.current).forEach(
+      (h, I) => d.append(I, h)
     ), {
       page: e,
       size: i,
-      search: F,
-      sort: C,
+      search: C,
+      sort: z,
       filters: A,
       params: d,
       query: kt(d)
     };
   };
-  E(() => {
+  O(() => {
     var e;
     (e = se.current) == null || e.call(se, it());
-  }, [N, w, F, D, A]);
+  }, [T, w, C, D, A]);
   const st = oe != null, lt = b != null && b.length > 0, ct = dn(
-    (e, i, d, h, z) => {
+    (e, i, d, h, I) => {
       if (typeof window > "u" || !ee) return;
-      const v = Q.current, x = xe.current, V = ht({ page: e, size: i, search: d, sort: h }, v);
-      x != null && x.length && xt(x, z, v).forEach((T, I) => V.append(I, T));
+      const v = U.current, x = xe.current, V = ht({ page: e, size: i, search: d, sort: h }, v);
+      x != null && x.length && xt(x, I, v).forEach((M, L) => V.append(L, M));
       const re = {
         pageParam: "page",
         sizeParam: "size",
@@ -797,31 +797,31 @@ const pa = cn(function({
         sortOrderParam: "order",
         ...v
       }, on = v.rangeMinSuffix ?? "Min", sn = v.rangeMaxSuffix ?? "Max", Le = [re.pageParam, re.sizeParam, re.searchParam, re.sortParam, re.sortOrderParam];
-      for (const T of x ?? []) {
-        const I = T.queryKey ?? T.key;
-        Le.push(I, I + on, I + sn);
+      for (const M of x ?? []) {
+        const L = M.queryKey ?? M.key;
+        Le.push(L, L + on, L + sn);
       }
       const ce = new URLSearchParams(window.location.search);
-      for (const T of [...ce.keys()])
-        (Le.includes(T) || Le.some((I) => T.startsWith(`${I}[`))) && ce.delete(T);
-      V.forEach((T, I) => ce.append(I, T));
+      for (const M of [...ce.keys()])
+        (Le.includes(M) || Le.some((L) => M.startsWith(`${L}[`))) && ce.delete(M);
+      V.forEach((M, L) => ce.append(L, M));
       const ut = kt(ce), ft = `${window.location.pathname}${ut ? `?${ut}` : ""}${window.location.hash}`;
       ft !== `${window.location.pathname}${window.location.search}${window.location.hash}` && window.history.replaceState(window.history.state, "", ft);
     },
     [ee]
   );
-  E(() => {
+  O(() => {
     ct(
-      N + 1,
+      T + 1,
       w,
-      F,
       C,
+      z,
       A
     );
   }, [
-    N,
+    T,
     w,
-    F,
+    C,
     D,
     A,
     ct
@@ -829,8 +829,8 @@ const pa = cn(function({
   const dt = Y(() => {
   });
   dt.current = () => {
-    const e = new URLSearchParams(window.location.search), i = Q.current, d = gt(e, i);
-    G(() => ({
+    const e = new URLSearchParams(window.location.search), i = U.current, d = gt(e, i);
+    K(() => ({
       pageIndex: (d.page ?? c) - 1,
       pageSize: d.size ?? w
     })), ve(d.search), Re(d.search, !1), Fe(
@@ -839,19 +839,19 @@ const pa = cn(function({
     );
     const h = xe.current;
     h != null && h.length && rt(wt(h, e, i), !1);
-  }, E(() => {
+  }, O(() => {
     if (typeof window > "u" || !ee) return;
     const e = () => dt.current();
     return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
-  }, [ee]), E(() => {
-    typeof process < "u" && process.env.NODE_ENV !== "production" && !o && (B != null || ie != null || Z) && console.warn(
+  }, [ee]), O(() => {
+    typeof process < "u" && process.env.NODE_ENV !== "production" && !o && (Q != null || ie != null || Z) && console.warn(
       "[Table] No `getRowId` provided, so the row index is used as the React key. For a table with row interactions or changing / paged data, pass `getRowId` (e.g. `(row) => row.id`) so each row keeps its identity across sort / filter / refetch."
     );
-  }, []), E(() => {
+  }, []), O(() => {
     const e = Xe.current;
     if (!e) return;
     const i = () => {
-      const h = e.scrollWidth > e.clientWidth + 1, z = e.scrollLeft <= 0, v = e.scrollLeft >= e.scrollWidth - e.clientWidth - 1, x = { start: h && !z, end: h && !v };
+      const h = e.scrollWidth > e.clientWidth + 1, I = e.scrollLeft <= 0, v = e.scrollLeft >= e.scrollWidth - e.clientWidth - 1, x = { start: h && !I, end: h && !v };
       Qt((V) => V.start === x.start && V.end === x.end ? V : x);
     };
     i(), e.addEventListener("scroll", i, { passive: !0 });
@@ -863,7 +863,7 @@ const pa = cn(function({
   const an = g != null || m != null || p || lt || ze.length > 0 || st, mt = (e) => Ce.map((i) => /* @__PURE__ */ a(
     "td",
     {
-      className: O(
+      className: W(
         u.td,
         i.pinned === "left" && u.pinnedLeft,
         i.pinned === "right" && u.pinnedRight,
@@ -880,10 +880,10 @@ const pa = cn(function({
     },
     i.key
   ));
-  return /* @__PURE__ */ y("div", { ref: Ht, className: O(u.root, Ot), ...Wt, children: [
+  return /* @__PURE__ */ y("div", { ref: Ht, className: W(u.root, Ot), ...Wt, children: [
     an && /* @__PURE__ */ y("div", { className: u.toolbar, children: [
       /* @__PURE__ */ y("div", { className: u.toolbarStart, children: [
-        g != null && /* @__PURE__ */ a(q, { variant: "h4", as: "div", className: u.title, children: g }),
+        g != null && /* @__PURE__ */ a(G, { variant: "h4", as: "div", className: u.title, children: g }),
         p && /* @__PURE__ */ a(
           Rt,
           {
@@ -892,7 +892,7 @@ const pa = cn(function({
             value: le,
             onChange: (e) => ve(e.target.value),
             placeholder: f ?? k("common.search"),
-            adornment: /* @__PURE__ */ a(H, { name: "SearchNormal" }),
+            adornment: /* @__PURE__ */ a(B, { name: "SearchNormal" }),
             "aria-label": k("common.search")
           }
         )
@@ -904,9 +904,9 @@ const pa = cn(function({
           _t,
           {
             placement: "bottom-end",
-            trigger: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": k("table.export"), children: /* @__PURE__ */ a(H, { name: "ExportArrow" }) }),
+            trigger: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": k("table.export"), children: /* @__PURE__ */ a(B, { name: "ExportArrow" }) }),
             children: [
-              /* @__PURE__ */ a(q, { as: "div", variant: "caption", color: "muted", className: u.menuTitle, children: k("table.export") }),
+              /* @__PURE__ */ a(G, { as: "div", variant: "caption", color: "muted", className: u.menuTitle, children: k("table.export") }),
               /* @__PURE__ */ a(bt, { clickable: !0, icon: "Sms", onClick: () => oe == null ? void 0 : oe(it()), children: k("table.sendOnEmail") })
             ]
           }
@@ -920,17 +920,17 @@ const pa = cn(function({
           {
             placement: "bottom-end",
             closeOnSelect: !1,
-            trigger: /* @__PURE__ */ a(Tt, { dot: D.length > 0, color: "primary", children: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": k("table.sort"), children: /* @__PURE__ */ a(H, { name: "Sort" }) }) }),
+            trigger: /* @__PURE__ */ a(Tt, { dot: D.length > 0, color: "primary", children: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": k("table.sort"), children: /* @__PURE__ */ a(B, { name: "Sort" }) }) }),
             children: [
-              /* @__PURE__ */ a(q, { as: "div", variant: "caption", color: "muted", className: u.menuTitle, children: k("table.sortBy") }),
+              /* @__PURE__ */ a(G, { as: "div", variant: "caption", color: "muted", className: u.menuTitle, children: k("table.sortBy") }),
               ze.map((e) => {
-                const i = (C == null ? void 0 : C.key) === e.key;
+                const i = (z == null ? void 0 : z.key) === e.key;
                 return /* @__PURE__ */ a(
                   bt,
                   {
                     clickable: !0,
                     selected: i,
-                    trailing: i ? /* @__PURE__ */ a(H, { name: (C == null ? void 0 : C.direction) === "desc" ? "ArrowDown" : "ArrowUp2" }) : void 0,
+                    trailing: i ? /* @__PURE__ */ a(B, { name: (z == null ? void 0 : z.direction) === "desc" ? "ArrowDown" : "ArrowUp2" }) : void 0,
                     onClick: () => Zt(e.key),
                     children: e.header
                   },
@@ -962,7 +962,7 @@ const pa = cn(function({
             "table",
             {
               ref: we,
-              className: O(
+              className: W(
                 u.table,
                 At && u.striped,
                 Et && u.hoverable,
@@ -970,7 +970,7 @@ const pa = cn(function({
               ),
               children: [
                 /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ y("tr", { children: [
-                  Z && /* @__PURE__ */ a("th", { className: O(u.th, u.dragHandleCell), scope: "col", "aria-hidden": !0 }),
+                  Z && /* @__PURE__ */ a("th", { className: W(u.th, u.dragHandleCell), scope: "col", "aria-hidden": !0 }),
                   Ce.map((e) => {
                     var d;
                     const i = e.sortable && ((d = Ie.getColumn(e.key)) == null ? void 0 : d.getIsSorted()) || !1;
@@ -978,7 +978,7 @@ const pa = cn(function({
                       "th",
                       {
                         scope: "col",
-                        className: O(
+                        className: W(
                           u.th,
                           e.pinned === "left" && u.pinnedLeft,
                           e.pinned === "right" && u.pinnedRight,
@@ -999,30 +999,30 @@ const pa = cn(function({
                     );
                   })
                 ] }) }),
-                /* @__PURE__ */ a("tbody", { children: K.length > 0 ? Z ? (
+                /* @__PURE__ */ a("tbody", { children: j.length > 0 ? Z ? (
                   // dnd-kit sortable rows — each `SortableRow` renders a leading drag-handle cell + `rowCells`
                   /* @__PURE__ */ a(
                     wn,
                     {
-                      items: K.map((e) => e.id),
+                      items: j.map((e) => e.id),
                       strategy: vn,
-                      children: K.map((e) => /* @__PURE__ */ a(
+                      children: j.map((e) => /* @__PURE__ */ a(
                         Ar,
                         {
                           id: e.id,
-                          clickable: !!B,
-                          onClick: B ? () => B(e.original, e.index) : void 0,
+                          clickable: !!Q,
+                          onClick: Q ? () => Q(e.original, e.index) : void 0,
                           cells: mt(e)
                         },
                         e.id
                       ))
                     }
                   )
-                ) : K.map((e) => /* @__PURE__ */ a(
+                ) : j.map((e) => /* @__PURE__ */ a(
                   "tr",
                   {
-                    className: O(u.tr, B && u.clickable),
-                    onClick: B ? () => B(e.original, e.index) : void 0,
+                    className: W(u.tr, Q && u.clickable),
+                    onClick: Q ? () => Q(e.original, e.index) : void 0,
                     children: mt(e)
                   },
                   e.id
@@ -1036,7 +1036,7 @@ const pa = cn(function({
                       className: u.stateCell,
                       children: pe ? /* @__PURE__ */ y("div", { className: u.loadingState, children: [
                         /* @__PURE__ */ a(St, { size: "lg" }),
-                        /* @__PURE__ */ a(q, { variant: "bodySmall", color: "muted", as: "span", children: "Loading…" })
+                        /* @__PURE__ */ a(G, { variant: "bodySmall", color: "muted", as: "span", children: "Loading…" })
                       ] }) : $t ?? /* @__PURE__ */ a(In, {})
                     }
                   ) })
@@ -1044,15 +1044,15 @@ const pa = cn(function({
               ]
             }
           ),
-          pe && K.length > 0 && /* @__PURE__ */ a("div", { className: u.loadingOverlay, children: /* @__PURE__ */ a(St, { size: "lg" }) })
+          pe && j.length > 0 && /* @__PURE__ */ a("div", { className: u.loadingOverlay, children: /* @__PURE__ */ a(St, { size: "lg" }) })
         ]
       }
     ) }),
-    j > 0 && (R || X > 1) && /* @__PURE__ */ y("div", { className: u.footer, children: [
-      /* @__PURE__ */ a(q, { variant: "bodySmall", color: "muted", as: "span", className: u.rangeText, children: k("table.range", { from: nn, to: rn, total: j }) }),
+    E > 0 && (F || X > 1) && /* @__PURE__ */ y("div", { className: u.footer, children: [
+      /* @__PURE__ */ a(G, { variant: "bodySmall", color: "muted", as: "span", className: u.rangeText, children: k("table.range", { from: nn, to: rn, total: E }) }),
       /* @__PURE__ */ y("div", { className: u.footerMain, children: [
-        R && /* @__PURE__ */ y("div", { className: u.pageSize, children: [
-          /* @__PURE__ */ a(q, { variant: "bodySmall", color: "muted", as: "span", children: k("table.rowsPerPage") }),
+        F && /* @__PURE__ */ y("div", { className: u.pageSize, children: [
+          /* @__PURE__ */ a(G, { variant: "bodySmall", color: "muted", as: "span", children: k("table.rowsPerPage") }),
           /* @__PURE__ */ a(
             Mt,
             {
@@ -1061,7 +1061,7 @@ const pa = cn(function({
               clearable: !1,
               showSelectedTick: !1,
               value: w >= vt ? "all" : String(w),
-              onChange: (e) => G(() => ({
+              onChange: (e) => K(() => ({
                 pageIndex: 0,
                 pageSize: e === "all" ? vt : Number(e)
               })),
@@ -1074,7 +1074,7 @@ const pa = cn(function({
           {
             count: X,
             page: ot,
-            onChange: (e) => G((i) => ({ ...i, pageIndex: e - 1 })),
+            onChange: (e) => K((i) => ({ ...i, pageIndex: e - 1 })),
             showFirstButton: Ct,
             showLastButton: zt,
             disabled: pe
@@ -1087,4 +1087,4 @@ const pa = cn(function({
 export {
   pa as T
 };
-//# sourceMappingURL=Table-tPOJ9umi.js.map
+//# sourceMappingURL=Table-wn-B7iLj.js.map