@sito/dashboard 0.0.59 → 0.0.60

package/dist/dashboard.js

@@ -1,5 +1,5 @@
 import "./main.css";
-import { jsx as c, jsxs as y, Fragment as le } from "react/jsx-runtime";
+import { jsx as c, jsxs as N, Fragment as le } from "react/jsx-runtime";
 import { forwardRef as fe, useState as j, useEffect as K, useRef as J, useCallback as M, createContext as Pe, useContext as Te, useMemo as F, useReducer as ut } from "react";
 function dt(e) {
   const { className: t = "" } = e;
@@ -125,39 +125,39 @@ const Oe = fe(function(e, t) {
     placeholder: u = "",
     label: h = "",
     name: b = "",
-    id: C = "",
-    state: p = Ne.default,
-    children: v,
-    ...g
+    id: g = "",
+    state: m = Ne.default,
+    children: f,
+    ...C
   } = e;
-  return /* @__PURE__ */ y("div", { className: `select-input-container ${a}`, children: [
+  return /* @__PURE__ */ N("div", { className: `select-input-container ${a}`, children: [
     /* @__PURE__ */ c(
       "select",
       {
-        ...g,
-        id: C,
+        ...C,
+        id: g,
         ref: t,
         name: b,
         value: r,
         onChange: n,
-        className: `select-input ${Ke(p)} peer ${o}`,
-        children: s == null ? void 0 : s.map((m) => /* @__PURE__ */ c("option", { value: m.id, children: m.value ?? m.name ?? m.id }, m.id))
+        className: `select-input ${Ke(m)} peer ${o}`,
+        children: s == null ? void 0 : s.map((v) => /* @__PURE__ */ c("option", { value: v.id, children: v.value ?? v.name ?? v.id }, v.id))
       }
     ),
     /* @__PURE__ */ c(
       "label",
       {
         htmlFor: b,
-        className: `select-input-label ${Ye(p)} ${i}`,
+        className: `select-input-label ${Ye(m)} ${i}`,
         children: h
       }
     ),
-    v,
+    f,
     (u || l) && /* @__PURE__ */ c(
       "p",
       {
-        className: `select-input-helper-text ${Ze(p)} ${d}`,
-        children: p !== "error" && p !== "good" ? u : l
+        className: `select-input-helper-text ${Ze(m)} ${d}`,
+        children: m !== "error" && m !== "good" ? u : l
       }
     )
   ] });
@@ -175,7 +175,7 @@ const Ce = fe(function(e, t) {
     value: u = "",
     ...h
   } = e;
-  return /* @__PURE__ */ y("div", { className: `text-input-container ${a}`, children: [
+  return /* @__PURE__ */ N("div", { className: `text-input-container ${a}`, children: [
     /* @__PURE__ */ c(
       "input",
       {
@@ -185,7 +185,7 @@ const Ce = fe(function(e, t) {
         ...h
       }
     ),
-    !!s && /* @__PURE__ */ y(
+    !!s && /* @__PURE__ */ N(
       "label",
       {
         htmlFor: h.name,
@@ -219,10 +219,10 @@ const gt = fe(function(e, t) {
     inputClassName: u = "",
     labelClassName: h = "",
     helperText: b = "",
-    helperTextClassName: C = "",
-    ...p
+    helperTextClassName: g = "",
+    ...m
   } = e;
-  return /* @__PURE__ */ y("label", { className: `input-check-container ${d}`, children: [
+  return /* @__PURE__ */ N("label", { className: `input-check-container ${d}`, children: [
     /* @__PURE__ */ c(
       "input",
       {
@@ -233,7 +233,7 @@ const gt = fe(function(e, t) {
         checked: r,
         onChange: n,
         className: `input-check ${u}`,
-        ...p
+        ...m
       }
     ),
     /* @__PURE__ */ c("span", { className: `input-check-label ${h}`, children: l })
@@ -423,26 +423,26 @@ function Mt(e) {
   return nt(ve("", null, null, null, [""], e = tt(e), 0, [0], e));
 }
 function ve(e, t, r, n, s, a, o, i, l) {
-  for (var d = 0, u = 0, h = o, b = 0, C = 0, p = 0, v = 1, g = 1, m = 1, N = 0, E = "", k = s, x = a, A = n, f = E; g; )
-    switch (p = N, N = W()) {
+  for (var d = 0, u = 0, h = o, b = 0, g = 0, m = 0, f = 1, C = 1, v = 1, y = 0, E = "", k = s, x = a, A = n, p = E; C; )
+    switch (m = y, y = W()) {
       case 40:
-        if (p != 108 && O(f, h - 1) == 58) {
-          Ee(f += S(ge(N), "&", "&\f"), "&\f") != -1 && (m = -1);
+        if (m != 108 && O(p, h - 1) == 58) {
+          Ee(p += S(ge(y), "&", "&\f"), "&\f") != -1 && (v = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        f += ge(N);
+        p += ge(y);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        f += Rt(p);
+        p += Rt(m);
         break;
       case 92:
-        f += Ot(be() - 1, 7);
+        p += Ot(be() - 1, 7);
         continue;
       case 47:
         switch (Y()) {
@@ -451,29 +451,29 @@ function ve(e, t, r, n, s, a, o, i, l) {
             me(Dt(Ft(W(), be()), t, r), l);
             break;
           default:
-            f += "/";
+            p += "/";
         }
         break;
-      case 123 * v:
-        i[d++] = V(f) * m;
-      case 125 * v:
+      case 123 * f:
+        i[d++] = V(p) * v;
+      case 125 * f:
       case 59:
       case 0:
-        switch (N) {
+        switch (y) {
           case 0:
           case 125:
-            g = 0;
+            C = 0;
           case 59 + u:
-            m == -1 && (f = S(f, /\f/g, "")), C > 0 && V(f) - h && me(C > 32 ? Ie(f + ";", n, r, h - 1) : Ie(S(f, " ", "") + ";", n, r, h - 2), l);
+            v == -1 && (p = S(p, /\f/g, "")), g > 0 && V(p) - h && me(g > 32 ? Ie(p + ";", n, r, h - 1) : Ie(S(p, " ", "") + ";", n, r, h - 2), l);
             break;
           case 59:
-            f += ";";
+            p += ";";
           default:
-            if (me(A = ze(f, t, r, d, u, s, i, E, k = [], x = [], h), a), N === 123)
+            if (me(A = ze(p, t, r, d, u, s, i, E, k = [], x = [], h), a), y === 123)
               if (u === 0)
-                ve(f, t, A, A, k, a, h, i, x);
+                ve(p, t, A, A, k, a, h, i, x);
               else
-                switch (b === 99 && O(f, 3) === 110 ? 100 : b) {
+                switch (b === 99 && O(p, 3) === 110 ? 100 : b) {
                   case 100:
                   case 108:
                   case 109:
@@ -481,40 +481,40 @@ function ve(e, t, r, n, s, a, o, i, l) {
                     ve(e, A, A, n && me(ze(e, A, A, 0, 0, s, i, E, s, k = [], h), x), s, x, h, i, n ? k : x);
                     break;
                   default:
-                    ve(f, A, A, A, [""], x, 0, i, x);
+                    ve(p, A, A, A, [""], x, 0, i, x);
                 }
         }
-        d = u = C = 0, v = m = 1, E = f = "", h = o;
+        d = u = g = 0, f = v = 1, E = p = "", h = o;
         break;
       case 58:
-        h = 1 + V(f), C = p;
+        h = 1 + V(p), g = m;
       default:
-        if (v < 1) {
-          if (N == 123)
-            --v;
-          else if (N == 125 && v++ == 0 && Tt() == 125)
+        if (f < 1) {
+          if (y == 123)
+            --f;
+          else if (y == 125 && f++ == 0 && Tt() == 125)
             continue;
         }
-        switch (f += ye(N), N * v) {
+        switch (p += ye(y), y * f) {
           case 38:
-            m = u > 0 ? 1 : (f += "\f", -1);
+            v = u > 0 ? 1 : (p += "\f", -1);
             break;
           case 44:
-            i[d++] = (V(f) - 1) * m, m = 1;
+            i[d++] = (V(p) - 1) * v, v = 1;
             break;
           case 64:
-            Y() === 45 && (f += ge(W())), b = Y(), u = h = V(E = f += Lt(be())), N++;
+            Y() === 45 && (p += ge(W())), b = Y(), u = h = V(E = p += Lt(be())), y++;
             break;
           case 45:
-            p === 45 && V(f) == 2 && (v = 0);
+            m === 45 && V(p) == 2 && (f = 0);
         }
     }
   return a;
 }
 function ze(e, t, r, n, s, a, o, i, l, d, u) {
-  for (var h = s - 1, b = s === 0 ? a : [""], C = Me(b), p = 0, v = 0, g = 0; p < n; ++p)
-    for (var m = 0, N = ue(e, h + 1, h = $t(v = o[p])), E = e; m < C; ++m)
-      (E = Xe(v > 0 ? b[m] + " " + N : S(N, /&\f/g, b[m]))) && (l[g++] = E);
+  for (var h = s - 1, b = s === 0 ? a : [""], g = Me(b), m = 0, f = 0, C = 0; m < n; ++m)
+    for (var v = 0, y = ue(e, h + 1, h = $t(f = o[m])), E = e; v < g; ++v)
+      (E = Xe(f > 0 ? b[v] + " " + y : S(y, /&\f/g, b[v]))) && (l[C++] = E);
   return $e(e, t, r, s === 0 ? Fe : i, l, d, u);
 }
 function Dt(e, t, r) {
@@ -761,9 +761,9 @@ var Vt = function(t, r, n, s) {
   var r = t.key;
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(v) {
-      var g = v.getAttribute("data-emotion");
-      g.indexOf(" ") !== -1 && (document.head.appendChild(v), v.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(n, function(f) {
+      var C = f.getAttribute("data-emotion");
+      C.indexOf(" ") !== -1 && (document.head.appendChild(f), f.setAttribute("data-s", ""));
     });
   }
   var s = t.stylisPlugins || qt, a = {}, o, i = [];
@@ -771,24 +771,24 @@ var Vt = function(t, r, n, s) {
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
-    function(v) {
-      for (var g = v.getAttribute("data-emotion").split(" "), m = 1; m < g.length; m++)
-        a[g[m]] = !0;
-      i.push(v);
+    function(f) {
+      for (var C = f.getAttribute("data-emotion").split(" "), v = 1; v < C.length; v++)
+        a[C[v]] = !0;
+      i.push(f);
     }
   );
   var l, d = [Ut, Ht];
   {
-    var u, h = [zt, _t(function(v) {
-      u.insert(v);
-    })], b = It(d.concat(s, h)), C = function(g) {
-      return se(Mt(g), b);
+    var u, h = [zt, _t(function(f) {
+      u.insert(f);
+    })], b = It(d.concat(s, h)), g = function(C) {
+      return se(Mt(C), b);
     };
-    l = function(g, m, N, E) {
-      u = N, C(g ? g + "{" + m.styles + "}" : m.styles), E && (p.inserted[m.name] = !0);
+    l = function(C, v, y, E) {
+      u = y, g(C ? C + "{" + v.styles + "}" : v.styles), E && (m.inserted[v.name] = !0);
     };
   }
-  var p = {
+  var m = {
     key: r,
     sheet: new Nt({
       key: r,
@@ -803,7 +803,7 @@ var Vt = function(t, r, n, s) {
     registered: {},
     insert: l
   };
-  return p.sheet.hydrate(i), p;
+  return m.sheet.hydrate(i), m;
 };
 function Yt(e) {
   for (var t = 0, r, n = 0, s = e.length; s >= 4; ++n, s -= 4)
@@ -1126,33 +1126,33 @@ const un = fe(function(e, t) {
     inputContainerClassName: u = "",
     helperText: h = "",
     placeholder: b = "",
-    multiple: C = !1,
-    ...p
-  } = e, [v, g] = j("");
+    multiple: g = !1,
+    ...m
+  } = e, [f, C] = j("");
   K(() => {
-    g(C ? "" : (n == null ? void 0 : n.value) ?? (n == null ? void 0 : n.name) ?? "");
+    C(g ? "" : (n == null ? void 0 : n.value) ?? (n == null ? void 0 : n.name) ?? "");
   }, [n]);
-  const [m, N] = j(!1), E = a.filter((w) => {
-    const D = String(w.value ?? w.name).toLowerCase().includes(v == null ? void 0 : v.toLowerCase());
+  const [v, y] = j(!1), E = a.filter((w) => {
+    const D = String(w.value ?? w.name).toLowerCase().includes(f == null ? void 0 : f.toLowerCase());
     return n && n.length ? n != null && n.some ? !(n != null && n.some((ne) => ne.id === w.id)) : (n == null ? void 0 : n.id) !== w.id : D;
-  }), k = J(null), x = J(null), [A, f] = j(!1), P = J(null);
+  }), k = J(null), x = J(null), [A, p] = j(!1), P = J(null);
   K(() => {
     const w = (H) => {
-      k.current && !k.current.contains(H.target) && N(!1);
+      k.current && !k.current.contains(H.target) && y(!1);
     }, D = (H) => {
-      H.key === "Escape" && N(!1);
+      H.key === "Escape" && y(!1);
     };
     return document.addEventListener("mousedown", w), document.addEventListener("keydown", D), () => {
       document.removeEventListener("mousedown", w), document.removeEventListener("keydown", D);
     };
   }, []);
   const R = (w) => {
-    g(w.target.value);
+    C(w.target.value);
   }, B = M(
     (w) => {
-      w ? C ? (g(""), Array.isArray(n) && n.length ? s([...n, w]) : s([w])) : (g(String(w.name ?? w.value ?? "")), s(w)) : s(null), N(!1);
+      w ? g ? (C(""), Array.isArray(n) && n.length ? s([...n, w]) : s([w])) : (C(String(w.name ?? w.value ?? "")), s(w)) : s(null), y(!1);
     },
-    [C, s, n]
+    [g, s, n]
   ), _ = M(
     (w) => {
       if (w != null)
@@ -1171,30 +1171,30 @@ const un = fe(function(e, t) {
   return K(() => {
     var H, ne, De;
     const w = ((H = P.current) == null ? void 0 : H.offsetWidth) ?? 0, D = ((De = (ne = t ?? x) == null ? void 0 : ne.current) == null ? void 0 : De.offsetWidth) ?? 0;
-    w > D * 0.4 ? f(!0) : f(!1);
-  }, [n]), /* @__PURE__ */ y(
+    w > D * 0.4 ? p(!0) : p(!1);
+  }, [n]), /* @__PURE__ */ N(
     "div",
     {
       className: `autocomplete-input-container ${d}`,
       ref: k,
       children: [
-        /* @__PURE__ */ y("div", { className: "autocomplete-value-input-container", children: [
+        /* @__PURE__ */ N("div", { className: "autocomplete-value-input-container", children: [
           /* @__PURE__ */ c(
             Ce,
             {
               state: r,
               name: o,
               id: i,
-              value: v,
+              value: f,
               onChange: R,
               placeholder: b,
               helperText: h,
-              onFocus: () => N(!0),
+              onFocus: () => y(!0),
               label: l,
               containerClassName: `autocomplete-text-input ${u}`,
               ref: t ?? x,
-              ...p,
-              children: ((n == null ? void 0 : n.value) || (n == null ? void 0 : n.name)) && !C && /* @__PURE__ */ c(
+              ...m,
+              children: ((n == null ? void 0 : n.value) || (n == null ? void 0 : n.name)) && !g && /* @__PURE__ */ c(
                 "button",
                 {
                   type: "button",
@@ -1207,7 +1207,7 @@ const un = fe(function(e, t) {
               )
             }
           ),
-          C && Array.isArray(n) && n.length ? /* @__PURE__ */ c("ul", { ref: P, className: "autocomplete-value-container", children: A ? /* @__PURE__ */ y(le, { children: [
+          g && Array.isArray(n) && n.length ? /* @__PURE__ */ c("ul", { ref: P, className: "autocomplete-value-container", children: A ? /* @__PURE__ */ N(le, { children: [
             /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
               X,
               {
@@ -1236,7 +1236,7 @@ const un = fe(function(e, t) {
             }
           ) }, w.id ?? w.value ?? w.name)) }) : null
         ] }),
-        m && /* @__PURE__ */ c(
+        v && /* @__PURE__ */ c(
           "ul",
           {
             className: `autocomplete-suggestions-container ${ln({ width: (te = k.current) == null ? void 0 : te.offsetWidth })}`,
@@ -1267,7 +1267,7 @@ function He(e, t = 25) {
   return n.slice(0, a) + "..." + s;
 }
 const In = fe(function(e, t) {
-  var N, E;
+  var y, E;
   const {
     children: r,
     label: n,
@@ -1280,21 +1280,21 @@ const In = fe(function(e, t) {
     multiple: u = !1,
     onChange: h,
     onClear: b,
-    ...C
-  } = e, [p, v] = j([]), g = (k) => {
+    ...g
+  } = e, [m, f] = j([]), C = (k) => {
     if (k.target.files) {
       const x = Array.from(k.target.files);
-      v((A) => [...A, ...x]);
+      f((A) => [...A, ...x]);
     }
     h && h(k);
-  }, m = (k) => {
-    v((x) => {
-      const A = x.filter((f, P) => P !== k);
+  }, v = (k) => {
+    f((x) => {
+      const A = x.filter((p, P) => P !== k);
       return A.length === 0 && (b == null || b()), A;
     });
   };
-  return /* @__PURE__ */ y("div", { className: `file-input-container ${s}`, children: [
-    p.length === 0 && /* @__PURE__ */ y("label", { htmlFor: C.name, className: `${o}`, children: [
+  return /* @__PURE__ */ N("div", { className: `file-input-container ${s}`, children: [
+    m.length === 0 && /* @__PURE__ */ N("label", { htmlFor: g.name, className: `${o}`, children: [
       n,
       /* @__PURE__ */ c(
         "input",
@@ -1305,36 +1305,36 @@ const In = fe(function(e, t) {
           onClick: (k) => {
             k.currentTarget.value = "";
           },
-          onChange: g,
+          onChange: C,
           className: `file-input ${a}`,
-          ...C
+          ...g
         }
       ),
-      C.required ? " *" : ""
+      g.required ? " *" : ""
     ] }),
-    p.length > 1 && /* @__PURE__ */ c("ul", { className: "file-preview-list", children: p.map((k, x) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("span", { "data-tooltip-id": "tooltip", "data-tooltip-content": k.name, children: /* @__PURE__ */ c(
+    m.length > 1 && /* @__PURE__ */ c("ul", { className: "file-preview-list", children: m.map((k, x) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("span", { "data-tooltip-id": "tooltip", "data-tooltip-content": k.name, children: /* @__PURE__ */ c(
       X,
       {
         text: He(k.name, 25),
-        onDelete: () => m(x)
+        onDelete: () => v(x)
       }
     ) }) }, x)) }),
-    p.length === 1 && /* @__PURE__ */ y("div", { className: "file-preview", children: [
+    m.length === 1 && /* @__PURE__ */ N("div", { className: "file-preview", children: [
       /* @__PURE__ */ c(bt, { className: `file-icon ${d}` }),
       /* @__PURE__ */ c(
         "span",
         {
           className: "!cursor-default",
           "data-tooltip-id": "tooltip",
-          "data-tooltip-content": ((N = p[0]) == null ? void 0 : N.name) ?? "",
-          children: He(((E = p[0]) == null ? void 0 : E.name) ?? "", 25)
+          "data-tooltip-content": ((y = m[0]) == null ? void 0 : y.name) ?? "",
+          children: He(((E = m[0]) == null ? void 0 : E.name) ?? "", 25)
         }
       ),
       /* @__PURE__ */ c(
         "button",
         {
           onClick: () => {
-            v([]), b == null || b();
+            f([]), b == null || b();
           },
           className: "chip-delete-button",
           type: "button",
@@ -1382,7 +1382,7 @@ const U = () => {
 };
 var Q = /* @__PURE__ */ ((e) => (e[e.text = 0] = "text", e[e.number = 1] = "number", e[e.select = 2] = "select", e[e.autocomplete = 3] = "autocomplete", e[e.date = 4] = "date", e[e.check = 5] = "check", e))(Q || {}), re = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(re || {});
 const hn = [20, 50, 100], it = Pe({}), Wn = (e) => {
-  const { children: t } = e, [r, n] = j(0), [s, a] = j(20), [o, i] = j(0), [l, d] = j("id"), [u, h] = j(re.DESC), [b, C] = j({}), p = M(
+  const { children: t } = e, [r, n] = j(0), [s, a] = j(20), [o, i] = j(0), [l, d] = j("id"), [u, h] = j(re.DESC), [b, g] = j({}), m = M(
     (E, k) => {
       let x = u;
       if (l === E)
@@ -1397,19 +1397,19 @@ const hn = [20, 50, 100], it = Pe({}), Wn = (e) => {
       d(E), h(x), k && k(E, x);
     },
     [l, u]
-  ), v = M((E) => {
+  ), f = M((E) => {
     const k = Object.entries(E).reduce(
-      (x, [A, f]) => (f && typeof f.value < "u" && f.value !== null && (x[A] = f.value), x),
+      (x, [A, p]) => (p && typeof p.value < "u" && p.value !== null && (x[A] = p.value), x),
       {}
     );
-    C(k);
-  }, []), g = M(
+    g(k);
+  }, []), C = M(
     (E) => {
-      E ? (delete b[E.toLowerCase()], C({ ...b })) : C({});
+      E ? (delete b[E.toLowerCase()], g({ ...b })) : g({});
     },
     [b]
-  ), m = F(() => Object.keys(b).length, [b]), N = {
-    onSort: p,
+  ), v = F(() => Object.keys(b).length, [b]), y = {
+    onSort: m,
     total: r,
     setTotal: n,
     sortingBy: l,
@@ -1422,11 +1422,11 @@ const hn = [20, 50, 100], it = Pe({}), Wn = (e) => {
     currentPage: o,
     setCurrentPage: i,
     filters: b,
-    onFilterApply: v,
-    clearFilters: g,
-    countOfFilters: m
+    onFilterApply: f,
+    clearFilters: C,
+    countOfFilters: v
   };
-  return /* @__PURE__ */ c(it.Provider, { value: N, children: t });
+  return /* @__PURE__ */ c(it.Provider, { value: y, children: t });
 }, Z = () => {
   const e = Te(it);
   if (e === void 0)
@@ -1493,16 +1493,16 @@ function mn(e) {
     l.current && (l.current.indeterminate = !!(o != null && o.hasSomeSelected && !(o != null && o.allSelected)));
   }, [o]);
   const { onSort: d, sortingOrder: u, sortingBy: h } = Z(), b = F(() => {
-    var C;
-    return (C = n.sort((p, v) => (v.pos ?? 0) - (p.pos ?? 0)).filter((p) => p.display !== "none")) == null ? void 0 : C.map((p) => ({
-      id: p.key,
-      label: p.label,
-      className: p.className ?? "",
-      sortable: p.sortable ?? !0,
-      sortOptions: p.sortOptions
+    var g;
+    return (g = n.sort((m, f) => (f.pos ?? 0) - (m.pos ?? 0)).filter((m) => m.display !== "none")) == null ? void 0 : g.map((m) => ({
+      id: m.key,
+      label: m.label,
+      className: m.className ?? "",
+      sortable: m.sortable ?? !0,
+      sortOptions: m.sortOptions
     }));
   }, [n, r, t]);
-  return /* @__PURE__ */ c("thead", { className: "table-headers-row", children: /* @__PURE__ */ y("tr", { children: [
+  return /* @__PURE__ */ c("thead", { className: "table-headers-row", children: /* @__PURE__ */ N("tr", { children: [
     /* @__PURE__ */ c("th", { scope: "col", className: "table-headers-column table-headers-checkbox", children: i ? /* @__PURE__ */ c(
       "input",
       {
@@ -1513,37 +1513,37 @@ function mn(e) {
         "aria-label": t("_accessibility:components.table.selectAllRows")
       }
     ) : null }),
-    b.map((C) => {
-      var p, v, g, m, N, E, k, x;
+    b.map((g) => {
+      var m, f, C, v, y, E, k, x;
       return /* @__PURE__ */ c(
         "th",
         {
           scope: "col",
-          className: `table-headers-column ${C.className}`,
-          children: /* @__PURE__ */ y(
+          className: `table-headers-column ${g.className}`,
+          children: /* @__PURE__ */ N(
             "button",
             {
-              disabled: !C.sortable,
-              onClick: () => d(C.id, a),
+              disabled: !g.sortable,
+              onClick: () => d(g.id, a),
               className: "table-headers-cell",
               children: [
-                /* @__PURE__ */ c("span", { className: "table-headers-label", children: C.label }),
-                C.sortable && h === C.id && /* @__PURE__ */ c("span", { children: u === re.ASC ? ((v = (p = C.sortOptions) == null ? void 0 : p.icons) == null ? void 0 : v.asc) ?? /* @__PURE__ */ c(
+                /* @__PURE__ */ c("span", { className: "table-headers-label", children: g.label }),
+                g.sortable && h === g.id && /* @__PURE__ */ c("span", { children: u === re.ASC ? ((f = (m = g.sortOptions) == null ? void 0 : m.icons) == null ? void 0 : f.asc) ?? /* @__PURE__ */ c(
                   ht,
                   {
-                    className: ((m = (g = C.sortOptions) == null ? void 0 : g.icons) == null ? void 0 : m.className) ?? "table-headers-sort-indicator"
+                    className: ((v = (C = g.sortOptions) == null ? void 0 : C.icons) == null ? void 0 : v.className) ?? "table-headers-sort-indicator"
                   }
-                ) : ((E = (N = C.sortOptions) == null ? void 0 : N.icons) == null ? void 0 : E.desc) ?? /* @__PURE__ */ c(
+                ) : ((E = (y = g.sortOptions) == null ? void 0 : y.icons) == null ? void 0 : E.desc) ?? /* @__PURE__ */ c(
                   dt,
                   {
-                    className: ((x = (k = C.sortOptions) == null ? void 0 : k.icons) == null ? void 0 : x.className) ?? "table-headers-sort-indicator"
+                    className: ((x = (k = g.sortOptions) == null ? void 0 : k.icons) == null ? void 0 : x.className) ?? "table-headers-sort-indicator"
                   }
                 ) })
               ]
             }
           )
         },
-        C.id
+        g.id
       );
     }),
     s && /* @__PURE__ */ c("th", { scope: "col", className: "table-headers-action", children: t("_accessibility:labels.actions") })
@@ -1555,7 +1555,7 @@ function bn() {
 }
 const gn = () => {
   const { t: e } = U(), { total: t, pageSize: r, currentPage: n, setCurrentPage: s } = Z();
-  return /* @__PURE__ */ y("div", { className: "table-navigation-pages", children: [
+  return /* @__PURE__ */ N("div", { className: "table-navigation-pages", children: [
     /* @__PURE__ */ c(
       "button",
       {
@@ -1581,8 +1581,8 @@ const gn = () => {
   ] });
 }, vn = () => {
   const { t: e } = U(), { total: t, pageSize: r, pageSizes: n, currentPage: s } = Z(), a = (s + 1) * r > t ? t : (s + 1) * r;
-  return /* @__PURE__ */ y("div", { className: "table-navigation-sizes", children: [
-    n[0] < t && /* @__PURE__ */ c(le, { children: /* @__PURE__ */ y("p", { children: [
+  return /* @__PURE__ */ N("div", { className: "table-navigation-sizes", children: [
+    n[0] < t && /* @__PURE__ */ c(le, { children: /* @__PURE__ */ N("p", { children: [
       s * r + 1,
       " - ",
       a,
@@ -1597,7 +1597,7 @@ function Cn() {
     () => t == null ? void 0 : t.map((a) => ({ id: a, value: a })),
     [t]
   );
-  return /* @__PURE__ */ y("div", { className: "page-size", children: [
+  return /* @__PURE__ */ N("div", { className: "page-size", children: [
     /* @__PURE__ */ c("p", { children: e("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ c(
       Oe,
@@ -1620,7 +1620,7 @@ function wn() {
       value: l + 1
     }));
   }, [t, r]);
-  return /* @__PURE__ */ y("div", { className: "jump-to-page", children: [
+  return /* @__PURE__ */ N("div", { className: "jump-to-page", children: [
     /* @__PURE__ */ c("p", { children: e("_accessibility:components.table.jumpToPage") }),
     /* @__PURE__ */ c(
       Oe,
@@ -1636,7 +1636,7 @@ function wn() {
   ] });
 }
 function Nn() {
-  return /* @__PURE__ */ y("div", { className: "table-footer", children: [
+  return /* @__PURE__ */ N("div", { className: "table-footer", children: [
     /* @__PURE__ */ c(wn, {}),
     /* @__PURE__ */ c(Cn, {}),
     /* @__PURE__ */ c(vn, {}),
@@ -1785,34 +1785,34 @@ function An(e) {
   );
 }
 const qe = (e) => {
-  var h, b, C, p;
-  const { propertyName: t, label: r, inputType: n } = e, { t: s } = U(), { currentFilters: a, setCurrentFilters: o } = ie(), i = J(null), l = J(null), d = M((v) => {
-    var g;
+  var h, b, g, m;
+  const { propertyName: t, label: r, inputType: n } = e, { t: s } = U(), { currentFilters: a, setCurrentFilters: o } = ie(), i = J(null), l = J(null), d = M((f) => {
+    var C;
     o({
       type: G.update,
       toUpdate: {
         [t]: {
-          value: { end: ((g = l == null ? void 0 : l.current) == null ? void 0 : g.value) ?? null, start: v.target.value }
+          value: { end: ((C = l == null ? void 0 : l.current) == null ? void 0 : C.value) ?? null, start: f.target.value }
         }
       }
     });
-  }, []), u = M((v) => {
-    var g;
+  }, []), u = M((f) => {
+    var C;
     o({
       type: G.update,
       toUpdate: {
         [t]: {
           value: {
-            start: ((g = i == null ? void 0 : i.current) == null ? void 0 : g.value) ?? null,
-            end: v.target.value
+            start: ((C = i == null ? void 0 : i.current) == null ? void 0 : C.value) ?? null,
+            end: f.target.value
           }
         }
       }
     });
   }, []);
-  return /* @__PURE__ */ y("div", { className: "range-widget-container", children: [
+  return /* @__PURE__ */ N("div", { className: "range-widget-container", children: [
     /* @__PURE__ */ c("p", { className: "text-input-label input-widget-label input-label-normal", children: r }),
-    /* @__PURE__ */ y("div", { className: "range-widget-row", children: [
+    /* @__PURE__ */ N("div", { className: "range-widget-row", children: [
       /* @__PURE__ */ c(
         Ce,
         {
@@ -1828,7 +1828,7 @@ const qe = (e) => {
       /* @__PURE__ */ c(
         Ce,
         {
-          value: ((p = (C = a[t]) == null ? void 0 : C.value) == null ? void 0 : p.end) ?? "",
+          value: ((m = (g = a[t]) == null ? void 0 : g.value) == null ? void 0 : m.end) ?? "",
           placeholder: s("_accessibility:components.table.filters.range.end"),
           type: n,
           ref: l,
@@ -1881,10 +1881,10 @@ const Tn = (e) => {
       !r || u.code !== "Escape" || n(!1);
     };
     return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
-  }), /* @__PURE__ */ c("div", { className: `filter-dropdown-backdrop ${r ? "opened" : "closed"}`, children: /* @__PURE__ */ y("div", { className: "filter-popup", children: [
+  }), /* @__PURE__ */ c("div", { className: `filter-dropdown-backdrop ${r ? "opened" : "closed"}`, children: /* @__PURE__ */ N("div", { className: "filter-popup", children: [
     /* @__PURE__ */ c("div", { className: "filter-title", children: i("_accessibility:buttons.filters") }),
     /* @__PURE__ */ c("ul", { className: "filter-container", children: t.map((d) => /* @__PURE__ */ c("li", { className: "filter-container-item", children: Pn(d) }, d.propertyName)) }),
-    /* @__PURE__ */ c("div", { className: "filter-footer", children: /* @__PURE__ */ y("ul", { className: "filter-buttons-row", children: [
+    /* @__PURE__ */ c("div", { className: "filter-footer", children: /* @__PURE__ */ N("ul", { className: "filter-buttons-row", children: [
       /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
         "button",
         {
@@ -1910,77 +1910,71 @@ const Tn = (e) => {
     ] }) })
   ] }) });
 }, Rn = (e) => {
-  var C, p, v;
-  const { columns: t, title: r, isLoading: n, toolbar: s, filterOptions: a } = e, { countOfFilters: o } = Z(), { t: i } = U(), l = F(() => t ? t.sort((g, m) => (m.pos ?? 0) - (g.pos ?? 0)).filter((g) => !!g.filterOptions).map((g) => {
-    var m;
+  var g, m;
+  const { columns: t, title: r, isLoading: n, toolbar: s, filterOptions: a } = e, { countOfFilters: o } = Z(), { t: i } = U(), l = F(() => t ? t.sort((f, C) => (C.pos ?? 0) - (f.pos ?? 0)).filter((f) => !!f.filterOptions).map((f) => {
+    var C;
     return {
-      ...g.filterOptions,
-      label: ((m = g.filterOptions) == null ? void 0 : m.label) ?? g.label,
-      propertyName: g.key
+      ...f.filterOptions,
+      label: ((C = f.filterOptions) == null ? void 0 : C.label) ?? f.label,
+      propertyName: f.key
     };
   }) : [], [t]), [d, u] = j(!1), h = M(
-    (g) => {
-      var m, N;
-      ((N = (m = a == null ? void 0 : a.dropdown) == null ? void 0 : m.setOpened) == null ? void 0 : N.call(m, g ?? !1)) ?? u(g ?? !1);
+    (f) => {
+      var C, v;
+      ((v = (C = a == null ? void 0 : a.dropdown) == null ? void 0 : C.setOpened) == null ? void 0 : v.call(C, f ?? !1)) ?? u(f ?? !1);
     },
     [a, d]
   ), b = F(
     () => {
-      var g;
-      return ((g = a == null ? void 0 : a.dropdown) == null ? void 0 : g.opened) ?? d;
+      var f;
+      return ((f = a == null ? void 0 : a.dropdown) == null ? void 0 : f.opened) ?? d;
     },
     [a, d]
   );
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      className: `table-header ${r && (s || !((C = a == null ? void 0 : a.button) != null && C.hide)) ? "two" : "one"}`,
-      children: [
-        /* @__PURE__ */ y("div", { children: [
-          r && /* @__PURE__ */ c("h1", { className: "table-header-title", children: r }),
-          n ? null : /* @__PURE__ */ y("div", { className: "table-header-right", children: [
-            s,
-            ((p = a == null ? void 0 : a.button) == null ? void 0 : p.hide) !== !0 && /* @__PURE__ */ y(
-              "button",
-              {
-                className: "filter-dropdown-button normal filter-dropdown-trigger",
-                "aria-haspopup": "true",
-                onClick: () => {
-                  var g;
-                  return h(
-                    ((g = a == null ? void 0 : a.dropdown) == null ? void 0 : g.opened) ?? !d
-                  );
-                },
-                "aria-expanded": b,
-                children: [
-                  /* @__PURE__ */ c(
-                    Ln,
-                    {
-                      count: o,
-                      className: `${o > 0 ? "show" : "hide"} `
-                    }
-                  ),
-                  /* @__PURE__ */ c("span", { className: "sr-only", children: i("_accessibility:buttons.filters") }),
-                  /* @__PURE__ */ c("wbr", {}),
-                  ((v = a == null ? void 0 : a.button) == null ? void 0 : v.icon) ?? /* @__PURE__ */ c(mt, { className: "filter-dropdown-trigger-icon" })
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ c($n, { filtersDefinition: l }),
-        !!l && !!l.length && /* @__PURE__ */ c(
-          Tn,
+  return /* @__PURE__ */ N("div", { className: "table-header", children: [
+    /* @__PURE__ */ N("div", { children: [
+      r && /* @__PURE__ */ c("h1", { className: "table-header-title", children: r }),
+      n ? null : /* @__PURE__ */ N("div", { className: "table-header-content", children: [
+        s,
+        ((g = a == null ? void 0 : a.button) == null ? void 0 : g.hide) !== !0 && /* @__PURE__ */ N(
+          "button",
           {
-            filters: l,
-            show: b,
-            handleShow: h,
-            options: a
+            className: "filter-dropdown-button normal filter-dropdown-trigger",
+            "aria-haspopup": "true",
+            onClick: () => {
+              var f;
+              return h(
+                ((f = a == null ? void 0 : a.dropdown) == null ? void 0 : f.opened) ?? !d
+              );
+            },
+            "aria-expanded": b,
+            children: [
+              /* @__PURE__ */ c(
+                Ln,
+                {
+                  count: o,
+                  className: `${o > 0 ? "show" : "hide"} `
+                }
+              ),
+              /* @__PURE__ */ c("span", { className: "sr-only", children: i("_accessibility:buttons.filters") }),
+              /* @__PURE__ */ c("wbr", {}),
+              ((m = a == null ? void 0 : a.button) == null ? void 0 : m.icon) ?? /* @__PURE__ */ c(mt, { className: "filter-dropdown-trigger-icon" })
+            ]
           }
         )
-      ]
-    }
-  );
+      ] })
+    ] }),
+    !!l && !!l.length && /* @__PURE__ */ c(
+      Tn,
+      {
+        filters: l,
+        show: b,
+        handleShow: h,
+        options: a
+      }
+    ),
+    /* @__PURE__ */ c($n, { filtersDefinition: l })
+  ] });
 }, On = (e) => e, Fn = (e) => {
   const { t } = U(), {
     columns: r,
@@ -1996,7 +1990,7 @@ const Tn = (e) => {
   return s == null ? void 0 : s.map((d) => {
     var h;
     const u = o.has(d.id);
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ N(
       "tr",
       {
         className: `table-row ${d[n] ? "deleted-class" : ""} ${u ? "selected" : ""}`,
@@ -2010,10 +2004,10 @@ const Tn = (e) => {
               "aria-label": t("_accessibility:components.table.selectRow")
             }
           ) }),
-          l == null ? void 0 : l.map((b, C) => /* @__PURE__ */ c(
+          l == null ? void 0 : l.map((b, g) => /* @__PURE__ */ c(
             "td",
             {
-              className: `table-row-cell ${C === 0 ? "basic" : ""} ${b.className ?? ""}`,
+              className: `table-row-cell ${g === 0 ? "basic" : ""} ${b.className ?? ""}`,
               children: b.renderBody ? b.renderBody(d[b.key], d) : On(d[b.key])
             },
             b.key
@@ -2039,33 +2033,33 @@ function Bn(e) {
     onRowSelect: u,
     onSelectedRowsChange: h,
     ...b
-  } = e, { t: C } = U(), [p, v] = j(/* @__PURE__ */ new Set()), g = F(() => !(t != null && t.length), [t]), m = F(
-    () => (t == null ? void 0 : t.filter((f) => p.has(f.id))) ?? [],
-    [t, p]
+  } = e, { t: g } = U(), [m, f] = j(/* @__PURE__ */ new Set()), C = F(() => !(t != null && t.length), [t]), v = F(
+    () => (t == null ? void 0 : t.filter((p) => m.has(p.id))) ?? [],
+    [t, m]
   );
   K(() => {
     if (!(t != null && t.length)) {
-      v(/* @__PURE__ */ new Set());
+      f(/* @__PURE__ */ new Set());
       return;
     }
-    v((f) => {
+    f((p) => {
       const P = /* @__PURE__ */ new Set(), R = new Set(t.map((B) => B.id));
-      return f.forEach((B) => {
+      return p.forEach((B) => {
         R.has(B) && P.add(B);
       }), P;
     });
   }, [t]);
-  const N = M(
-    (f) => {
-      v((P) => {
+  const y = M(
+    (p) => {
+      f((P) => {
         const R = new Set(P);
-        return R.has(f.id) ? (R.delete(f.id), u == null || u(f, !1)) : (R.add(f.id), u == null || u(f, !0)), R;
+        return R.has(p.id) ? (R.delete(p.id), u == null || u(p, !1)) : (R.add(p.id), u == null || u(p, !0)), R;
       });
     },
     [u]
   ), E = M(() => {
-    v((f) => {
-      const P = new Set(f), R = t ?? [], B = R.every(
+    f((p) => {
+      const P = new Set(p), R = t ?? [], B = R.every(
         (_) => P.has(_.id)
       );
       return R.forEach((_) => {
@@ -2076,19 +2070,19 @@ function Bn(e) {
   }, [t, u]), k = F(() => {
     if (!(t != null && t.length))
       return { allSelected: !1, hasSomeSelected: !1 };
-    const f = t.every((R) => p.has(R.id)), P = t.some((R) => p.has(R.id));
-    return { allSelected: f, hasSomeSelected: P };
-  }, [t, p]);
+    const p = t.every((R) => m.has(R.id)), P = t.some((R) => m.has(R.id));
+    return { allSelected: p, hasSomeSelected: P };
+  }, [t, m]);
   K(() => {
-    h && h(m);
-  }, [m, h]);
-  const x = F(() => !a || !m.length ? [] : m.reduce((f, P, R) => {
+    h && h(v);
+  }, [v, h]);
+  const x = F(() => !a || !v.length ? [] : v.reduce((p, P, R) => {
     const B = a(P).filter(
       (z) => z.multiple && !z.hidden
     );
     if (R === 0)
       return B;
-    const _ = new Map(f.map((z) => [z.id, z]));
+    const _ = new Map(p.map((z) => [z.id, z]));
     return B.reduce((z, ee) => {
       const te = _.get(ee.id);
       return te && z.push({
@@ -2097,36 +2091,36 @@ function Bn(e) {
         disabled: ee.disabled || te.disabled
       }), z;
     }, []);
-  }, []), [a, m]), A = M(
-    (f) => {
-      if (m.length) {
-        if (f.onMultipleClick) {
-          f.onMultipleClick(m);
+  }, []), [a, v]), A = M(
+    (p) => {
+      if (v.length) {
+        if (p.onMultipleClick) {
+          p.onMultipleClick(v);
           return;
         }
-        m.forEach((P) => f.onClick(P));
+        v.forEach((P) => p.onClick(P));
       }
     },
-    [m]
+    [v]
   );
-  return /* @__PURE__ */ c(pn, { children: /* @__PURE__ */ y("div", { className: `${l} table-main`, children: [
+  return /* @__PURE__ */ c(pn, { children: /* @__PURE__ */ N("div", { className: `${l} table-main`, children: [
     /* @__PURE__ */ c(Rn, { columns: o, isLoading: s, ...b }),
-    s ? /* @__PURE__ */ c(dn, { className: "table-loading" }) : /* @__PURE__ */ c(le, { children: g ? /* @__PURE__ */ c(bn, {}) : /* @__PURE__ */ y(le, { children: [
-      !!m.length && /* @__PURE__ */ y("div", { className: "table-selection-bar", children: [
-        /* @__PURE__ */ c("p", { className: "table-selection-bar-count", children: C("_accessibility:components.table.selectedCount", {
-          count: m.length
+    s ? /* @__PURE__ */ c(dn, { className: "table-loading" }) : /* @__PURE__ */ c(le, { children: C ? /* @__PURE__ */ c(bn, {}) : /* @__PURE__ */ N(le, { children: [
+      !!v.length && /* @__PURE__ */ N("div", { className: "table-selection-bar", children: [
+        /* @__PURE__ */ c("p", { className: "table-selection-bar-count", children: g("_accessibility:components.table.selectedCount", {
+          count: v.length
         }) }),
-        x.length > 0 && /* @__PURE__ */ c("div", { className: "table-selection-bar-actions", children: x.map((f) => /* @__PURE__ */ c(lt, { content: f.tooltip, children: /* @__PURE__ */ c(
+        x.length > 0 && /* @__PURE__ */ c("div", { className: "table-selection-bar-actions", children: x.map((p) => /* @__PURE__ */ c(lt, { content: p.tooltip, children: /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            onClick: () => A(f),
-            disabled: f.disabled,
-            children: f.icon
+            onClick: () => A(p),
+            disabled: p.disabled,
+            children: p.icon
           }
-        ) }, f.id)) })
+        ) }, p.id)) })
       ] }),
-      /* @__PURE__ */ c("div", { className: `${i} table-body`, children: /* @__PURE__ */ y("table", { className: "table-content", children: [
+      /* @__PURE__ */ c("div", { className: `${i} table-body`, children: /* @__PURE__ */ N("table", { className: "table-content", children: [
         /* @__PURE__ */ c(
           mn,
           {
@@ -2145,8 +2139,8 @@ function Bn(e) {
             actions: a,
             columns: o,
             softDeleteProperty: d,
-            selectedRows: p,
-            onRowSelectionChange: N
+            selectedRows: m,
+            onRowSelectionChange: y
           }
         ) })
       ] }) }),
@@ -2156,7 +2150,7 @@ function Bn(e) {
 }
 function lt(e) {
   const { content: t, children: r, className: n = "" } = e;
-  return /* @__PURE__ */ y("div", { className: `tooltip-container ${n}`, children: [
+  return /* @__PURE__ */ N("div", { className: `tooltip-container ${n}`, children: [
     r,
     /* @__PURE__ */ c("div", { className: "tooltip-text", children: t })
   ] });
@@ -2172,7 +2166,7 @@ function X(e) {
     className: i = "",
     textClassName: l = ""
   } = e;
-  return /* @__PURE__ */ y("div", { className: `chip-main ${a} ${i}`, children: [
+  return /* @__PURE__ */ N("div", { className: `chip-main ${a} ${i}`, children: [
     /* @__PURE__ */ c("span", { className: l, children: t }),
     n,
     r ? /* @__PURE__ */ c(