@krosoft/react 0.0.164 → 0.0.165

package/dist/{DataTable-CQ2LlJS7.js → DataTable-BtmAMrZg.js}

@@ -3,7 +3,7 @@ import { u as ae } from "./useDataTable-CxcA5S-s.js";
 import { ay as P, aM as $, aA as W, aC as se, $ as B, az as ie } from "./toggle-group-DY9wl0HW.js";
 import "./alert-B78CiTYe.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as y } from "./tooltip-BWyFpIxo.js";
+import { B as b } from "./tooltip-BWyFpIxo.js";
 import "@radix-ui/react-collapsible";
 import "./sheet-Gop1cIaU.js";
 import { MoreVerticalIcon as ne, Loader2Icon as le, GripVerticalIcon as de, ArrowUpIcon as oe, ArrowDownIcon as ce, ArrowUpDownIcon as me, ChevronLeftIcon as he, ChevronRightIcon as ge, SettingsIcon as ue } from "lucide-react";
@@ -15,35 +15,35 @@ import "next-themes";
 import "sonner";
 import "react";
 const L = [5, 10, 30, 50, 100], pe = L[1];
-function fe({ actions: d, row: a }) {
-  const o = d.filter((r) => r.visible === void 0 || r.visible(a));
+function fe({ actions: d, row: s }) {
+  const o = d.filter((r) => r.visible === void 0 || r.visible(s));
   if (o.length === 0)
     return null;
-  const i = o.filter((r) => r.overflow !== !0), m = o.filter((r) => r.overflow === !0);
+  const i = o.filter((r) => r.overflow !== !0), g = o.filter((r) => r.overflow === !0);
   return /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-1", children: [
     i.map((r, h) => {
       var c;
-      const g = r.icon;
+      const m = r.icon;
       return /* @__PURE__ */ t(
-        y,
+        b,
         {
           variant: r.variant ?? "ghost",
           size: "sm",
-          disabled: ((c = r.disabled) == null ? void 0 : c.call(r, a)) ?? !1,
+          disabled: ((c = r.disabled) == null ? void 0 : c.call(r, s)) ?? !1,
           className: `h-7 px-2 text-muted-foreground hover:text-foreground ${r.className ?? ""}`,
-          onClick: (n) => {
-            n.stopPropagation(), r.onClick(a);
+          onClick: (l) => {
+            l.stopPropagation(), r.onClick(s);
           },
           children: [
-            g !== void 0 && /* @__PURE__ */ e(g, { className: "size-3.5" }),
+            m !== void 0 && /* @__PURE__ */ e(m, { className: "size-3.5" }),
             r.label
           ]
         },
         h
       );
     }),
-    m.length > 0 && /* @__PURE__ */ t(P, { children: [
-      /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(y, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(ne, { className: "size-3.5" }) }) }),
+    g.length > 0 && /* @__PURE__ */ t(P, { children: [
+      /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(b, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(ne, { className: "size-3.5" }) }) }),
       /* @__PURE__ */ e(
         W,
         {
@@ -51,19 +51,19 @@ function fe({ actions: d, row: a }) {
           onClick: (r) => {
             r.stopPropagation();
           },
-          children: m.map((r, h) => {
+          children: g.map((r, h) => {
             var c;
-            const g = r.icon;
+            const m = r.icon;
             return /* @__PURE__ */ t(
               se,
               {
-                disabled: ((c = r.disabled) == null ? void 0 : c.call(r, a)) ?? !1,
+                disabled: ((c = r.disabled) == null ? void 0 : c.call(r, s)) ?? !1,
                 onClick: () => {
-                  r.onClick(a);
+                  r.onClick(s);
                 },
                 className: r.className,
                 children: [
-                  g !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-4 flex items-center justify-center", children: /* @__PURE__ */ e(g, { className: "size-4" }) }),
+                  m !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-4 flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "size-4" }) }),
                   r.label
                 ]
               },
@@ -77,68 +77,69 @@ function fe({ actions: d, row: a }) {
 }
 function xe({
   isLoading: d,
-  colSpanCount: a,
+  colSpanCount: s,
   noDataMessage: o,
   paginatedData: i,
-  getRowId: m,
+  getRowId: g,
   onRowClick: r,
   hasBulkActions: h,
-  selectedRows: g,
+  selectedRows: m,
   toggleRowSelection: c,
-  visibleColumnsArray: n,
-  columnWidths: N,
+  visibleColumnsArray: l,
+  columnWidths: v,
   hasActions: z,
-  actions: v,
+  actions: y,
   columns: w,
-  bordered: k = !1
+  bordered: N = !1,
+  resizableColumns: D = !1
 }) {
-  const D = (u, p) => {
-    const s = w.find((b) => b.key === p);
-    if ((s == null ? void 0 : s.renderCell) !== void 0)
-      return s.renderCell(u);
-    const x = u[p];
+  const k = (p, u) => {
+    const n = w.find((a) => a.key === u);
+    if ((n == null ? void 0 : n.renderCell) !== void 0)
+      return n.renderCell(p);
+    const x = p[u];
     return /* @__PURE__ */ e("span", { className: "text-sm truncate", children: x != null ? String(x) : "-" });
   };
-  return d ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: a, className: "py-8 text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+  return d ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: s, className: "py-8 text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
     /* @__PURE__ */ e(le, { className: "h-6 w-6 animate-spin text-primary" }),
     /* @__PURE__ */ e("span", { className: "text-sm", children: "Chargement..." })
-  ] }) }) }) }) : i.length === 0 ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: a, className: "py-8 text-center text-sm text-muted-foreground", children: o }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: i.map((u) => {
-    const p = m(u);
+  ] }) }) }) }) : i.length === 0 ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: s, className: "py-8 text-center text-sm text-muted-foreground", children: o }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: i.map((p) => {
+    const u = g(p);
     return /* @__PURE__ */ t(
       "tr",
       {
         className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${r !== void 0 ? "cursor-pointer" : ""}`,
-        onClick: (s) => r == null ? void 0 : r(u, s),
+        onClick: (n) => r == null ? void 0 : r(p, n),
         children: [
           h ? /* @__PURE__ */ e(
             "td",
             {
               className: "p-1 text-center align-middle",
               style: { width: "32px", minWidth: "32px", maxWidth: "32px" },
-              onClick: (s) => {
-                s.stopPropagation();
+              onClick: (n) => {
+                n.stopPropagation();
               },
               children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
                 B,
                 {
-                  checked: g.includes(p),
+                  checked: m.includes(u),
                   onCheckedChange: () => {
-                    c(p);
+                    c(u);
                   }
                 }
               ) })
             }
           ) : null,
-          n.map((s, x) => {
-            const b = x === n.length - 1;
+          l.map((n, x) => {
+            const a = x === l.length - 1;
             return /* @__PURE__ */ e(
               "td",
               {
-                className: `px-2 py-2 relative ${k && !b ? "border-r border-gray-100 dark:border-gray-800" : ""} ${s.className ?? ""}`,
-                style: { width: N[s.key] },
-                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: D(u, s.key) })
+                className: `px-2 py-2 relative ${N && !a ? "border-r border-gray-100 dark:border-gray-800" : ""} ${n.className ?? ""}`,
+                style: D ? { width: v[n.key] } : { minWidth: v[n.key] },
+                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: k(p, n.key) })
               },
-              s.key
+              n.key
             );
           }),
           z ? /* @__PURE__ */ e(
@@ -146,35 +147,35 @@ function xe({
             {
               className: "p-1 text-center align-middle whitespace-nowrap",
               style: { minWidth: "32px" },
-              onClick: (s) => {
-                s.stopPropagation();
+              onClick: (n) => {
+                n.stopPropagation();
               },
-              children: v !== void 0 && v.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(fe, { actions: v, row: u }) }) : null
+              children: y !== void 0 && y.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(fe, { actions: y, row: p }) }) : null
             }
           ) : null
         ]
       },
-      p
+      u
     );
   }) });
 }
-function ve({ selectedRows: d, setSelectedRows: a, bulkActions: o }) {
+function ve({ selectedRows: d, setSelectedRows: s, bulkActions: o }) {
   return /* @__PURE__ */ t("div", { className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-lg", children: [
     /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ t("span", { className: "text-sm font-medium text-primary ml-1", children: [
         d.length,
         " sélectionné(s)"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: o.map((i, m) => {
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: o.map((i, g) => {
         const r = i.icon;
         return /* @__PURE__ */ t(
-          y,
+          b,
           {
             variant: "outline",
             size: "sm",
             onClick: () => {
               i.onClick(d, () => {
-                a([]);
+                s([]);
               });
             },
             className: `h-7 bg-background shadow-sm text-xs px-2.5 ${i.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
@@ -183,17 +184,17 @@ function ve({ selectedRows: d, setSelectedRows: a, bulkActions: o }) {
               i.label
             ]
           },
-          m
+          g
         );
       }) })
     ] }),
     /* @__PURE__ */ e(
-      y,
+      b,
       {
         variant: "ghost",
         size: "sm",
         onClick: () => {
-          a([]);
+          s([]);
         },
         className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
         children: "Désélectionner"
@@ -201,30 +202,30 @@ function ve({ selectedRows: d, setSelectedRows: a, bulkActions: o }) {
     )
   ] });
 }
