@sito/dashboard 0.0.74 → 0.0.76

package/dist/{Table-DO7FFraQ.js → Table-Mx5SOKp_.js}

@@ -1,21 +1,22 @@
 import "./Table.css";
-import { jsxs as b, jsx as e, Fragment as q } from "react/jsx-runtime";
-import { useState as M, useRef as j, useEffect as I, useMemo as S, useCallback as x, Fragment as de } from "react";
-import { u as G, a as B, F as ue } from "./FiltersProvider-iOkSYSFZ.js";
-import { E as pe, c as le, C as ae, T as me, a as he, b as fe, B as be, F as ge } from "./TableColumns-CIddkosX.js";
-import { C as ie, A as Ne, S as ee, T as Y } from "./SelectInput-Dm7gv03Z.js";
-import { u as P } from "./TableOptionsProvider-Dzq4dOu8.js";
-import { u as O } from "./TranslationProvider-BR4s--Vu.js";
-import { I as H } from "./IconButton-BpsTEj0z.js";
-import { B as Ce } from "./Badge-CIeYthEy.js";
-import { FilterTypes as W } from "./lib.js";
-import { B as Z } from "./Button-D73-swfo.js";
-import { C as te } from "./Chip-C5ogKbFn.js";
-import { T as re } from "./Tooltip-B4E-FRwY.js";
-import { S as ye } from "./query-CwuehjY1.js";
-import { D as ve } from "./Dropdown-D-fYEGo2.js";
-import { L as we } from "./Loading-B_c_4XLr.js";
-function oe(n) {
+import { jsxs as b, jsx as e, Fragment as G } from "react/jsx-runtime";
+import { c as O } from "./classNames-DDRjbGA1.js";
+import { useState as V, useRef as B, useEffect as j, useMemo as S, useCallback as x, Fragment as ue } from "react";
+import { u as J, a as $, F as pe } from "./FiltersProvider-iOkSYSFZ.js";
+import { E as me, c as ae, C as ie, T as he, a as fe, b as be, B as ge, F as Ne } from "./TableColumns-CIddkosX.js";
+import { C as re, A as Ce, S as te, T as Z } from "./SelectInput-BKFTGaAm.js";
+import { u as D } from "./TableOptionsProvider-Dzq4dOu8.js";
+import { u as _ } from "./TranslationProvider-DNybGe-x.js";
+import { I as U } from "./IconButton-CqPk_OXG.js";
+import { B as ye } from "./Badge-DW9i2Rh6.js";
+import { FilterTypes as q } from "./lib.js";
+import { B as ee } from "./Button-C6icqzyN.js";
+import { C as ne } from "./Chip-6bEZ7uwv.js";
+import { T as oe } from "./Tooltip-p-nQtZ5Y.js";
+import { S as ve } from "./query-CwuehjY1.js";
+import { D as we } from "./Dropdown-D-fYEGo2.js";
+import { L as xe } from "./Loading-BTwXNOEv.js";
+function ce(n) {
   const {
     id: t,
     icon: a,
@@ -33,7 +34,11 @@ function oe(n) {
     {
       type: "button",
       id: t,
-      className: `action ${c ? "text-action" : "icon-action"} ${p}`,
+      className: O(
+        "action",
+        c ? "text-action" : "icon-action",
+        p
+      ),
       disabled: o,
       "aria-label": s,
       onClick: (d) => {
@@ -51,7 +56,7 @@ function oe(n) {
     }
   );
 }
-function xe(n) {
+function Se(n) {
   const {
     actions: t = [],
     className: a = "",
@@ -60,12 +65,12 @@ function xe(n) {
     showTooltips: i = !0,
     showActionTexts: u = !1
   } = n;
-  return /* @__PURE__ */ e("ul", { className: `actions-container ${a}`, children: t.map((o) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("ul", { className: O("actions-container", a), children: t.map((o) => /* @__PURE__ */ e(
     "li",
     {
-      className: `actions-container-item ${s}`,
+      className: O("actions-container-item", s),
       children: /* @__PURE__ */ e(
-        oe,
+        ce,
         {
           showTooltips: i,
           showText: u,
@@ -77,13 +82,13 @@ function xe(n) {
     o.id
   )) });
 }
-const Se = (n) => {
-  const { actions: t = [], className: a = "" } = n, { t: s } = O(), [l, i] = M(!1), [u, o] = M(null);
-  return /* @__PURE__ */ b("div", { className: `actions-dropdown ${a}`, children: [
+const Re = (n) => {
+  const { actions: t = [], className: a = "" } = n, { t: s } = _(), [l, i] = V(!1), [u, o] = V(null);
+  return /* @__PURE__ */ b("div", { className: O("actions-dropdown", a), children: [
     /* @__PURE__ */ e(
-      H,
+      U,
       {
-        icon: /* @__PURE__ */ e(pe, {}),
+        icon: /* @__PURE__ */ e(me, {}),
         onClick: (c) => {
           c.stopPropagation(), o(c.currentTarget), i((r) => !r);
         },
@@ -96,13 +101,13 @@ const Se = (n) => {
       }
     ),
     /* @__PURE__ */ e(
-      ve,
+      we,
       {
         open: l,
         onClose: () => i(!1),
         anchorEl: u,
         children: /* @__PURE__ */ e(
-          xe,
+          Se,
           {
             showActionTexts: !0,
             actions: t,
@@ -116,24 +121,24 @@ const Se = (n) => {
     )
   ] });
 };
-function ne(n, t = []) {
+function se(n, t = []) {
   return [...n].sort((a, s) => (s.pos ?? 0) - (a.pos ?? 0)).filter(
     (a) => a.display !== "none" && !t.includes(a.key)
   );
 }
-function Re(n) {
-  const { t } = O(), {
+function Te(n) {
+  const { t } = _(), {
     entity: a = "",
     columns: s = [],
     hasAction: l = !0,
     onSortCallback: i,
     selectionState: u,
     onToggleAllRows: o
-  } = n, c = j(null);
-  I(() => {
+  } = n, c = B(null);
+  j(() => {
     c.current && (c.current.indeterminate = !!(u?.hasSomeSelected && !u?.allSelected));
   }, [u]);
-  const { onSort: r, sortingOrder: p, sortingBy: d, hiddenColumns: y } = P(), f = S(() => ne(s, y).map((h) => ({
+  const { onSort: r, sortingOrder: p, sortingBy: d, hiddenColumns: y } = D(), f = S(() => se(s, y).map((h) => ({
     id: h.key,
     label: h.label,
     renderHead: h.renderHead,
@@ -157,22 +162,22 @@ function Re(n) {
       "th",
       {
         scope: "col",
-        className: `table-headers-column ${h.className}`,
+        className: O("table-headers-column", h.className),
         children: /* @__PURE__ */ b(
-          Z,
+          ee,
           {
             disabled: !h.sortable,
             onClick: () => r(h.id, i),
             className: "table-headers-cell",
             children: [
               h.renderHead ? h.renderHead() : /* @__PURE__ */ e("span", { className: "table-headers-label", children: h.label }),
-              h.sortable && d === h.id && /* @__PURE__ */ e("span", { children: p === ye.ASC ? h.sortOptions?.icons?.asc ?? /* @__PURE__ */ e(
-                le,
+              h.sortable && d === h.id && /* @__PURE__ */ e("span", { children: p === ve.ASC ? h.sortOptions?.icons?.asc ?? /* @__PURE__ */ e(
+                ae,
                 {
                   className: h.sortOptions?.icons?.className ?? "table-headers-sort-indicator"
                 }
               ) : h.sortOptions?.icons?.desc ?? /* @__PURE__ */ e(
-                ae,
+                ie,
                 {
                   className: h.sortOptions?.icons?.className ?? "table-headers-sort-indicator"
                 }
@@ -185,9 +190,9 @@ function Re(n) {
     ))
   ] }) });
 }
-function Te(n) {
-  const { columns: t } = n, { hiddenColumns: a, toggleColumn: s } = P(), { t: l } = O(), [i, u] = M(!1), o = j(null), c = S(
-    () => ne(
+function ke(n) {
+  const { columns: t } = n, { hiddenColumns: a, toggleColumn: s } = D(), { t: l } = _(), [i, u] = V(!1), o = B(null), c = S(
+    () => se(
       t.filter(
         (d) => d.hideable !== !1 && d.display !== "none"
       ),
@@ -204,9 +209,9 @@ function Te(n) {
   );
   return c.length === 0 ? null : /* @__PURE__ */ b("div", { className: "column-visibility-menu", ref: o, children: [
     /* @__PURE__ */ e(
-      H,
+      U,
       {
-        icon: /* @__PURE__ */ e(me, { className: "column-visibility-icon" }),
+        icon: /* @__PURE__ */ e(he, { className: "column-visibility-icon" }),
         className: "normal column-visibility-trigger",
         "aria-haspopup": "true",
         "aria-expanded": i,
@@ -214,7 +219,7 @@ function Te(n) {
         children: /* @__PURE__ */ e("span", { className: "table-header-sr", children: l("_accessibility:buttons.columns") })
       }
     ),
-    i && /* @__PURE__ */ b(q, { children: [
+    i && /* @__PURE__ */ b(G, { children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -223,7 +228,7 @@ function Te(n) {
         }
       ),
       /* @__PURE__ */ e("div", { className: "column-visibility-dropdown", role: "menu", children: c.map((d) => /* @__PURE__ */ e(
-        ie,
+        re,
         {
           checked: !a.includes(d.key),
           onChange: () => p(d.key),
@@ -235,35 +240,35 @@ function Te(n) {
     ] })
   ] });
 }
-const ke = (n) => {
+const Ae = (n) => {
   const { items: t, text: a, id: s, onClearFilter: l } = n;
   return /* @__PURE__ */ e(
-    te,
+    ne,
     {
       text: `${a}: ${t.map((i) => i.value ?? i.name).join(", ")}`,
       onDelete: () => l(s)
     }
   );
-}, Ae = (n) => {
+}, Ee = (n) => {
   const { end: t, start: a, text: s, id: l, onClearFilter: i } = n, u = (o) => o !== null && typeof o < "u" && o !== "";
   return /* @__PURE__ */ e(
-    te,
+    ne,
     {
       text: `${s}: ${u(a) ? a : "♾️"} - ${u(t) ? t : "♾️"}`,
       onDelete: () => i(l)
     }
   );
-}, Ee = (n) => typeof n == "object" && n !== null && !Array.isArray(n) && ("start" in n || "end" in n), Fe = (n) => {
+}, Fe = (n) => typeof n == "object" && n !== null && !Array.isArray(n) && ("start" in n || "end" in n), Oe = (n) => {
   const { filtersDefinition: t } = n, a = S(() => {
     const o = {};
     return t.forEach((c) => {
       o[c.propertyName] = c.label ?? c.propertyName;
     }), o;
-  }, [t]), { filters: s, clearFilters: l } = P(), i = S(() => Object.keys(s), [s]), u = x(
+  }, [t]), { filters: s, clearFilters: l } = D(), i = S(() => Object.keys(s), [s]), u = x(
     (o) => {
       const c = s[o];
-      return Ee(c) ? /* @__PURE__ */ e(
-        Ae,
+      return Fe(c) ? /* @__PURE__ */ e(
+        Ee,
         {
           id: o,
           text: a[o],
@@ -272,7 +277,7 @@ const ke = (n) => {
           onClearFilter: l
         }
       ) : Array.isArray(c) ? /* @__PURE__ */ e(
-        ke,
+        Ae,
         {
           id: o,
           text: a[o],
@@ -280,7 +285,7 @@ const ke = (n) => {
           onClearFilter: l
         }
       ) : /* @__PURE__ */ e(
-        te,
+        ne,
         {
           text: `${a[o]}: ${c?.value ?? c?.name ?? c}`,
           onDelete: () => l(o)
@@ -291,14 +296,14 @@ const ke = (n) => {
   );
   return /* @__PURE__ */ e("ul", { className: "active-filters-main", children: i?.map((o) => /* @__PURE__ */ e("li", { children: u(o) }, o)) });
 };
-function Oe(n) {
-  const { propertyName: t, label: a, placeholder: s, options: l, multiple: i = !0 } = n, { currentFilters: u, setCurrentFilters: o } = G(), c = S(() => {
+function _e(n) {
+  const { propertyName: t, label: a, placeholder: s, options: l, multiple: i = !0 } = n, { currentFilters: u, setCurrentFilters: o } = J(), c = S(() => {
     const p = u[t]?.value;
     return typeof p > "u" ? null : p;
   }, [u, t]), r = x(
     (p) => {
       o({
-        type: B.update,
+        type: $.update,
         toUpdate: {
           [t]: {
             value: p
@@ -309,7 +314,7 @@ function Oe(n) {
     [t, o]
   );
   return /* @__PURE__ */ e(
-    Ne,
+    Ce,
     {
       value: c,
       label: a,
@@ -322,17 +327,17 @@ function Oe(n) {
     }
   );
 }
-const _e = (n) => {
-  const { propertyName: t, label: a } = n, { currentFilters: s, setCurrentFilters: l } = G(), i = S(() => s[t]?.value ?? "", [s]), u = x((o) => {
+const Me = (n) => {
+  const { propertyName: t, label: a } = n, { currentFilters: s, setCurrentFilters: l } = J(), i = S(() => s[t]?.value ?? "", [s]), u = x((o) => {
     l({
-      type: B.update,
+      type: $.update,
       toUpdate: { [t]: { value: o.target.checked } }
     });
   }, []);
-  return /* @__PURE__ */ e(ie, { label: a, checked: i ?? !1, onChange: u });
+  return /* @__PURE__ */ e(re, { label: a, checked: i ?? !1, onChange: u });
 };
-function $e(n) {
-  const { propertyName: t, options: a, label: s, placeholder: l } = n, { currentFilters: i, setCurrentFilters: u } = G(), o = S(() => {
+function Pe(n) {
+  const { propertyName: t, options: a, label: s, placeholder: l } = n, { currentFilters: i, setCurrentFilters: u } = J(), o = S(() => {
     const r = i[t]?.value;
     if (r === null || typeof r > "u")
       return a[0]?.id ?? "";
@@ -347,7 +352,7 @@ function $e(n) {
         (d) => String(d.id) === r.target.value
       );
       u({
-        type: B.update,
+        type: $.update,
         toUpdate: {
           [t]: { value: p?.id ?? r.target.value }
         }
@@ -356,7 +361,7 @@ function $e(n) {
     [a, t, u]
   );
   return /* @__PURE__ */ e(
-    ee,
+    te,
     {
       value: o,
       label: s,
@@ -368,15 +373,15 @@ function $e(n) {
     }
   );
 }
-const Me = (n) => {
-  const { propertyName: t, label: a, placeholder: s } = n, { currentFilters: l, setCurrentFilters: i } = G(), u = S(() => l[t]?.value ?? "", [l]), o = x((c) => {
+const Ve = (n) => {
+  const { propertyName: t, label: a, placeholder: s } = n, { currentFilters: l, setCurrentFilters: i } = J(), u = S(() => l[t]?.value ?? "", [l]), o = x((c) => {
     i({
-      type: B.update,
+      type: $.update,
       toUpdate: { [t]: { value: c.target.value } }
     });
   }, []);
   return /* @__PURE__ */ e(
-    Y,
+    Z,
     {
       value: u ?? "",
       label: a,
@@ -386,10 +391,10 @@ const Me = (n) => {
       placeholder: s
     }
   );
-}, se = (n) => {
-  const { propertyName: t, label: a, inputType: s } = n, { t: l } = O(), { currentFilters: i, setCurrentFilters: u } = G(), o = j(null), c = j(null), r = x((d) => {
+}, le = (n) => {
+  const { propertyName: t, label: a, inputType: s } = n, { t: l } = _(), { currentFilters: i, setCurrentFilters: u } = J(), o = B(null), c = B(null), r = x((d) => {
     u({
-      type: B.update,
+      type: $.update,
       toUpdate: {
         [t]: {
           value: { end: c?.current?.value ?? null, start: d.target.value }
@@ -398,7 +403,7 @@ const Me = (n) => {
     });
   }, []), p = x((d) => {
     u({
-      type: B.update,
+      type: $.update,
       toUpdate: {
         [t]: {
           value: {
@@ -413,7 +418,7 @@ const Me = (n) => {
     /* @__PURE__ */ e("p", { className: "text-input-label input-widget-label input-label-normal", children: a }),
     /* @__PURE__ */ b("div", { className: "range-widget-row", children: [
       /* @__PURE__ */ e(
-        Y,
+        Z,
         {
           value: i[t]?.value?.start ?? "",
           placeholder: l("_accessibility:components.table.filters.range.start"),
@@ -425,7 +430,7 @@ const Me = (n) => {
         }
       ),
       /* @__PURE__ */ e(
-        Y,
+        Z,
         {
           value: i[t]?.value?.end ?? "",
           placeholder: l("_accessibility:components.table.filters.range.end"),
@@ -438,37 +443,37 @@ const Me = (n) => {
       )
     ] })
   ] });
-}, Pe = (n) => {
+}, De = (n) => {
   switch (n.type) {
-    case W.text:
-      return /* @__PURE__ */ e(Me, { ...n });
-    case W.number:
+    case q.text:
+      return /* @__PURE__ */ e(Ve, { ...n });
+    case q.number:
       return /* @__PURE__ */ e(
-        se,
+        le,
         {
           ...n,
           inputType: "number"
         }
       );
-    case W.date:
+    case q.date:
       return /* @__PURE__ */ e(
-        se,
+        le,
         {
           ...n,
           inputType: "date"
         }
       );
-    case W.select:
-      return /* @__PURE__ */ e($e, { ...n });
-    case W.autocomplete:
-      return /* @__PURE__ */ e(Oe, { ...n });
-    case W.check:
+    case q.select:
+      return /* @__PURE__ */ e(Pe, { ...n });
+    case q.autocomplete:
       return /* @__PURE__ */ e(_e, { ...n });
+    case q.check:
+      return /* @__PURE__ */ e(Me, { ...n });
   }
-  return /* @__PURE__ */ e(q, {});
-}, Ve = (n) => {
-  const { filters: t = [], show: a, handleShow: s } = n, { onFilterApply: l } = P(), { currentFilters: i, setCurrentFilters: u } = G(), { t: o } = O(), c = j(null);
-  return I(() => {
+  return /* @__PURE__ */ e(G, {});
+}, Ie = (n) => {
+  const { filters: t = [], show: a, handleShow: s } = n, { onFilterApply: l } = D(), { currentFilters: i, setCurrentFilters: u } = J(), { t: o } = _(), c = B(null);
+  return j(() => {
     const r = ({ target: d }) => {
       c.current && (d?.closest(".filter-dropdown-trigger") || !a || c.current.contains(d) || s(!1));
     }, p = ({ code: d }) => {
@@ -477,42 +482,51 @@ const Me = (n) => {
     return document.addEventListener("click", r), document.addEventListener("keydown", p), () => {
       document.removeEventListener("click", r), document.removeEventListener("keydown", p);
     };
-  }, [s, a]), /* @__PURE__ */ e("div", { className: `filter-dropdown-backdrop ${a ? "opened" : "closed"}`, children: /* @__PURE__ */ b("div", { className: "filter-popup", ref: c, children: [
-    /* @__PURE__ */ e("div", { className: "filter-title", children: o("_accessibility:buttons.filters") }),
-    /* @__PURE__ */ e("ul", { className: "filter-container", children: t.map((r) => /* @__PURE__ */ e("li", { className: "filter-container-item", children: Pe(r) }, r.propertyName)) }),
-    /* @__PURE__ */ e("div", { className: "filter-footer", children: /* @__PURE__ */ b("ul", { className: "filter-buttons-row", children: [
-      /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        Z,
-        {
-          type: "button",
-          variant: "submit",
-          onClick: () => u({
-            type: B.reset,
-            filters: t
-          }),
-          className: "filter-dropdown-button filter-dropdown-cancel",
-          children: o("_accessibility:buttons.clear")
-        }
-      ) }),
-      /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        Z,
-        {
-          type: "button",
-          variant: "submit",
-          color: "primary",
-          className: "filter-dropdown-button filter-dropdown-submit",
-          onClick: () => {
-            s(!1), l(i);
-          },
-          children: o("_accessibility:buttons.applyFilters")
-        }
-      ) })
-    ] }) })
-  ] }) });
-}, De = () => {
-  const { t: n } = O(), { total: t, pageSize: a, pageSizes: s, currentPage: l } = P(), i = (l + 1) * a > t ? t : (l + 1) * a;
+  }, [s, a]), /* @__PURE__ */ e(
+    "div",
+    {
+      className: O(
+        "filter-dropdown-backdrop",
+        a ? "opened" : "closed"
+      ),
+      children: /* @__PURE__ */ b("div", { className: "filter-popup", ref: c, children: [
+        /* @__PURE__ */ e("div", { className: "filter-title", children: o("_accessibility:buttons.filters") }),
+        /* @__PURE__ */ e("ul", { className: "filter-container", children: t.map((r) => /* @__PURE__ */ e("li", { className: "filter-container-item", children: De(r) }, r.propertyName)) }),
+        /* @__PURE__ */ e("div", { className: "filter-footer", children: /* @__PURE__ */ b("ul", { className: "filter-buttons-row", children: [
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            ee,
+            {
+              type: "button",
+              variant: "submit",
+              onClick: () => u({
+                type: $.reset,
+                filters: t
+              }),
+              className: "filter-dropdown-button filter-dropdown-cancel",
+              children: o("_accessibility:buttons.clear")
+            }
+          ) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            ee,
+            {
+              type: "button",
+              variant: "submit",
+              color: "primary",
+              className: "filter-dropdown-button filter-dropdown-submit",
+              onClick: () => {
+                s(!1), l(i);
+              },
+              children: o("_accessibility:buttons.applyFilters")
+            }
+          ) })
+        ] }) })
+      ] })
+    }
+  );
+}, ze = () => {
+  const { t: n } = _(), { total: t, pageSize: a, pageSizes: s, currentPage: l } = D(), i = (l + 1) * a > t ? t : (l + 1) * a;
   return /* @__PURE__ */ b("div", { className: "table-navigation-sizes", children: [
-    s[0] < t && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ b("p", { children: [
+    s[0] < t && /* @__PURE__ */ e(G, { children: /* @__PURE__ */ b("p", { children: [
       l * a + 1,
       " - ",
       i,
@@ -522,8 +536,8 @@ const Me = (n) => {
     /* @__PURE__ */ e("p", { children: t })
   ] });
 };
-function Ie() {
-  const { t: n } = O(), { total: t, pageSize: a, currentPage: s, setCurrentPage: l } = P(), i = S(() => {
+function je() {
+  const { t: n } = _(), { total: t, pageSize: a, currentPage: s, setCurrentPage: l } = D(), i = S(() => {
     const u = Math.ceil(t / a);
     return Array.from({ length: u }, (o, c) => ({
       id: c,
@@ -533,7 +547,7 @@ function Ie() {
   return /* @__PURE__ */ b("div", { className: "jump-to-page", children: [
     /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.jumpToPage") }),
     /* @__PURE__ */ e(
-      ee,
+      te,
       {
         value: s,
         options: i,
@@ -545,13 +559,13 @@ function Ie() {
     )
   ] });
 }
-const ze = () => {
-  const { t: n } = O(), { total: t, pageSize: a, currentPage: s, setCurrentPage: l } = P(), i = Math.ceil(t / a), u = s < i - 1;
+const Le = () => {
+  const { t: n } = _(), { total: t, pageSize: a, currentPage: s, setCurrentPage: l } = D(), i = Math.ceil(t / a), u = s < i - 1;
   return /* @__PURE__ */ b("div", { className: "table-navigation-pages", children: [
     /* @__PURE__ */ e(
-      H,
+      U,
       {
-        icon: /* @__PURE__ */ e(he, { className: "table-navigation-icon" }),
+        icon: /* @__PURE__ */ e(fe, { className: "table-navigation-icon" }),
         className: "table-navigation-buttons",
         disabled: s === 0,
         "aria-label": n("_accessibility:buttons.previous"),
@@ -560,9 +574,9 @@ const ze = () => {
       }
     ),
     /* @__PURE__ */ e(
-      H,
+      U,
       {
-        icon: /* @__PURE__ */ e(fe, { className: "table-navigation-icon" }),
+        icon: /* @__PURE__ */ e(be, { className: "table-navigation-icon" }),
         disabled: !u,
         className: "table-navigation-buttons",
         name: n("_accessibility:buttons.next"),
@@ -574,15 +588,15 @@ const ze = () => {
     )
   ] });
 };
-function je() {
-  const { t: n } = O(), { pageSizes: t, pageSize: a, setPageSize: s } = P(), l = S(
+function Be() {
+  const { t: n } = _(), { pageSizes: t, pageSize: a, setPageSize: s } = D(), l = S(
     () => t?.map((i) => ({ id: i, value: i })),
     [t]
   );
   return /* @__PURE__ */ b("div", { className: "page-size", children: [
     /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ e(
-      ee,
+      te,
       {
         value: a,
         options: l,
@@ -594,16 +608,16 @@ function je() {
     )
   ] });
 }
-function Le() {
+function He() {
   return /* @__PURE__ */ b("div", { className: "table-footer", children: [
-    /* @__PURE__ */ e(Ie, {}),
     /* @__PURE__ */ e(je, {}),
-    /* @__PURE__ */ e(De, {}),
-    /* @__PURE__ */ e(ze, {})
+    /* @__PURE__ */ e(Be, {}),
+    /* @__PURE__ */ e(ze, {}),
+    /* @__PURE__ */ e(Le, {})
   ] });
 }
-const Be = (n) => n, He = (n) => {
-  const { t } = O(), { hiddenColumns: a } = P(), {
+const $e = (n) => n, Ue = (n) => {
+  const { t } = _(), { hiddenColumns: a } = D(), {
     columns: s,
     softDeleteProperty: l = "deletedAt",
     data: i,
@@ -613,7 +627,7 @@ const Be = (n) => n, He = (n) => {
     onRowSelectionChange: r,
     onRowExpand: p
   } = n, d = S(
-    () => ne(s, a),
+    () => se(s, a),
     [s, a]
   ), y = S(
     () => new Map(
@@ -622,12 +636,18 @@ const Be = (n) => n, He = (n) => {
     [c]
   );
   return i?.map((f) => {
-    const h = o.has(f.id), w = y.get(f.id), E = !!w, V = d.length + 1 + (u ? 1 : 0);
-    return /* @__PURE__ */ b(de, { children: [
+    const h = o.has(f.id), w = y.get(f.id), E = !!w, I = d.length + 1 + (u ? 1 : 0);
+    return /* @__PURE__ */ b(ue, { children: [
       /* @__PURE__ */ b(
         "tr",
         {
-          className: `table-row ${p ? "expandable" : ""} ${f[l] ? "deleted-class" : ""} ${h ? "selected" : ""} ${E ? "expanded" : ""}`,
+          className: O(
+            "table-row",
+            p ? "expandable" : "",
+            f[l] ? "deleted-class" : "",
+            h ? "selected" : "",
+            E ? "expanded" : ""
+          ),
           onClick: () => p?.(f),
           children: [
             /* @__PURE__ */ e("td", { className: "table-row-cell table-row-checkbox", children: /* @__PURE__ */ e(
@@ -648,24 +668,28 @@ const Be = (n) => n, He = (n) => {
               ), T = R.filter(
                 (C) => !C.sticky
               );
-              return /* @__PURE__ */ b(q, { children: [
-                N.map((C) => /* @__PURE__ */ e(re, { content: C.tooltip, children: /* @__PURE__ */ e(
-                  oe,
+              return /* @__PURE__ */ b(G, { children: [
+                N.map((C) => /* @__PURE__ */ e(oe, { content: C.tooltip, children: /* @__PURE__ */ e(
+                  ce,
                   {
                     ...C,
                     onClick: () => C.onClick(f),
                     className: "row-table-action"
                   }
                 ) }, C.id)),
-                T.length > 0 && /* @__PURE__ */ e(Se, { actions: T })
+                T.length > 0 && /* @__PURE__ */ e(Re, { actions: T })
               ] });
             })() }) }) : null,
             d?.map((R, N) => {
-              const T = f[R.key], C = R.renderBody ? R.renderBody(T, f) : Be(T);
+              const T = f[R.key], C = R.renderBody ? R.renderBody(T, f) : $e(T);
               return /* @__PURE__ */ e(
                 "td",
                 {
-                  className: `table-row-cell ${N === 0 ? "basic" : ""} ${R.className ?? ""}`,
+                  className: O(
+                    "table-row-cell",
+                    N === 0 ? "basic" : "",
+                    R.className ?? ""
+                  ),
                   children: p && N === 0 ? /* @__PURE__ */ b("div", { className: "table-row-expand-content", children: [
                     /* @__PURE__ */ e(
                       "span",
@@ -673,7 +697,7 @@ const Be = (n) => n, He = (n) => {
                         className: "table-row-expand-indicator",
                         "aria-hidden": !0,
                         "data-state": E ? "expanded" : "collapsed",
-                        children: E ? /* @__PURE__ */ e(le, { className: "table-row-expand-chevron" }) : /* @__PURE__ */ e(ae, { className: "table-row-expand-chevron" })
+                        children: E ? /* @__PURE__ */ e(ae, { className: "table-row-expand-chevron" }) : /* @__PURE__ */ e(ie, { className: "table-row-expand-chevron" })
                       }
                     ),
                     /* @__PURE__ */ e("div", { className: "table-row-expand-value", children: C })
@@ -685,21 +709,24 @@ const Be = (n) => n, He = (n) => {
           ]
         }
       ),
-      E && w?.content !== null && typeof w?.content < "u" && /* @__PURE__ */ e("tr", { className: "table-row-expanded", children: /* @__PURE__ */ e("td", { className: "table-row-expanded-cell", colSpan: V, children: /* @__PURE__ */ e(
+      E && w?.content !== null && typeof w?.content < "u" && /* @__PURE__ */ e("tr", { className: "table-row-expanded", children: /* @__PURE__ */ e("td", { className: "table-row-expanded-cell", colSpan: I, children: /* @__PURE__ */ e(
         "div",
         {
-          className: `table-row-expanded-content ${w.isVisible ? "open" : "closed"}`,
+          className: O(
+            "table-row-expanded-content",
+            w.isVisible ? "open" : "closed"
+          ),
           children: /* @__PURE__ */ e("div", { className: "table-row-expanded-inner", children: w.content })
         }
       ) }) })
     ] }, f.id);
   });
 };
-function Ue() {
-  const { t: n } = O();
+function We() {
+  const { t: n } = _();
   return /* @__PURE__ */ e("div", { className: "table-empty", children: /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.empty") }) });
 }
-const We = (n) => {
+const qe = (n) => {
   const {
     columns: t,
     title: a,
@@ -708,11 +735,11 @@ const We = (n) => {
     filterOptions: i,
     canHideColumns: u = !1,
     canReset: o = !1
-  } = n, { countOfFilters: c, resetTableOptions: r } = P(), { t: p } = O(), d = S(() => t ? [...t].sort((N, T) => (T.pos ?? 0) - (N.pos ?? 0)).filter((N) => !!N.filterOptions).map((N) => ({
+  } = n, { countOfFilters: c, resetTableOptions: r } = D(), { t: p } = _(), d = S(() => t ? [...t].sort((N, T) => (T.pos ?? 0) - (N.pos ?? 0)).filter((N) => !!N.filterOptions).map((N) => ({
     ...N.filterOptions,
     label: N.filterOptions?.label ?? N.label,
     propertyName: N.key
-  })) : [], [t]), [y, f] = M(!1), h = x(
+  })) : [], [t]), [y, f] = V(!1), h = x(
     (N) => {
       i?.dropdown?.setOpened ? i.dropdown.setOpened(N ?? !1) : f(N ?? !1);
     },
@@ -720,40 +747,43 @@ const We = (n) => {
   ), w = S(
     () => i?.dropdown?.opened ?? y,
     [i, y]
-  ), E = d.length > 0, V = E && i?.button?.hide !== !0, R = E && w;
+  ), E = d.length > 0, I = E && i?.button?.hide !== !0, R = E && w;
   return /* @__PURE__ */ b(
     "div",
     {
-      className: `table-header ${R ? "showing-filters" : ""}`,
+      className: O(
+        "table-header",
+        R ? "showing-filters" : ""
+      ),
       children: [
         /* @__PURE__ */ b("div", { children: [
           a && /* @__PURE__ */ e("h1", { className: "table-header-title", children: a }),
           s ? null : /* @__PURE__ */ b("div", { className: "table-header-content", children: [
             l,
-            u && t && /* @__PURE__ */ e(Te, { columns: t }),
+            u && t && /* @__PURE__ */ e(ke, { columns: t }),
             o && /* @__PURE__ */ e(
-              H,
+              U,
               {
-                icon: /* @__PURE__ */ e(be, { className: "reset-table-icon" }),
+                icon: /* @__PURE__ */ e(ge, { className: "reset-table-icon" }),
                 className: "normal",
                 onClick: r,
                 children: /* @__PURE__ */ e("span", { className: "table-header-sr", children: p("_accessibility:buttons.reset") })
               }
             ),
-            V && /* @__PURE__ */ b(
-              H,
+            I && /* @__PURE__ */ b(
+              U,
               {
-                icon: i?.button?.icon ?? /* @__PURE__ */ e(ge, { className: "filter-dropdown-trigger-icon" }),
+                icon: i?.button?.icon ?? /* @__PURE__ */ e(Ne, { className: "filter-dropdown-trigger-icon" }),
                 className: "filter-dropdown-button normal filter-dropdown-trigger",
                 "aria-haspopup": "true",
                 onClick: () => h(!w),
                 "aria-expanded": w,
                 children: [
                   /* @__PURE__ */ e(
-                    Ce,
+                    ye,
                     {
                       count: c,
-                      className: `${c > 0 ? "show" : "hide"} `
+                      className: O(c > 0 ? "show" : "hide")
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: "table-header-sr", children: p("_accessibility:buttons.filters") }),
@@ -764,7 +794,7 @@ const We = (n) => {
           ] })
         ] }),
         E && /* @__PURE__ */ e(
-          Ve,
+          Ie,
           {
             filters: d,
             show: R,
@@ -772,21 +802,21 @@ const We = (n) => {
             options: i
           }
         ),
-        /* @__PURE__ */ e(Fe, { filtersDefinition: d })
+        /* @__PURE__ */ e(Oe, { filtersDefinition: d })
       ]
     }
   );
 };
-function qe({
+function Ge({
   count: n,
   multiActions: t,
   onActionClick: a
 }) {
-  const { t: s } = O();
+  const { t: s } = _();
   return /* @__PURE__ */ b("div", { className: "table-selection-bar", children: [
     /* @__PURE__ */ e("p", { className: "table-selection-bar-count", children: s("_accessibility:components.table.selectedCount", { count: n }) }),
-    t.length > 0 && /* @__PURE__ */ e("div", { className: "table-selection-bar-actions", children: t.map((l) => /* @__PURE__ */ e(re, { content: l.tooltip, children: /* @__PURE__ */ e(
-      H,
+    t.length > 0 && /* @__PURE__ */ e("div", { className: "table-selection-bar-actions", children: t.map((l) => /* @__PURE__ */ e(oe, { content: l.tooltip, children: /* @__PURE__ */ e(
+      U,
       {
         icon: l.icon,
         className: "multi-table-action",
@@ -797,8 +827,8 @@ function qe({
     ) }, l.id)) })
   ] });
 }
-const Q = 220;
-function Ge({
+const Y = 220;
+function Je({
   data: n,
   allowMultipleExpandedRows: t,
   controlledExpandedRowId: a,
@@ -806,43 +836,43 @@ function Ge({
   onRowExpand: l,
   findRowById: i
 }) {
-  const [u, o] = M(null), [c, r] = M(null), [p, d] = M(null), [y, f] = M(null), [h, w] = M(!1), [E, V] = M(/* @__PURE__ */ new Set()), [R, N] = M([]), T = j(null), C = j(null), z = j(/* @__PURE__ */ new Map()), _ = typeof a < "u", $ = t && !_, k = _ ? a ?? null : u, U = x(() => {
+  const [u, o] = V(null), [c, r] = V(null), [p, d] = V(null), [y, f] = V(null), [h, w] = V(!1), [E, I] = V(/* @__PURE__ */ new Set()), [R, N] = V([]), T = B(null), C = B(null), L = B(/* @__PURE__ */ new Map()), M = typeof a < "u", P = t && !M, k = M ? a ?? null : u, W = x(() => {
     C.current && (clearTimeout(C.current), C.current = null);
   }, []), F = x(
     (m) => {
       if (typeof m < "u") {
-        const g = z.current.get(m);
+        const g = L.current.get(m);
         if (!g) return;
-        clearTimeout(g), z.current.delete(m);
+        clearTimeout(g), L.current.delete(m);
         return;
       }
-      z.current.forEach(
+      L.current.forEach(
         (g) => clearTimeout(g)
-      ), z.current.clear();
+      ), L.current.clear();
     },
     []
-  ), J = x(
+  ), X = x(
     (m) => {
       F(m), N((g) => g.some(
         (A) => A.rowId === m
       ) ? g.map(
         (A) => A.rowId === m ? { ...A, isVisible: !1 } : A
-      ) : g), z.current.set(
+      ) : g), L.current.set(
         m,
         setTimeout(() => {
           N(
             (g) => g.filter((v) => v.rowId !== m)
-          ), z.current.delete(m);
-        }, Q)
+          ), L.current.delete(m);
+        }, Y)
       );
     },
     [F]
-  ), K = x(
+  ), Q = x(
     (m, g) => {
       F(m), N((v) => v.some(
-        (D) => D.rowId === m
+        (z) => z.rowId === m
       ) ? v.map(
-        (D) => D.rowId === m ? { ...D, content: g, isVisible: !1 } : D
+        (z) => z.rowId === m ? { ...z, content: g, isVisible: !1 } : z
       ) : [...v, { rowId: m, content: g, isVisible: !1 }]), requestAnimationFrame(() => {
         N(
           (v) => v.map(
@@ -853,10 +883,10 @@ function Ge({
     },
     [F]
   );
-  I(() => {
-    if (!$) return;
+  j(() => {
+    if (!P) return;
     const m = new Set(n.map((g) => g.id));
-    V((g) => {
+    I((g) => {
       const v = /* @__PURE__ */ new Set();
       return g.forEach((A) => {
         if (m.has(A)) {
@@ -870,29 +900,29 @@ function Ge({
     }), g.filter(
       (v) => m.has(v.rowId)
     )));
-  }, [n, $, F]), I(() => {
-    if ($) return;
+  }, [n, P, F]), j(() => {
+    if (P) return;
     if (k === null) {
-      r(null), _ && (T.current = null);
+      r(null), M && (T.current = null);
       return;
     }
-    i(k) || (_ || o(null), r(null), _ && (T.current = null));
+    i(k) || (M || o(null), r(null), M && (T.current = null));
   }, [
     n,
     k,
     i,
-    _,
-    $
-  ]), I(() => {
-    if (!$) {
-      if (U(), k === null || c === null) {
+    M,
+    P
+  ]), j(() => {
+    if (!P) {
+      if (W(), k === null || c === null) {
         if (p === null) {
           w(!1), f(null);
           return;
         }
         w(!1), C.current = setTimeout(() => {
           d(null), f(null), C.current = null;
-        }, Q);
+        }, Y);
         return;
       }
       if (p === null) {
@@ -905,21 +935,21 @@ function Ge({
       }
       w(!1), C.current = setTimeout(() => {
         d(k), f(c), requestAnimationFrame(() => w(!0)), C.current = null;
-      }, Q);
+      }, Y);
     }
   }, [
-    U,
+    W,
     c,
     k,
-    $,
+    P,
     p
-  ]), I(
+  ]), j(
     () => () => {
-      U(), F();
+      W(), F();
     },
-    [U, F]
-  ), I(() => {
-    if (!_) return;
+    [W, F]
+  ), j(() => {
+    if (!M) return;
     if (k === null) {
       r(null), T.current = null;
       return;
@@ -931,29 +961,29 @@ function Ge({
     }
     const g = T.current;
     r(l?.(m, g) ?? null), T.current = m;
-  }, [k, i, _, l]);
-  const ce = x(
+  }, [k, i, M, l]);
+  const de = x(
     (m) => {
-      if ($) {
+      if (P) {
         if (E.has(m.id)) {
-          V((X) => {
-            const L = new Set(X);
-            return L.delete(m.id), L;
-          }), J(m.id), s?.(null, m);
+          I((K) => {
+            const H = new Set(K);
+            return H.delete(m.id), H;
+          }), X(m.id), s?.(null, m);
           return;
         }
-        V((X) => {
-          const L = new Set(X);
-          return L.add(m.id), L;
+        I((K) => {
+          const H = new Set(K);
+          return H.add(m.id), H;
         });
-        const D = l?.(m, null) ?? null;
-        D !== null && typeof D < "u" ? K(m.id, D) : (F(m.id), N(
-          (X) => X.filter((L) => L.rowId !== m.id)
+        const z = l?.(m, null) ?? null;
+        z !== null && typeof z < "u" ? Q(m.id, z) : (F(m.id), N(
+          (K) => K.filter((H) => H.rowId !== m.id)
         )), s?.(m, null);
         return;
       }
       const g = k === m.id, v = g ? m : i(k);
-      if (_) {
+      if (M) {
         s?.(g ? null : m, v);
         return;
       }
@@ -965,18 +995,18 @@ function Ge({
     },
     [
       k,
-      J,
+      X,
       F,
-      K,
+      Q,
       i,
       E,
-      _,
-      $,
+      M,
+      P,
       s,
       l
     ]
   );
-  return { expandedRowsToRender: S(() => $ ? R : p === null || y === null || typeof y > "u" ? [] : [
+  return { expandedRowsToRender: S(() => P ? R : p === null || y === null || typeof y > "u" ? [] : [
     {
       rowId: p,
       content: y,
@@ -984,13 +1014,13 @@ function Ge({
     }
   ], [
     h,
-    $,
+    P,
     y,
     p,
     R
-  ]), onRowExpandChange: ce };
+  ]), onRowExpandChange: de };
 }
-function Je({
+function Xe({
   actions: n,
   selectedRowsData: t
 }) {
@@ -1027,16 +1057,16 @@ function Je({
   );
   return { multiActions: a, handleMultipleActionClick: s };
 }
-function Xe({
+function Ke({
   data: n,
   onRowSelect: t,
   onSelectedRowsChange: a
 }) {
-  const [s, l] = M(/* @__PURE__ */ new Set()), i = S(
+  const [s, l] = V(/* @__PURE__ */ new Set()), i = S(
     () => n?.filter((r) => s.has(r.id)) ?? [],
     [n, s]
   );
-  I(() => {
+  j(() => {
     if (!n?.length) {
       l(/* @__PURE__ */ new Set());
       return;
@@ -1047,7 +1077,7 @@ function Xe({
         d.has(y) && p.add(y);
       }), p;
     });
-  }, [n]), I(() => {
+  }, [n]), j(() => {
     a && a(i);
   }, [i, a]);
   const u = x(
@@ -1082,7 +1112,7 @@ function Xe({
     onToggleAllRows: o
   };
 }
-function ht(n) {
+function bt(n) {
   const {
     data: t,
     onSort: a,
@@ -1100,85 +1130,85 @@ function ht(n) {
     onExpandedRowChange: h,
     onRowExpand: w,
     ...E
-  } = n, V = S(() => !t?.length, [t]), R = x(
-    (J) => J === null ? null : t.find((K) => K.id === J) ?? null,
+  } = n, I = S(() => !t?.length, [t]), R = x(
+    (X) => X === null ? null : t.find((Q) => Q.id === X) ?? null,
     [t]
   ), {
     selectedRows: N,
     selectedRowsData: T,
     selectionState: C,
-    onRowSelectionChange: z,
-    onToggleAllRows: _
-  } = Xe({ data: t, onRowSelect: p, onSelectedRowsChange: d }), { expandedRowsToRender: $, onRowExpandChange: k } = Ge({
+    onRowSelectionChange: L,
+    onToggleAllRows: M
+  } = Ke({ data: t, onRowSelect: p, onSelectedRowsChange: d }), { expandedRowsToRender: P, onRowExpandChange: k } = Je({
     data: t,
     allowMultipleExpandedRows: y,
     controlledExpandedRowId: f,
     onExpandedRowChange: h,
     onRowExpand: w,
     findRowById: R
-  }), { multiActions: U, handleMultipleActionClick: F } = Je({
+  }), { multiActions: W, handleMultipleActionClick: F } = Xe({
     actions: i,
     selectedRowsData: T
   });
-  return /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ b("div", { className: `${c} table-main`, children: [
-    /* @__PURE__ */ e(We, { columns: u, isLoading: l, ...E }),
-    l ? /* @__PURE__ */ e(we, { className: "table-loading" }) : /* @__PURE__ */ e(q, { children: V ? /* @__PURE__ */ e(Ue, {}) : /* @__PURE__ */ b(q, { children: [
+  return /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ b("div", { className: O("table-main", c), children: [
+    /* @__PURE__ */ e(qe, { columns: u, isLoading: l, ...E }),
+    l ? /* @__PURE__ */ e(xe, { className: "table-loading" }) : /* @__PURE__ */ e(G, { children: I ? /* @__PURE__ */ e(We, {}) : /* @__PURE__ */ b(G, { children: [
       !!T.length && /* @__PURE__ */ e(
-        qe,
+        Ge,
         {
           count: T.length,
-          multiActions: U,
+          multiActions: W,
           onActionClick: F
         }
       ),
-      /* @__PURE__ */ e("div", { className: `${o} table-body`, children: /* @__PURE__ */ b("table", { className: "table-content", children: [
+      /* @__PURE__ */ e("div", { className: O("table-body", o), children: /* @__PURE__ */ b("table", { className: "table-content", children: [
         /* @__PURE__ */ e(
-          Re,
+          Te,
           {
             entity: s,
             columns: u,
             onSortCallback: a,
             hasAction: !!i,
             selectionState: C,
-            onToggleAllRows: _
+            onToggleAllRows: M
           }
         ),
         /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e(
-          He,
+          Ue,
           {
             data: t,
             actions: i,
             columns: u,
             softDeleteProperty: r,
             selectedRows: N,
-            expandedRows: $,
-            onRowSelectionChange: z,
+            expandedRows: P,
+            onRowSelectionChange: L,
             onRowExpand: w ? k : void 0
           }
         ) })
       ] }) }),
-      /* @__PURE__ */ e(Le, {})
+      /* @__PURE__ */ e(He, {})
     ] }) })
   ] }) });
 }
 export {
-  Fe as A,
-  Re as C,
-  Ve as F,
-  ze as N,
-  je as P,
-  Ae as R,
-  Ue as T,
-  Te as a,
-  ke as b,
-  De as c,
-  Le as d,
-  He as e,
-  We as f,
-  qe as g,
-  ht as h,
-  oe as i,
-  xe as j,
-  Se as k,
-  Pe as r
+  Oe as A,
+  Te as C,
+  Ie as F,
+  Le as N,
+  Be as P,
+  Ee as R,
+  We as T,
+  ke as a,
+  Ae as b,
+  ze as c,
+  He as d,
+  Ue as e,
+  qe as f,
+  Ge as g,
+  bt as h,
+  ce as i,
+  Se as j,
+  Re as k,
+  De as r
 };