@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.113

package/dist/{table.provider-MQ4T5Xb5.js → table.provider-CW1fpZcF.js}

@@ -1,11 +1,11 @@
-import { n as Tt } from "./dist-DX0sBG3Q.js";
+import { t as Tt } from "./dist-C_jtUTU9.js";
 import { t as J } from "./utils-DnIJruo0.js";
 import { t as Bt } from "./chevron-right-D4OkgIIT.js";
 import "./components/VirtualizedTable/constants/pagination.js";
 import { TableContext as qt } from "./components/VirtualizedTable/contexts/table.context.js";
-import { getTableId as Je } from "./components/VirtualizedTable/utils/get-table-id.js";
 import { t as fe } from "./events.types-BG1Uh8i6.js";
-import * as Le from "react";
+import { getTableId as Pe } from "./components/VirtualizedTable/utils/get-table-id.js";
+import * as De from "react";
 import { useCallback as z, useEffect as k, useMemo as U, useRef as b, useState as I } from "react";
 import { jsx as ce } from "react/jsx-runtime";
 import { useQuery as Nt } from "@tanstack/react-query";
@@ -358,12 +358,12 @@ var ut = (e, o, t) => e.getValue(o) === t;
 ut.autoRemove = (e) => A(e);
 var at = (e, o, t) => e.getValue(o) == t;
 at.autoRemove = (e) => A(e);
-var Te = (e, o, t) => {
+var Be = (e, o, t) => {
   let [n, r] = t;
   const i = e.getValue(o);
   return i >= n && i <= r;
 };
-Te.resolveFilterValue = (e) => {
+Be.resolveFilterValue = (e) => {
   let [o, t] = e, n = typeof o != "number" ? parseFloat(o) : o, r = typeof t != "number" ? parseFloat(t) : t, i = o === null || Number.isNaN(n) ? -1 / 0 : n, l = t === null || Number.isNaN(r) ? 1 / 0 : r;
   if (i > l) {
     const s = i;
@@ -371,7 +371,7 @@ Te.resolveFilterValue = (e) => {
   }
   return [i, l];
 };
-Te.autoRemove = (e) => A(e) || A(e[0]) && A(e[1]);
+Be.autoRemove = (e) => A(e) || A(e[0]) && A(e[1]);
 var H = {
   includesString: nt,
   includesStringSensitive: ot,
@@ -381,7 +381,7 @@ var H = {
   arrIncludesSome: st,
   equals: ut,
   weakEquals: at,
-  inNumberRange: Te
+  inNumberRange: Be
 };
 function A(e) {
   return e == null || e === "";
@@ -488,7 +488,7 @@ var Zt = (e, o, t) => t.reduce((n, r) => {
   if (t.length === 1) return t[0];
   const n = Math.floor(t.length / 2), r = t.sort((i, l) => i - l);
   return t.length % 2 !== 0 ? r[n] : (r[n - 1] + r[n]) / 2;
-}, on = (e, o) => Array.from(new Set(o.map((t) => t.getValue(e))).values()), rn = (e, o) => new Set(o.map((t) => t.getValue(e))).size, ln = (e, o) => o.length, Pe = {
+}, on = (e, o) => Array.from(new Set(o.map((t) => t.getValue(e))).values()), rn = (e, o) => new Set(o.map((t) => t.getValue(e))).size, ln = (e, o) => o.length, Ie = {
   sum: Zt,
   min: Jt,
   max: bt,
@@ -533,12 +533,12 @@ var Zt = (e, o, t) => t.reduce((n, r) => {
       };
     }, e.getAutoAggregationFn = () => {
       const t = o.getCoreRowModel().flatRows[0], n = t?.getValue(e.id);
-      if (typeof n == "number") return Pe.sum;
-      if (Object.prototype.toString.call(n) === "[object Date]") return Pe.extent;
+      if (typeof n == "number") return Ie.sum;
+      if (Object.prototype.toString.call(n) === "[object Date]") return Ie.extent;
     }, e.getAggregationFn = () => {
       var t, n;
       if (!e) throw new Error();
-      return Ce(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : (t = (n = o.options.aggregationFns) == null ? void 0 : n[e.columnDef.aggregationFn]) != null ? t : Pe[e.columnDef.aggregationFn];
+      return Ce(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : (t = (n = o.options.aggregationFns) == null ? void 0 : n[e.columnDef.aggregationFn]) != null ? t : Ie[e.columnDef.aggregationFn];
     };
   },
   createTable: (e) => {
@@ -604,12 +604,12 @@ var an = {
       return un(i, t, n);
     }, C(e.options, "debugTable", "_getOrderColumnsFn"));
   }
-}, Ie = () => ({
+}, Ve = () => ({
   left: [],
   right: []
 }), gn = {
   getInitialState: (e) => ({
-    columnPinning: Ie(),
+    columnPinning: Ve(),
     ...e
   }),
   getDefaultOptions: (e) => ({ onColumnPinningChange: x("columnPinning", e) }),
@@ -668,7 +668,7 @@ var an = {
   createTable: (e) => {
     e.setColumnPinning = (o) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(o), e.resetColumnPinning = (o) => {
       var t, n;
-      return e.setColumnPinning(o ? Ie() : (t = (n = e.initialState) == null ? void 0 : n.columnPinning) != null ? t : Ie());
+      return e.setColumnPinning(o ? Ve() : (t = (n = e.initialState) == null ? void 0 : n.columnPinning) != null ? t : Ve());
     }, e.getIsSomeColumnsPinned = (o) => {
       var t;
       const n = e.getState().columnPinning;
@@ -694,7 +694,7 @@ var Se = {
   size: 150,
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
-}, Ve = () => ({
+}, xe = () => ({
   startOffset: null,
   startSize: null,
   deltaOffset: null,
@@ -705,7 +705,7 @@ var Se = {
   getDefaultColumnDef: () => Se,
   getInitialState: (e) => ({
     columnSizing: {},
-    columnSizingInfo: Ve(),
+    columnSizingInfo: xe(),
     ...e
   }),
   getDefaultOptions: (e) => ({
@@ -757,9 +757,9 @@ var Se = {
     }, e.getResizeHandler = (t) => {
       const n = o.getColumn(e.column.id), r = n?.getCanResize();
       return (i) => {
-        if (!n || !r || (i.persist == null || i.persist(), xe(i) && i.touches && i.touches.length > 1))
+        if (!n || !r || (i.persist == null || i.persist(), ye(i) && i.touches && i.touches.length > 1))
           return;
-        const l = e.getSize(), s = e ? e.getLeafHeaders().map((h) => [h.column.id, h.column.getSize()]) : [[n.id, n.getSize()]], u = xe(i) ? Math.round(i.touches[0].clientX) : i.clientX, a = {}, d = (h, w) => {
+        const l = e.getSize(), s = e ? e.getLeafHeaders().map((h) => [h.column.id, h.column.getSize()]) : [[n.id, n.getSize()]], u = ye(i) ? Math.round(i.touches[0].clientX) : i.clientX, a = {}, d = (h, w) => {
           typeof w == "number" && (o.setColumnSizingInfo((_) => {
             var L, P;
             const V = o.options.columnResizeDirection === "rtl" ? -1 : 1, K = (w - ((L = _?.startOffset) != null ? L : 0)) * V, X = Math.max(K / ((P = _?.startSize) != null ? P : 0), -0.999999);
@@ -797,7 +797,7 @@ var Se = {
             c?.removeEventListener("touchmove", v.moveHandler), c?.removeEventListener("touchend", v.upHandler), h.cancelable && (h.preventDefault(), h.stopPropagation()), f((w = h.touches[0]) == null ? void 0 : w.clientX);
           }
         }, $ = cn() ? { passive: !1 } : !1;
-        xe(i) ? (c?.addEventListener("touchmove", v.moveHandler, $), c?.addEventListener("touchend", v.upHandler, $)) : (c?.addEventListener("mousemove", p.moveHandler, $), c?.addEventListener("mouseup", p.upHandler, $)), o.setColumnSizingInfo((h) => ({
+        ye(i) ? (c?.addEventListener("touchmove", v.moveHandler, $), c?.addEventListener("touchend", v.upHandler, $)) : (c?.addEventListener("mousemove", p.moveHandler, $), c?.addEventListener("mouseup", p.upHandler, $)), o.setColumnSizingInfo((h) => ({
           ...h,
           startOffset: u,
           startSize: l,
@@ -815,7 +815,7 @@ var Se = {
       e.setColumnSizing(o ? {} : (t = e.initialState.columnSizing) != null ? t : {});
     }, e.resetHeaderSizeInfo = (o) => {
       var t;
-      e.setColumnSizingInfo(o ? Ve() : (t = e.initialState.columnSizingInfo) != null ? t : Ve());
+      e.setColumnSizingInfo(o ? xe() : (t = e.initialState.columnSizingInfo) != null ? t : xe());
     }, e.getTotalSize = () => {
       var o, t;
       return (o = (t = e.getHeaderGroups()[0]) == null ? void 0 : t.headers.reduce((n, r) => n + r.getSize(), 0)) != null ? o : 0;
@@ -845,7 +845,7 @@ function cn() {
   }
   return me = e, me;
 }
-function xe(e) {
+function ye(e) {
   return e.type === "touchstart";
 }
 var pn = {
@@ -1021,14 +1021,14 @@ var Sn = { createTable: (e) => {
       };
     };
   }
-}, De = 0, He = 10, ye = () => ({
-  pageIndex: De,
-  pageSize: He
+}, He = 0, Ge = 10, Ee = () => ({
+  pageIndex: He,
+  pageSize: Ge
 }), vn = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
-      ...ye(),
+      ...Ee(),
       ...e?.pagination
     }
   }),
@@ -1054,7 +1054,7 @@ var Sn = { createTable: (e) => {
       return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(r);
     }, e.resetPagination = (n) => {
       var r;
-      e.setPagination(n ? ye() : (r = e.initialState.pagination) != null ? r : ye());
+      e.setPagination(n ? Ee() : (r = e.initialState.pagination) != null ? r : Ee());
     }, e.setPageIndex = (n) => {
       e.setPagination((r) => {
         let i = T(n, r.pageIndex);
@@ -1066,10 +1066,10 @@ var Sn = { createTable: (e) => {
       });
     }, e.resetPageIndex = (n) => {
       var r, i;
-      e.setPageIndex(n ? De : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageIndex) != null ? r : De);
+      e.setPageIndex(n ? He : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageIndex) != null ? r : He);
     }, e.resetPageSize = (n) => {
       var r, i;
-      e.setPageSize(n ? He : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? r : He);
+      e.setPageSize(n ? Ge : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? r : Ge);
     }, e.setPageSize = (n) => {
       e.setPagination((r) => {
         const i = Math.max(1, T(n, r.pageSize)), l = r.pageSize * r.pageIndex, s = Math.floor(l / i);
@@ -1100,12 +1100,12 @@ var Sn = { createTable: (e) => {
       return (n = e.options.rowCount) != null ? n : e.getPrePaginationRowModel().rows.length;
     };
   }
-}, Ee = () => ({
+}, Ae = () => ({
   top: [],
   bottom: []
 }), Rn = {
   getInitialState: (e) => ({
-    rowPinning: Ee(),
+    rowPinning: Ae(),
     ...e
   }),
   getDefaultOptions: (e) => ({ onRowPinningChange: x("rowPinning", e) }),
@@ -1164,7 +1164,7 @@ var Sn = { createTable: (e) => {
   createTable: (e) => {
     e.setRowPinning = (o) => e.options.onRowPinningChange == null ? void 0 : e.options.onRowPinningChange(o), e.resetRowPinning = (o) => {
       var t, n;
-      return e.setRowPinning(o ? Ee() : (t = (n = e.initialState) == null ? void 0 : n.rowPinning) != null ? t : Ee());
+      return e.setRowPinning(o ? Ae() : (t = (n = e.initialState) == null ? void 0 : n.rowPinning) != null ? t : Ae());
     }, e.getIsSomeRowsPinned = (o) => {
       var t;
       const n = e.getState().rowPinning;
@@ -1219,17 +1219,17 @@ var Sn = { createTable: (e) => {
     }, e.toggleAllPageRowsSelected = (o) => e.setRowSelection((t) => {
       const n = typeof o < "u" ? o : !e.getIsAllPageRowsSelected(), r = { ...t };
       return e.getRowModel().rows.forEach((i) => {
-        Ge(r, i.id, n, !0, e);
+        Oe(r, i.id, n, !0, e);
       }), r;
-    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = m(() => [e.getState().rowSelection, e.getCoreRowModel()], (o, t) => Object.keys(o).length ? Ae(e, t) : {
+    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = m(() => [e.getState().rowSelection, e.getCoreRowModel()], (o, t) => Object.keys(o).length ? Le(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, C(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = m(() => [e.getState().rowSelection, e.getFilteredRowModel()], (o, t) => Object.keys(o).length ? Ae(e, t) : {
+    }, C(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = m(() => [e.getState().rowSelection, e.getFilteredRowModel()], (o, t) => Object.keys(o).length ? Le(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, C(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = m(() => [e.getState().rowSelection, e.getSortedRowModel()], (o, t) => Object.keys(o).length ? Ae(e, t) : {
+    }, C(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = m(() => [e.getState().rowSelection, e.getSortedRowModel()], (o, t) => Object.keys(o).length ? Le(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
@@ -1261,17 +1261,17 @@ var Sn = { createTable: (e) => {
         var l;
         if (t = typeof t < "u" ? t : !r, e.getCanSelect() && r === t) return i;
         const s = { ...i };
-        return Ge(s, e.id, t, (l = n?.selectChildren) != null ? l : !0, o), s;
+        return Oe(s, e.id, t, (l = n?.selectChildren) != null ? l : !0, o), s;
       });
     }, e.getIsSelected = () => {
       const { rowSelection: t } = o.getState();
-      return Be(e, t);
+      return qe(e, t);
     }, e.getIsSomeSelected = () => {
       const { rowSelection: t } = o.getState();
-      return Oe(e, t) === "some";
+      return ze(e, t) === "some";
     }, e.getIsAllSubRowsSelected = () => {
       const { rowSelection: t } = o.getState();
-      return Oe(e, t) === "all";
+      return ze(e, t) === "all";
     }, e.getCanSelect = () => {
       var t;
       return typeof o.options.enableRowSelection == "function" ? o.options.enableRowSelection(e) : (t = o.options.enableRowSelection) != null ? t : !0;
@@ -1289,16 +1289,16 @@ var Sn = { createTable: (e) => {
       };
     };
   }
-}, Ge = (e, o, t, n, r) => {
+}, Oe = (e, o, t, n, r) => {
   var i;
   const l = r.getRow(o, !0);
-  t ? (l.getCanMultiSelect() || Object.keys(e).forEach((s) => delete e[s]), l.getCanSelect() && (e[o] = !0)) : delete e[o], n && (i = l.subRows) != null && i.length && l.getCanSelectSubRows() && l.subRows.forEach((s) => Ge(e, s.id, t, n, r));
+  t ? (l.getCanMultiSelect() || Object.keys(e).forEach((s) => delete e[s]), l.getCanSelect() && (e[o] = !0)) : delete e[o], n && (i = l.subRows) != null && i.length && l.getCanSelectSubRows() && l.subRows.forEach((s) => Oe(e, s.id, t, n, r));
 };
-function Ae(e, o) {
+function Le(e, o) {
   const t = e.getState().rowSelection, n = [], r = {}, i = function(l, s) {
     return l.map((u) => {
       var a;
-      const d = Be(u, t);
+      const d = qe(u, t);
       if (d && (n.push(u), r[u.id] = u), (a = u.subRows) != null && a.length && (u = {
         ...u,
         subRows: i(u.subRows)
@@ -1311,33 +1311,33 @@ function Ae(e, o) {
     rowsById: r
   };
 }
-function Be(e, o) {
+function qe(e, o) {
   var t;
   return (t = o[e.id]) != null ? t : !1;
 }
-function Oe(e, o, t) {
+function ze(e, o, t) {
   var n;
   if (!((n = e.subRows) != null && n.length)) return !1;
   let r = !0, i = !1;
   return e.subRows.forEach((l) => {
-    if (!(i && !r) && (l.getCanSelect() && (Be(l, o) ? i = !0 : r = !1), l.subRows && l.subRows.length)) {
-      const s = Oe(l, o);
+    if (!(i && !r) && (l.getCanSelect() && (qe(l, o) ? i = !0 : r = !1), l.subRows && l.subRows.length)) {
+      const s = ze(l, o);
       s === "all" ? i = !0 : (s === "some" && (i = !0), r = !1);
     }
   }), r ? "all" : i ? "some" : !1;
 }
-var ze = /([0-9]+)/gm, wn = (e, o, t) => gt(B(e.getValue(t)).toLowerCase(), B(o.getValue(t)).toLowerCase()), _n = (e, o, t) => gt(B(e.getValue(t)), B(o.getValue(t))), Fn = (e, o, t) => qe(B(e.getValue(t)).toLowerCase(), B(o.getValue(t)).toLowerCase()), $n = (e, o, t) => qe(B(e.getValue(t)), B(o.getValue(t))), Mn = (e, o, t) => {
+var Te = /([0-9]+)/gm, wn = (e, o, t) => gt(B(e.getValue(t)).toLowerCase(), B(o.getValue(t)).toLowerCase()), _n = (e, o, t) => gt(B(e.getValue(t)), B(o.getValue(t))), Fn = (e, o, t) => Ne(B(e.getValue(t)).toLowerCase(), B(o.getValue(t)).toLowerCase()), $n = (e, o, t) => Ne(B(e.getValue(t)), B(o.getValue(t))), Mn = (e, o, t) => {
   const n = e.getValue(t), r = o.getValue(t);
   return n > r ? 1 : n < r ? -1 : 0;
-}, Pn = (e, o, t) => qe(e.getValue(t), o.getValue(t));
-function qe(e, o) {
+}, Pn = (e, o, t) => Ne(e.getValue(t), o.getValue(t));
+function Ne(e, o) {
   return e === o ? 0 : e > o ? 1 : -1;
 }
 function B(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
 function gt(e, o) {
-  const t = e.split(ze).filter(Boolean), n = o.split(ze).filter(Boolean);
+  const t = e.split(Te).filter(Boolean), n = o.split(Te).filter(Boolean);
   for (; t.length && n.length; ) {
     const r = t.shift(), i = n.shift(), l = parseInt(r, 10), s = parseInt(i, 10), u = [l, s].sort();
     if (isNaN(u[0])) {
@@ -1378,7 +1378,7 @@ var ee = {
       for (const r of t) {
         const i = r?.getValue(e.id);
         if (Object.prototype.toString.call(i) === "[object Date]") return ee.datetime;
-        if (typeof i == "string" && (n = !0, i.split(ze).length > 1))
+        if (typeof i == "string" && (n = !0, i.split(Te).length > 1))
           return ee.alphanumeric;
       }
       return n ? ee.text : ee.basic;
@@ -1623,7 +1623,7 @@ function En() {
   }, C(e.options, "debugTable", "getSortedRowModel", () => e._autoResetPageIndex()));
 }
 function Qn(e, o) {
-  return e ? An(e) ? /* @__PURE__ */ Le.createElement(e, o) : e : null;
+  return e ? An(e) ? /* @__PURE__ */ De.createElement(e, o) : e : null;
 }
 function An(e) {
   return Ln(e) || typeof e == "function" || Dn(e);
@@ -1644,7 +1644,7 @@ function Hn(e) {
     },
     renderFallbackValue: null,
     ...e
-  }, [t] = Le.useState(() => ({ current: xn(o) })), [n, r] = Le.useState(() => t.current.initialState);
+  }, [t] = De.useState(() => ({ current: xn(o) })), [n, r] = De.useState(() => t.current.initialState);
   return t.current.setOptions((i) => ({
     ...i,
     ...e,
@@ -1668,7 +1668,7 @@ var tt = [
   const o = e();
   return o === void 0 || o === "all" ? o : [.../* @__PURE__ */ new Set([...o, ...tt])];
 } : [.../* @__PURE__ */ new Set([...e, ...tt])], Yn = ({ children: e, classNameExpandedCell: o, classNameExpandedContent: t, classNameExpandedRow: n, classNameExpandedHeader: r, classNameActiveExpandedRow: i, classNameHoverRow: l, columns: s = [], data: u = [], defaultExpanded: a, enableExpandedRow: d, enableHoverRow: g, expandedState: f, headerContent: c, id: p, isPaginationEnabled: v, queryOptions: $ = {}, totalItems: h, getRowId: w, fetchData: _, onExpandedChange: L, renderExpandedRow: P, keepExpandColumnVisible: V }) => {
-  const [K, X] = I([]), [ve, Re] = I(!!_), [j, W] = I(0), [ne, dt] = I(), [oe, ft] = I(10), [ct, pt] = I(h), Ne = _ ? ct : h, St = Math.ceil(Ne / oe), [re, mt] = I({}), [ie, Ct] = I({}), [le, vt] = I({}), [se, Rt] = I({}), ht = () => {
+  const [K, X] = I([]), [ve, Re] = I(!!_), [j, W] = I(0), [ne, dt] = I(), [oe, ft] = I(10), [ct, pt] = I(h), je = _ ? ct : h, St = Math.ceil(je / oe), [re, mt] = I({}), [ie, Ct] = I({}), [le, vt] = I({}), [se, Rt] = I({}), ht = () => {
     const S = typeof p == "string" || typeof p == "number" ? [p] : [...p];
     return v && S.push(j, oe), ne && S.push(ne), Object.entries(re).forEach(([R, F]) => {
       S.push(`${R}:${F.join(",")}`);
@@ -1679,20 +1679,20 @@ var tt = [
     }), Object.entries(se).forEach(([R, F]) => {
       F && S.push(`${R}:${F}`);
     }), S;
-  }, { notifyOnChangeProps: wt, ...je } = $, ke = b({}), Ue = b(!1), G = Nt({
+  }, { notifyOnChangeProps: wt, ...ke } = $, Ue = b({}), Ke = b(!1), G = Nt({
     refetchOnMount: !1,
     refetchOnWindowFocus: !1,
-    ...je,
+    ...ke,
     notifyOnChangeProps: On(wt),
     queryKey: ht(),
     enabled: (S) => {
       if (!_) return !1;
-      const { enabled: R } = je;
+      const { enabled: R } = ke;
       return typeof R == "function" ? !!R(S) : R ?? !0;
     },
     initialData: () => {
-      if (!(Ue.current || u.length === 0))
-        return Ue.current = !0, u;
+      if (!(Ke.current || u.length === 0))
+        return Ke.current = !0, u;
     },
     queryFn: async ({ signal: S }) => {
       const { data: R, totalItemsCount: F } = await _({
@@ -1704,15 +1704,15 @@ var tt = [
         ...Object.keys(le).length > 0 ? le : {},
         ...Object.keys(se).length > 0 ? se : {}
       }, S);
-      return ke.current = { totalItemsCount: F }, R;
+      return Ue.current = { totalItemsCount: F }, R;
     }
-  }), [_t, Ke] = I(!1), he = b(0), Xe = b(!0), We = b(G.refetch);
-  We.current = G.refetch;
-  const Q = _ ? G.data ?? Gn : u, Ft = _ ? G.isLoading : !1, $t = _ ? G.isFetching : !1, Mt = _ ? G.error : null, Qe = !!c;
+  }), [_t, Xe] = I(!1), he = b(0), We = b(!0), Qe = b(G.refetch);
+  Qe.current = G.refetch;
+  const Q = _ ? G.data ?? Gn : u, Ft = _ ? G.isLoading : !1, $t = _ ? G.isFetching : !1, Mt = _ ? G.error : null, Ye = !!c;
   k(() => {
     if (!_ || G.dataUpdatedAt === 0) return;
     Re(!1);
-    const { totalItemsCount: S } = ke.current;
+    const { totalItemsCount: S } = Ue.current;
     S && pt(S);
   }, [_, G.dataUpdatedAt]);
   const Pt = z((S) => {
@@ -1754,7 +1754,7 @@ var tt = [
   ]);
   k(() => {
     if (!d) return;
-    const S = Je(p), R = new AbortController(), F = (Z) => {
+    const S = Pe(p), R = new AbortController(), F = (Z) => {
       const { detail: O } = Z, { rowId: y } = O;
       O.tableId !== S || !y || Y((D) => typeof D == "boolean" ? { [y]: !0 } : {
         ...D,
@@ -1781,29 +1781,29 @@ var tt = [
     p,
     Y
   ]), k(() => () => {
-    Xe.current = !1;
+    We.current = !1;
   }, []), k(() => {
     if (!_) return;
-    const S = Je(p), R = new AbortController(), F = (E) => {
+    const S = Pe(p), R = new AbortController(), F = (E) => {
       const { detail: ge } = E;
-      ge.tableId !== void 0 && ge.tableId !== S || (he.current += 1, Ke(!0), We.current().finally(() => {
-        he.current -= 1, he.current === 0 && Xe.current && Ke(!1);
+      ge.tableId !== void 0 && ge.tableId !== S || (he.current += 1, Xe(!0), Qe.current().finally(() => {
+        he.current -= 1, he.current === 0 && We.current && Xe(!1);
       }));
     };
     return document.addEventListener(fe.REFRESH, F, { signal: R.signal }), () => R.abort();
   }, [_, p]);
-  const _e = U(() => Q.some((S) => !!S.meta?.expandedRow), [Q]), ue = U(() => Q.map((S, R) => w ? w(S, R) : String(R)), [Q, w]), Ht = U(() => typeof q == "boolean" ? q : ue.some((S) => !!q[S]), [q, ue]), Gt = U(() => typeof V == "boolean" ? V : typeof V == "object" ? ue.some((S) => !!V[S]) : !1, [V, ue]), Fe = _e || P && (Ht || Gt), [N, Ye] = I(!!Fe);
+  const _e = U(() => Q.some((S) => !!S.meta?.expandedRow), [Q]), ue = U(() => Q.map((S, R) => w ? w(S, R) : String(R)), [Q, w]), Ht = U(() => typeof q == "boolean" ? q : ue.some((S) => !!q[S]), [q, ue]), Gt = U(() => typeof V == "boolean" ? V : typeof V == "object" ? ue.some((S) => !!V[S]) : !1, [V, ue]), Fe = _e || P && (Ht || Gt), [N, Ze] = I(!!Fe);
   k(() => {
     if (Fe) {
-      const S = requestAnimationFrame(() => Ye(!0));
+      const S = requestAnimationFrame(() => Ze(!0));
       return () => cancelAnimationFrame(S);
-    } else Ye(!1);
+    } else Ze(!1);
   }, [Fe]);
-  const [ae, Ze] = I(!N);
+  const [ae, Je] = I(!N);
   k(() => {
-    if (N) Ze(!1);
+    if (N) Je(!1);
     else {
-      const S = setTimeout(() => Ze(!0), 300);
+      const S = setTimeout(() => Je(!0), 300);
       return () => clearTimeout(S);
     }
   }, [N]);
@@ -1822,13 +1822,13 @@ var tt = [
     },
     enableSorting: !1,
     meta: {
-      headerClassName: J("transition-[width,max-width,padding] duration-300 ease-in-out overflow-hidden", N ? "w-10 max-w-10 px-2" : "w-0 max-w-0 !p-0", ae && J("!border-0 !rounded-none dark:[&+th]:border-l", !Qe && "[&+th]:rounded-tl-lg")),
+      headerClassName: J("transition-[width,max-width,padding] duration-300 ease-in-out overflow-hidden", N ? "w-10 max-w-10 px-2" : "w-0 max-w-0 !p-0", ae && J("!border-0 !rounded-none dark:[&+th]:border-l", !Ye && "[&+th]:rounded-tl-lg")),
       className: J("transition-[width,max-width,padding] duration-300 ease-in-out overflow-hidden", N ? J("w-10 max-w-10 px-1 text-center", r) : "w-0 max-w-0 !p-0", ae && "!border-0 dark:[&+td]:border-l")
     }
   }, [
     d,
     _e,
-    Qe,
+    Ye,
     P,
     N,
     ae,
@@ -1869,12 +1869,13 @@ var tt = [
       pageSize: oe,
       sortedData: K,
       table: zt,
+      tableId: Pe(p),
       tableFetching: $t,
       tableLoading: Ft || _t,
       tableError: Mt,
       headerContent: c,
       termOfSearch: ne,
-      totalItems: Ne,
+      totalItems: je,
       totalPages: St,
       handlePage: Et,
       onChangeTermOfSearch: Pt,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.112",
+  "version": "0.1.2-alpha.113",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -78,20 +78,20 @@
     "test:watch": "vitest dev"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.23",
-    "@radix-ui/react-checkbox": "^1.3.11",
-    "@radix-ui/react-dialog": "^1.1.23",
-    "@radix-ui/react-dropdown-menu": "^2.1.24",
-    "@radix-ui/react-popover": "^1.1.23",
-    "@radix-ui/react-slider": "^1.4.7",
-    "@radix-ui/react-slot": "^1.3.3",
-    "@radix-ui/react-switch": "^1.3.7",
-    "@radix-ui/react-tabs": "^1.1.21",
-    "@radix-ui/react-tooltip": "^1.2.16",
-    "@radix-ui/react-visually-hidden": "^1.2.11",
+    "@radix-ui/react-alert-dialog": "^1.2.1",
+    "@radix-ui/react-checkbox": "^1.4.1",
+    "@radix-ui/react-dialog": "^1.3.1",
+    "@radix-ui/react-dropdown-menu": "^2.2.1",
+    "@radix-ui/react-popover": "^1.3.1",
+    "@radix-ui/react-slider": "^1.6.1",
+    "@radix-ui/react-slot": "^1.5.0",
+    "@radix-ui/react-switch": "^1.4.1",
+    "@radix-ui/react-tabs": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.4.1",
+    "@radix-ui/react-visually-hidden": "^1.2.13",
     "@react-input/mask": "^2.0.4",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.13",
+    "@tanstack/react-virtual": "^3.14.18",
     "chart.js": "^4.5.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -102,8 +102,7 @@
     "google-libphonenumber": "^3.2.47",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.8",
-    "lucide-react": "^1.52.0",
-    "motion": "^14.0.0",
+    "lucide-react": "^1.56.0",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^10.0.2",
     "react-feather": "^2.0.10",
@@ -115,6 +114,7 @@
     "@tanstack/react-query": "^5.104",
     "@types/react": "*",
     "@types/react-dom": "*",
+    "motion": "^14",
     "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0",
     "react-router-dom": "^7",
@@ -146,48 +146,49 @@
   "devDependencies": {
     "@faker-js/faker": "^10.6.0",
     "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.6.1",
-    "@storybook/addon-links": "^10.6.1",
-    "@storybook/react-vite": "^10.6.1",
+    "@storybook/addon-docs": "^10.6.2",
+    "@storybook/addon-links": "^10.6.2",
+    "@storybook/react-vite": "^10.6.2",
     "@tailwindcss/vite": "^4.3.3",
-    "@tanstack/react-query": "^5.104.1",
+    "@tanstack/react-query": "^5.104.2",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@testing-library/user-event": "^14.6.7",
+    "@testing-library/user-event": "^14.6.8",
     "@types/google-libphonenumber": "^7.4.31",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.25",
+    "@types/lodash": "^4.17.26",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.71.0",
-    "@typescript-eslint/parser": "^8.71.0",
+    "@typescript-eslint/eslint-plugin": "^8.71.2",
+    "@typescript-eslint/parser": "^8.71.2",
     "@vitejs/plugin-react": "^6.1.2",
-    "@vitest/coverage-v8": "^5.0.3",
+    "@vitest/coverage-v8": "^5.0.4",
     "autoprefixer": "^10.6.1",
     "eslint": "^9.39.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.7",
-    "eslint-plugin-storybook": "^10.6.1",
+    "eslint-plugin-storybook": "^10.6.2",
     "eslint-plugin-vitest": "^0.5.4",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
     "jest-axe": "^11.0.0",
     "jsdom": "^30.1.2",
     "lodash": "^4.18.1",
-    "postcss": "^8.5.29",
-    "prettier": "^3.9.9",
+    "motion": "^14.2.0",
+    "postcss": "^8.5.30",
+    "prettier": "^3.9.10",
     "rimraf": "^6.1.3",
-    "storybook": "^10.6.1",
+    "storybook": "^10.6.2",
     "tailwindcss": "^4.3.3",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
-    "vite": "^8.3.2",
+    "vite": "^8.3.4",
     "vite-plugin-dts": "^5.1.2",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
-    "vitest": "^5.0.3"
+    "vitest": "^5.0.4"
   },
   "overrides": {
     "storybook": "$storybook",