-function be({
+function ye({
   hasBulkActions: d,
-  selectedRows: a,
+  selectedRows: s,
   totalItems: o,
   toggleSelectAll: i,
-  visibleColumnsArray: m,
+  visibleColumnsArray: g,
   draggableColumns: r,
   resizableColumns: h,
-  columnWidths: g,
+  columnWidths: m,
   sortColumn: c,
-  sortDirection: n,
-  handleSort: N,
+  sortDirection: l,
+  handleSort: v,
   handleDragStart: z,
-  handleDragOver: v,
+  handleDragOver: y,
   handleDrop: w,
-  handleMouseDown: k,
+  handleMouseDown: N,
   hasActions: D,
-  settingsNode: u,
+  settingsNode: k,
   bordered: p = !1
 }) {
-  let s = !1;
-  a.length === o && o > 0 ? s = !0 : a.length > 0 && (s = "indeterminate");
-  const x = (l) => l.sortable !== !0 ? null : c === l.key ? n === "asc" ? /* @__PURE__ */ e(oe, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(ce, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(me, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), b = (l, I) => {
-    const S = I !== !1, C = l.sortable === !0;
+  let u = !1;
+  s.length === o && o > 0 ? u = !0 : s.length > 0 && (u = "indeterminate");
+  const n = (a) => a.sortable !== !0 ? null : c === a.key ? l === "asc" ? /* @__PURE__ */ e(oe, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(ce, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(me, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), x = (a, I) => {
+    const S = I !== !1, C = a.sortable === !0;
     return /* @__PURE__ */ t(
       "th",
       {
@@ -232,64 +233,64 @@ function be({
           "px-2 py-2 text-left text-sm font-medium text-gray-900 dark:text-gray-100 relative group",
           p ? "border-r border-gray-200 dark:border-gray-800" : "",
           C ? "cursor-pointer select-none" : "",
-          l.className ?? ""
+          a.className ?? ""
         ].filter(Boolean).join(" "),
-        style: { width: g[l.key] },
+        style: h ? { width: m[a.key] } : { minWidth: m[a.key] },
         draggable: S,
         onClick: () => {
-          N(l.key);
+          v(a.key);
         },
         onDragStart: (f) => {
-          S ? z(f, l.key) : f.preventDefault();
+          S ? z(f, a.key) : f.preventDefault();
         },
         onDragOver: (f) => {
-          v(f, l.key);
+          y(f, a.key);
         },
         onDrop: (f) => {
-          w(f, l.key);
+          w(f, a.key);
         },
         children: [
           /* @__PURE__ */ t("div", { className: "flex items-center justify-between pr-2", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
               S ? /* @__PURE__ */ e(de, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
-              /* @__PURE__ */ e("span", { className: "truncate", children: l.label })
+              /* @__PURE__ */ e("span", { className: "truncate", children: a.label })
             ] }),
-            /* @__PURE__ */ e("div", { className: "ml-1 shrink-0", children: x(l) })
+            /* @__PURE__ */ e("div", { className: "ml-1 shrink-0", children: n(a) })
           ] }),
           h ? /* @__PURE__ */ e(
             "div",
             {
               className: "absolute right-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-blue-500 opacity-0 group-hover:opacity-50 transition-opacity",
               onMouseDown: (f) => {
-                k(f, l.key);
+                N(f, a.key);
               }
             }
           ) : null
         ]
       },
-      l.key
+      a.key
     );
   };
   return /* @__PURE__ */ e("thead", { className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ t("tr", { children: [
-    d ? /* @__PURE__ */ e("th", { className: "p-1 flex-shrink-0 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(B, { checked: s, onCheckedChange: i }) }) }) : null,
-    m.map((l) => b(l, r)),
-    D || u !== void 0 ? /* @__PURE__ */ e("th", { className: "p-1 text-center align-middle", style: { minWidth: "32px" }, children: u }) : null
+    d ? /* @__PURE__ */ e("th", { className: "p-1 flex-shrink-0 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(B, { checked: u, onCheckedChange: i }) }) }) : null,
+    g.map((a) => x(a, r)),
+    D || k !== void 0 ? /* @__PURE__ */ e("th", { className: "p-1 text-center align-middle", style: { minWidth: "32px" }, children: k }) : null
   ] }) });
 }
-function ye({
+function be({
   totalItems: d,
-  startIndex: a,
+  startIndex: s,
   endIndex: o,
   pageSize: i,
-  setPageSize: m,
+  setPageSize: g,
   currentPage: r,
   setCurrentPage: h,
-  pageSizeOptions: g,
+  pageSizeOptions: m,
   totalPages: c
 }) {
   return /* @__PURE__ */ t("div", { className: "px-4 py-2 border-t border-gray-200 dark:border-gray-800 flex items-center justify-between bg-muted/50 dark:bg-gray-900/50 flex-wrap gap-2", children: [
     /* @__PURE__ */ t("div", { className: "text-sm text-muted-foreground", children: [
-      d === 0 ? "0" : `${String(a + 1)} - ${String(o)}`,
+      d === 0 ? "0" : `${String(s + 1)} - ${String(o)}`,
       " sur ",
       d
     ] }),
@@ -300,23 +301,23 @@ function ye({
           "select",
           {
             value: i,
-            onChange: (n) => {
-              m(Number(n.target.value)), h(1);
+            onChange: (l) => {
+              g(Number(l.target.value)), h(1);
             },
             className: "border border-input bg-background rounded px-2 py-1 text-sm text-foreground",
-            children: g.map((n) => /* @__PURE__ */ e("option", { value: n, children: n }, n))
+            children: m.map((l) => /* @__PURE__ */ e("option", { value: l, children: l }, l))
           }
         )
       ] }),
       /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          y,
+          b,
           {
             variant: "outline",
             size: "sm",
             className: "h-8 w-8 p-0",
             onClick: () => {
-              h((n) => Math.max(1, n - 1));
+              h((l) => Math.max(1, l - 1));
             },
             disabled: r === 1,
             children: /* @__PURE__ */ e(he, { className: "size-4" })
@@ -329,13 +330,13 @@ function ye({
           c
         ] }),
         /* @__PURE__ */ e(
-          y,
+          b,
           {
             variant: "outline",
             size: "sm",
             className: "h-8 w-8 p-0",
             onClick: () => {
-              h((n) => Math.min(c, n + 1));
+              h((l) => Math.min(c, l + 1));
             },
             disabled: r === c,
             children: /* @__PURE__ */ e(ge, { className: "size-4" })
@@ -345,13 +346,13 @@ function ye({
     ] })
   ] });
 }
-function Ne({ columns: d, visibleColumns: a, toggleColumnVisibility: o }) {
+function Ne({ columns: d, visibleColumns: s, toggleColumnVisibility: o }) {
   return /* @__PURE__ */ t(P, { children: [
-    /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(y, { variant: "outline", size: "sm", className: "size-7 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(ue, { className: "size-3.5 text-gray-600 dark:text-gray-300" }) }) }),
+    /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(b, { variant: "outline", size: "sm", className: "size-7 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(ue, { className: "size-3.5 text-gray-600 dark:text-gray-300" }) }) }),
     /* @__PURE__ */ e(W, { align: "end", className: "w-56", children: d.map((i) => /* @__PURE__ */ e(
       ie,
       {
-        checked: a.has(i.key),
+        checked: s.has(i.key),
         onCheckedChange: () => {
           o(i.key);
         },
@@ -363,27 +364,27 @@ function Ne({ columns: d, visibleColumns: a, toggleColumnVisibility: o }) {
 }
 function He({
   data: d,
-  columns: a,
+  columns: s,
   getRowId: o,
   onRowClick: i,
-  actions: m,
+  actions: g,
   bulkActions: r,
   draggableColumns: h = !1,
-  resizableColumns: g = !1,
+  resizableColumns: m = !1,
   columnVisibility: c = !1,
-  isLoading: n = !1,
-  bordered: N = !1,
+  isLoading: l = !1,
+  bordered: v = !1,
   noDataMessage: z = "Aucun résultat",
-  defaultPageSize: v = pe,
+  defaultPageSize: y = pe,
   pageSizeOptions: w = L,
-  totalRows: k,
+  totalRows: N,
   currentPage: D,
-  pageSize: u,
+  pageSize: k,
   onPageChange: p,
-  onPageSizeChange: s,
-  sortColumn: x,
-  sortDirection: b,
-  onSortChange: l
+  onPageSizeChange: u,
+  sortColumn: n,
+  sortDirection: x,
+  onSortChange: a
 }) {
   const {
     sortColumn: I,
@@ -415,27 +416,27 @@ function He({
     setCurrentPage: te
   } = ae({
     data: d,
-    columns: a,
+    columns: s,
     getRowId: o,
-    defaultPageSize: v,
-    actions: m,
+    defaultPageSize: y,
+    actions: g,
     bulkActions: r,
     columnVisibility: c,
-    totalRows: k,
+    totalRows: N,
     currentPage: D,
-    pageSize: u,
+    pageSize: k,
     onPageChange: p,
-    onPageSizeChange: s,
-    sortColumn: x,
-    sortDirection: b,
-    onSortChange: l
+    onPageSizeChange: u,
+    sortColumn: n,
+    sortDirection: x,
+    onSortChange: a
   });
   return /* @__PURE__ */ t("div", { className: "space-y-4", children: [
     C.length > 0 && r !== void 0 && r.length > 0 && /* @__PURE__ */ e(ve, { selectedRows: C, setSelectedRows: f, bulkActions: r }),
     /* @__PURE__ */ t("div", { className: "w-full bg-card dark:bg-gray-950 rounded-md border border-gray-200 dark:border-gray-800 overflow-hidden", children: [
       /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("table", { ref: q, className: "w-full", children: [
         /* @__PURE__ */ e(
-          be,
+          ye,
           {
             hasBulkActions: M,
             selectedRows: C,
@@ -443,7 +444,7 @@ function He({
             toggleSelectAll: R,
             visibleColumnsArray: T,
             draggableColumns: h,
-            resizableColumns: g,
+            resizableColumns: m,
             columnWidths: j,
             sortColumn: I,
             sortDirection: S,
@@ -453,15 +454,15 @@ function He({
             handleDrop: Z,
             handleMouseDown: Q,
             hasActions: A,
-            bordered: N,
-            settingsNode: c ? /* @__PURE__ */ e(Ne, { columns: a, visibleColumns: H, toggleColumnVisibility: _ }) : void 0
+            bordered: v,
+            settingsNode: c ? /* @__PURE__ */ e(Ne, { columns: s, visibleColumns: H, toggleColumnVisibility: _ }) : void 0
           }
         ),
         /* @__PURE__ */ e(
           xe,
           {
-            bordered: N,
-            isLoading: n,
+            bordered: v,
+            isLoading: l,
             colSpanCount: E,
             noDataMessage: z,
             paginatedData: F,
@@ -473,15 +474,16 @@ function He({
             visibleColumnsArray: T,
             columnWidths: j,
             hasActions: A || c,
-            actions: m,
-            columns: a
+            actions: g,
+            columns: s,
+            resizableColumns: m
           }
         )
       ] }) }),
       /* @__PURE__ */ e(
-        ye,
+        be,
         {
-          totalItems: k ?? d.length,
+          totalItems: N ?? d.length,
           startIndex: V,
           endIndex: G,
           pageSize: ee,
@@ -500,7 +502,7 @@ export {
   fe as T,
   xe as a,
   ve as b,
-  be as c,
-  ye as d,
+  ye as c,
+  be as d,
   Ne as e
 };

package/dist/components/core/index.js

@@ -15,7 +15,7 @@ import { S as _, a as $, b as aa, T as ea } from "../../Topbar-DMyjbOTI.js";
 import { E as oa } from "../../ErrorAlert-DH1onuyt.js";
 import { E as ta } from "../../ErrorState-vU8d4CwD.js";
 import { L as la } from "../../LoadingState-BN0YaPSs.js";
-import { D as ba, T as ma, a as da, b as ga, c as fa, d as Aa, e as Da } from "../../DataTable-CQ2LlJS7.js";
+import { D as ba, T as ma, a as da, b as ga, c as fa, d as Aa, e as Da } from "../../DataTable-BtmAMrZg.js";
 import { A as na, a as ca, b as xa, c as Sa } from "../../AppVerticalTabs-DujFNh9f.js";
 import { T as Fa } from "../../ThemeSelector-CQ3fSDJ2.js";
 export {

package/dist/components/core/table/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMvE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAwB,EACxB,gBAAwB,EACxB,gBAAwB,EACxB,SAAiB,EACjB,QAAgB,EAChB,aAAgC,EAChC,eAAmC,EACnC,eAA2C,EAC3C,SAAS,EACT,WAAW,EACX,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EACZ,gBAAgB,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAE,uBAAuB,EACtC,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkHvC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMvE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAwB,EACxB,gBAAwB,EACxB,gBAAwB,EACxB,SAAiB,EACjB,QAAgB,EAChB,aAAgC,EAChC,eAAmC,EACnC,eAA2C,EAC3C,SAAS,EACT,WAAW,EACX,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EACZ,gBAAgB,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAE,uBAAuB,EACtC,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmHvC"}

package/dist/components/core/table/TableBody.d.ts

@@ -17,6 +17,7 @@ export interface TableBodyProps<T> {
     actions?: RowAction<T>[];
     columns: ColumnDef<T>[];
     bordered?: boolean;
+    resizableColumns?: boolean;
 }
-export declare function TableBody<T>({ isLoading, colSpanCount, noDataMessage, paginatedData, getRowId, onRowClick, hasBulkActions, selectedRows, toggleRowSelection, visibleColumnsArray, columnWidths, hasActions, actions, columns, bordered, }: TableBodyProps<T>): React.JSX.Element;
+export declare function TableBody<T>({ isLoading, colSpanCount, noDataMessage, paginatedData, getRowId, onRowClick, hasBulkActions, selectedRows, toggleRowSelection, visibleColumnsArray, columnWidths, hasActions, actions, columns, bordered, resizableColumns, }: TableBodyProps<T>): React.JSX.Element;
 //# sourceMappingURL=TableBody.d.ts.map

package/dist/components/core/table/TableBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/TableBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,QAAgB,GACjB,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiGvC"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/TableBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5E,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,gBAAwB,GACzB,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiGvC"}

package/dist/components/core/table/index.js

@@ -1,4 +1,4 @@
-import { D as s, T as b, a as l, b as T, c as t, d as o, e as i } from "../../../DataTable-CQ2LlJS7.js";
+import { D as s, T as b, a as l, b as T, c as t, d as o, e as i } from "../../../DataTable-BtmAMrZg.js";
 export {
   s as DataTable,
   b as TableActions,

package/dist/components/index.js

@@ -15,7 +15,7 @@ import { S as gr, a as dr, b as mr, T as Cr } from "../Topbar-DMyjbOTI.js";
 import { E as Tr } from "../ErrorAlert-DH1onuyt.js";
 import { E as Dr } from "../ErrorState-vU8d4CwD.js";
 import { L as xr } from "../LoadingState-BN0YaPSs.js";
-import { D as Ir, T as Pr, a as hr, b as fr, c as wr, d as vr, e as Fr } from "../DataTable-CQ2LlJS7.js";
+import { D as Ir, T as Pr, a as hr, b as fr, c as wr, d as vr, e as Fr } from "../DataTable-BtmAMrZg.js";
 import { A as Br, a as Gr, b as Hr, c as Rr } from "../AppVerticalTabs-DujFNh9f.js";
 import { T as Nr } from "../ThemeSelector-CQ3fSDJ2.js";
 import { A as Er, a as Or, b as Vr } from "../alert-B78CiTYe.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.164",
+  "version": "0.0.165",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {