@sito/dashboard 0.0.48 → 0.0.50

package/dist/dashboard.js

@@ -1,7 +1,7 @@
 import "./main.css";
-import { jsx as c, jsxs as y, Fragment as te } from "react/jsx-runtime";
-import { forwardRef as ce, useState as M, useRef as V, useEffect as ne, useCallback as z, createContext as $e, useContext as Se, useMemo as F, useReducer as lt } from "react";
-function ut(e) {
+import { jsx as c, jsxs as x, Fragment as ne } from "react/jsx-runtime";
+import { forwardRef as ce, useState as I, useRef as V, useEffect as J, useCallback as z, createContext as $e, useContext as Se, useMemo as L, useReducer as ut } from "react";
+function dt(e) {
   const { className: t = "" } = e;
   return /* @__PURE__ */ c(
     "svg",
@@ -14,7 +14,7 @@ function ut(e) {
     }
   );
 }
-function dt(e) {
+function ft(e) {
   const { className: t = "" } = e;
   return /* @__PURE__ */ c(
     "svg",
@@ -27,7 +27,7 @@ function dt(e) {
     }
   );
 }
-function ft(e) {
+function ht(e) {
   const { className: t = "" } = e;
   return /* @__PURE__ */ c(
     "svg",
@@ -40,7 +40,7 @@ function ft(e) {
     }
   );
 }
-function ht(e) {
+function pt(e) {
   const { className: t = "" } = e;
   return /* @__PURE__ */ c(
     "svg",
@@ -53,7 +53,7 @@ function ht(e) {
     }
   );
 }
-const pt = (e) => {
+const mt = (e) => {
   const { className: t = "" } = e;
   return /* @__PURE__ */ c("svg", { className: t, viewBox: "0 0 16 16", children: /* @__PURE__ */ c("path", { d: "M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z" }) });
 };
@@ -70,7 +70,7 @@ function ke(e) {
     }
   );
 }
-function mt(e) {
+function bt(e) {
   const { className: t = "" } = e;
   return /* @__PURE__ */ c(
     "svg",
@@ -84,7 +84,7 @@ function mt(e) {
   );
 }
 var ie = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(ie || {});
-const qe = (e) => {
+const Ke = (e) => {
   switch (e) {
     case "error":
       return "input-error";
@@ -93,7 +93,7 @@ const qe = (e) => {
     default:
       return "input-normal";
   }
-}, Ke = (e) => {
+}, Ye = (e) => {
   switch (e) {
     case "error":
       return "input-label-error";
@@ -102,7 +102,7 @@ const qe = (e) => {
     default:
       return "input-label-normal";
   }
-}, Ye = (e) => {
+}, Ze = (e) => {
   switch (e) {
     case "error":
       return "input-helper-text-error";
@@ -121,43 +121,43 @@ const Ee = ce(function(e, t) {
     inputClassName: l = "",
     labelClassName: o = "",
     helperText: i = "",
-    helperTextClassName: f = "",
+    helperTextClassName: d = "",
     placeholder: u = "",
-    label: d = "",
-    name: b = "",
+    label: f = "",
+    name: m = "",
     id: v = "",
-    state: g = ie.default,
-    children: p,
+    state: C = ie.default,
+    children: b,
     ...h
   } = e;
-  return /* @__PURE__ */ y("div", { className: `select-input-container ${s}`, children: [
+  return /* @__PURE__ */ x("div", { className: `select-input-container ${s}`, children: [
     /* @__PURE__ */ c(
       "select",
       {
         ...h,
         id: v,
         ref: t,
-        name: b,
+        name: m,
         value: r,
         onChange: n,
-        className: `select-input ${qe(g)} peer ${l}`,
-        children: a == null ? void 0 : a.map((m) => /* @__PURE__ */ c("option", { value: m.id, children: m.value ?? m.name ?? m.id }, m.id))
+        className: `select-input ${Ke(C)} peer ${l}`,
+        children: a == null ? void 0 : a.map((p) => /* @__PURE__ */ c("option", { value: p.id, children: p.value ?? p.name ?? p.id }, p.id))
       }
     ),
     /* @__PURE__ */ c(
       "label",
       {
-        htmlFor: b,
-        className: `select-input-label ${Ke(g)} ${o}`,
-        children: d
+        htmlFor: m,
+        className: `select-input-label ${Ye(C)} ${o}`,
+        children: f
       }
     ),
-    p,
+    b,
     (u || i) && /* @__PURE__ */ c(
       "p",
       {
-        className: `select-input-helper-text ${Ye(g)} ${f}`,
-        children: g !== "error" && g !== "good" ? u : i
+        className: `select-input-helper-text ${Ze(C)} ${d}`,
+        children: C !== "error" && C !== "good" ? u : i
       }
     )
   ] });
@@ -171,28 +171,28 @@ const he = ce(function(e, t) {
     inputClassName: l = "",
     labelClassName: o = "",
     helperText: i = "",
-    helperTextClassName: f = "",
+    helperTextClassName: d = "",
     value: u = "",
-    ...d
+    ...f
   } = e;
-  return /* @__PURE__ */ y("div", { className: `text-input-container ${s}`, children: [
+  return /* @__PURE__ */ x("div", { className: `text-input-container ${s}`, children: [
     /* @__PURE__ */ c(
       "input",
       {
         ref: t,
         value: u,
-        className: `text-input ${qe(n)} peer ${l} ${u ? "has-value" : ""} ${d.placeholder ? "has-placeholder" : ""}`,
-        ...d
+        className: `text-input ${Ke(n)} peer ${l} ${u ? "has-value" : ""} ${f.placeholder ? "has-placeholder" : ""}`,
+        ...f
       }
     ),
-    !!a && /* @__PURE__ */ y(
+    !!a && /* @__PURE__ */ x(
       "label",
       {
-        htmlFor: d.name,
-        className: `text-input-label ${Ke(n)} ${o}`,
+        htmlFor: f.name,
+        className: `text-input-label ${Ye(n)} ${o}`,
         children: [
           a,
-          d.required ? " *" : ""
+          f.required ? " *" : ""
         ]
       }
     ),
@@ -200,13 +200,13 @@ const he = ce(function(e, t) {
     !!i && /* @__PURE__ */ c(
       "p",
       {
-        className: `text-input-helper-text ${Ye(n)} ${f}`,
+        className: `text-input-helper-text ${Ze(n)} ${d}`,
         children: i
       }
     )
   ] });
 });
-const bt = ce(function(e, t) {
+const gt = ce(function(e, t) {
   const {
     checked: r,
     onChange: n,
@@ -215,14 +215,14 @@ const bt = ce(function(e, t) {
     id: l = "",
     type: o = "text",
     label: i = "",
-    containerClassName: f = "",
+    containerClassName: d = "",
     inputClassName: u = "",
-    labelClassName: d = "",
-    helperText: b = "",
+    labelClassName: f = "",
+    helperText: m = "",
     helperTextClassName: v = "",
-    ...g
+    ...C
   } = e;
-  return /* @__PURE__ */ y("label", { className: `input-check-container ${f}`, children: [
+  return /* @__PURE__ */ x("label", { className: `input-check-container ${d}`, children: [
     /* @__PURE__ */ c(
       "input",
       {
@@ -233,40 +233,40 @@ const bt = ce(function(e, t) {
         checked: r,
         onChange: n,
         className: `input-check ${u}`,
-        ...g
+        ...C
       }
     ),
-    /* @__PURE__ */ c("span", { className: `input-check-label ${d}`, children: i })
+    /* @__PURE__ */ c("span", { className: `input-check-label ${f}`, children: i })
   ] });
 });
-var gt = !1;
-function vt(e) {
+var vt = !1;
+function Ct(e) {
   if (e.sheet)
     return e.sheet;
   for (var t = 0; t < document.styleSheets.length; t++)
     if (document.styleSheets[t].ownerNode === e)
       return document.styleSheets[t];
 }
-function Ct(e) {
+function wt(e) {
   var t = document.createElement("style");
   return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var wt = /* @__PURE__ */ function() {
+var Nt = /* @__PURE__ */ function() {
   function e(r) {
     var n = this;
     this._insertTag = function(a) {
       var s;
       n.tags.length === 0 ? n.insertionPoint ? s = n.insertionPoint.nextSibling : n.prepend ? s = n.container.firstChild : s = n.before : s = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, s), n.tags.push(a);
-    }, this.isSpeedy = r.speedy === void 0 ? !gt : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
+    }, this.isSpeedy = r.speedy === void 0 ? !vt : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
   }
   var t = e.prototype;
   return t.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Ct(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(wt(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var s = vt(a);
+      var s = Ct(a);
       try {
         s.insertRule(n, s.cssRules.length);
       } catch {
@@ -280,29 +280,29 @@ var wt = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), O = "-ms-", pe = "-moz-", x = "-webkit-", Ze = "comm", Ae = "rule", Pe = "decl", Nt = "@import", Je = "@keyframes", yt = "@layer", xt = Math.abs, me = String.fromCharCode, $t = Object.assign;
-function St(e, t) {
-  return T(e, 0) ^ 45 ? (((t << 2 ^ T(e, 0)) << 2 ^ T(e, 1)) << 2 ^ T(e, 2)) << 2 ^ T(e, 3) : 0;
+}(), F = "-ms-", pe = "-moz-", $ = "-webkit-", Je = "comm", Ae = "rule", Pe = "decl", yt = "@import", Qe = "@keyframes", xt = "@layer", $t = Math.abs, me = String.fromCharCode, St = Object.assign;
+function kt(e, t) {
+  return P(e, 0) ^ 45 ? (((t << 2 ^ P(e, 0)) << 2 ^ P(e, 1)) << 2 ^ P(e, 2)) << 2 ^ P(e, 3) : 0;
 }
-function Qe(e) {
+function Xe(e) {
   return e.trim();
 }
-function kt(e, t) {
+function Et(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function $(e, t, r) {
+function S(e, t, r) {
   return e.replace(t, r);
 }
 function Ne(e, t) {
   return e.indexOf(t);
 }
-function T(e, t) {
+function P(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function re(e, t, r) {
   return e.slice(t, r);
 }
-function W(e) {
+function j(e) {
   return e.length;
 }
 function Te(e) {
@@ -311,33 +311,33 @@ function Te(e) {
 function le(e, t) {
   return t.push(e), e;
 }
-function Et(e, t) {
+function At(e, t) {
   return e.map(t).join("");
 }
-var be = 1, J = 1, Xe = 0, L = 0, A = 0, Q = "";
+var be = 1, Q = 1, et = 0, R = 0, A = 0, X = "";
 function ge(e, t, r, n, a, s, l) {
-  return { value: e, root: t, parent: r, type: n, props: a, children: s, line: be, column: J, length: l, return: "" };
+  return { value: e, root: t, parent: r, type: n, props: a, children: s, line: be, column: Q, length: l, return: "" };
 }
-function ee(e, t) {
-  return $t(ge("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function te(e, t) {
+  return St(ge("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function At() {
+function Pt() {
   return A;
 }
-function Pt() {
-  return A = L > 0 ? T(Q, --L) : 0, J--, A === 10 && (J = 1, be--), A;
+function Tt() {
+  return A = R > 0 ? P(X, --R) : 0, Q--, A === 10 && (Q = 1, be--), A;
 }
 function D() {
-  return A = L < Xe ? T(Q, L++) : 0, J++, A === 10 && (J = 1, be++), A;
+  return A = R < et ? P(X, R++) : 0, Q++, A === 10 && (Q = 1, be++), A;
 }
 function _() {
-  return T(Q, L);
+  return P(X, R);
 }
 function ue() {
-  return L;
+  return R;
 }
 function oe(e, t) {
-  return re(Q, e, t);
+  return re(X, e, t);
 }
 function ae(e) {
   switch (e) {
@@ -371,21 +371,21 @@ function ae(e) {
   }
   return 0;
 }
-function et(e) {
-  return be = J = 1, Xe = W(Q = e), L = 0, [];
-}
 function tt(e) {
-  return Q = "", e;
+  return be = Q = 1, et = j(X = e), R = 0, [];
+}
+function nt(e) {
+  return X = "", e;
 }
 function de(e) {
-  return Qe(oe(L - 1, ye(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Xe(oe(R - 1, ye(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Tt(e) {
+function Ot(e) {
   for (; (A = _()) && A < 33; )
     D();
   return ae(e) > 2 || ae(A) > 3 ? "" : " ";
 }
-function Ot(e, t) {
+function Ft(e, t) {
   for (; --t && D() && !(A < 48 || A > 102 || A > 57 && A < 65 || A > 70 && A < 97); )
     ;
   return oe(e, ue() + (t < 6 && _() == 32 && D() == 32));
@@ -394,7 +394,7 @@ function ye(e) {
   for (; D(); )
     switch (A) {
       case e:
-        return L;
+        return R;
       case 34:
       case 39:
         e !== 34 && e !== 39 && ye(A);
@@ -406,119 +406,119 @@ function ye(e) {
         D();
         break;
     }
-  return L;
+  return R;
 }
-function Ft(e, t) {
+function Lt(e, t) {
   for (; D() && e + A !== 47 + 10; )
     if (e + A === 42 + 42 && _() === 47)
       break;
-  return "/*" + oe(t, L - 1) + "*" + me(e === 47 ? e : D());
+  return "/*" + oe(t, R - 1) + "*" + me(e === 47 ? e : D());
 }
-function Lt(e) {
+function Rt(e) {
   for (; !ae(_()); )
     D();
-  return oe(e, L);
+  return oe(e, R);
 }
-function Rt(e) {
-  return tt(fe("", null, null, null, [""], e = et(e), 0, [0], e));
+function zt(e) {
+  return nt(fe("", null, null, null, [""], e = tt(e), 0, [0], e));
 }
 function fe(e, t, r, n, a, s, l, o, i) {
-  for (var f = 0, u = 0, d = l, b = 0, v = 0, g = 0, p = 1, h = 1, m = 1, N = 0, k = "", E = a, S = s, P = n, w = k; h; )
-    switch (g = N, N = D()) {
+  for (var d = 0, u = 0, f = l, m = 0, v = 0, C = 0, b = 1, h = 1, p = 1, y = 0, w = "", k = a, E = s, T = n, N = w; h; )
+    switch (C = y, y = D()) {
       case 40:
-        if (g != 108 && T(w, d - 1) == 58) {
-          Ne(w += $(de(N), "&", "&\f"), "&\f") != -1 && (m = -1);
+        if (C != 108 && P(N, f - 1) == 58) {
+          Ne(N += S(de(y), "&", "&\f"), "&\f") != -1 && (p = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        w += de(N);
+        N += de(y);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        w += Tt(g);
+        N += Ot(C);
         break;
       case 92:
-        w += Ot(ue() - 1, 7);
+        N += Ft(ue() - 1, 7);
         continue;
       case 47:
         switch (_()) {
           case 42:
           case 47:
-            le(zt(Ft(D(), ue()), t, r), i);
+            le(Dt(Lt(D(), ue()), t, r), i);
             break;
           default:
-            w += "/";
+            N += "/";
         }
         break;
-      case 123 * p:
-        o[f++] = W(w) * m;
-      case 125 * p:
+      case 123 * b:
+        o[d++] = j(N) * p;
+      case 125 * b:
       case 59:
       case 0:
-        switch (N) {
+        switch (y) {
           case 0:
           case 125:
             h = 0;
           case 59 + u:
-            m == -1 && (w = $(w, /\f/g, "")), v > 0 && W(w) - d && le(v > 32 ? Ie(w + ";", n, r, d - 1) : Ie($(w, " ", "") + ";", n, r, d - 2), i);
+            p == -1 && (N = S(N, /\f/g, "")), v > 0 && j(N) - f && le(v > 32 ? Ie(N + ";", n, r, f - 1) : Ie(S(N, " ", "") + ";", n, r, f - 2), i);
             break;
           case 59:
-            w += ";";
+            N += ";";
           default:
-            if (le(P = Me(w, t, r, f, u, a, o, k, E = [], S = [], d), s), N === 123)
+            if (le(T = Me(N, t, r, d, u, a, o, w, k = [], E = [], f), s), y === 123)
               if (u === 0)
-                fe(w, t, P, P, E, s, d, o, S);
+                fe(N, t, T, T, k, s, f, o, E);
               else
-                switch (b === 99 && T(w, 3) === 110 ? 100 : b) {
+                switch (m === 99 && P(N, 3) === 110 ? 100 : m) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    fe(e, P, P, n && le(Me(e, P, P, 0, 0, a, o, k, a, E = [], d), S), a, S, d, o, n ? E : S);
+                    fe(e, T, T, n && le(Me(e, T, T, 0, 0, a, o, w, a, k = [], f), E), a, E, f, o, n ? k : E);
                     break;
                   default:
-                    fe(w, P, P, P, [""], S, 0, o, S);
+                    fe(N, T, T, T, [""], E, 0, o, E);
                 }
         }
-        f = u = v = 0, p = m = 1, k = w = "", d = l;
+        d = u = v = 0, b = p = 1, w = N = "", f = l;
         break;
       case 58:
-        d = 1 + W(w), v = g;
+        f = 1 + j(N), v = C;
       default:
-        if (p < 1) {
-          if (N == 123)
-            --p;
-          else if (N == 125 && p++ == 0 && Pt() == 125)
+        if (b < 1) {
+          if (y == 123)
+            --b;
+          else if (y == 125 && b++ == 0 && Tt() == 125)
             continue;
         }
-        switch (w += me(N), N * p) {
+        switch (N += me(y), y * b) {
           case 38:
-            m = u > 0 ? 1 : (w += "\f", -1);
+            p = u > 0 ? 1 : (N += "\f", -1);
             break;
           case 44:
-            o[f++] = (W(w) - 1) * m, m = 1;
+            o[d++] = (j(N) - 1) * p, p = 1;
             break;
           case 64:
-            _() === 45 && (w += de(D())), b = _(), u = d = W(k = w += Lt(ue())), N++;
+            _() === 45 && (N += de(D())), m = _(), u = f = j(w = N += Rt(ue())), y++;
             break;
           case 45:
-            g === 45 && W(w) == 2 && (p = 0);
+            C === 45 && j(N) == 2 && (b = 0);
         }
     }
   return s;
 }
-function Me(e, t, r, n, a, s, l, o, i, f, u) {
-  for (var d = a - 1, b = a === 0 ? s : [""], v = Te(b), g = 0, p = 0, h = 0; g < n; ++g)
-    for (var m = 0, N = re(e, d + 1, d = xt(p = l[g])), k = e; m < v; ++m)
-      (k = Qe(p > 0 ? b[m] + " " + N : $(N, /&\f/g, b[m]))) && (i[h++] = k);
-  return ge(e, t, r, a === 0 ? Ae : o, i, f, u);
+function Me(e, t, r, n, a, s, l, o, i, d, u) {
+  for (var f = a - 1, m = a === 0 ? s : [""], v = Te(m), C = 0, b = 0, h = 0; C < n; ++C)
+    for (var p = 0, y = re(e, f + 1, f = $t(b = l[C])), w = e; p < v; ++p)
+      (w = Xe(b > 0 ? m[p] + " " + y : S(y, /&\f/g, m[p]))) && (i[h++] = w);
+  return ge(e, t, r, a === 0 ? Ae : o, i, d, u);
 }
-function zt(e, t, r) {
-  return ge(e, t, r, Ze, me(At()), re(e, 2, -2), 0);
+function Dt(e, t, r) {
+  return ge(e, t, r, Je, me(Pt()), re(e, 2, -2), 0);
 }
 function Ie(e, t, r, n) {
   return ge(e, t, r, Pe, re(e, 0, n), re(e, n + 1, -1), n);
@@ -528,24 +528,24 @@ function Z(e, t) {
     r += t(e[a], a, e, t) || "";
   return r;
 }
-function Dt(e, t, r, n) {
+function Mt(e, t, r, n) {
   switch (e.type) {
-    case yt:
+    case xt:
       if (e.children.length)
         break;
-    case Nt:
+    case yt:
     case Pe:
       return e.return = e.return || e.value;
-    case Ze:
-      return "";
     case Je:
+      return "";
+    case Qe:
       return e.return = e.value + "{" + Z(e.children, n) + "}";
     case Ae:
       e.value = e.props.join(",");
   }
-  return W(r = Z(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return j(r = Z(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
-function Mt(e) {
+function It(e) {
   var t = Te(e);
   return function(r, n, a, s) {
     for (var l = "", o = 0; o < t; o++)
@@ -553,12 +553,12 @@ function Mt(e) {
     return l;
   };
 }
-function It(e) {
+function Wt(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-function Wt(e) {
+function jt(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
@@ -567,13 +567,13 @@ function Wt(e) {
 var Bt = function(t, r, n) {
   for (var a = 0, s = 0; a = s, s = _(), a === 38 && s === 12 && (r[n] = 1), !ae(s); )
     D();
-  return oe(t, L);
+  return oe(t, R);
 }, _t = function(t, r) {
   var n = -1, a = 44;
   do
     switch (ae(a)) {
       case 0:
-        a === 38 && _() === 12 && (r[n] = 1), t[n] += Bt(L - 1, r, n);
+        a === 38 && _() === 12 && (r[n] = 1), t[n] += Bt(R - 1, r, n);
         break;
       case 2:
         t[n] += de(a);
@@ -588,9 +588,9 @@ var Bt = function(t, r, n) {
     }
   while (a = D());
   return t;
-}, jt = function(t, r) {
-  return tt(_t(et(t), r));
-}, We = /* @__PURE__ */ new WeakMap(), Gt = function(t) {
+}, Gt = function(t, r) {
+  return nt(_t(tt(t), r));
+}, We = /* @__PURE__ */ new WeakMap(), Ut = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
@@ -599,9 +599,9 @@ var Bt = function(t, r, n) {
         return;
     if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !We.get(n)) && !a) {
       We.set(t, !0);
-      for (var s = [], l = jt(r, s), o = n.props, i = 0, f = 0; i < l.length; i++)
-        for (var u = 0; u < o.length; u++, f++)
-          t.props[f] = s[i] ? l[i].replace(/&\f/g, o[u]) : o[u] + " " + l[i];
+      for (var s = [], l = Gt(r, s), o = n.props, i = 0, d = 0; i < l.length; i++)
+        for (var u = 0; u < o.length; u++, d++)
+          t.props[d] = s[i] ? l[i].replace(/&\f/g, o[u]) : o[u] + " " + l[i];
     }
   }
 }, Ht = function(t) {
@@ -612,10 +612,10 @@ var Bt = function(t, r, n) {
     r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
-function nt(e, t) {
-  switch (St(e, t)) {
+function rt(e, t) {
+  switch (kt(e, t)) {
     case 5103:
-      return x + "print-" + e + e;
+      return $ + "print-" + e + e;
     case 5737:
     case 4201:
     case 3177:
@@ -641,44 +641,44 @@ function nt(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return x + e + e;
+      return $ + e + e;
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return x + e + pe + e + O + e + e;
+      return $ + e + pe + e + F + e + e;
     case 6828:
     case 4268:
-      return x + e + O + e + e;
+      return $ + e + F + e + e;
     case 6165:
-      return x + e + O + "flex-" + e + e;
+      return $ + e + F + "flex-" + e + e;
     case 5187:
-      return x + e + $(e, /(\w+).+(:[^]+)/, x + "box-$1$2" + O + "flex-$1$2") + e;
+      return $ + e + S(e, /(\w+).+(:[^]+)/, $ + "box-$1$2" + F + "flex-$1$2") + e;
     case 5443:
-      return x + e + O + "flex-item-" + $(e, /flex-|-self/, "") + e;
+      return $ + e + F + "flex-item-" + S(e, /flex-|-self/, "") + e;
     case 4675:
-      return x + e + O + "flex-line-pack" + $(e, /align-content|flex-|-self/, "") + e;
+      return $ + e + F + "flex-line-pack" + S(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return x + e + O + $(e, "shrink", "negative") + e;
+      return $ + e + F + S(e, "shrink", "negative") + e;
     case 5292:
-      return x + e + O + $(e, "basis", "preferred-size") + e;
+      return $ + e + F + S(e, "basis", "preferred-size") + e;
     case 6060:
-      return x + "box-" + $(e, "-grow", "") + x + e + O + $(e, "grow", "positive") + e;
+      return $ + "box-" + S(e, "-grow", "") + $ + e + F + S(e, "grow", "positive") + e;
     case 4554:
-      return x + $(e, /([^-])(transform)/g, "$1" + x + "$2") + e;
+      return $ + S(e, /([^-])(transform)/g, "$1" + $ + "$2") + e;
     case 6187:
-      return $($($(e, /(zoom-|grab)/, x + "$1"), /(image-set)/, x + "$1"), e, "") + e;
+      return S(S(S(e, /(zoom-|grab)/, $ + "$1"), /(image-set)/, $ + "$1"), e, "") + e;
     case 5495:
     case 3959:
-      return $(e, /(image-set\([^]*)/, x + "$1$`$1");
+      return S(e, /(image-set\([^]*)/, $ + "$1$`$1");
     case 4968:
-      return $($(e, /(.+:)(flex-)?(.*)/, x + "box-pack:$3" + O + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + x + e + e;
+      return S(S(e, /(.+:)(flex-)?(.*)/, $ + "box-pack:$3" + F + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + $ + e + e;
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return $(e, /(.+)-inline(.+)/, x + "$1$2") + e;
+      return S(e, /(.+)-inline(.+)/, $ + "$1$2") + e;
     case 8116:
     case 7059:
     case 5753:
@@ -691,106 +691,106 @@ function nt(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (W(e) - 1 - t > 6)
-        switch (T(e, t + 1)) {
+      if (j(e) - 1 - t > 6)
+        switch (P(e, t + 1)) {
           case 109:
-            if (T(e, t + 4) !== 45)
+            if (P(e, t + 4) !== 45)
               break;
           case 102:
-            return $(e, /(.+:)(.+)-([^]+)/, "$1" + x + "$2-$3$1" + pe + (T(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return S(e, /(.+:)(.+)-([^]+)/, "$1" + $ + "$2-$3$1" + pe + (P(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~Ne(e, "stretch") ? nt($(e, "stretch", "fill-available"), t) + e : e;
+            return ~Ne(e, "stretch") ? rt(S(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
-      if (T(e, t + 1) !== 115)
+      if (P(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (T(e, W(e) - 3 - (~Ne(e, "!important") && 10))) {
+      switch (P(e, j(e) - 3 - (~Ne(e, "!important") && 10))) {
         case 107:
-          return $(e, ":", ":" + x) + e;
+          return S(e, ":", ":" + $) + e;
         case 101:
-          return $(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + x + (T(e, 14) === 45 ? "inline-" : "") + "box$3$1" + x + "$2$3$1" + O + "$2box$3") + e;
+          return S(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + $ + (P(e, 14) === 45 ? "inline-" : "") + "box$3$1" + $ + "$2$3$1" + F + "$2box$3") + e;
       }
       break;
     case 5936:
-      switch (T(e, t + 11)) {
+      switch (P(e, t + 11)) {
         case 114:
-          return x + e + O + $(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return $ + e + F + S(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return x + e + O + $(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return $ + e + F + S(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return x + e + O + $(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return $ + e + F + S(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return x + e + O + e + e;
+      return $ + e + F + e + e;
   }
   return e;
 }
-var Ut = function(t, r, n, a) {
+var Vt = function(t, r, n, a) {
   if (t.length > -1 && !t.return)
     switch (t.type) {
       case Pe:
-        t.return = nt(t.value, t.length);
+        t.return = rt(t.value, t.length);
         break;
-      case Je:
-        return Z([ee(t, {
-          value: $(t.value, "@", "@" + x)
+      case Qe:
+        return Z([te(t, {
+          value: S(t.value, "@", "@" + $)
         })], a);
       case Ae:
         if (t.length)
-          return Et(t.props, function(s) {
-            switch (kt(s, /(::plac\w+|:read-\w+)/)) {
+          return At(t.props, function(s) {
+            switch (Et(s, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return Z([ee(t, {
-                  props: [$(s, /:(read-\w+)/, ":" + pe + "$1")]
+                return Z([te(t, {
+                  props: [S(s, /:(read-\w+)/, ":" + pe + "$1")]
                 })], a);
               case "::placeholder":
-                return Z([ee(t, {
-                  props: [$(s, /:(plac\w+)/, ":" + x + "input-$1")]
-                }), ee(t, {
-                  props: [$(s, /:(plac\w+)/, ":" + pe + "$1")]
-                }), ee(t, {
-                  props: [$(s, /:(plac\w+)/, O + "input-$1")]
+                return Z([te(t, {
+                  props: [S(s, /:(plac\w+)/, ":" + $ + "input-$1")]
+                }), te(t, {
+                  props: [S(s, /:(plac\w+)/, ":" + pe + "$1")]
+                }), te(t, {
+                  props: [S(s, /:(plac\w+)/, F + "input-$1")]
                 })], a);
             }
             return "";
           });
     }
-}, Vt = [Ut], qt = function(t) {
+}, qt = [Vt], Kt = function(t) {
   var r = t.key;
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(p) {
-      var h = p.getAttribute("data-emotion");
-      h.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(n, function(b) {
+      var h = b.getAttribute("data-emotion");
+      h.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
     });
   }
-  var a = t.stylisPlugins || Vt, s = {}, l, o = [];
+  var a = t.stylisPlugins || qt, s = {}, l, o = [];
   l = t.container || document.head, Array.prototype.forEach.call(
     // 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(p) {
-      for (var h = p.getAttribute("data-emotion").split(" "), m = 1; m < h.length; m++)
-        s[h[m]] = !0;
-      o.push(p);
+    function(b) {
+      for (var h = b.getAttribute("data-emotion").split(" "), p = 1; p < h.length; p++)
+        s[h[p]] = !0;
+      o.push(b);
     }
   );
-  var i, f = [Gt, Ht];
+  var i, d = [Ut, Ht];
   {
-    var u, d = [Dt, It(function(p) {
-      u.insert(p);
-    })], b = Mt(f.concat(a, d)), v = function(h) {
-      return Z(Rt(h), b);
+    var u, f = [Mt, Wt(function(b) {
+      u.insert(b);
+    })], m = It(d.concat(a, f)), v = function(h) {
+      return Z(zt(h), m);
     };
-    i = function(h, m, N, k) {
-      u = N, v(h ? h + "{" + m.styles + "}" : m.styles), k && (g.inserted[m.name] = !0);
+    i = function(h, p, y, w) {
+      u = y, v(h ? h + "{" + p.styles + "}" : p.styles), w && (C.inserted[p.name] = !0);
     };
   }
-  var g = {
+  var C = {
     key: r,
-    sheet: new wt({
+    sheet: new Nt({
       key: r,
       container: l,
       nonce: t.nonce,
@@ -803,9 +803,9 @@ var Ut = function(t, r, n, a) {
     registered: {},
     insert: i
   };
-  return g.sheet.hydrate(o), g;
+  return C.sheet.hydrate(o), C;
 };
-function Kt(e) {
+function Yt(e) {
   for (var t = 0, r, n = 0, a = e.length; a >= 4; ++n, a -= 4)
     r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
@@ -824,7 +824,7 @@ function Kt(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var Yt = {
+var Zt = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -873,18 +873,18 @@ var Yt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Zt = !1, Jt = /[A-Z]|^ms/g, Qt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, rt = function(t) {
+}, Jt = !1, Qt = /[A-Z]|^ms/g, Xt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, at = function(t) {
   return t.charCodeAt(1) === 45;
-}, Be = function(t) {
+}, je = function(t) {
   return t != null && typeof t != "boolean";
-}, Ce = /* @__PURE__ */ Wt(function(e) {
-  return rt(e) ? e : e.replace(Jt, "-$&").toLowerCase();
-}), _e = function(t, r) {
+}, Ce = /* @__PURE__ */ jt(function(e) {
+  return at(e) ? e : e.replace(Qt, "-$&").toLowerCase();
+}), Be = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Qt, function(n, a, s) {
+        return r.replace(Xt, function(n, a, s) {
           return B = {
             name: a,
             styles: s,
@@ -892,8 +892,8 @@ var Yt = {
           }, a;
         });
   }
-  return Yt[t] !== 1 && !rt(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
-}, Xt = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+  return Zt[t] !== 1 && !at(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+}, en = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
 function se(e, t, r) {
   if (r == null)
     return "";
@@ -924,12 +924,12 @@ function se(e, t, r) {
         var o = s.styles + ";";
         return o;
       }
-      return en(e, t, r);
+      return tn(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
-        var i = B, f = r(e);
-        return B = i, se(e, t, f);
+        var i = B, d = r(e);
+        return B = i, se(e, t, d);
       }
       break;
     }
@@ -937,10 +937,10 @@ function se(e, t, r) {
   var u = r;
   if (t == null)
     return u;
-  var d = t[u];
-  return d !== void 0 ? d : u;
+  var f = t[u];
+  return f !== void 0 ? f : u;
 }
-function en(e, t, r) {
+function tn(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var a = 0; a < r.length; a++)
@@ -950,30 +950,30 @@ function en(e, t, r) {
       var l = r[s];
       if (typeof l != "object") {
         var o = l;
-        t != null && t[o] !== void 0 ? n += s + "{" + t[o] + "}" : Be(o) && (n += Ce(s) + ":" + _e(s, o) + ";");
+        t != null && t[o] !== void 0 ? n += s + "{" + t[o] + "}" : je(o) && (n += Ce(s) + ":" + Be(s, o) + ";");
       } else {
-        if (s === "NO_COMPONENT_SELECTOR" && Zt)
-          throw new Error(Xt);
+        if (s === "NO_COMPONENT_SELECTOR" && Jt)
+          throw new Error(en);
         if (Array.isArray(l) && typeof l[0] == "string" && (t == null || t[l[0]] === void 0))
           for (var i = 0; i < l.length; i++)
-            Be(l[i]) && (n += Ce(s) + ":" + _e(s, l[i]) + ";");
+            je(l[i]) && (n += Ce(s) + ":" + Be(s, l[i]) + ";");
         else {
-          var f = se(e, t, l);
+          var d = se(e, t, l);
           switch (s) {
             case "animation":
             case "animationName": {
-              n += Ce(s) + ":" + f + ";";
+              n += Ce(s) + ":" + d + ";";
               break;
             }
             default:
-              n += s + "{" + f + "}";
+              n += s + "{" + d + "}";
           }
         }
       }
     }
   return n;
 }
-var je = /label:\s*([^\s;{]+)\s*(;|$)/g, B;
+var _e = /label:\s*([^\s;{]+)\s*(;|$)/g, B;
 function we(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
@@ -991,24 +991,24 @@ function we(e, t, r) {
       var i = s;
       a += i[o];
     }
-  je.lastIndex = 0;
-  for (var f = "", u; (u = je.exec(a)) !== null; )
-    f += "-" + u[1];
-  var d = Kt(a) + f;
+  _e.lastIndex = 0;
+  for (var d = "", u; (u = _e.exec(a)) !== null; )
+    d += "-" + u[1];
+  var f = Yt(a) + d;
   return {
-    name: d,
+    name: f,
     styles: a,
     next: B
   };
 }
-var tn = !0;
-function at(e, t, r) {
+var nn = !0;
+function st(e, t, r) {
   var n = "";
   return r.split(" ").forEach(function(a) {
     e[a] !== void 0 ? t.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var nn = function(t, r, n) {
+var rn = function(t, r, n) {
   var a = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -1019,9 +1019,9 @@ var nn = function(t, r, n) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  tn === !1) && t.registered[a] === void 0 && (t.registered[a] = r.styles);
-}, rn = function(t, r, n) {
-  nn(t, r, n);
+  nn === !1) && t.registered[a] === void 0 && (t.registered[a] = r.styles);
+}, an = function(t, r, n) {
+  rn(t, r, n);
   var a = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var s = r;
@@ -1034,37 +1034,37 @@ function Ge(e, t) {
   if (e.inserted[t.name] === void 0)
     return e.insert("", t, e.sheet, !0);
 }
-function He(e, t, r) {
-  var n = [], a = at(e, n, r);
+function Ue(e, t, r) {
+  var n = [], a = st(e, n, r);
   return n.length < 2 ? r : a + t(n);
 }
-var an = function(t) {
-  var r = qt(t);
+var sn = function(t) {
+  var r = Kt(t);
   r.sheet.speedy = function(o) {
     this.isSpeedy = o;
   }, r.compat = !0;
   var n = function() {
-    for (var i = arguments.length, f = new Array(i), u = 0; u < i; u++)
-      f[u] = arguments[u];
-    var d = we(f, r.registered, void 0);
-    return rn(r, d, !1), r.key + "-" + d.name;
+    for (var i = arguments.length, d = new Array(i), u = 0; u < i; u++)
+      d[u] = arguments[u];
+    var f = we(d, r.registered, void 0);
+    return an(r, f, !1), r.key + "-" + f.name;
   }, a = function() {
-    for (var i = arguments.length, f = new Array(i), u = 0; u < i; u++)
-      f[u] = arguments[u];
-    var d = we(f, r.registered), b = "animation-" + d.name;
+    for (var i = arguments.length, d = new Array(i), u = 0; u < i; u++)
+      d[u] = arguments[u];
+    var f = we(d, r.registered), m = "animation-" + f.name;
     return Ge(r, {
-      name: d.name,
-      styles: "@keyframes " + b + "{" + d.styles + "}"
-    }), b;
+      name: f.name,
+      styles: "@keyframes " + m + "{" + f.styles + "}"
+    }), m;
   }, s = function() {
-    for (var i = arguments.length, f = new Array(i), u = 0; u < i; u++)
-      f[u] = arguments[u];
-    var d = we(f, r.registered);
-    Ge(r, d);
+    for (var i = arguments.length, d = new Array(i), u = 0; u < i; u++)
+      d[u] = arguments[u];
+    var f = we(d, r.registered);
+    Ge(r, f);
   }, l = function() {
-    for (var i = arguments.length, f = new Array(i), u = 0; u < i; u++)
-      f[u] = arguments[u];
-    return He(r.registered, n, sn(f));
+    for (var i = arguments.length, d = new Array(i), u = 0; u < i; u++)
+      d[u] = arguments[u];
+    return Ue(r.registered, n, cn(d));
   };
   return {
     css: n,
@@ -1072,8 +1072,8 @@ var an = function(t) {
     injectGlobal: s,
     keyframes: a,
     hydrate: function(i) {
-      i.forEach(function(f) {
-        r.inserted[f] = !0;
+      i.forEach(function(d) {
+        r.inserted[d] = !0;
       });
     },
     flush: function() {
@@ -1081,10 +1081,10 @@ var an = function(t) {
     },
     sheet: r.sheet,
     cache: r,
-    getRegisteredStyles: at.bind(null, r.registered),
-    merge: He.bind(null, r.registered, n)
+    getRegisteredStyles: st.bind(null, r.registered),
+    merge: Ue.bind(null, r.registered, n)
   };
-}, sn = function e(t) {
+}, cn = function e(t) {
   for (var r = "", n = 0; n < t.length; n++) {
     var a = t[n];
     if (a != null) {
@@ -1109,10 +1109,10 @@ var an = function(t) {
     }
   }
   return r;
-}, cn = an({
+}, on = sn({
   key: "css"
-}), on = cn.css;
-const ln = ce(function(e, t) {
+}), ln = on.css;
+const un = ce(function(e, t) {
   var Le, Re, ze;
   const {
     state: r,
@@ -1122,89 +1122,96 @@ const ln = ce(function(e, t) {
     name: l = "",
     id: o = "",
     label: i = "",
-    containerClassName: f = "",
+    containerClassName: d = "",
     inputContainerClassName: u = "",
-    helperText: d = "",
-    placeholder: b = "",
+    helperText: f = "",
+    placeholder: m = "",
     multiple: v = !1,
-    ...g
-  } = e, [p, h] = M(""), [m, N] = M(!1), k = s.filter((C) => {
-    const R = String(C.value ?? C.name).toLowerCase().includes(p == null ? void 0 : p.toLowerCase());
-    return n && n.length ? n != null && n.some ? !(n != null && n.some((K) => K.id === C.id)) : (n == null ? void 0 : n.id) !== C.id : R;
-  }), E = V(null), S = V(null), [P, w] = M(!1), Oe = V(null);
-  ne(() => {
-    const C = (I) => {
-      E.current && !E.current.contains(I.target) && N(!1);
-    }, R = (I) => {
-      I.key === "Escape" && N(!1);
+    ...C
+  } = e, [b, h] = I(
+    v ? "" : (n == null ? void 0 : n.value) ?? (n == null ? void 0 : n.name) ?? ""
+  ), [p, y] = I(!1), w = s.filter((g) => {
+    const O = String(g.value ?? g.name).toLowerCase().includes(b == null ? void 0 : b.toLowerCase());
+    return n && n.length ? n != null && n.some ? !(n != null && n.some((K) => K.id === g.id)) : (n == null ? void 0 : n.id) !== g.id : O;
+  }), k = V(null), E = V(null), [T, N] = I(!1), Oe = V(null);
+  J(() => {
+    const g = (W) => {
+      k.current && !k.current.contains(W.target) && y(!1);
+    }, O = (W) => {
+      W.key === "Escape" && y(!1);
     };
-    return document.addEventListener("mousedown", C), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", C), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", g), document.addEventListener("keydown", O), () => {
+      document.removeEventListener("mousedown", g), document.removeEventListener("keydown", O);
     };
   }, []);
-  const ot = (C) => {
-    h(C.target.value);
+  const lt = (g) => {
+    h(g.target.value);
   }, Fe = z(
-    (C) => {
-      h(""), C ? v ? Array.isArray(n) && n.length ? a([...n, C]) : a([C]) : a(C) : a(null), N(!1);
+    (g) => {
+      g ? v ? (h(""), Array.isArray(n) && n.length ? a([...n, g]) : a([g])) : (h(g.name ?? g.value), a(g)) : a(null), y(!1);
     },
     [v, a, n]
   ), ve = z(
-    (C) => {
-      if (C != null) {
-        const R = n.filter((I, K) => K !== C);
-        R.length ? a(R) : a(null);
-      } else
+    (g) => {
+      if (g != null)
+        if (g !== -1) {
+          const O = n.filter((W, K) => K !== g);
+          O.length ? a(O) : a(null);
+        } else {
+          const [O] = n;
+          console.log(O), a([O]);
+        }
+      else
         a(null);
     },
     [a, n]
   );
-  return ne(() => {
-    var I, K, De;
-    const C = ((I = Oe.current) == null ? void 0 : I.offsetWidth) ?? 0, R = ((De = (K = t ?? S) == null ? void 0 : K.current) == null ? void 0 : De.offsetWidth) ?? 0;
-    C > R * 0.4 ? w(!0) : w(!1);
-  }, [n]), /* @__PURE__ */ y(
+  return J(() => {
+    var W, K, De;
+    const g = ((W = Oe.current) == null ? void 0 : W.offsetWidth) ?? 0, O = ((De = (K = t ?? E) == null ? void 0 : K.current) == null ? void 0 : De.offsetWidth) ?? 0;
+    g > O * 0.4 ? N(!0) : N(!1);
+  }, [n]), /* @__PURE__ */ x(
     "div",
     {
-      className: `autocomplete-input-container ${f}`,
-      ref: E,
+      className: `autocomplete-input-container ${d}`,
+      ref: k,
       children: [
-        /* @__PURE__ */ y("div", { className: "autocomplete-value-input-container", children: [
+        /* @__PURE__ */ x("div", { className: "autocomplete-value-input-container", children: [
           /* @__PURE__ */ c(
             he,
             {
               state: r,
               name: l,
               id: o,
-              value: !v && n ? n.value ?? n.name : p,
-              onChange: ot,
-              placeholder: b,
-              helperText: d,
-              onFocus: () => N(!0),
+              value: v ? (n == null ? void 0 : n.value) ?? (n == null ? void 0 : n.name) ?? "" : b,
+              onChange: lt,
+              placeholder: m,
+              helperText: f,
+              onFocus: () => y(!0),
               label: i,
               containerClassName: `autocomplete-text-input ${u}`,
-              ref: t ?? S,
-              ...g,
+              ref: t ?? E,
+              ...C,
               children: ((n == null ? void 0 : n.value) || (n == null ? void 0 : n.name)) && !v && /* @__PURE__ */ c(
                 "button",
                 {
                   type: "button",
                   className: "autocomplete-delete-button",
-                  onClick: (C) => {
-                    Fe(), C.stopPropagation();
+                  onClick: (g) => {
+                    console.log("hola?"), Fe(), g.stopPropagation();
                   },
                   children: /* @__PURE__ */ c(ke, {})
                 }
               )
             }
           ),
-          v && Array.isArray(n) && n.length ? /* @__PURE__ */ c("ul", { ref: Oe, className: "autocomplete-value-container", children: P ? /* @__PURE__ */ y(te, { children: [
+          v && Array.isArray(n) && n.length ? /* @__PURE__ */ c("ul", { ref: Oe, className: "autocomplete-value-container", children: T ? /* @__PURE__ */ x(ne, { children: [
             /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
               q,
               {
                 label: ((Le = n[0]) == null ? void 0 : Le.value) ?? ((Re = n[0]) == null ? void 0 : Re.name),
-                onDelete: (C) => {
-                  ve(0), C.stopPropagation();
+                onDelete: (g) => {
+                  ve(0), g.stopPropagation();
                 }
               }
             ) }),
@@ -1212,35 +1219,35 @@ const ln = ce(function(e, t) {
               q,
               {
                 label: `+${n.length - 1}`,
-                onDelete: (C) => {
-                  ve(), C.stopPropagation();
+                onDelete: (g) => {
+                  ve(-1), g.stopPropagation();
                 }
               }
             ) })
-          ] }) : n.map((C, R) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
+          ] }) : n.map((g, O) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
             q,
             {
-              label: String(C.value ?? C.name),
-              onDelete: (I) => {
-                ve(R), I.stopPropagation();
+              label: String(g.value ?? g.name),
+              onDelete: (W) => {
+                ve(O), W.stopPropagation();
               }
             }
-          ) }, C.id ?? C.value ?? C.name)) }) : null
+          ) }, g.id ?? g.value ?? g.name)) }) : null
         ] }),
-        m && /* @__PURE__ */ c(
+        p && /* @__PURE__ */ c(
           "ul",
           {
-            className: `autocomplete-suggestions-container ${on({ width: (ze = E.current) == null ? void 0 : ze.offsetWidth })}`,
-            children: k.map((C) => /* @__PURE__ */ c(
+            className: `autocomplete-suggestions-container ${ln({ width: (ze = k.current) == null ? void 0 : ze.offsetWidth })}`,
+            children: w.map((g) => /* @__PURE__ */ c(
               "li",
               {
                 className: "autocomplete-suggestion-item",
-                onClick: (R) => {
-                  Fe(C), R.stopPropagation();
+                onClick: (O) => {
+                  Fe(g), O.stopPropagation();
                 },
-                children: C.value ?? C.name
+                children: g.value ?? g.name
               },
-              C.id ?? C.value ?? C.name
+              g.id ?? g.value ?? g.name
             ))
           }
         )
@@ -1248,7 +1255,7 @@ const ln = ce(function(e, t) {
     }
   );
 });
-function Ue(e, t = 25) {
+function He(e, t = 25) {
   if (e.length <= t)
     return e;
   const r = e.lastIndexOf(".");
@@ -1258,7 +1265,7 @@ function Ue(e, t = 25) {
   return n.slice(0, s) + "..." + a;
 }
 const In = ce(function(e, t) {
-  var N, k;
+  var p, y;
   const {
     children: r,
     state: n = ie.default,
@@ -1267,51 +1274,52 @@ const In = ce(function(e, t) {
     inputClassName: l = "",
     labelClassName: o = "",
     helperText: i = "",
-    helperTextClassName: f = "",
+    helperTextClassName: d = "",
     iconClassName: u = "",
-    value: d = "",
-    multiple: b = !1,
-    ...v
-  } = e, [g, p] = M([]), h = (E) => {
-    if (E.target.files) {
-      const S = Array.from(E.target.files);
-      p((P) => [...P, ...S]);
+    multiple: f = !1,
+    ...m
+  } = e, [v, C] = I([]), b = (w) => {
+    if (w.target.files) {
+      const k = Array.from(w.target.files);
+      C((E) => [...E, ...k]);
     }
-    v.onChange && v.onChange(E);
-  }, m = (E) => {
-    p((S) => S.filter((P, w) => w !== E));
+    m.onChange && m.onChange(w);
+  }, h = (w) => {
+    C((k) => k.filter((E, T) => T !== w));
   };
-  return /* @__PURE__ */ y("div", { className: `file-input-container ${s}`, children: [
-    g.length === 0 && /* @__PURE__ */ y("label", { htmlFor: v.name, className: `${o}`, children: [
+  return /* @__PURE__ */ x("div", { className: `file-input-container ${s}`, children: [
+    v.length === 0 && /* @__PURE__ */ x("label", { htmlFor: m.name, className: `${o}`, children: [
       a,
       /* @__PURE__ */ c(
         "input",
         {
           type: "file",
           ref: t,
-          value: d,
-          multiple: b,
-          onChange: h,
+          multiple: f,
+          onClick: (w) => {
+            w.currentTarget.value = "";
+          },
+          onChange: b,
           className: `file-input ${l}`,
-          ...v
+          ...m
         }
       ),
-      v.required ? " *" : ""
+      m.required ? " *" : ""
     ] }),
-    g.length > 1 && /* @__PURE__ */ c("ul", { className: "file-preview-list", children: g.map((E, S) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(xe, { content: E.name, children: /* @__PURE__ */ c(
+    v.length > 1 && /* @__PURE__ */ c("ul", { className: "file-preview-list", children: v.map((w, k) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(xe, { content: w.name, children: /* @__PURE__ */ c(
       q,
       {
-        label: Ue(E.name, 25),
-        onDelete: () => m(S)
+        label: He(w.name, 25),
+        onDelete: () => h(k)
       }
-    ) }) }, S)) }),
-    g.length === 1 && /* @__PURE__ */ y("div", { className: "file-preview", children: [
-      /* @__PURE__ */ c(mt, { className: "file-icon" }),
-      /* @__PURE__ */ c(xe, { content: ((N = g[0]) == null ? void 0 : N.name) ?? "", className: "!cursor-default", children: /* @__PURE__ */ c("span", { children: Ue(((k = g[0]) == null ? void 0 : k.name) ?? "", 25) }) }),
+    ) }) }, k)) }),
+    v.length === 1 && /* @__PURE__ */ x("div", { className: "file-preview", children: [
+      /* @__PURE__ */ c(bt, { className: "file-icon" }),
+      /* @__PURE__ */ c(xe, { content: ((p = v[0]) == null ? void 0 : p.name) ?? "", className: "!cursor-default", children: /* @__PURE__ */ c("span", { children: He(((y = v[0]) == null ? void 0 : y.name) ?? "", 25) }) }),
       /* @__PURE__ */ c(
         "button",
         {
-          onClick: () => p([]),
+          onClick: () => C([]),
           className: "chip-delete-button",
           type: "button",
           children: /* @__PURE__ */ c(ke, {})
@@ -1319,10 +1327,10 @@ const In = ce(function(e, t) {
       )
     ] }),
     r,
-    !!i && /* @__PURE__ */ c("p", { className: `file-input-helper-text ${f}`, children: i })
+    !!i && /* @__PURE__ */ c("p", { className: `file-input-helper-text ${d}`, children: i })
   ] });
 });
-function un(e) {
+function dn(e) {
   const {
     color: t = "stroke-blue-800",
     className: r = "",
@@ -1343,72 +1351,74 @@ function un(e) {
     }
   ) }) }) }) });
 }
-const st = $e({});
+const ct = $e(
+  {}
+);
 function Wn(e) {
-  const { children: t, t: r } = e;
-  return /* @__PURE__ */ c(st.Provider, { value: { t: r }, children: t });
+  const { children: t, t: r, language: n } = e;
+  return /* @__PURE__ */ c(ct.Provider, { value: { t: r, language: n }, children: t });
 }
 const G = () => {
-  const e = Se(st);
+  const e = Se(ct);
   if (e === void 0)
     throw new Error("translationContext must be used within a Provider");
   return e;
 };
-var U = /* @__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))(U || {}), Y = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(Y || {});
-const dn = [20, 50, 100], ct = $e({}), Bn = (e) => {
-  const { children: t } = e, [r, n] = M(0), [a, s] = M(20), [l, o] = M(0), [i, f] = M("id"), [u, d] = M(Y.DESC), [b, v] = M({}), g = z(
-    (k, E) => {
-      let S = u;
-      if (i === k)
+var H = /* @__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))(H || {}), Y = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(Y || {});
+const fn = [20, 50, 100], it = $e({}), jn = (e) => {
+  const { children: t } = e, [r, n] = I(0), [a, s] = I(20), [l, o] = I(0), [i, d] = I("id"), [u, f] = I(Y.DESC), [m, v] = I({}), C = z(
+    (w, k) => {
+      let E = u;
+      if (i === w)
         switch (u) {
           case Y.ASC:
-            S = Y.DESC;
+            E = Y.DESC;
             break;
           default:
-            S = Y.ASC;
+            E = Y.ASC;
             break;
         }
-      f(k), d(S), E && E(k, S);
+      d(w), f(E), k && k(w, E);
     },
     [i, u]
-  ), p = z((k) => {
-    const E = Object.entries(k).reduce(
-      (S, [P, w]) => (w && typeof w.value < "u" && (S[P] = w.value), S),
+  ), b = z((w) => {
+    const k = Object.entries(w).reduce(
+      (E, [T, N]) => (N && typeof N.value < "u" && N.value !== null && (E[T] = N.value), E),
       {}
     );
-    v(E);
+    v(k);
   }, []), h = z(
-    (k) => {
-      k ? (delete b[k.toLowerCase()], v({ ...b })) : v({});
+    (w) => {
+      console.log(w, m), w ? (delete m[w.toLowerCase()], v({ ...m })) : v({});
     },
-    [b]
-  ), m = F(() => Object.keys(b).length, [b]), N = {
-    onSort: g,
+    [m]
+  ), p = L(() => Object.keys(m).length, [m]), y = {
+    onSort: C,
     total: r,
     setTotal: n,
     sortingBy: i,
-    setSortingBy: f,
+    setSortingBy: d,
     sortingOrder: u,
-    setSortingOrder: d,
+    setSortingOrder: f,
     pageSize: a,
-    pageSizes: dn,
+    pageSizes: fn,
     setPageSize: s,
     currentPage: l,
     setCurrentPage: o,
-    filters: b,
-    onFilterApply: p,
+    filters: m,
+    onFilterApply: b,
     clearFilters: h,
-    countOfFilters: m
+    countOfFilters: p
   };
-  return /* @__PURE__ */ c(ct.Provider, { value: N, children: t });
-}, H = () => {
-  const e = Se(ct);
+  return /* @__PURE__ */ c(it.Provider, { value: y, children: t });
+}, U = () => {
+  const e = Se(it);
   if (e === void 0)
     throw new Error("tableOptionsContext must be used within a Provider");
   return e;
 };
-var j = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))(j || {});
-const fn = (e) => {
+var M = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))(M || {});
+const Ve = (e) => {
   if (e) {
     const t = {}, r = Object.keys(e);
     return r == null || r.forEach((n) => {
@@ -1420,9 +1430,9 @@ const fn = (e) => {
 function hn(e, t) {
   const { type: r } = t;
   switch (r) {
-    case j.reset:
+    case M.reset:
       return {};
-    case j.update: {
+    case M.update: {
       const { toUpdate: n } = t;
       return { ...e, ...n };
     }
@@ -1430,41 +1440,50 @@ function hn(e, t) {
       return e;
   }
 }
-const it = $e({}), pn = (e) => {
-  const { children: t } = e, { filters: r } = H(), [n, a] = lt(
+const ot = $e({}), pn = (e) => {
+  const { children: t } = e, { filters: r } = U(), [n, a] = ut(
     hn,
-    fn(r)
-  ), s = {
+    Ve(r)
+  );
+  J(() => {
+    a({ type: M.reset });
+    const l = Ve(r);
+    Object.keys(l).length && a({
+      type: M.update,
+      toUpdate: l
+    });
+  }, [r]);
+  const s = {
     currentFilters: n,
     setCurrentFilters: a
   };
-  return /* @__PURE__ */ c(it.Provider, { value: s, children: t });
-}, X = () => {
-  const e = Se(it);
+  return /* @__PURE__ */ c(ot.Provider, { value: s, children: t });
+}, ee = () => {
+  const e = Se(ot);
   if (e === void 0)
     throw new Error("tableOptionsContext must be used within a Provider");
   return e;
 };
 function mn(e) {
-  const { t } = G(), { entity: r = "", columns: n = [], hasAction: a = !0, onSortCallback: s } = e, { onSort: l, sortingOrder: o, sortingBy: i } = H(), f = F(() => {
+  const { t } = G(), { entity: r = "", columns: n = [], hasAction: a = !0, onSortCallback: s } = e, { onSort: l, sortingOrder: o, sortingBy: i } = U(), d = L(() => {
     var u;
-    return (u = n.sort((d, b) => (b.pos ?? 0) - (d.pos ?? 0)).filter((d) => d.display !== "none")) == null ? void 0 : u.map((d) => ({
-      id: d.key,
-      label: d.label,
-      className: d.className ?? "",
-      sortable: d.sortable ?? !0,
-      sortOptions: d.sortOptions
+    return (u = n.sort((f, m) => (m.pos ?? 0) - (f.pos ?? 0)).filter((f) => f.display !== "none")) == null ? void 0 : u.map((f) => ({
+      id: f.key,
+      label: f.label,
+      className: f.className ?? "",
+      sortable: f.sortable ?? !0,
+      sortOptions: f.sortOptions
     }));
   }, [n, r, t]);
-  return /* @__PURE__ */ c("thead", { className: "table-headers-row", children: /* @__PURE__ */ y("tr", { children: [
-    f.map((u) => {
-      var d, b, v, g, p, h, m, N;
+  return /* @__PURE__ */ c("thead", { className: "table-headers-row", children: /* @__PURE__ */ x("tr", { children: [
+    d.map((u) => {
+      var f, m, v, C, b, h, p, y;
       return /* @__PURE__ */ c(
         "th",
         {
           scope: "col",
           className: `table-headers-column ${u.className}`,
-          children: /* @__PURE__ */ y(
+          children: /* @__PURE__ */ x(
             "button",
             {
               disabled: !u.sortable,
@@ -1472,15 +1491,15 @@ function mn(e) {
               className: "table-headers-cell",
               children: [
                 /* @__PURE__ */ c("span", { className: "table-headers-label", children: u.label }),
-                u.sortable && i === u.id && /* @__PURE__ */ c("span", { children: o === Y.ASC ? ((b = (d = u.sortOptions) == null ? void 0 : d.icons) == null ? void 0 : b.asc) ?? /* @__PURE__ */ c(
-                  dt,
+                u.sortable && i === u.id && /* @__PURE__ */ c("span", { children: o === Y.ASC ? ((m = (f = u.sortOptions) == null ? void 0 : f.icons) == null ? void 0 : m.asc) ?? /* @__PURE__ */ c(
+                  ft,
                   {
-                    className: ((g = (v = u.sortOptions) == null ? void 0 : v.icons) == null ? void 0 : g.className) ?? "table-headers-sort-indicator"
+                    className: ((C = (v = u.sortOptions) == null ? void 0 : v.icons) == null ? void 0 : C.className) ?? "table-headers-sort-indicator"
                   }
-                ) : ((h = (p = u.sortOptions) == null ? void 0 : p.icons) == null ? void 0 : h.desc) ?? /* @__PURE__ */ c(
-                  ut,
+                ) : ((h = (b = u.sortOptions) == null ? void 0 : b.icons) == null ? void 0 : h.desc) ?? /* @__PURE__ */ c(
+                  dt,
                   {
-                    className: ((N = (m = u.sortOptions) == null ? void 0 : m.icons) == null ? void 0 : N.className) ?? "table-headers-sort-indicator"
+                    className: ((y = (p = u.sortOptions) == null ? void 0 : p.icons) == null ? void 0 : y.className) ?? "table-headers-sort-indicator"
                   }
                 ) })
               ]
@@ -1498,8 +1517,8 @@ function bn() {
   return /* @__PURE__ */ c("div", { className: "table-empty", children: /* @__PURE__ */ c("p", { children: e("_accessibility:components.table.empty") }) });
 }
 const gn = () => {
-  const { t: e } = G(), { total: t, pageSize: r, currentPage: n, setCurrentPage: a } = H();
-  return /* @__PURE__ */ y("div", { className: "table-navigation-pages", children: [
+  const { t: e } = G(), { total: t, pageSize: r, currentPage: n, setCurrentPage: a } = U();
+  return /* @__PURE__ */ x("div", { className: "table-navigation-pages", children: [
     /* @__PURE__ */ c(
       "button",
       {
@@ -1508,7 +1527,7 @@ const gn = () => {
         "aria-label": e("_accessibility:buttons.previous"),
         name: e("_accessibility:buttons.previous"),
         onClick: () => a(n - 1),
-        children: /* @__PURE__ */ c(ht, { className: "w-2.5" })
+        children: /* @__PURE__ */ c(pt, { className: "w-2.5" })
       }
     ),
     /* @__PURE__ */ c(
@@ -1519,14 +1538,14 @@ const gn = () => {
         name: e("_accessibility:buttons.next"),
         "aria-label": e("_accessibility:buttons.next"),
         onClick: () => a(n + 1),
-        children: /* @__PURE__ */ c(ft, { className: "w-2.5" })
+        children: /* @__PURE__ */ c(ht, { className: "w-2.5" })
       }
     )
   ] });
 }, vn = () => {
-  const { t: e } = G(), { total: t, pageSize: r, pageSizes: n, currentPage: a } = H(), s = (a + 1) * r > t ? t : (a + 1) * r;
-  return /* @__PURE__ */ y("div", { className: "table-navigation-sizes", children: [
-    n[0] < t && /* @__PURE__ */ c(te, { children: /* @__PURE__ */ y("p", { children: [
+  const { t: e } = G(), { total: t, pageSize: r, pageSizes: n, currentPage: a } = U(), s = (a + 1) * r > t ? t : (a + 1) * r;
+  return /* @__PURE__ */ x("div", { className: "table-navigation-sizes", children: [
+    n[0] < t && /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ x("p", { children: [
       a * r + 1,
       " - ",
       s,
@@ -1537,11 +1556,11 @@ const gn = () => {
   ] });
 };
 function Cn() {
-  const { t: e } = G(), { pageSizes: t, pageSize: r, setPageSize: n } = H(), a = F(
+  const { t: e } = G(), { pageSizes: t, pageSize: r, setPageSize: n } = U(), a = L(
     () => t == null ? void 0 : t.map((s) => ({ id: s, value: s })),
     [t]
   );
-  return /* @__PURE__ */ y("div", { className: "page-size", children: [
+  return /* @__PURE__ */ x("div", { className: "page-size", children: [
     /* @__PURE__ */ c("p", { children: e("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ c(
       Ee,
@@ -1557,14 +1576,14 @@ function Cn() {
   ] });
 }
 function wn() {
-  const { t: e } = G(), { total: t, pageSize: r, currentPage: n, setCurrentPage: a } = H(), s = F(() => {
+  const { t: e } = G(), { total: t, pageSize: r, currentPage: n, setCurrentPage: a } = U(), s = L(() => {
     const l = Math.ceil(t / r);
     return Array.from({ length: l }, (o, i) => ({
       id: i,
       value: i + 1
     }));
   }, [t, r]);
-  return /* @__PURE__ */ y("div", { className: "jump-to-page", children: [
+  return /* @__PURE__ */ x("div", { className: "jump-to-page", children: [
     /* @__PURE__ */ c("p", { children: e("_accessibility:components.table.jumpToPage") }),
     /* @__PURE__ */ c(
       Ee,
@@ -1580,7 +1599,7 @@ function wn() {
   ] });
 }
 function Nn() {
-  return /* @__PURE__ */ y("div", { className: "table-footer", children: [
+  return /* @__PURE__ */ x("div", { className: "table-footer", children: [
     /* @__PURE__ */ c(wn, {}),
     /* @__PURE__ */ c(Cn, {}),
     /* @__PURE__ */ c(vn, {}),
@@ -1588,12 +1607,12 @@ function Nn() {
   ] });
 }
 const yn = (e) => {
-  const { items: t, label: r, onClearFilter: n } = e;
+  const { items: t, label: r, id: n, onClearFilter: a } = e;
   return /* @__PURE__ */ c(
     q,
     {
-      label: `${r}: ${t.map((a) => a.value ?? a.name).join(", ")}`,
-      onDelete: () => n(r)
+      label: `${r}: ${t.map((s) => s.value ?? s.name).join(", ")}`,
+      onDelete: () => a(n)
     }
   );
 }, xn = (e) => {
@@ -1607,17 +1626,18 @@ const yn = (e) => {
   );
 };
 const $n = (e) => {
-  const { filtersDefinition: t } = e, r = F(() => {
+  const { filtersDefinition: t } = e, r = L(() => {
     const o = {};
     return t.forEach((i) => {
       o[i.propertyName] = i.label ?? i.propertyName;
     }), o;
-  }, [t]), { filters: n, clearFilters: a } = H(), s = F(() => Object.keys(n), [n]), l = z(
+  }, [t]), { filters: n, clearFilters: a } = U(), s = L(() => Object.keys(n), [n]), l = z(
     (o) => {
-      var i, f;
-      return n[o].end || n[o].start ? /* @__PURE__ */ c(
+      var i, d, u, f;
+      return (i = n[o]) != null && i.end || (d = n[o]) != null && d.start ? /* @__PURE__ */ c(
         xn,
         {
+          id: o,
           label: r[o],
           start: n[o].start,
           end: n[o].end,
@@ -1626,6 +1646,7 @@ const $n = (e) => {
       ) : Array.isArray(n[o]) ? /* @__PURE__ */ c(
         yn,
         {
+          id: o,
           label: r[o],
           items: n[o],
           onClearFilter: a
@@ -1633,7 +1654,7 @@ const $n = (e) => {
       ) : /* @__PURE__ */ c(
         q,
         {
-          label: `${r[o]}: ${((i = n[o]) == null ? void 0 : i.value) ?? ((f = n[o]) == null ? void 0 : f.name) ?? n[o]}`,
+          label: `${r[o]}: ${((u = n[o]) == null ? void 0 : u.value) ?? ((f = n[o]) == null ? void 0 : f.name) ?? n[o]}`,
           onDelete: () => a(o)
         }
       );
@@ -1643,13 +1664,13 @@ const $n = (e) => {
   return /* @__PURE__ */ c("ul", { className: "active-filters-main", children: s == null ? void 0 : s.map((o) => /* @__PURE__ */ c("li", { children: l(o) }, o)) });
 };
 function Sn(e) {
-  const { propertyName: t, options: r, label: n, placeholder: a } = e, { currentFilters: s, setCurrentFilters: l } = X(), o = F(() => {
-    var f;
-    return ((f = s[t]) == null ? void 0 : f.value) ?? r[0];
-  }, [s]), i = z((f) => {
+  const { propertyName: t, options: r, label: n, placeholder: a } = e, { currentFilters: s, setCurrentFilters: l } = ee(), o = L(() => {
+    var d;
+    return ((d = s[t]) == null ? void 0 : d.value) ?? r[0];
+  }, [s]), i = z((d) => {
     l({
-      type: j.update,
-      toUpdate: { [t]: { value: f.target.value } }
+      type: M.update,
+      toUpdate: { [t]: { value: d.target.value } }
     });
   }, []);
   return /* @__PURE__ */ c(
@@ -1666,12 +1687,12 @@ function Sn(e) {
   );
 }
 const kn = (e) => {
-  const { propertyName: t, label: r, placeholder: n } = e, { currentFilters: a, setCurrentFilters: s } = X(), l = F(() => {
+  const { propertyName: t, label: r, placeholder: n } = e, { currentFilters: a, setCurrentFilters: s } = ee(), l = L(() => {
     var i;
     return ((i = a[t]) == null ? void 0 : i.value) ?? "";
   }, [a]), o = z((i) => {
     s({
-      type: j.update,
+      type: M.update,
       toUpdate: { [t]: { value: i.target.value } }
     });
   }, []);
@@ -1687,22 +1708,22 @@ const kn = (e) => {
     }
   );
 }, En = (e) => {
-  const { propertyName: t, label: r } = e, { currentFilters: n, setCurrentFilters: a } = X(), s = F(() => {
+  const { propertyName: t, label: r } = e, { currentFilters: n, setCurrentFilters: a } = ee(), s = L(() => {
     var o;
     return ((o = n[t]) == null ? void 0 : o.value) ?? "";
   }, [n]), l = z((o) => {
     a({
-      type: j.update,
+      type: M.update,
       toUpdate: { [t]: { value: o.target.checked } }
     });
   }, []);
-  return /* @__PURE__ */ c(bt, { label: r, checked: s ?? !1, onChange: l });
+  return /* @__PURE__ */ c(gt, { label: r, checked: s ?? !1, onChange: l });
 };
 function An(e) {
-  const { propertyName: t, label: r, placeholder: n, options: a, multiple: s = !0 } = e, { currentFilters: l, setCurrentFilters: o } = X(), i = F(() => l[t] ?? a[0], [l]), f = z(
+  const { propertyName: t, label: r, placeholder: n, options: a, multiple: s = !0 } = e, { currentFilters: l, setCurrentFilters: o } = ee(), i = L(() => l[t] ?? a[0], [l]), d = z(
     (u) => {
       o({
-        type: j.update,
+        type: M.update,
         toUpdate: {
           [t]: {
             value: u
@@ -1713,7 +1734,7 @@ function An(e) {
     [s]
   );
   return /* @__PURE__ */ c(
-    ln,
+    un,
     {
       value: i == null ? void 0 : i.value,
       label: r,
@@ -1721,48 +1742,48 @@ function An(e) {
       multiple: s,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
-      onChange: f,
+      onChange: d,
       placeholder: n
     }
   );
 }
-const Ve = (e) => {
-  var d, b, v, g;
-  const { propertyName: t, label: r, inputType: n } = e, { t: a } = G(), { currentFilters: s, setCurrentFilters: l } = X(), o = V(null), i = V(null), f = z((p) => {
+const qe = (e) => {
+  var f, m, v, C;
+  const { propertyName: t, label: r, inputType: n } = e, { t: a } = G(), { currentFilters: s, setCurrentFilters: l } = ee(), o = V(null), i = V(null), d = z((b) => {
     var h;
     l({
-      type: j.update,
+      type: M.update,
       toUpdate: {
         [t]: {
-          value: { end: ((h = i == null ? void 0 : i.current) == null ? void 0 : h.value) ?? null, start: p.target.value }
+          value: { end: ((h = i == null ? void 0 : i.current) == null ? void 0 : h.value) ?? null, start: b.target.value }
         }
       }
     });
-  }, []), u = z((p) => {
+  }, []), u = z((b) => {
     var h;
     l({
-      type: j.update,
+      type: M.update,
       toUpdate: {
         [t]: {
           value: {
             start: ((h = o == null ? void 0 : o.current) == null ? void 0 : h.value) ?? null,
-            end: p.target.value
+            end: b.target.value
           }
         }
       }
     });
   }, []);
-  return /* @__PURE__ */ y("div", { className: "range-widget-container", children: [
+  return /* @__PURE__ */ x("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__ */ x("div", { className: "range-widget-row", children: [
       /* @__PURE__ */ c(
         he,
         {
-          value: ((b = (d = s[t]) == null ? void 0 : d.value) == null ? void 0 : b.start) ?? "",
+          value: ((m = (f = s[t]) == null ? void 0 : f.value) == null ? void 0 : m.start) ?? "",
           placeholder: a("_accessibility:components.table.filters.range.start"),
           type: n,
           ref: o,
-          onChange: f,
+          onChange: d,
           containerClassName: "input-widget-container",
           helperTextClassName: ""
         }
@@ -1770,7 +1791,7 @@ const Ve = (e) => {
       /* @__PURE__ */ c(
         he,
         {
-          value: ((g = (v = s[t]) == null ? void 0 : v.value) == null ? void 0 : g.end) ?? "",
+          value: ((C = (v = s[t]) == null ? void 0 : v.value) == null ? void 0 : C.end) ?? "",
           placeholder: a("_accessibility:components.table.filters.range.end"),
           type: n,
           ref: i,
@@ -1783,59 +1804,59 @@ const Ve = (e) => {
   ] });
 }, Pn = (e) => {
   switch (e.type) {
-    case U.text:
+    case H.text:
       return /* @__PURE__ */ c(kn, { ...e });
-    case U.number:
+    case H.number:
       return /* @__PURE__ */ c(
-        Ve,
+        qe,
         {
           ...e,
           inputType: "number"
         }
       );
-    case U.date:
+    case H.date:
       return /* @__PURE__ */ c(
-        Ve,
+        qe,
         {
           ...e,
           inputType: "date"
         }
       );
-    case U.select:
+    case H.select:
       return /* @__PURE__ */ c(Sn, { ...e });
-    case U.autocomplete:
+    case H.autocomplete:
       return /* @__PURE__ */ c(An, { ...e });
-    case U.check:
+    case H.check:
       return /* @__PURE__ */ c(En, { ...e });
   }
-  return /* @__PURE__ */ c(te, {});
+  return /* @__PURE__ */ c(ne, {});
 };
 const Tn = (e) => {
-  const { filters: t = [], options: r, show: n, handleShow: a } = e, { onFilterApply: s, filters: l } = H(), { currentFilters: o, setCurrentFilters: i } = X(), { t: f } = G(), u = V(null);
-  return ne(() => {
-    const d = ({ target: b }) => {
-      var v;
-      u.current && (!n || (v = u.current) != null && v.contains(b) || a(!1));
+  const { filters: t = [], show: r, handleShow: n } = e, { onFilterApply: a } = U(), { currentFilters: s, setCurrentFilters: l } = ee(), { t: o } = G(), i = V(null);
+  return J(() => {
+    const d = ({ target: u }) => {
+      var f;
+      i.current && (!r || (f = i.current) != null && f.contains(u) || n(!1));
     };
     return document.addEventListener("click", d), () => document.removeEventListener("click", d);
-  }), ne(() => {
-    const d = (b) => {
-      !n || b.code !== "Escape" || a(!1);
+  }), J(() => {
+    const d = (u) => {
+      !r || u.code !== "Escape" || n(!1);
     };
     return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
-  }), /* @__PURE__ */ c("div", { className: `filter-dropdown-backdrop ${n ? "opened" : "closed"}`, children: /* @__PURE__ */ y("div", { className: "filter-popup", children: [
-    /* @__PURE__ */ c("div", { className: "filter-title", children: f("_accessibility:buttons.filters") }),
+  }), /* @__PURE__ */ c("div", { className: `filter-dropdown-backdrop ${r ? "opened" : "closed"}`, children: /* @__PURE__ */ x("div", { className: "filter-popup", children: [
+    /* @__PURE__ */ c("div", { className: "filter-title", children: o("_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__ */ x("ul", { className: "filter-buttons-row", children: [
       /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
         "button",
         {
-          onClick: () => i({
-            type: j.reset,
+          onClick: () => l({
+            type: M.reset,
             filters: t
           }),
           className: "filter-dropdown-button small filter-dropdown-cancel",
-          children: f("_accessibility:buttons.clear")
+          children: o("_accessibility:buttons.clear")
         }
       ) }),
       /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
@@ -1843,57 +1864,57 @@ const Tn = (e) => {
         {
           className: "filter-dropdown-button small filter-dropdown-submit",
           onClick: () => {
-            a(!1), s(o);
+            n(!1), a(s);
           },
-          onBlur: () => a(!1),
-          children: f("_accessibility:buttons.applyFilters")
+          onBlur: () => n(!1),
+          children: o("_accessibility:buttons.applyFilters")
         }
       ) })
     ] }) })
   ] }) });
 }, On = (e) => {
-  var v, g, p;
-  const { columns: t, title: r, isLoading: n, toolbar: a, filterOptions: s } = e, { countOfFilters: l } = H(), { t: o } = G(), i = F(() => t ? t.sort((h, m) => (m.pos ?? 0) - (h.pos ?? 0)).filter((h) => !!h.filterOptions).map((h) => {
-    var m;
+  var v, C, b;
+  const { columns: t, title: r, isLoading: n, toolbar: a, filterOptions: s } = e, { countOfFilters: l } = U(), { t: o } = G(), i = L(() => t ? t.sort((h, p) => (p.pos ?? 0) - (h.pos ?? 0)).filter((h) => !!h.filterOptions).map((h) => {
+    var p;
     return {
       ...h.filterOptions,
-      label: ((m = h.filterOptions) == null ? void 0 : m.label) ?? h.label,
+      label: ((p = h.filterOptions) == null ? void 0 : p.label) ?? h.label,
       propertyName: h.key
     };
-  }) : [], [t]), [f, u] = M(!1), d = z(
+  }) : [], [t]), [d, u] = I(!1), f = z(
     (h) => {
-      var m, N;
-      ((N = (m = s == null ? void 0 : s.dropdown) == null ? void 0 : m.setOpened) == null ? void 0 : N.call(m, h ?? !1)) ?? u(h ?? !1);
+      var p, y;
+      ((y = (p = s == null ? void 0 : s.dropdown) == null ? void 0 : p.setOpened) == null ? void 0 : y.call(p, h ?? !1)) ?? u(h ?? !1);
     },
-    [s, f]
-  ), b = F(
+    [s, d]
+  ), m = L(
     () => {
       var h;
-      return ((h = s == null ? void 0 : s.dropdown) == null ? void 0 : h.opened) ?? f;
+      return ((h = s == null ? void 0 : s.dropdown) == null ? void 0 : h.opened) ?? d;
     },
-    [s, f]
+    [s, d]
   );
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "div",
     {
       className: `table-header ${r && (a || !((v = s == null ? void 0 : s.button) != null && v.hide)) ? "two" : "one"}`,
       children: [
-        /* @__PURE__ */ y("div", { children: [
+        /* @__PURE__ */ x("div", { children: [
           r && /* @__PURE__ */ c("h1", { className: "table-header-title", children: r }),
-          n ? null : /* @__PURE__ */ y("div", { className: "table-header-right", children: [
+          n ? null : /* @__PURE__ */ x("div", { className: "table-header-right", children: [
             a,
-            ((g = s == null ? void 0 : s.button) == null ? void 0 : g.hide) !== !0 && /* @__PURE__ */ y(
+            ((C = s == null ? void 0 : s.button) == null ? void 0 : C.hide) !== !0 && /* @__PURE__ */ x(
               "button",
               {
                 className: "filter-dropdown-button normal filter-dropdown-trigger",
                 "aria-haspopup": "true",
                 onClick: () => {
                   var h;
-                  return d(
-                    ((h = s == null ? void 0 : s.dropdown) == null ? void 0 : h.opened) ?? !f
+                  return f(
+                    ((h = s == null ? void 0 : s.dropdown) == null ? void 0 : h.opened) ?? !d
                   );
                 },
-                "aria-expanded": b,
+                "aria-expanded": m,
                 children: [
                   /* @__PURE__ */ c(
                     Rn,
@@ -1904,7 +1925,7 @@ const Tn = (e) => {
                   ),
                   /* @__PURE__ */ c("span", { className: "sr-only", children: o("_accessibility:buttons.filters") }),
                   /* @__PURE__ */ c("wbr", {}),
-                  ((p = s == null ? void 0 : s.button) == null ? void 0 : p.icon) ?? /* @__PURE__ */ c(pt, { className: "filter-dropdown-trigger-icon" })
+                  ((b = s == null ? void 0 : s.button) == null ? void 0 : b.icon) ?? /* @__PURE__ */ c(mt, { className: "filter-dropdown-trigger-icon" })
                 ]
               }
             )
@@ -1915,8 +1936,8 @@ const Tn = (e) => {
           Tn,
           {
             filters: i,
-            show: b,
-            handleShow: d,
+            show: m,
+            handleShow: f,
             options: s
           }
         )
@@ -1924,21 +1945,21 @@ const Tn = (e) => {
     }
   );
 }, Fn = (e) => e, Ln = (e) => {
-  const { columns: t, softDeleteProperty: r = "deleted", data: n, actions: a } = e, s = F(
+  const { columns: t, softDeleteProperty: r = "deleted", data: n, actions: a } = e, s = L(
     () => t.sort((l, o) => (o.pos ?? 0) - (l.pos ?? 0)).filter((l) => l.display !== "none"),
     [t]
   );
   return n == null ? void 0 : n.map((l) => {
     var o;
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ x(
       "tr",
       {
         className: `table-row ${l[r] ? "deleted-class" : ""}`,
         children: [
-          s == null ? void 0 : s.map((i, f) => /* @__PURE__ */ c(
+          s == null ? void 0 : s.map((i, d) => /* @__PURE__ */ c(
             "td",
             {
-              className: `table-row-cell ${f === 0 ? "basic" : ""} ${i.className ?? ""}`,
+              className: `table-row-cell ${d === 0 ? "basic" : ""} ${i.className ?? ""}`,
               children: i.renderBody ? i.renderBody(l[i.key], l) : Fn(l[i.key])
             },
             i.key
@@ -1950,7 +1971,7 @@ const Tn = (e) => {
     );
   });
 };
-function _n(e) {
+function Bn(e) {
   const {
     data: t,
     onSort: r,
@@ -1960,13 +1981,13 @@ function _n(e) {
     columns: l = [],
     contentClassName: o = "",
     className: i = "",
-    softDeleteProperty: f = "deleted",
+    softDeleteProperty: d = "deleted",
     ...u
-  } = e, d = F(() => !(t != null && t.length), [t]);
-  return /* @__PURE__ */ c(pn, { children: /* @__PURE__ */ y("div", { className: `${i} table-main`, children: [
+  } = e, f = L(() => !(t != null && t.length), [t]);
+  return /* @__PURE__ */ c(pn, { children: /* @__PURE__ */ x("div", { className: `${i} table-main`, children: [
     /* @__PURE__ */ c(On, { columns: l, isLoading: a, ...u }),
-    a ? /* @__PURE__ */ c(un, { className: "table-loading" }) : /* @__PURE__ */ c(te, { children: d ? /* @__PURE__ */ c(bn, {}) : /* @__PURE__ */ y(te, { children: [
-      /* @__PURE__ */ c("div", { className: `${o} table-body`, children: /* @__PURE__ */ y("table", { className: "table-content", children: [
+    a ? /* @__PURE__ */ c(dn, { className: "table-loading" }) : /* @__PURE__ */ c(ne, { children: f ? /* @__PURE__ */ c(bn, {}) : /* @__PURE__ */ x(ne, { children: [
+      /* @__PURE__ */ c("div", { className: `${o} table-body`, children: /* @__PURE__ */ x("table", { className: "table-content", children: [
         /* @__PURE__ */ c(
           mn,
           {
@@ -1982,7 +2003,7 @@ function _n(e) {
             data: t,
             actions: s,
             columns: l,
-            softDeleteProperty: f
+            softDeleteProperty: d
           }
         ) })
       ] }) }),
@@ -1992,21 +2013,21 @@ function _n(e) {
 }
 function xe(e) {
   const { content: t, children: r, className: n = "" } = e;
-  return /* @__PURE__ */ y("div", { className: `tooltip-container ${n}`, children: [
+  return /* @__PURE__ */ x("div", { className: `tooltip-container ${n}`, children: [
     r,
     /* @__PURE__ */ c("div", { className: "tooltip-text", children: t })
   ] });
 }
 function q(e) {
   const { label: t, onDelete: r, className: n = "", spanClassName: a = "" } = e;
-  return /* @__PURE__ */ y("div", { className: `chip-main ${n}`, children: [
+  return /* @__PURE__ */ x("div", { className: `chip-main ${n}`, children: [
     /* @__PURE__ */ c("span", { className: a, children: t }),
     r ? /* @__PURE__ */ c("button", { type: "button", className: "chip-delete-button", onClick: r, children: /* @__PURE__ */ c(ke, {}) }) : null
   ] });
 }
 const Rn = (e) => {
   const { count: t, className: r = "" } = e, n = V(null);
-  return ne(() => {
+  return J(() => {
     var a, s;
     (a = n.current) != null && a.parentNode && (((s = n.current) == null ? void 0 : s.parentNode).style.position = "relative");
   }, [n]), /* @__PURE__ */ c("span", { ref: n, className: `${r} badge-main`, children: t });
@@ -2014,27 +2035,27 @@ const Rn = (e) => {
 export {
   $n as ActiveFilters,
   yn as ArrayChip,
-  ln as AutocompleteInput,
+  un as AutocompleteInput,
   Rn as Badge,
-  bt as CheckInput,
-  ut as ChevronDown,
-  ht as ChevronLeft,
-  ft as ChevronRight,
-  dt as ChevronUp,
+  gt as CheckInput,
+  dt as ChevronDown,
+  pt as ChevronLeft,
+  ht as ChevronRight,
+  ft as ChevronUp,
   q as Chip,
   ke as Close,
   mn as Columns,
   vn as CountOfTotal,
   bn as Empty,
-  mt as File,
+  bt as File,
   In as FileInput,
   Tn as FilterDropdown,
-  U as FilterTypes,
-  pt as Filters,
-  j as FiltersActions,
+  H as FilterTypes,
+  mt as Filters,
+  M as FiltersActions,
   pn as FiltersProvider,
   Nn as Footer,
-  un as Loading,
+  dn as Loading,
   gn as Navigation,
   Cn as PageSize,
   xn as RangeChip,
@@ -2042,19 +2063,19 @@ export {
   Ee as SelectInput,
   Y as SortOrder,
   ie as State,
-  _n as Table,
+  Bn as Table,
   On as TableHeader,
-  Bn as TableOptionsProvider,
+  jn as TableOptionsProvider,
   he as TextInput,
   xe as Tooltip,
   Wn as TranslationProvider,
   hn as filtersReducer,
-  Ye as helperTextStateClassName,
-  fn as initializer,
-  qe as inputStateClassName,
-  Ke as labelStateClassName,
+  Ze as helperTextStateClassName,
+  Ve as initializer,
+  Ke as inputStateClassName,
+  Ye as labelStateClassName,
   Pn as renderFilterComponent,
-  X as useFilters,
-  H as useTableOptions,
+  ee as useFilters,
+  U as useTableOptions,
   G as useTranslation
 };