@sito/ui 0.0.203 → 0.1.1

package/dist/ui.js

@@ -1,19 +1,19 @@
 import "./main.css";
-import { jsx as N, jsxs as x } from "react/jsx-runtime";
-import * as ae from "react";
-import { createContext as ge, useState as w, useCallback as je, useEffect as k, useContext as De, useMemo as H, forwardRef as P, useReducer as et, useRef as de, memo as tt } from "react";
-function rt(e) {
+import { jsx as N, jsxs as w } from "react/jsx-runtime";
+import * as Me from "react";
+import { createContext as De, useState as Y, useCallback as re, useEffect as v, useContext as ye, useMemo as ie, forwardRef as _, useReducer as tt, useRef as Ue, memo as rt } from "react";
+function nt(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 nt(e) {
+function st(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 st = /* @__PURE__ */ function() {
+var it = /* @__PURE__ */ function() {
   function e(r) {
     var n = this;
     this._insertTag = function(s) {
@@ -25,7 +25,7 @@ var st = /* @__PURE__ */ function() {
   return t.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(nt(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(st(this));
     var s = this.tags[this.tags.length - 1];
     if (process.env.NODE_ENV !== "production") {
       var i = n.charCodeAt(0) === 64 && n.charCodeAt(1) === 105;
@@ -33,9 +33,9 @@ var st = /* @__PURE__ */ function() {
 ` + n + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."), this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !i;
     }
     if (this.isSpeedy) {
-      var a = rt(s);
+      var c = nt(s);
       try {
-        a.insertRule(n, a.cssRules.length);
+        c.insertRule(n, c.cssRules.length);
       } catch (o) {
         process.env.NODE_ENV !== "production" && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(n) && console.error('There was a problem inserting the following rule: "' + n + '"', o);
       }
@@ -47,20 +47,20 @@ var st = /* @__PURE__ */ function() {
       return n.parentNode && n.parentNode.removeChild(n);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), p = "-ms-", re = "-moz-", g = "-webkit-", fe = "comm", ye = "rule", Ie = "decl", it = "@import", Qe = "@keyframes", ot = "@layer", at = Math.abs, se = String.fromCharCode, ct = Object.assign;
-function Mt(e, t) {
+}(), p = "-ms-", ne = "-moz-", g = "-webkit-", de = "comm", Ie = "rule", fe = "decl", ot = "@import", Ye = "@keyframes", ct = "@layer", at = Math.abs, oe = String.fromCharCode, Mt = Object.assign;
+function ut(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;
 }
-function Ye(e) {
+function $e(e) {
   return e.trim();
 }
-function ut(e, t) {
+function Nt(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function j(e, t, r) {
+function D(e, t, r) {
   return e.replace(t, r);
 }
-function ue(e, t) {
+function le(e, t) {
   return e.indexOf(t);
 }
 function T(e, t) {
@@ -69,7 +69,7 @@ function T(e, t) {
 function Z(e, t, r) {
   return e.slice(t, r);
 }
-function v(e) {
+function C(e) {
   return e.length;
 }
 function ze(e) {
@@ -78,35 +78,35 @@ function ze(e) {
 function q(e, t) {
   return t.push(e), e;
 }
-function Nt(e, t) {
+function lt(e, t) {
   return e.map(t).join("");
 }
-var ie = 1, V = 1, $e = 0, m = 0, z = 0, F = "";
-function oe(e, t, r, n, s, i, a) {
-  return { value: e, root: t, parent: r, type: n, props: s, children: i, line: ie, column: V, length: a, return: "" };
+var ce = 1, P = 1, Re = 0, L = 0, h = 0, W = "";
+function ae(e, t, r, n, s, i, c) {
+  return { value: e, root: t, parent: r, type: n, props: s, children: i, line: ce, column: P, length: c, return: "" };
 }
-function B(e, t) {
-  return ct(oe("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function F(e, t) {
+  return Mt(ae("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function lt() {
-  return z;
+function jt() {
+  return h;
 }
 function gt() {
-  return z = m > 0 ? T(F, --m) : 0, V--, z === 10 && (V = 1, ie--), z;
+  return h = L > 0 ? T(W, --L) : 0, P--, h === 10 && (P = 1, ce--), h;
 }
-function E() {
-  return z = m < $e ? T(F, m++) : 0, V++, z === 10 && (V = 1, ie++), z;
+function x() {
+  return h = L < Re ? T(W, L++) : 0, P++, h === 10 && (P = 1, ce++), h;
 }
-function U() {
-  return T(F, m);
+function b() {
+  return T(W, L);
 }
 function X() {
-  return m;
+  return L;
 }
 function K(e, t) {
-  return Z(F, e, t);
+  return Z(W, e, t);
 }
-function G(e) {
+function J(e) {
   switch (e) {
     case 0:
     case 9:
@@ -138,189 +138,189 @@ function G(e) {
   }
   return 0;
 }
-function Re(e) {
-  return ie = V = 1, $e = v(F = e), m = 0, [];
-}
 function Ve(e) {
-  return F = "", e;
+  return ce = P = 1, Re = C(W = e), L = 0, [];
+}
+function Pe(e) {
+  return W = "", e;
 }
 function ee(e) {
-  return Ye(K(m - 1, Ne(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return $e(K(L - 1, je(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function jt(e) {
-  for (; (z = U()) && z < 33; )
-    E();
-  return G(e) > 2 || G(z) > 3 ? "" : " ";
+function Dt(e) {
+  for (; (h = b()) && h < 33; )
+    x();
+  return J(e) > 2 || J(h) > 3 ? "" : " ";
 }
-function Dt(e, t) {
-  for (; --t && E() && !(z < 48 || z > 102 || z > 57 && z < 65 || z > 70 && z < 97); )
+function yt(e, t) {
+  for (; --t && x() && !(h < 48 || h > 102 || h > 57 && h < 65 || h > 70 && h < 97); )
     ;
-  return K(e, X() + (t < 6 && U() == 32 && E() == 32));
+  return K(e, X() + (t < 6 && b() == 32 && x() == 32));
 }
-function Ne(e) {
-  for (; E(); )
-    switch (z) {
+function je(e) {
+  for (; x(); )
+    switch (h) {
       case e:
-        return m;
+        return L;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Ne(z);
+        e !== 34 && e !== 39 && je(h);
         break;
       case 40:
-        e === 41 && Ne(e);
+        e === 41 && je(e);
         break;
       case 92:
-        E();
+        x();
         break;
     }
-  return m;
+  return L;
 }
 function dt(e, t) {
-  for (; E() && e + z !== 47 + 10; )
-    if (e + z === 42 + 42 && U() === 47)
+  for (; x() && e + h !== 47 + 10; )
+    if (e + h === 42 + 42 && b() === 47)
       break;
-  return "/*" + K(t, m - 1) + "*" + se(e === 47 ? e : E());
+  return "/*" + K(t, L - 1) + "*" + oe(e === 47 ? e : x());
 }
-function ft(e) {
-  for (; !G(U()); )
-    E();
-  return K(e, m);
+function It(e) {
+  for (; !J(b()); )
+    x();
+  return K(e, L);
 }
-function yt(e) {
-  return Ve(te("", null, null, null, [""], e = Re(e), 0, [0], e));
+function ft(e) {
+  return Pe(te("", null, null, null, [""], e = Ve(e), 0, [0], e));
 }
-function te(e, t, r, n, s, i, a, o, c) {
-  for (var M = 0, u = 0, l = a, d = 0, h = 0, I = 0, D = 1, O = 1, y = 1, A = 0, S = "", _ = s, Y = i, C = n, f = S; O; )
-    switch (I = A, A = E()) {
+function te(e, t, r, n, s, i, c, o, a) {
+  for (var u = 0, M = 0, l = c, y = 0, f = 0, I = 0, j = 1, A = 1, z = 1, O = 0, S = "", B = s, U = i, E = n, d = S; A; )
+    switch (I = O, O = x()) {
       case 40:
-        if (I != 108 && T(f, l - 1) == 58) {
-          ue(f += j(ee(A), "&", "&\f"), "&\f") != -1 && (y = -1);
+        if (I != 108 && T(d, l - 1) == 58) {
+          le(d += D(ee(O), "&", "&\f"), "&\f") != -1 && (z = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        f += ee(A);
+        d += ee(O);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        f += jt(I);
+        d += Dt(I);
         break;
       case 92:
-        f += Dt(X() - 1, 7);
+        d += yt(X() - 1, 7);
         continue;
       case 47:
-        switch (U()) {
+        switch (b()) {
           case 42:
           case 47:
-            q(It(dt(E(), X()), t, r), c);
+            q(zt(dt(x(), X()), t, r), a);
             break;
           default:
-            f += "/";
+            d += "/";
         }
         break;
-      case 123 * D:
-        o[M++] = v(f) * y;
-      case 125 * D:
+      case 123 * j:
+        o[u++] = C(d) * z;
+      case 125 * j:
       case 59:
       case 0:
-        switch (A) {
+        switch (O) {
           case 0:
           case 125:
-            O = 0;
-          case 59 + u:
-            y == -1 && (f = j(f, /\f/g, "")), h > 0 && v(f) - l && q(h > 32 ? pe(f + ";", n, r, l - 1) : pe(j(f, " ", "") + ";", n, r, l - 2), c);
+            A = 0;
+          case 59 + M:
+            z == -1 && (d = D(d, /\f/g, "")), f > 0 && C(d) - l && q(f > 32 ? Te(d + ";", n, r, l - 1) : Te(D(d, " ", "") + ";", n, r, l - 2), a);
             break;
           case 59:
-            f += ";";
+            d += ";";
           default:
-            if (q(C = Te(f, t, r, M, u, s, o, S, _ = [], Y = [], l), i), A === 123)
-              if (u === 0)
-                te(f, t, C, C, _, i, l, o, Y);
+            if (q(E = Oe(d, t, r, u, M, s, o, S, B = [], U = [], l), i), O === 123)
+              if (M === 0)
+                te(d, t, E, E, B, i, l, o, U);
               else
-                switch (d === 99 && T(f, 3) === 110 ? 100 : d) {
+                switch (y === 99 && T(d, 3) === 110 ? 100 : y) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    te(e, C, C, n && q(Te(e, C, C, 0, 0, s, o, S, s, _ = [], l), Y), s, Y, l, o, n ? _ : Y);
+                    te(e, E, E, n && q(Oe(e, E, E, 0, 0, s, o, S, s, B = [], l), U), s, U, l, o, n ? B : U);
                     break;
                   default:
-                    te(f, C, C, C, [""], Y, 0, o, Y);
+                    te(d, E, E, E, [""], U, 0, o, U);
                 }
         }
-        M = u = h = 0, D = y = 1, S = f = "", l = a;
+        u = M = f = 0, j = z = 1, S = d = "", l = c;
         break;
       case 58:
-        l = 1 + v(f), h = I;
+        l = 1 + C(d), f = I;
       default:
-        if (D < 1) {
-          if (A == 123)
-            --D;
-          else if (A == 125 && D++ == 0 && gt() == 125)
+        if (j < 1) {
+          if (O == 123)
+            --j;
+          else if (O == 125 && j++ == 0 && gt() == 125)
             continue;
         }
-        switch (f += se(A), A * D) {
+        switch (d += oe(O), O * j) {
           case 38:
-            y = u > 0 ? 1 : (f += "\f", -1);
+            z = M > 0 ? 1 : (d += "\f", -1);
             break;
           case 44:
-            o[M++] = (v(f) - 1) * y, y = 1;
+            o[u++] = (C(d) - 1) * z, z = 1;
             break;
           case 64:
-            U() === 45 && (f += ee(E())), d = U(), u = l = v(S = f += ft(X())), A++;
+            b() === 45 && (d += ee(x())), y = b(), M = l = C(S = d += It(X())), O++;
             break;
           case 45:
-            I === 45 && v(f) == 2 && (D = 0);
+            I === 45 && C(d) == 2 && (j = 0);
         }
     }
   return i;
 }
-function Te(e, t, r, n, s, i, a, o, c, M, u) {
-  for (var l = s - 1, d = s === 0 ? i : [""], h = ze(d), I = 0, D = 0, O = 0; I < n; ++I)
-    for (var y = 0, A = Z(e, l + 1, l = at(D = a[I])), S = e; y < h; ++y)
-      (S = Ye(D > 0 ? d[y] + " " + A : j(A, /&\f/g, d[y]))) && (c[O++] = S);
-  return oe(e, t, r, s === 0 ? ye : o, c, M, u);
+function Oe(e, t, r, n, s, i, c, o, a, u, M) {
+  for (var l = s - 1, y = s === 0 ? i : [""], f = ze(y), I = 0, j = 0, A = 0; I < n; ++I)
+    for (var z = 0, O = Z(e, l + 1, l = at(j = c[I])), S = e; z < f; ++z)
+      (S = $e(j > 0 ? y[z] + " " + O : D(O, /&\f/g, y[z]))) && (a[A++] = S);
+  return ae(e, t, r, s === 0 ? Ie : o, a, u, M);
 }
-function It(e, t, r) {
-  return oe(e, t, r, fe, se(lt()), Z(e, 2, -2), 0);
+function zt(e, t, r) {
+  return ae(e, t, r, de, oe(jt()), Z(e, 2, -2), 0);
 }
-function pe(e, t, r, n) {
-  return oe(e, t, r, Ie, Z(e, 0, n), Z(e, n + 1, -1), n);
+function Te(e, t, r, n) {
+  return ae(e, t, r, fe, Z(e, 0, n), Z(e, n + 1, -1), n);
 }
 function R(e, t) {
   for (var r = "", n = ze(e), s = 0; s < n; s++)
     r += t(e[s], s, e, t) || "";
   return r;
 }
-function zt(e, t, r, n) {
+function ht(e, t, r, n) {
   switch (e.type) {
-    case ot:
+    case ct:
       if (e.children.length)
         break;
-    case it:
-    case Ie:
-      return e.return = e.return || e.value;
+    case ot:
     case fe:
+      return e.return = e.return || e.value;
+    case de:
       return "";
-    case Qe:
+    case Ye:
       return e.return = e.value + "{" + R(e.children, n) + "}";
-    case ye:
+    case Ie:
       e.value = e.props.join(",");
   }
-  return v(r = R(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return C(r = R(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
-function ht(e) {
+function At(e) {
   var t = ze(e);
   return function(r, n, s, i) {
-    for (var a = "", o = 0; o < t; o++)
-      a += e[o](r, n, s, i) || "";
-    return a;
+    for (var c = "", o = 0; o < t; o++)
+      c += e[o](r, n, s, i) || "";
+    return c;
   };
 }
-function At(e) {
+function Ot(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
@@ -332,92 +332,92 @@ function Tt(e) {
   };
 }
 var pt = function(t, r, n) {
-  for (var s = 0, i = 0; s = i, i = U(), s === 38 && i === 12 && (r[n] = 1), !G(i); )
-    E();
-  return K(t, m);
-}, Ot = function(t, r) {
+  for (var s = 0, i = 0; s = i, i = b(), s === 38 && i === 12 && (r[n] = 1), !J(i); )
+    x();
+  return K(t, L);
+}, Lt = function(t, r) {
   var n = -1, s = 44;
   do
-    switch (G(s)) {
+    switch (J(s)) {
       case 0:
-        s === 38 && U() === 12 && (r[n] = 1), t[n] += pt(m - 1, r, n);
+        s === 38 && b() === 12 && (r[n] = 1), t[n] += pt(L - 1, r, n);
         break;
       case 2:
         t[n] += ee(s);
         break;
       case 4:
         if (s === 44) {
-          t[++n] = U() === 58 ? "&\f" : "", r[n] = t[n].length;
+          t[++n] = b() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       default:
-        t[n] += se(s);
+        t[n] += oe(s);
     }
-  while (s = E());
+  while (s = x());
   return t;
-}, mt = function(t, r) {
-  return Ve(Ot(Re(t), r));
-}, Oe = /* @__PURE__ */ new WeakMap(), Et = function(t) {
+}, xt = function(t, r) {
+  return Pe(Lt(Ve(t), r));
+}, pe = /* @__PURE__ */ new WeakMap(), mt = 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)) {
     for (var r = t.value, n = t.parent, s = t.column === n.column && t.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n)
         return;
-    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Oe.get(n)) && !s) {
-      Oe.set(t, !0);
-      for (var i = [], a = mt(r, i), o = n.props, c = 0, M = 0; c < a.length; c++)
-        for (var u = 0; u < o.length; u++, M++)
-          t.props[M] = i[c] ? a[c].replace(/&\f/g, o[u]) : o[u] + " " + a[c];
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !pe.get(n)) && !s) {
+      pe.set(t, !0);
+      for (var i = [], c = xt(r, i), o = n.props, a = 0, u = 0; a < c.length; a++)
+        for (var M = 0; M < o.length; M++, u++)
+          t.props[u] = i[a] ? c[a].replace(/&\f/g, o[M]) : o[M] + " " + c[a];
     }
   }
-}, Lt = function(t) {
+}, wt = function(t) {
   if (t.type === "decl") {
     var r = t.value;
     // charcode for l
     r.charCodeAt(0) === 108 && // charcode for b
     r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
-}, xt = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", wt = function(t) {
-  return t.type === "comm" && t.children.indexOf(xt) > -1;
+}, St = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", Et = function(t) {
+  return t.type === "comm" && t.children.indexOf(St) > -1;
 }, kt = function(t) {
   return function(r, n, s) {
     if (!(r.type !== "rule" || t.compat)) {
       var i = r.value.match(/(:first|:nth|:nth-last)-child/g);
       if (i) {
-        for (var a = !!r.parent, o = a ? r.parent.children : (
+        for (var c = !!r.parent, o = c ? r.parent.children : (
           // global rule at the root level
           s
-        ), c = o.length - 1; c >= 0; c--) {
-          var M = o[c];
-          if (M.line < r.line)
+        ), a = o.length - 1; a >= 0; a--) {
+          var u = o[a];
+          if (u.line < r.line)
             break;
-          if (M.column < r.column) {
-            if (wt(M))
+          if (u.column < r.column) {
+            if (Et(u))
               return;
             break;
           }
         }
-        i.forEach(function(u) {
-          console.error('The pseudo class "' + u + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + u.split("-child")[0] + '-of-type".');
+        i.forEach(function(M) {
+          console.error('The pseudo class "' + M + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + M.split("-child")[0] + '-of-type".');
         });
       }
     }
   };
-}, Pe = function(t) {
+}, _e = function(t) {
   return t.type.charCodeAt(1) === 105 && t.type.charCodeAt(0) === 64;
-}, St = function(t, r) {
+}, Ct = function(t, r) {
   for (var n = t - 1; n >= 0; n--)
-    if (!Pe(r[n]))
+    if (!_e(r[n]))
       return !0;
   return !1;
-}, me = function(t) {
+}, Le = function(t) {
   t.type = "", t.value = "", t.return = "", t.children = "", t.props = "";
-}, Ct = function(t, r, n) {
-  Pe(t) && (t.parent ? (console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."), me(t)) : St(r, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), me(t)));
+}, bt = function(t, r, n) {
+  _e(t) && (t.parent ? (console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."), Le(t)) : Ct(r, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Le(t)));
 };
-function Fe(e, t) {
-  switch (Mt(e, t)) {
+function We(e, t) {
+  switch (ut(e, t)) {
     case 5103:
       return g + "print-" + e + e;
     case 5737:
@@ -451,38 +451,38 @@ function Fe(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return g + e + re + e + p + e + e;
+      return g + e + ne + e + p + e + e;
     case 6828:
     case 4268:
       return g + e + p + e + e;
     case 6165:
       return g + e + p + "flex-" + e + e;
     case 5187:
-      return g + e + j(e, /(\w+).+(:[^]+)/, g + "box-$1$2" + p + "flex-$1$2") + e;
+      return g + e + D(e, /(\w+).+(:[^]+)/, g + "box-$1$2" + p + "flex-$1$2") + e;
     case 5443:
-      return g + e + p + "flex-item-" + j(e, /flex-|-self/, "") + e;
+      return g + e + p + "flex-item-" + D(e, /flex-|-self/, "") + e;
     case 4675:
-      return g + e + p + "flex-line-pack" + j(e, /align-content|flex-|-self/, "") + e;
+      return g + e + p + "flex-line-pack" + D(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return g + e + p + j(e, "shrink", "negative") + e;
+      return g + e + p + D(e, "shrink", "negative") + e;
     case 5292:
-      return g + e + p + j(e, "basis", "preferred-size") + e;
+      return g + e + p + D(e, "basis", "preferred-size") + e;
     case 6060:
-      return g + "box-" + j(e, "-grow", "") + g + e + p + j(e, "grow", "positive") + e;
+      return g + "box-" + D(e, "-grow", "") + g + e + p + D(e, "grow", "positive") + e;
     case 4554:
-      return g + j(e, /([^-])(transform)/g, "$1" + g + "$2") + e;
+      return g + D(e, /([^-])(transform)/g, "$1" + g + "$2") + e;
     case 6187:
-      return j(j(j(e, /(zoom-|grab)/, g + "$1"), /(image-set)/, g + "$1"), e, "") + e;
+      return D(D(D(e, /(zoom-|grab)/, g + "$1"), /(image-set)/, g + "$1"), e, "") + e;
     case 5495:
     case 3959:
-      return j(e, /(image-set\([^]*)/, g + "$1$`$1");
+      return D(e, /(image-set\([^]*)/, g + "$1$`$1");
     case 4968:
-      return j(j(e, /(.+:)(flex-)?(.*)/, g + "box-pack:$3" + p + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + g + e + e;
+      return D(D(e, /(.+:)(flex-)?(.*)/, g + "box-pack:$3" + p + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + g + e + e;
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return j(e, /(.+)-inline(.+)/, g + "$1$2") + e;
+      return D(e, /(.+)-inline(.+)/, g + "$1$2") + e;
     case 8116:
     case 7059:
     case 5753:
@@ -495,125 +495,125 @@ function Fe(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (v(e) - 1 - t > 6)
+      if (C(e) - 1 - t > 6)
         switch (T(e, t + 1)) {
           case 109:
             if (T(e, t + 4) !== 45)
               break;
           case 102:
-            return j(e, /(.+:)(.+)-([^]+)/, "$1" + g + "$2-$3$1" + re + (T(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return D(e, /(.+:)(.+)-([^]+)/, "$1" + g + "$2-$3$1" + ne + (T(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~ue(e, "stretch") ? Fe(j(e, "stretch", "fill-available"), t) + e : e;
+            return ~le(e, "stretch") ? We(D(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
       if (T(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (T(e, v(e) - 3 - (~ue(e, "!important") && 10))) {
+      switch (T(e, C(e) - 3 - (~le(e, "!important") && 10))) {
         case 107:
-          return j(e, ":", ":" + g) + e;
+          return D(e, ":", ":" + g) + e;
         case 101:
-          return j(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + g + (T(e, 14) === 45 ? "inline-" : "") + "box$3$1" + g + "$2$3$1" + p + "$2box$3") + e;
+          return D(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + g + (T(e, 14) === 45 ? "inline-" : "") + "box$3$1" + g + "$2$3$1" + p + "$2box$3") + e;
       }
       break;
     case 5936:
       switch (T(e, t + 11)) {
         case 114:
-          return g + e + p + j(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return g + e + p + D(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return g + e + p + j(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return g + e + p + D(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return g + e + p + j(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return g + e + p + D(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
       return g + e + p + e + e;
   }
   return e;
 }
-var bt = function(t, r, n, s) {
+var vt = function(t, r, n, s) {
   if (t.length > -1 && !t.return)
     switch (t.type) {
-      case Ie:
-        t.return = Fe(t.value, t.length);
+      case fe:
+        t.return = We(t.value, t.length);
         break;
-      case Qe:
-        return R([B(t, {
-          value: j(t.value, "@", "@" + g)
+      case Ye:
+        return R([F(t, {
+          value: D(t.value, "@", "@" + g)
         })], s);
-      case ye:
+      case Ie:
         if (t.length)
-          return Nt(t.props, function(i) {
-            switch (ut(i, /(::plac\w+|:read-\w+)/)) {
+          return lt(t.props, function(i) {
+            switch (Nt(i, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return R([B(t, {
-                  props: [j(i, /:(read-\w+)/, ":" + re + "$1")]
+                return R([F(t, {
+                  props: [D(i, /:(read-\w+)/, ":" + ne + "$1")]
                 })], s);
               case "::placeholder":
-                return R([B(t, {
-                  props: [j(i, /:(plac\w+)/, ":" + g + "input-$1")]
-                }), B(t, {
-                  props: [j(i, /:(plac\w+)/, ":" + re + "$1")]
-                }), B(t, {
-                  props: [j(i, /:(plac\w+)/, p + "input-$1")]
+                return R([F(t, {
+                  props: [D(i, /:(plac\w+)/, ":" + g + "input-$1")]
+                }), F(t, {
+                  props: [D(i, /:(plac\w+)/, ":" + ne + "$1")]
+                }), F(t, {
+                  props: [D(i, /:(plac\w+)/, p + "input-$1")]
                 })], s);
             }
             return "";
           });
     }
-}, vt = [bt], Ut = function(t) {
+}, Qt = [vt], Ut = function(t) {
   var r = t.key;
   if (process.env.NODE_ENV !== "production" && !r)
     throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
 If multiple caches share the same key they might "fight" for each other's style elements.`);
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(D) {
-      var O = D.getAttribute("data-emotion");
-      O.indexOf(" ") !== -1 && (document.head.appendChild(D), D.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(n, function(j) {
+      var A = j.getAttribute("data-emotion");
+      A.indexOf(" ") !== -1 && (document.head.appendChild(j), j.setAttribute("data-s", ""));
     });
   }
-  var s = t.stylisPlugins || vt;
+  var s = t.stylisPlugins || Qt;
   if (process.env.NODE_ENV !== "production" && /[^a-z-]/.test(r))
     throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + r + '" was passed');
-  var i = {}, a, o = [];
-  a = t.container || document.head, Array.prototype.forEach.call(
+  var i = {}, c, o = [];
+  c = 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(D) {
-      for (var O = D.getAttribute("data-emotion").split(" "), y = 1; y < O.length; y++)
-        i[O[y]] = !0;
-      o.push(D);
+    function(j) {
+      for (var A = j.getAttribute("data-emotion").split(" "), z = 1; z < A.length; z++)
+        i[A[z]] = !0;
+      o.push(j);
     }
   );
-  var c, M = [Et, Lt];
-  process.env.NODE_ENV !== "production" && M.push(kt({
+  var a, u = [mt, wt];
+  process.env.NODE_ENV !== "production" && u.push(kt({
     get compat() {
       return I.compat;
     }
-  }), Ct);
+  }), bt);
   {
-    var u, l = [zt, process.env.NODE_ENV !== "production" ? function(D) {
-      D.root || (D.return ? u.insert(D.return) : D.value && D.type !== fe && u.insert(D.value + "{}"));
-    } : At(function(D) {
-      u.insert(D);
-    })], d = ht(M.concat(s, l)), h = function(O) {
-      return R(yt(O), d);
+    var M, l = [ht, process.env.NODE_ENV !== "production" ? function(j) {
+      j.root || (j.return ? M.insert(j.return) : j.value && j.type !== de && M.insert(j.value + "{}"));
+    } : Ot(function(j) {
+      M.insert(j);
+    })], y = At(u.concat(s, l)), f = function(A) {
+      return R(ft(A), y);
     };
-    c = function(O, y, A, S) {
-      u = A, process.env.NODE_ENV !== "production" && y.map !== void 0 && (u = {
-        insert: function(Y) {
-          A.insert(Y + y.map);
+    a = function(A, z, O, S) {
+      M = O, process.env.NODE_ENV !== "production" && z.map !== void 0 && (M = {
+        insert: function(U) {
+          O.insert(U + z.map);
         }
-      }), h(O ? O + "{" + y.styles + "}" : y.styles), S && (I.inserted[y.name] = !0);
+      }), f(A ? A + "{" + z.styles + "}" : z.styles), S && (I.inserted[z.name] = !0);
     };
   }
   var I = {
     key: r,
-    sheet: new st({
+    sheet: new it({
       key: r,
-      container: a,
+      container: c,
       nonce: t.nonce,
       speedy: t.speedy,
       prepend: t.prepend,
@@ -622,11 +622,11 @@ If multiple caches share the same key they might "fight" for each other's style
     nonce: t.nonce,
     inserted: i,
     registered: {},
-    insert: c
+    insert: a
   };
   return I.sheet.hydrate(o), I;
 };
-function Qt(e) {
+function Yt(e) {
   for (var t = 0, r, n = 0, s = e.length; s >= 4; ++n, s -= 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: */
@@ -645,7 +645,7 @@ function Qt(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 $t = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -693,48 +693,48 @@ var Yt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Ee = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+}, xe = `You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
 You can read more about this here:
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, $t = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Rt = /[A-Z]|^ms/g, _e = /_EMO_([^_]+?)_([^]*?)_EMO_/g, he = function(t) {
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Rt = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Vt = /[A-Z]|^ms/g, Be = /_EMO_([^_]+?)_([^]*?)_EMO_/g, he = function(t) {
   return t.charCodeAt(1) === 45;
-}, Le = function(t) {
+}, me = function(t) {
   return t != null && typeof t != "boolean";
-}, ce = /* @__PURE__ */ Tt(function(e) {
-  return he(e) ? e : e.replace(Rt, "-$&").toLowerCase();
-}), ne = function(t, r) {
+}, ue = /* @__PURE__ */ Tt(function(e) {
+  return he(e) ? e : e.replace(Vt, "-$&").toLowerCase();
+}), se = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(_e, function(n, s, i) {
-          return L = {
+        return r.replace(Be, function(n, s, i) {
+          return m = {
             name: s,
             styles: i,
-            next: L
+            next: m
           }, s;
         });
   }
-  return Yt[t] !== 1 && !he(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return $t[t] !== 1 && !he(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 if (process.env.NODE_ENV !== "production") {
-  var Vt = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Pt = ["normal", "none", "initial", "inherit", "unset"], Ft = ne, _t = /^-ms-/, Bt = /-(.)/g, xe = {};
-  ne = function(t, r) {
-    if (t === "content" && (typeof r != "string" || Pt.indexOf(r) === -1 && !Vt.test(r) && (r.charAt(0) !== r.charAt(r.length - 1) || r.charAt(0) !== '"' && r.charAt(0) !== "'")))
+  var Pt = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, _t = ["normal", "none", "initial", "inherit", "unset"], Wt = se, Bt = /^-ms-/, Ft = /-(.)/g, we = {};
+  se = function(t, r) {
+    if (t === "content" && (typeof r != "string" || _t.indexOf(r) === -1 && !Pt.test(r) && (r.charAt(0) !== r.charAt(r.length - 1) || r.charAt(0) !== '"' && r.charAt(0) !== "'")))
       throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + r + "\"'`");
-    var n = Ft(t, r);
-    return n !== "" && !he(t) && t.indexOf("-") !== -1 && xe[t] === void 0 && (xe[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(_t, "ms-").replace(Bt, function(s, i) {
+    var n = Wt(t, r);
+    return n !== "" && !he(t) && t.indexOf("-") !== -1 && we[t] === void 0 && (we[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(Bt, "ms-").replace(Ft, function(s, i) {
       return i.toUpperCase();
     }) + "?")), n;
   };
 }
-var Be = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function J(e, t, r) {
+var Fe = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function H(e, t, r) {
   if (r == null)
     return "";
   if (r.__emotion_styles !== void 0) {
     if (process.env.NODE_ENV !== "production" && r.toString() === "NO_COMPONENT_SELECTOR")
-      throw new Error(Be);
+      throw new Error(Fe);
     return r;
   }
   switch (typeof r) {
@@ -742,116 +742,116 @@ function J(e, t, r) {
       return "";
     case "object": {
       if (r.anim === 1)
-        return L = {
+        return m = {
           name: r.name,
           styles: r.styles,
-          next: L
+          next: m
         }, r.name;
       if (r.styles !== void 0) {
         var n = r.next;
         if (n !== void 0)
           for (; n !== void 0; )
-            L = {
+            m = {
               name: n.name,
               styles: n.styles,
-              next: L
+              next: m
             }, n = n.next;
         var s = r.styles + ";";
         return process.env.NODE_ENV !== "production" && r.map !== void 0 && (s += r.map), s;
       }
-      return Wt(e, t, r);
+      return Gt(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
-        var i = L, a = r(e);
-        return L = i, J(e, t, a);
+        var i = m, c = r(e);
+        return m = i, H(e, t, c);
       } else
         process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
       break;
     }
     case "string":
       if (process.env.NODE_ENV !== "production") {
-        var o = [], c = r.replace(_e, function(u, l, d) {
-          var h = "animation" + o.length;
-          return o.push("const " + h + " = keyframes`" + d.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + h + "}";
+        var o = [], a = r.replace(Be, function(M, l, y) {
+          var f = "animation" + o.length;
+          return o.push("const " + f + " = keyframes`" + y.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + f + "}";
         });
-        o.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(o, ["`" + c + "`"]).join(`
+        o.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(o, ["`" + a + "`"]).join(`
 `) + `
 
 You should wrap it with \`css\` like this:
 
-` + ("css`" + c + "`"));
+` + ("css`" + a + "`"));
       }
       break;
   }
   if (t == null)
     return r;
-  var M = t[r];
-  return M !== void 0 ? M : r;
+  var u = t[r];
+  return u !== void 0 ? u : r;
 }
-function Wt(e, t, r) {
+function Gt(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var s = 0; s < r.length; s++)
-      n += J(e, t, r[s]) + ";";
+      n += H(e, t, r[s]) + ";";
   else
     for (var i in r) {
-      var a = r[i];
-      if (typeof a != "object")
-        t != null && t[a] !== void 0 ? n += i + "{" + t[a] + "}" : Le(a) && (n += ce(i) + ":" + ne(i, a) + ";");
+      var c = r[i];
+      if (typeof c != "object")
+        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : me(c) && (n += ue(i) + ":" + se(i, c) + ";");
       else {
         if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
-          throw new Error(Be);
-        if (Array.isArray(a) && typeof a[0] == "string" && (t == null || t[a[0]] === void 0))
-          for (var o = 0; o < a.length; o++)
-            Le(a[o]) && (n += ce(i) + ":" + ne(i, a[o]) + ";");
+          throw new Error(Fe);
+        if (Array.isArray(c) && typeof c[0] == "string" && (t == null || t[c[0]] === void 0))
+          for (var o = 0; o < c.length; o++)
+            me(c[o]) && (n += ue(i) + ":" + se(i, c[o]) + ";");
         else {
-          var c = J(e, t, a);
+          var a = H(e, t, c);
           switch (i) {
             case "animation":
             case "animationName": {
-              n += ce(i) + ":" + c + ";";
+              n += ue(i) + ":" + a + ";";
               break;
             }
             default:
-              process.env.NODE_ENV !== "production" && i === "undefined" && console.error($t), n += i + "{" + c + "}";
+              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(Rt), n += i + "{" + a + "}";
           }
         }
       }
     }
   return n;
 }
-var we = /label:\s*([^\s;\n{]+)\s*(;|$)/g, We;
-process.env.NODE_ENV !== "production" && (We = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
-var L, Me = function(t, r, n) {
+var Se = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Ge;
+process.env.NODE_ENV !== "production" && (Ge = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
+var m, Ne = function(t, r, n) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
     return t[0];
   var s = !0, i = "";
-  L = void 0;
-  var a = t[0];
-  a == null || a.raw === void 0 ? (s = !1, i += J(n, r, a)) : (process.env.NODE_ENV !== "production" && a[0] === void 0 && console.error(Ee), i += a[0]);
+  m = void 0;
+  var c = t[0];
+  c == null || c.raw === void 0 ? (s = !1, i += H(n, r, c)) : (process.env.NODE_ENV !== "production" && c[0] === void 0 && console.error(xe), i += c[0]);
   for (var o = 1; o < t.length; o++)
-    i += J(n, r, t[o]), s && (process.env.NODE_ENV !== "production" && a[o] === void 0 && console.error(Ee), i += a[o]);
-  var c;
-  process.env.NODE_ENV !== "production" && (i = i.replace(We, function(d) {
-    return c = d, "";
-  })), we.lastIndex = 0;
-  for (var M = "", u; (u = we.exec(i)) !== null; )
-    M += "-" + // $FlowFixMe we know it's not null
-    u[1];
-  var l = Qt(i) + M;
+    i += H(n, r, t[o]), s && (process.env.NODE_ENV !== "production" && c[o] === void 0 && console.error(xe), i += c[o]);
+  var a;
+  process.env.NODE_ENV !== "production" && (i = i.replace(Ge, function(y) {
+    return a = y, "";
+  })), Se.lastIndex = 0;
+  for (var u = "", M; (M = Se.exec(i)) !== null; )
+    u += "-" + // $FlowFixMe we know it's not null
+    M[1];
+  var l = Yt(i) + u;
   return process.env.NODE_ENV !== "production" ? {
     name: l,
     styles: i,
-    map: c,
-    next: L,
+    map: a,
+    next: m,
     toString: function() {
       return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
     }
   } : {
     name: l,
     styles: i,
-    next: L
+    next: m
   };
 }, Zt = !0;
 function Ze(e, t, r) {
@@ -860,7 +860,7 @@ function Ze(e, t, r) {
     e[s] !== void 0 ? t.push(e[s] + ";") : n += s + " ";
   }), n;
 }
-var Gt = function(t, r, n) {
+var Jt = function(t, r, n) {
   var s = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -872,8 +872,8 @@ var Gt = function(t, r, n) {
   // 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
   Zt === !1) && t.registered[s] === void 0 && (t.registered[s] = r.styles);
-}, Jt = function(t, r, n) {
-  Gt(t, r, n);
+}, Ht = function(t, r, n) {
+  Jt(t, r, n);
   var s = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var i = r;
@@ -882,15 +882,15 @@ var Gt = function(t, r, n) {
     while (i !== void 0);
   }
 };
-function ke(e, t) {
+function Ee(e, t) {
   if (e.inserted[t.name] === void 0)
     return e.insert("", t, e.sheet, !0);
 }
-function Se(e, t, r) {
+function ke(e, t, r) {
   var n = [], s = Ze(e, n, r);
   return n.length < 2 ? r : s + t(n);
 }
-var Ht = function(t) {
+var Kt = function(t) {
   var r = Ut(t);
   r.sheet.speedy = function(o) {
     if (process.env.NODE_ENV !== "production" && this.ctr !== 0)
@@ -898,36 +898,36 @@ var Ht = function(t) {
     this.isSpeedy = o;
   }, r.compat = !0;
   var n = function() {
-    for (var c = arguments.length, M = new Array(c), u = 0; u < c; u++)
-      M[u] = arguments[u];
-    var l = Me(M, r.registered, void 0);
-    return Jt(r, l, !1), r.key + "-" + l.name;
+    for (var a = arguments.length, u = new Array(a), M = 0; M < a; M++)
+      u[M] = arguments[M];
+    var l = Ne(u, r.registered, void 0);
+    return Ht(r, l, !1), r.key + "-" + l.name;
   }, s = function() {
-    for (var c = arguments.length, M = new Array(c), u = 0; u < c; u++)
-      M[u] = arguments[u];
-    var l = Me(M, r.registered), d = "animation-" + l.name;
-    return ke(r, {
+    for (var a = arguments.length, u = new Array(a), M = 0; M < a; M++)
+      u[M] = arguments[M];
+    var l = Ne(u, r.registered), y = "animation-" + l.name;
+    return Ee(r, {
       name: l.name,
-      styles: "@keyframes " + d + "{" + l.styles + "}"
-    }), d;
+      styles: "@keyframes " + y + "{" + l.styles + "}"
+    }), y;
   }, i = function() {
-    for (var c = arguments.length, M = new Array(c), u = 0; u < c; u++)
-      M[u] = arguments[u];
-    var l = Me(M, r.registered);
-    ke(r, l);
-  }, a = function() {
-    for (var c = arguments.length, M = new Array(c), u = 0; u < c; u++)
-      M[u] = arguments[u];
-    return Se(r.registered, n, Kt(M));
+    for (var a = arguments.length, u = new Array(a), M = 0; M < a; M++)
+      u[M] = arguments[M];
+    var l = Ne(u, r.registered);
+    Ee(r, l);
+  }, c = function() {
+    for (var a = arguments.length, u = new Array(a), M = 0; M < a; M++)
+      u[M] = arguments[M];
+    return ke(r.registered, n, qt(u));
   };
   return {
     css: n,
-    cx: a,
+    cx: c,
     injectGlobal: i,
     keyframes: s,
-    hydrate: function(c) {
-      c.forEach(function(M) {
-        r.inserted[M] = !0;
+    hydrate: function(a) {
+      a.forEach(function(u) {
+        r.inserted[u] = !0;
       });
     },
     flush: function() {
@@ -937,9 +937,9 @@ var Ht = function(t) {
     sheet: r.sheet,
     cache: r,
     getRegisteredStyles: Ze.bind(null, r.registered),
-    merge: Se.bind(null, r.registered, n)
+    merge: ke.bind(null, r.registered, n)
   };
-}, Kt = function e(t) {
+}, qt = function e(t) {
   for (var r = "", n = 0; n < t.length; n++) {
     var s = t[n];
     if (s != null) {
@@ -952,8 +952,8 @@ var Ht = function(t) {
             i = e(s);
           else {
             i = "";
-            for (var a in s)
-              s[a] && a && (i && (i += " "), i += a);
+            for (var c in s)
+              s[c] && c && (i && (i += " "), i += c);
           }
           break;
         }
@@ -964,31 +964,31 @@ var Ht = function(t) {
     }
   }
   return r;
-}, Ge = Ht({
+}, Je = Kt({
   key: "css"
-}), qt = Ge.injectGlobal, $ = Ge.css;
-const Je = ge({}), Sr = (e) => {
-  const { children: t, defaultMode: r } = e, [n, s] = w(
+}), Xt = Je.injectGlobal, $ = Je.css;
+const He = De({}), Er = (e) => {
+  const { children: t, defaultMode: r } = e, [n, s] = Y(
     (r || localStorage.theme) ?? "dark"
-  ), i = je(() => {
+  ), i = re(() => {
     s(n === "dark" ? "light" : "dark");
   }, [n]);
-  k(() => {
+  v(() => {
     n === "dark" ? (localStorage.theme = "dark", document.documentElement.classList.add("dark")) : (localStorage.theme = "light", document.documentElement.classList.remove("dark")), n === "OS" && localStorage.removeItem("theme");
   }, [n]);
-  const a = { mode: n, setMode: s, toggleMode: i };
-  return /* @__PURE__ */ N(Je.Provider, { value: a, children: t });
-}, Xt = () => {
-  const e = De(Je);
+  const c = { mode: n, setMode: s, toggleMode: i };
+  return /* @__PURE__ */ N(He.Provider, { value: c, children: t });
+}, er = () => {
+  const e = ye(He);
   if (!e)
     throw new Error("modeContext must be used within a Provider");
   return e;
-}, er = {
+}, tr = {
   text: "#f7f7f7",
   dark: "#101010",
   default: "#202020",
   light: "#303030"
-}, tr = {
+}, rr = {
   text: "#101010",
   dark: "#e1e1e1",
   default: "#ededed",
@@ -1039,59 +1039,59 @@ const Je = ge({}), Sr = (e) => {
 }, be = (e, t) => ({
   basics: e,
   ...t
-}), W = {
-  dark: be(er, Ce),
-  light: be(tr, Ce)
-}, He = ge({}), b = (e, t, r = "") => `${e === "light" ? "" : `.${e}`} ${r}${t.length && t !== "body" ? "." : ""}${t}`, Cr = (e) => {
-  const { mode: t } = Xt(), { children: r, theme: n } = e, s = H(() => n ? n[t] || W[t] || W.dark : W[t] || W.light, [t]);
-  return k(() => {
-    const i = {}, a = { ...W, ...n };
-    for (const o of Object.keys(a)) {
-      i[b(o, "body")] = {
-        backgroundColor: a[o].basics.dark,
-        color: a[o].basics.text
+}), G = {
+  dark: be(tr, Ce),
+  light: be(rr, Ce)
+}, Ke = De({}), k = (e, t, r = "") => `${e === "light" ? "" : `.${e}`} ${r}${t.length && t !== "body" ? "." : ""}${t}`, kr = (e) => {
+  const { mode: t } = er(), { children: r, theme: n } = e, s = ie(() => n ? n[t] || G[t] || G.dark : G[t] || G.light, [t]);
+  return v(() => {
+    const i = {}, c = { ...G, ...n };
+    for (const o of Object.keys(c)) {
+      i[k(o, "body")] = {
+        backgroundColor: c[o].basics.dark,
+        color: c[o].basics.text
       };
-      for (const c of Object.keys(a[o])) {
-        const M = c;
-        i[b(o, c)] = {
-          color: c === "basics" ? a[o][M].text : a[o][M].default
+      for (const a of Object.keys(c[o])) {
+        const u = a;
+        i[k(o, a)] = {
+          color: a === "basics" ? c[o][u].text : c[o][u].default
         };
-        const u = {
-          color: a[o][M].light,
-          backgroundColor: `${a[o][M].light}2f`
+        const M = {
+          color: c[o][u].light,
+          backgroundColor: `${c[o][u].light}2f`
         };
-        i[b(o, c, ".button:hover")] = u, i[b(o, c, "button:hover")] = u;
+        i[k(o, a, ".button:hover")] = M, i[k(o, a, "button:hover")] = M;
         const l = {
-          color: a[o][M].text,
-          backgroundColor: a[o][M].default
+          color: c[o][u].text,
+          backgroundColor: c[o][u].default
         };
-        i[b(o, c, ".filled")] = l;
-        const d = {
-          color: a[o][M].text,
-          backgroundColor: a[o][M].light
+        i[k(o, a, ".filled")] = l;
+        const y = {
+          color: c[o][u].text,
+          backgroundColor: c[o][u].light
         };
-        i[b(o, c, ".button.filled:hover")] = d, i[b(o, c, "button.filled:hover")] = d;
-        const h = {
-          color: a[o][M].default,
-          borderColor: a[o][M].default
+        i[k(o, a, ".button.filled:hover")] = y, i[k(o, a, "button.filled:hover")] = y;
+        const f = {
+          color: c[o][u].default,
+          borderColor: c[o][u].default
         };
-        i[b(o, c, ".outlined")] = h;
+        i[k(o, a, ".outlined")] = f;
         const I = {
-          color: a[o][M].text,
-          borderColor: a[o][M].light,
-          backgroundColor: a[o][M].light
+          color: c[o][u].text,
+          borderColor: c[o][u].light,
+          backgroundColor: c[o][u].light
         };
-        i[b(o, c, ".button.outlined:hover")] = I, i[b(o, c, "button.outlined:hover")] = I;
+        i[k(o, a, ".button.outlined:hover")] = I, i[k(o, a, "button.outlined:hover")] = I;
       }
     }
-    qt({ ...i });
-  }, []), /* @__PURE__ */ N(He.Provider, { value: { colors: s }, children: r });
+    Xt({ ...i });
+  }, []), /* @__PURE__ */ N(Ke.Provider, { value: { colors: s }, children: r });
 }, Q = () => {
-  const e = De(He);
+  const e = ye(Ke);
   if (!e)
     throw new Error("modeContext must be used within a Provider");
   return e;
-}, rr = (e, t, r) => {
+}, nr = (e, t, r) => {
   const n = {}, s = {
     filled: () => {
       n.color = e[t].text, n.backgroundColor = e[t].default, n["&:hover"] = {
@@ -1117,8 +1117,8 @@ const Je = ge({}), Sr = (e) => {
     }
   };
   return (s[r] || s.text)(), { root: $({ ...n }) };
-}, nr = P(function(e, t) {
-  const { color: r = "primary", type: n = "button", shape: s = "text", ...i } = e, { colors: a } = Q(), o = rr(a, r, s);
+}, sr = _(function(e, t) {
+  const { color: r = "primary", type: n = "button", shape: s = "text", ...i } = e, { colors: c } = Q(), o = nr(c, r, s);
   return /* @__PURE__ */ N(
     "button",
     {
@@ -1129,10 +1129,10 @@ const Je = ge({}), Sr = (e) => {
       children: i.children
     }
   );
-}), Ke = nr, sr = P(function(e, t) {
+}), qe = sr, ir = _(function(e, t) {
   const { icon: r, ...n } = e;
   return /* @__PURE__ */ N(
-    Ke,
+    qe,
     {
       ...n,
       ref: t,
@@ -1141,7 +1141,7 @@ const Je = ge({}), Sr = (e) => {
       children: r
     }
   );
-}), ir = sr, Ae = (e, t) => {
+}), or = ir, Ae = (e, t) => {
   const r = {
     color: e[t].text,
     backgroundColor: e[t].default,
@@ -1153,73 +1153,73 @@ const Je = ge({}), Sr = (e) => {
   return {
     input: $({ ...r })
   };
-}, or = P(function(e, t) {
+}, cr = _(function(e, t) {
   const {
     helperText: r = "",
     helperTextClassName: n = "basics",
     orientation: s = "column",
     color: i = "basics",
-    labelClassName: a = "basics",
+    labelClassName: c = "basics",
     label: o,
-    ...c
-  } = e, { colors: M } = Q(), u = Ae(M, i);
-  return /* @__PURE__ */ x("div", { className: `input-control ${s}`, children: [
-    /* @__PURE__ */ N("label", { className: a, htmlFor: e.id, children: o }),
+    ...a
+  } = e, { colors: u } = Q(), M = Ae(u, i);
+  return /* @__PURE__ */ w("div", { className: `input-control ${s}`, children: [
+    /* @__PURE__ */ N("label", { className: c, htmlFor: e.id, children: o }),
     /* @__PURE__ */ N(
       "textarea",
       {
-        ...c,
-        className: `${u.input} ${c.className ?? ""}`,
+        ...a,
+        className: `${M.input} ${a.className ?? ""}`,
         ref: t
       }
     ),
     r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
   ] });
-}), br = or, ar = P(function(e, t) {
+}), Cr = cr, ar = _(function(e, t) {
   const {
     helperText: r = "",
     helperTextClassName: n = "basics",
     orientation: s = "column",
     color: i = "basics",
-    leftComponent: a,
+    leftComponent: c,
     rightComponent: o,
-    label: c,
-    labelClassName: M = "basics",
-    ...u
-  } = e, { colors: l } = Q(), d = Ae(l, i), h = H(
+    label: a,
+    labelClassName: u = "basics",
+    ...M
+  } = e, { colors: l } = Q(), y = Ae(l, i), f = ie(
     () => /* @__PURE__ */ N(
       "select",
       {
-        ...u,
+        ...M,
         ref: t,
-        className: `${a ? "s-no-padding-left" : ""} ${o ? "s-no-padding-right" : ""} ${d.input} ${u.className ?? ""}`,
-        children: u.children
+        className: `${c ? "s-no-padding-left" : ""} ${o ? "s-no-padding-right" : ""} ${y.input} ${M.className ?? ""}`,
+        children: M.children
       }
     ),
-    [a, o, u, t, d]
+    [c, o, M, t, y]
   );
-  return /* @__PURE__ */ x("div", { className: `input-control ${s}`, children: [
-    /* @__PURE__ */ N("label", { className: M, htmlFor: e.id, children: c }),
-    a || o ? /* @__PURE__ */ x("div", { className: `sub ${d.input}`, children: [
-      a && a !== null ? /* @__PURE__ */ N("div", { children: a }) : null,
-      h,
+  return /* @__PURE__ */ w("div", { className: `input-control ${s}`, children: [
+    /* @__PURE__ */ N("label", { className: u, htmlFor: e.id, children: a }),
+    c || o ? /* @__PURE__ */ w("div", { className: `sub ${y.input}`, children: [
+      c && c !== null ? /* @__PURE__ */ N("div", { children: c }) : null,
+      f,
       o && o !== null ? /* @__PURE__ */ N("div", { children: o }) : null
-    ] }) : h,
+    ] }) : f,
     r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
   ] });
-}), vr = ar, cr = P(function(e, t) {
+}), br = ar, Mr = _(function(e, t) {
   const {
     helperText: r = "",
     helperTextClassName: n = "basics",
     orientation: s = "column",
     color: i = "basics",
-    labelClassName: a = "basics",
+    labelClassName: c = "basics",
     leftComponent: o,
-    rightComponent: c,
-    label: M,
-    type: u = "text",
+    rightComponent: a,
+    label: u,
+    type: M = "text",
     ...l
-  } = e, d = H(() => [
+  } = e, y = ie(() => [
     "date",
     "datetime-local",
     "email",
@@ -1229,33 +1229,33 @@ const Je = ge({}), Sr = (e) => {
     "tel",
     "time",
     "url"
-  ].includes(u) ? u : "text", [u]), { colors: h } = Q(), I = Ae(h, i);
-  return /* @__PURE__ */ x("div", { className: `input-control ${s}`, children: [
-    /* @__PURE__ */ N("label", { className: a, htmlFor: e.id, children: M }),
-    o || c ? /* @__PURE__ */ x("div", { className: `sub ${I.input}`, children: [
-      o && o !== null ? /* @__PURE__ */ N("div", { className: "", children: o }) : null,
+  ].includes(M) ? M : "text", [M]), { colors: f } = Q(), I = Ae(f, i);
+  return /* @__PURE__ */ w("div", { className: `input-control ${s}`, children: [
+    /* @__PURE__ */ N("label", { className: c, htmlFor: e.id, children: u }),
+    o || a ? /* @__PURE__ */ w("div", { className: `sub ${I.input}`, children: [
+      o && o !== null ? o : null,
       /* @__PURE__ */ N(
         "input",
         {
           ...l,
-          type: d,
+          type: y,
           ref: t,
-          className: `${o ? "s-small-padding-left" : ""} ${c ? "s-small-padding-right" : ""} ${I.input} ${l.className ?? ""}`
+          className: `no-border-radius ${o ? "s-small-padding-left" : ""} ${a ? "s-small-padding-right" : ""} ${I.input} ${l.className ?? ""}`
         }
       ),
-      c && c !== null ? /* @__PURE__ */ N("div", { children: c }) : null
+      a && a !== null ? a : null
     ] }) : /* @__PURE__ */ N(
       "input",
       {
         ...l,
-        type: u,
+        type: M,
         className: `${I.input} ${l.className ?? ""}`,
         ref: t
       }
     ),
     r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
   ] });
-}), Ur = cr, Mr = (e, t, r) => {
+}), vr = Mr, ur = (e, t, r) => {
   const n = (s) => ({
     backgroundColor: e[s].default,
     "& .ball": {
@@ -1268,20 +1268,20 @@ const Je = ge({}), Sr = (e) => {
       ".s-inactive": n(r)
     })
   };
-}, ur = P(function(e, t) {
+}, Nr = _(function(e, t) {
   const {
     label: r,
     value: n = !1,
     onChange: s,
     activeColor: i = "primary",
-    inactiveColor: a = "secondary",
+    inactiveColor: c = "secondary",
     id: o,
-    className: c
-  } = e, { colors: M } = Q(), u = Mr(M, i, a);
-  return /* @__PURE__ */ x(
+    className: a
+  } = e, { colors: u } = Q(), M = ur(u, i, c);
+  return /* @__PURE__ */ w(
     "div",
     {
-      className: `switcher-root ${u.root} ${c}`,
+      className: `switcher-root ${M.root} ${a}`,
       onClick: s,
       children: [
         /* @__PURE__ */ N(
@@ -1300,52 +1300,76 @@ const Je = ge({}), Sr = (e) => {
       ]
     }
   );
-}), Qr = ur, qe = ge({}), Nr = (e, t) => {
-  const { type: r, message: n } = t, s = {
-    hide: () => ({ ...e, visible: !1 }),
-    error: () => ({ visible: !0, message: n ?? "", type: r }),
-    info: () => ({ visible: !0, message: n ?? "", type: r }),
-    warning: () => ({ visible: !0, message: n ?? "", type: r }),
-    success: () => ({ visible: !0, message: n ?? "", type: r })
-  };
-  if (!s[t.type])
-    throw new Error(`Unhandled action type: ${t.type}`);
-  return s[t.type]();
-}, lr = (e) => e, Yr = (e) => {
-  const { children: t } = e, [r, n] = et(
-    Nr,
-    {
-      visible: !1,
-      type: "success",
-      message: "message"
+}), Qr = Nr;
+var V = /* @__PURE__ */ ((e) => (e[e.success = 0] = "success", e[e.error = 1] = "error", e[e.warning = 2] = "warning", e[e.info = 3] = "info", e))(V || {});
+const Xe = De({});
+function Ur(e) {
+  const { children: t, container: r = document.body } = e, [n, s] = tt(
+    (M, l) => {
+      const { type: y, items: f, index: I } = l;
+      switch (y) {
+        case "set":
+          return (f == null ? void 0 : f.map((j, A) => ({
+            ...j,
+            id: A
+          }))) ?? [];
+        case "remove":
+          return I ? M.filter((j, A) => A !== I) : [];
+      }
+      return M;
     },
-    lr
-  ), s = { notification: r, setNotification: n };
-  return /* @__PURE__ */ N(qe.Provider, { value: s, children: t });
-}, gr = () => {
-  const e = De(qe);
+    [],
+    () => []
+  ), i = (M) => s({
+    type: "set",
+    items: [{ ...M, type: V.error }]
+  }), c = (M) => s({
+    type: "set",
+    items: [{ ...M }]
+  }), o = (M) => s({ type: "set", items: M }), a = (M) => s({
+    type: "set",
+    items: [{ ...M, type: V.success }]
+  }), u = (M) => s({ type: "remove", index: M });
+  return /* @__PURE__ */ N(
+    Xe.Provider,
+    {
+      value: {
+        notification: n,
+        container: r,
+        removeNotification: u,
+        showErrorNotification: i,
+        showNotification: c,
+        showSuccessNotification: a,
+        showStackNotifications: o
+      },
+      children: t
+    }
+  );
+}
+const lr = () => {
+  const e = ye(Xe);
   if (e === void 0)
-    throw new Error("notificationContext must be used within a Provider");
+    throw new Error("NotificationContext must be used within a Provider");
   return e;
 }, jr = (e) => ({
   root: $({
     backgroundImage: `linear-gradient(to right, ${e.basics.default} calc(50% - 100px), ${e.basics.dark} 50%, ${e.basics.default} calc(50% - 100px));`
   })
 });
-function $r(e) {
-  const { container: t = {}, ...r } = e, [n, s] = w(!1), { colors: i } = Q(), a = jr(i);
+function Yr(e) {
+  const { container: t = {}, ...r } = e, [n, s] = Y(!1), { colors: i } = Q(), c = jr(i);
   return /* @__PURE__ */ N(
     "div",
     {
       ...t,
-      className: `${n ? null : `box ${a.root}`} ${t.className}`,
+      className: `${n ? null : `box ${c.root}`} ${t.className}`,
       children: /* @__PURE__ */ N("img", { onLoad: () => s(!0), ...r })
     }
   );
 }
-const Dr = () => {
-  const [e, t] = w(!1), r = de(null);
-  return k(() => {
+const gr = () => {
+  const [e, t] = Y(!1), r = Ue(null);
+  return v(() => {
     const n = new IntersectionObserver((s) => {
       s.forEach((i) => {
         t(i.isIntersecting);
@@ -1356,31 +1380,31 @@ const Dr = () => {
     };
   }, []), { elementRef: r, isElementInViewport: e };
 };
-function dr(e) {
+function Dr(e) {
   const {
     children: t,
     delay: r = 100,
     animation: n = "appear",
     onVisible: s = !1
-  } = e, { elementRef: i, isElementInViewport: a } = Dr(), [o, c] = w(s !== !0), [M, u] = w(!1);
-  return k(() => {
+  } = e, { elementRef: i, isElementInViewport: c } = gr(), [o, a] = Y(s !== !0), [u, M] = Y(!1);
+  return v(() => {
     const l = setTimeout(() => {
-      o && u(!0);
+      o && M(!0);
     }, r);
     return () => clearTimeout(l);
-  }, [r, o]), k(() => {
-    !o && a && c(!0);
-  }, [a]), /* @__PURE__ */ N("div", { ref: i, className: M && o ? n : "invisible", children: t });
+  }, [r, o]), v(() => {
+    !o && c && a(!0);
+  }, [c]), /* @__PURE__ */ N("div", { ref: i, className: u && o ? n : "invisible", children: t });
 }
-const Xe = tt(
-  (e) => /* @__PURE__ */ N(dr, { ...e }),
-  fr
+const et = rt(
+  (e) => /* @__PURE__ */ N(Dr, { ...e }),
+  yr
 );
-Xe.displayName = "PrintAfter";
-function fr(e, t) {
+et.displayName = "PrintAfter";
+function yr(e, t) {
   return e.delay === t.delay && e.animation === t.animation && e.children === t.children && e.onVisible === t.onVisible;
 }
-const Rr = Xe, yr = (e, t) => {
+const $r = et, dr = (e, t) => {
   const r = {
     color: e[t].text,
     backgroundColor: e[t].default,
@@ -1392,59 +1416,56 @@ const Rr = Xe, yr = (e, t) => {
     root: $(r)
   };
 };
-function Vr(e) {
-  const { closeProps: t } = e, { notification: r, setNotification: n } = gr(), [s, i] = w(!1), [a, o] = w(!1);
-  k(() => {
-    r.visible && (i(!0), o(!0), setTimeout(() => {
-      n({ type: "hide" });
-    }, 6e3));
-  }, [r, n]);
-  const c = je(() => {
-    s && i(!1), a && setTimeout(() => o(!1), 400), n({ type: "hide" });
-  }, [s, a, n]), M = H(() => {
-    switch (r.type) {
-      case "info":
+function Rr(e) {
+  const { closeProps: t } = e, { notification: r, container: n, removeNotification: s } = lr(), i = re(
+    (a) => s(a),
+    [s]
+  ), c = re((a) => {
+    switch (a) {
+      case V.info:
         return "info";
-      case "warning":
+      case V.warning:
         return "warning";
-      case "success":
+      case V.success:
         return "success";
       default:
         return "error";
     }
-  }, [r]), u = de(null);
-  k(() => (a ? window.addEventListener("click", c) : window.removeEventListener("click", c), () => {
-    window.removeEventListener("click", c);
-  }), [a, u, c]);
-  const { colors: l } = Q(), d = yr(l, M);
+  }, []);
+  v(() => (r != null && r.length && window.addEventListener("click", () => i()), () => {
+    r != null && r.length && window.removeEventListener("click", () => i());
+  }), [r, i]);
+  const { colors: o } = Q();
   return /* @__PURE__ */ N(
     "div",
     {
-      ref: u,
-      className: `notification-root ${d.root} ${s ? "appear" : "disappear"}`,
-      children: a ? /* @__PURE__ */ x("div", { className: "notification", children: [
-        /* @__PURE__ */ N(
-          ir,
-          {
-            name: "close-notification",
-            ...t,
-            icon: /* @__PURE__ */ N(
-              "svg",
-              {
-                className: "close-notification-icon",
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 384 512",
-                children: /* @__PURE__ */ N("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
-              }
-            ),
-            ref: null,
-            color: "basics",
-            onClick: c,
-            className: `notification-close-button ${t == null ? void 0 : t.className}`
-          }
-        ),
-        /* @__PURE__ */ N("p", { children: r.message })
-      ] }) : null
+      className: `notification-portal ${r != null && r.length ? "w-screen h-screen" : ""}`,
+      children: r != null && r.length ? r == null ? void 0 : r.map(({ id: a, type: u, message: M }, l) => {
+        const y = dr(o, c(u));
+        return /* @__PURE__ */ w("div", { className: `notification-root ${y.root}`, children: [
+          /* @__PURE__ */ N(
+            or,
+            {
+              name: "close-notification",
+              ...t,
+              icon: /* @__PURE__ */ N(
+                "svg",
+                {
+                  className: "close-notification-icon",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 384 512",
+                  children: /* @__PURE__ */ N("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
+                }
+              ),
+              ref: null,
+              color: "basics",
+              onClick: () => i(l),
+              className: `notification-close-button ${t == null ? void 0 : t.className}`
+            }
+          ),
+          /* @__PURE__ */ N("p", { children: M })
+        ] }, a);
+      }) : null
     }
   );
 }
@@ -1455,14 +1476,14 @@ const Ir = (e, t, r) => {
   }) : (n.backgroundColor = e[t].default, n["& .path"] = {
     stroke: e[t].text
   }), { root: $({ ...n }) };
-}, zr = (e) => {
+}, fr = (e) => {
   const {
     color: t = "primary",
     colorInverted: r = !1,
     loaderClass: n = "",
     strokeWidth: s = "4",
     ...i
-  } = e, { colors: a } = Q(), o = Ir(a, t, r);
+  } = e, { colors: c } = Q(), o = Ir(c, t, r);
   return /* @__PURE__ */ N("div", { ...i, className: `loading ${o.root} ${i.className}`, children: /* @__PURE__ */ N("div", { className: "loader-container", children: /* @__PURE__ */ N("div", { className: `loader ${n}`, children: /* @__PURE__ */ N("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ N(
     "circle",
     {
@@ -1475,7 +1496,7 @@ const Ir = (e, t, r) => {
       strokeMiterlimit: "10"
     }
   ) }) }) }) });
-}, hr = zr, ve = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA4NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc2NDcgMzEuOTA3OEMxNy4yODcyIDMxLjkwNzggMTUuOTYzMSAzMS42Njc5IDE0Ljc5MjYgMzEuMTg4M0MxMy42MjIxIDMwLjcwODYgMTIuNjgxOSAyOS45OTg1IDExLjk3MTkgMjkuMDU4M0MxMS4yODExIDI4LjExODEgMTAuOTE2NSAyNi45ODU5IDEwLjg3ODEgMjUuNjYxOUgxNi4xMTY3QzE2LjE5MzQgMjYuNDEwMyAxNi40NTI1IDI2Ljk4NTkgMTYuODkzOCAyNy4zODg5QzE3LjMzNTEgMjcuNzcyNyAxNy45MTA4IDI3Ljk2NDYgMTguNjIwOCAyNy45NjQ2QzE5LjM1IDI3Ljk2NDYgMTkuOTI1NiAyNy44MDE1IDIwLjM0NzggMjcuNDc1MkMyMC43Njk5IDI3LjEyOTggMjAuOTgxIDI2LjY1OTYgMjAuOTgxIDI2LjA2NDlDMjAuOTgxIDI1LjU2NTkgMjAuODA4MyAyNS4xNTM1IDIwLjQ2MjkgMjQuODI3MkMyMC4xMzY3IDI0LjUwMDkgMTkuNzI0MSAyNC4yMzI0IDE5LjIyNTIgMjQuMDIxM0MxOC43NDU1IDIzLjgxMDEgMTguMDU0NyAyMy41NzA0IDE3LjE1MjggMjMuMzAxN0MxNS44NDggMjIuODk4NyAxNC43ODMgMjIuNDk1OCAxMy45NTc5IDIyLjA5MjhDMTMuMTMyOCAyMS42ODk4IDEyLjQyMjggMjEuMDk1IDExLjgyOCAyMC4zMDgzQzExLjIzMzEgMTkuNTIxNSAxMC45MzU3IDE4LjQ5NDkgMTAuOTM1NyAxNy4yMjg1QzEwLjkzNTcgMTUuMzQ4IDExLjYxNjkgMTMuODggMTIuOTc5MyAxMi44MjQ3QzE0LjM0MTcgMTEuNzUwMSAxNi4xMTY3IDExLjIxMjggMTguMzA0MiAxMS4yMTI4QzIwLjUzMDEgMTEuMjEyOCAyMi4zMjQyIDExLjc1MDEgMjMuNjg2NiAxMi44MjQ3QzI1LjA0OTEgMTMuODggMjUuNzc4MSAxNS4zNTc2IDI1Ljg3NDEgMTcuMjU3M0gyMC41NDkyQzIwLjUxMDkgMTYuNjA0OCAyMC4yNzEgMTYuMDk2MyAxOS44Mjk3IDE1LjczMThDMTkuMzg4MyAxNS4zNDggMTguODIyMyAxNS4xNTYxIDE4LjEzMTUgMTUuMTU2MUMxNy41MzY2IDE1LjE1NjEgMTcuMDU2OSAxNS4zMTkyIDE2LjY5MjMgMTUuNjQ1NEMxNi4zMjc3IDE1Ljk1MjQgMTYuMTQ1NCAxNi40MDM0IDE2LjE0NTQgMTYuOTk4MkMxNi4xNDU0IDE3LjY1MDYgMTYuNDUyNSAxOC4xNTkxIDE3LjA2NjUgMTguNTIzN0MxNy42ODA1IDE4Ljg4ODMgMTguNjQgMTkuMjgxNyAxOS45NDQ4IDE5LjcwMzhDMjEuMjQ5NiAyMC4xNDUyIDIyLjMwNSAyMC41NjczIDIzLjExMDkgMjAuOTcwM0MyMy45MzYgMjEuMzczMiAyNC42NDYxIDIxLjk1ODUgMjUuMjQwOSAyMi43MjZDMjUuODM1NyAyMy40OTM1IDI2LjEzMzIgMjQuNDgxOCAyNi4xMzMyIDI1LjY5MDdDMjYuMTMzMiAyNi44NDIgMjUuODM1NyAyNy44ODc5IDI1LjI0MDkgMjguODI4QzI0LjY2NTIgMjkuNzY4MiAyMy44MjA4IDMwLjUxNjYgMjIuNzA4IDMxLjA3MzFDMjEuNTk1IDMxLjYyOTcgMjAuMjgwNiAzMS45MDc4IDE4Ljc2NDcgMzEuOTA3OFpNMzEuNjM3NSAxMy45NzZDMzAuNzc0IDEzLjk3NiAzMC4wNjQxIDEzLjcyNjUgMjkuNTA3NSAxMy4yMjc2QzI4Ljk3MDMgMTIuNzA5NSAyOC43MDE2IDEyLjA3NjMgMjguNzAxNiAxMS4zMjc5QzI4LjcwMTYgMTAuNTYwNCAyOC45NzAzIDkuOTI3MTggMjkuNTA3NSA5LjQyODI3QzMwLjA2NDEgOC45MTAxNyAzMC43NzQgOC42NTExMiAzMS42Mzc1IDguNjUxMTJDMzIuNDgxOCA4LjY1MTEyIDMzLjE3MjYgOC45MTAxNyAzMy43MDk5IDkuNDI4MjdDMzQuMjY2NCA5LjkyNzE4IDM0LjU0NDYgMTAuNTYwNCAzNC41NDQ2IDExLjMyNzlDMzQuNTQ0NiAxMi4wNzYzIDM0LjI2NjQgMTIuNzA5NSAzMy43MDk5IDEzLjIyNzZDMzMuMTcyNiAxMy43MjY1IDMyLjQ4MTggMTMuOTc2IDMxLjYzNzUgMTMuOTc2Wk0zNC4wODQgMTUuNjQ1NFYzMS43MDYzSDI5LjE2MjFWMTUuNjQ1NEgzNC4wODRaTTQ2LjYwMjQgMjcuNTMyOFYzMS43MDYzSDQ0LjA5ODNDNDIuMzEzNyAzMS43MDYzIDQwLjkyMjUgMzEuMjc0NiAzOS45MjQ3IDMwLjQxMTFDMzguOTI3IDI5LjUyODUgMzguNDI4IDI4LjA5ODggMzguNDI4IDI2LjEyMjRWMTkuNzMyNkgzNi40NzA4VjE1LjY0NTRIMzguNDI4VjExLjczMDlINDMuMzQ5OVYxNS42NDU0SDQ2LjU3MzZWMTkuNzMyNkg0My4zNDk5VjI2LjE4QzQzLjM0OTkgMjYuNjU5NiA0My40NjUxIDI3LjAwNSA0My42OTUzIDI3LjIxNjJDNDMuOTI1NiAyNy40MjczIDQ0LjMwOTQgMjcuNTMyOCA0NC44NDY2IDI3LjUzMjhINDYuNjAyNFpNNTYuNjU0OSAzMS45MzY2QzU1LjA4MTUgMzEuOTM2NiA1My42NjE1IDMxLjYwMDkgNTIuMzk1IDMwLjkyOTJDNTEuMTQ3NyAzMC4yNTc1IDUwLjE1OTYgMjkuMjk4MiA0OS40MzAzIDI4LjA1MDlDNDguNzIwNCAyNi44MDM2IDQ4LjM2NTQgMjUuMzQ1MyA0OC4zNjU0IDIzLjY3NTlDNDguMzY1NCAyMi4wMjU2IDQ4LjcyOTkgMjAuNTc2OSA0OS40NTkxIDE5LjMyOTZDNTAuMTg4NCAxOC4wNjMyIDUxLjE4NjEgMTcuMDk0MiA1Mi40NTI2IDE2LjQyMjVDNTMuNzE5IDE1Ljc1MDkgNTUuMTM5MSAxNS40MTUxIDU2LjcxMjUgMTUuNDE1MUM1OC4yODU5IDE1LjQxNTEgNTkuNzA1OSAxNS43NTA5IDYwLjk3MjMgMTYuNDIyNUM2Mi4yMzg4IDE3LjA5NDIgNjMuMjM2NSAxOC4wNjMyIDYzLjk2NTggMTkuMzI5NkM2NC42OTUgMjAuNTc2OSA2NS4wNTk1IDIyLjAyNTYgNjUuMDU5NSAyMy42NzU5QzY1LjA1OTUgMjUuMzI2MiA2NC42ODU0IDI2Ljc4NDQgNjMuOTM3IDI4LjA1MDlDNjMuMjA3OCAyOS4yOTgyIDYyLjIwMDMgMzAuMjU3NSA2MC45MTQ4IDMwLjkyOTJDNTkuNjQ4MyAzMS42MDA5IDU4LjIyODMgMzEuOTM2NiA1Ni42NTQ5IDMxLjkzNjZaTTU2LjY1NDkgMjcuNjc2N0M1Ny41OTUxIDI3LjY3NjcgNTguMzkxNSAyNy4zMzEzIDU5LjA0MzkgMjYuNjQwNUM1OS43MTU2IDI1Ljk0OTcgNjAuMDUxMyAyNC45NjE0IDYwLjA1MTMgMjMuNjc1OUM2MC4wNTEzIDIyLjM5MDIgNTkuNzI1IDIxLjQwMiA1OS4wNzI3IDIwLjcxMTJDNTguNDM5NCAyMC4wMjA0IDU3LjY1MjYgMTkuNjc1IDU2LjcxMjUgMTkuNjc1QzU1Ljc1MjkgMTkuNjc1IDU0Ljk1NjcgMjAuMDIwNCA1NC4zMjM1IDIwLjcxMTJDNTMuNjkwMiAyMS4zODI4IDUzLjM3MzYgMjIuMzcxIDUzLjM3MzYgMjMuNjc1OUM1My4zNzM2IDI0Ljk2MTQgNTMuNjgwNiAyNS45NDk3IDU0LjI5NDcgMjYuNjQwNUM1NC45Mjc5IDI3LjMzMTMgNTUuNzE0NyAyNy42NzY3IDU2LjY1NDkgMjcuNjc2N1oiIGZpbGw9IiNFODM2MzYiLz4KPHBhdGggZD0iTTkuMjE3OCAyNi42MzgyQzkuMjAzNzUgMjYuOTk2NiA5LjE1MTA0IDI3LjM0OTcgOS4wNTk3IDI3LjY5NzVDOC45NjgzNCAyOC4wNDU0IDguODI5NTUgMjguMzU5OCA4LjY0MzMzIDI4LjY0MDlDOC40NjA2MyAyOC45MjE5IDguMjI2OTcgMjkuMTQ2OCA3Ljk0MjM4IDI5LjMxNTVDNy42NTc3OSAyOS40ODQxIDcuMzEzNDUgMjkuNTY4NCA2LjkwOTQgMjkuNTY4NEM2LjY4MTAxIDI5LjU2ODQgNi40NzU0OCAyOS41MjggNi4yOTI3NyAyOS40NDcyQzYuMTEwMDcgMjkuMzY2NSA1Ljk1NTQ3IDI5LjI1MjMgNS44Mjg5OCAyOS4xMDQ4QzUuNzAyNSAyOC45NTM3IDUuNjA5MzggMjguNzcyNiA1LjU0OTY1IDI4LjU2MTlDNS40ODk5MyAyOC4zNTEgNS40Njg4NCAyOC4xMTM4IDUuNDg2NCAyNy44NTA1TDUuNzU1MiAyNC44MTQ3SDYuODA5MjVMNi41NDU3NSAyNy44NTA1QzYuNTI0NjYgMjguMDMzIDYuNTI2NDEgMjguMTgyNCA2LjU1MTAxIDI4LjI5ODRDNi41NzkxMiAyOC40MTQyIDYuNjIxMjggMjguNTAzOSA2LjY3NzUgMjguNTY3MUM2LjczNzIyIDI4LjYzMDMgNi44MDM5OSAyOC42NzU5IDYuODc3NzcgMjguNzA0MUM2Ljk1NTA3IDI4LjcyODggNy4wMzA2MSAyOC43NDA5IDcuMTA0NDEgMjguNzQwOUM3LjI3MzA2IDI4Ljc0MDkgNy40Mjc2MyAyOC42ODgzIDcuNTY4MTggMjguNTgyOEM3LjcwODcyIDI4LjQ3NzYgNy44Mjk5NCAyOC4zMzE3IDcuOTMxODMgMjguMTQ1NUM4LjAzMzc0IDI3Ljk1OTMgOC4xMTQ1NCAyNy43NDE0IDguMTc0MjggMjcuNDkyQzguMjM0MDEgMjcuMjM5IDguMjY3MzggMjYuOTY2NyA4LjI3NDQyIDI2LjY3NTFDOC4yOTkgMjYuMjA3OCA4LjI3NjE3IDI1Ljc3NTYgOC4yMDU5IDI1LjM3ODVDOC4xMzkxNCAyNC45ODE2IDguMDIzMiAyNC42MjY3IDcuODU4MDUgMjQuMzE0QzcuNjk2NDQgMjMuOTk3OCA3LjQ4NTYzIDIzLjczMDYgNy4yMjU2MSAyMy41MTI4QzYuOTY1NjIgMjMuMjkxNSA2LjY1NjQzIDIzLjEyMjggNi4yOTgwMyAyMy4wMDY4QzUuOTM5NjYgMjIuODg3NCA1LjUzMDM0IDIyLjgyNzggNS4wNzAwNiAyMi44Mjc4QzQuNjM3ODggMjIuODI3OCA0LjIzOTEgMjIuODk0NCAzLjg3MzY5IDIzLjAyNzlDMy41MTE3OSAyMy4xNjE1IDMuMTg2NzkgMjMuMzUzMSAyLjg5ODY3IDIzLjYwMjVDMi42MTQwOCAyMy44NTE5IDIuMzY4MTIgMjQuMTUwNSAyLjE2MDgzIDI0LjQ5ODNDMS45NTcwNCAyNC44NDI4IDEuNzk1NDIgMjUuMjI3NiAxLjY3NTk2IDI1LjY1MjZDMS41NjAwMSAyNi4wNzQyIDEuNDkxNSAyNi41Mjc2IDEuNDcwNDEgMjcuMDEyNEMxLjQ0NTgyIDI3LjUyMTkgMS40NzIxNyAyNy45ODU2IDEuNTQ5NDcgMjguNDAzNkMxLjYzMDI4IDI4LjgyMTkgMS43NTg1MyAyOS4xODkxIDEuOTM0MiAyOS41MDUzQzIuMTEzNCAyOS44MjUgMi4zMzY1IDMwLjA5MTkgMi42MDM1MyAzMC4zMDYyQzIuODcwNTYgMzAuNTIwOCAzLjE4MTUxIDMwLjY4MjIgMy41MzYzOSAzMC43OTEzQzMuODkxMjYgMzAuOTAwMSA0LjI4NjUzIDMwLjk1NDUgNC43MjIyMSAzMC45NTQ1QzUuMDI3ODkgMzAuOTU0NSA1LjMzODg0IDMwLjkxOTQgNS42NTUwNSAzMC44NDkzQzUuOTc0NzkgMzAuNzgyNSA2LjI0MzU3IDMwLjY5NjQgNi40NjE0MiAzMC41OTA5TDYuNjYxNjkgMzEuMzc2MkM2LjQxNTczIDMxLjUzNDIgNi4xMDgzMSAzMS42NTIxIDUuNzM5MzcgMzEuNzI5NEM1LjM3Mzk2IDMxLjgwNjYgNS4wMjc4OSAzMS44NDUyIDQuNzAxMTIgMzEuODQ1MkM0LjE0MjQ4IDMxLjg0NTIgMy42MzMgMzEuNzc2NiAzLjE3Mjc0IDMxLjYzOTdDMi43MTU5NiAzMS41MDYxIDIuMzExOSAzMS4zMDYgMS45NjA1NiAzMS4wMzg5QzEuNjA5MiAzMC43NzUzIDEuMzE1ODIgMzAuNDQ4NiAxLjA4MDQxIDMwLjA1ODdDMC44NDg1MTYgMjkuNjY4NyAwLjY3NjM1MSAyOS4yMTkgMC41NjM5MTcgMjguNzA5NEMwLjQ1NDk5OCAyOC4xOTk5IDAuNDEyODM1IDI3LjYzNDQgMC40Mzc0MjkgMjcuMDEyNEMwLjQ2MjAyNSAyNi40MzYgMC41NTE2MTkgMjUuODkzMiAwLjcwNjIxNSAyNS4zODM5QzAuODYwODEyIDI0Ljg3NDMgMS4wNzE2MiAyNC40MTIyIDEuMzM4NjYgMjMuOTk3OEMxLjYwNTY5IDIzLjU4MzEgMS45MjU0MiAyMy4yMjY1IDIuMjk3ODcgMjIuOTI3OUMyLjY3MzggMjIuNjI1NiAzLjA5NTQzIDIyLjM5MzggMy41NjI3NSAyMi4yMzIyQzQuMDMwMDQgMjIuMDcwNSA0LjUzOTUgMjEuOTg5NyA1LjA5MTEzIDIxLjk4OTdDNS42MzkyNCAyMS45ODk3IDYuMTM2NDIgMjIuMDYxOCA2LjU4MjYzIDIyLjIwNThDNy4wMzIzNiAyMi4zNDk5IDcuNDI1ODggMjIuNTU3MSA3Ljc2MzE4IDIyLjgyNzhDOC4xMDA0OCAyMy4wOTQ3IDguMzgxNTcgMjMuNDE5NyA4LjYwNjQzIDIzLjgwMjhDOC44MzEzIDI0LjE4MjIgOC45OTQ2OSAyNC42MTA4IDkuMDk2NTggMjUuMDg4NkM5LjE5ODQ2IDI1LjU2NjUgOS4yMzg4NyAyNi4wODMgOS4yMTc4IDI2LjYzODJaTTMuODk0NzYgMjcuMTkxNkMzLjg3NzIgMjcuNDIzNCAzLjg3ODk2IDI3LjYyOSAzLjkwMDA1IDI3LjgwODJDMy45MjExMiAyNy45ODc0IDMuOTYxNTMgMjguMTM4NSA0LjAyMTI1IDI4LjI2MTVDNC4wODA5OCAyOC4zODQ1IDQuMTU4MjkgMjguNDc3NiA0LjI1MzE2IDI4LjU0MDhDNC4zNTE1NCAyOC42MDA2IDQuNDY3NDggMjguNjMwMyA0LjYwMDk4IDI4LjYzMDNDNC42NzQ3OCAyOC42MzAzIDQuNzU1NTggMjguNjEyOCA0Ljg0MzQzIDI4LjU3NzdDNC45MzEyNyAyOC41MzkgNS4wMjA4NSAyOC40NzU4IDUuMTEyMjIgMjguMzg3OUM1LjIwMzU2IDI4LjMwMDIgNS4yODk2NCAyOC4xNzg4IDUuMzcwNDYgMjguMDI0M0M1LjQ1NDc4IDI3Ljg2NjIgNS41MjUwNSAyNy42Njc2IDUuNTgxMjcgMjcuNDI4OEw2LjAyOTI1IDI3Ljk2MTFDNS45NDg0MyAyOC4yMjQ2IDUuODQ4MyAyOC40NTY1IDUuNzI4ODUgMjguNjU2OEM1LjYwOTM4IDI4Ljg1MzQgNS40NzIzNCAyOS4wMTg2IDUuMzE3NzUgMjkuMTUyMkM1LjE2NjY4IDI5LjI4NTYgNS4wMDE1NCAyOS4zODU5IDQuODIyMzQgMjkuNDUyNkM0LjY0MzE0IDI5LjUxOTIgNC40NDk5MiAyOS41NTI3IDQuMjQyNjEgMjkuNTUyN0MzLjk4NjEzIDI5LjU1MjcgMy43NTc3MyAyOS40OTgzIDMuNTU3NDYgMjkuMzg5MkMzLjM1NzIgMjkuMjc2OCAzLjE5MDMgMjkuMTE2OSAzLjA1NjggMjguOTA5NkMyLjkyMzI3IDI4LjcwMjUgMi44MjY2NCAyOC40NTQ3IDIuNzY2OTIgMjguMTY2NkMyLjcxMDcgMjcuODc1IDIuNzAwMTYgMjcuNTUgMi43MzUzIDI3LjE5MTZDMi43NzM5MyAyNi44MzMxIDIuODQ0MjEgMjYuNTAxMiAyLjk0NjEyIDI2LjE5NTRDMy4wNDggMjUuODg5OCAzLjE3NDQ5IDI1LjYxNzUgMy4zMjU1OCAyNS4zNzg1QzMuNDc2NjUgMjUuMTM2MSAzLjY0ODgzIDI0LjkzMDUgMy44NDIwNSAyNC43NjE5QzQuMDM4ODEgMjQuNTg5OSA0LjI1MTM4IDI0LjQ1OTcgNC40Nzk3OCAyNC4zNzJDNC43MDgxNSAyNC4yODQxIDQuOTQ3MDggMjQuMjQwMiA1LjE5NjU0IDI0LjI0MDJDNS42MDA1OSAyNC4yNDAyIDUuOTE4NTcgMjQuMjk4MiA2LjE1MDQ4IDI0LjQxNEM2LjM4MjM2IDI0LjUzMDEgNi42MDE5NyAyNC42NjM2IDYuODA5MjUgMjQuODE0N0w2LjI3MTY4IDI1LjUzNjZDNi4xNjk3OSAyNS40NDUzIDYuMDM2MjkgMjUuMzU3NiA1Ljg3MTE1IDI1LjI3MzJDNS43MDk1MSAyNS4xODUzIDUuNTE2MjYgMjUuMTQxNSA1LjI5MTM5IDI1LjE0MTVDNS4wODQxMSAyNS4xNDE1IDQuOTAxNDEgMjUuMTg1MyA0Ljc0MzMgMjUuMjczMkM0LjU4ODY4IDI1LjM2MDkgNC40NTM0MiAyNS40OTI3IDQuMzM3NDggMjUuNjY4M0M0LjIyNTA1IDI1Ljg0MDYgNC4xMzE5MyAyNi4wNTQ5IDQuMDU4MTUgMjYuMzExNUMzLjk4NDM3IDI2LjU2NDQgMy45Mjk5MSAyNi44NTc5IDMuODk0NzYgMjcuMTkxNloiIGZpbGw9IiNFODM2MzYiLz4KPHBhdGggZD0iTTc2LjIwNTcgMjQuMDMyN0g3Ny43ODEzVjI5LjEwMjhDNzcuNzgxMyAyOS42OTMxIDc3LjY1NDkgMzAuMTkwMyA3Ny40MDIgMzAuNTk0NEM3Ny4xNTI2IDMwLjk5ODUgNzYuODA2MyAzMS4zMDIzIDc2LjM2MzggMzEuNTA2Qzc1LjkyNDYgMzEuNzA5OSA3NS40MTg2IDMxLjgxMTggNzQuODQ1OSAzMS44MTE4Qzc0LjI3MzIgMzEuODExOCA3My43NjM2IDMxLjcwOTkgNzMuMzE3NSAzMS41MDZDNzIuODc0NyAzMS4zMDIzIDcyLjUyNjggMzAuOTk4NSA3Mi4yNzM5IDMwLjU5NDRDNzIuMDI0NSAzMC4xOTAzIDcxLjg5OTcgMjkuNjkzMSA3MS44OTk3IDI5LjEwMjhWMjQuMDMyN0g3My40ODA3VjI5LjEwMjhDNzMuNDgwNyAyOS40NDcxIDczLjUzNTQgMjkuNzI4MiA3My42NDQyIDI5Ljk0NjFDNzMuNzUzIDMwLjE2NCA3My45MDk2IDMwLjMyMzkgNzQuMTEzMyAzMC40MjU3Qzc0LjMyMDYgMzAuNTI3NiA3NC41NjQ4IDMwLjU3ODQgNzQuODQ1OSAzMC41Nzg0Qzc1LjEzNCAzMC41Nzg0IDc1LjM3ODIgMzAuNTI3NiA3NS41Nzg1IDMwLjQyNTdDNzUuNzgyMyAzMC4zMjM5IDc1LjkzNjcgMzAuMTY0IDc2LjA0MjIgMjkuOTQ2MUM3Ni4xNTEgMjkuNzI4MiA3Ni4yMDU3IDI5LjQ0NzEgNzYuMjA1NyAyOS4xMDI4VjI0LjAzMjdaTTgwLjc2NDQgMjQuMDMyN1YzMS43MDYzSDc5LjE4ODVWMjQuMDMyN0g4MC43NjQ0WiIgZmlsbD0iI0U4MzYzNiIvPgo8cGF0aCBkPSJNNzEuMDQ0MSAyMC44MDA0TDY3LjI5MTUgMzEuOTEwM0g2NS43ODc2TDY5LjU0MDIgMjAuODAwNEg3MS4wNDQxWiIgZmlsbD0iI0NEMjEyQSIvPgo8L3N2Zz4K", Ar = (e, t) => {
+}, zr = fr, ve = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA4NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOC43NjQ3IDMxLjkwNzhDMTcuMjg3MiAzMS45MDc4IDE1Ljk2MzEgMzEuNjY3OSAxNC43OTI2IDMxLjE4ODNDMTMuNjIyMSAzMC43MDg2IDEyLjY4MTkgMjkuOTk4NSAxMS45NzE5IDI5LjA1ODNDMTEuMjgxMSAyOC4xMTgxIDEwLjkxNjUgMjYuOTg1OSAxMC44NzgxIDI1LjY2MTlIMTYuMTE2N0MxNi4xOTM0IDI2LjQxMDMgMTYuNDUyNSAyNi45ODU5IDE2Ljg5MzggMjcuMzg4OUMxNy4zMzUxIDI3Ljc3MjcgMTcuOTEwOCAyNy45NjQ2IDE4LjYyMDggMjcuOTY0NkMxOS4zNSAyNy45NjQ2IDE5LjkyNTYgMjcuODAxNSAyMC4zNDc4IDI3LjQ3NTJDMjAuNzY5OSAyNy4xMjk4IDIwLjk4MSAyNi42NTk2IDIwLjk4MSAyNi4wNjQ5QzIwLjk4MSAyNS41NjU5IDIwLjgwODMgMjUuMTUzNSAyMC40NjI5IDI0LjgyNzJDMjAuMTM2NyAyNC41MDA5IDE5LjcyNDEgMjQuMjMyNCAxOS4yMjUyIDI0LjAyMTNDMTguNzQ1NSAyMy44MTAxIDE4LjA1NDcgMjMuNTcwNCAxNy4xNTI4IDIzLjMwMTdDMTUuODQ4IDIyLjg5ODcgMTQuNzgzIDIyLjQ5NTggMTMuOTU3OSAyMi4wOTI4QzEzLjEzMjggMjEuNjg5OCAxMi40MjI4IDIxLjA5NSAxMS44MjggMjAuMzA4M0MxMS4yMzMxIDE5LjUyMTUgMTAuOTM1NyAxOC40OTQ5IDEwLjkzNTcgMTcuMjI4NUMxMC45MzU3IDE1LjM0OCAxMS42MTY5IDEzLjg4IDEyLjk3OTMgMTIuODI0N0MxNC4zNDE3IDExLjc1MDEgMTYuMTE2NyAxMS4yMTI4IDE4LjMwNDIgMTEuMjEyOEMyMC41MzAxIDExLjIxMjggMjIuMzI0MiAxMS43NTAxIDIzLjY4NjYgMTIuODI0N0MyNS4wNDkxIDEzLjg4IDI1Ljc3ODEgMTUuMzU3NiAyNS44NzQxIDE3LjI1NzNIMjAuNTQ5MkMyMC41MTA5IDE2LjYwNDggMjAuMjcxIDE2LjA5NjMgMTkuODI5NyAxNS43MzE4QzE5LjM4ODMgMTUuMzQ4IDE4LjgyMjMgMTUuMTU2MSAxOC4xMzE1IDE1LjE1NjFDMTcuNTM2NiAxNS4xNTYxIDE3LjA1NjkgMTUuMzE5MiAxNi42OTIzIDE1LjY0NTRDMTYuMzI3NyAxNS45NTI0IDE2LjE0NTQgMTYuNDAzNCAxNi4xNDU0IDE2Ljk5ODJDMTYuMTQ1NCAxNy42NTA2IDE2LjQ1MjUgMTguMTU5MSAxNy4wNjY1IDE4LjUyMzdDMTcuNjgwNSAxOC44ODgzIDE4LjY0IDE5LjI4MTcgMTkuOTQ0OCAxOS43MDM4QzIxLjI0OTYgMjAuMTQ1MiAyMi4zMDUgMjAuNTY3MyAyMy4xMTA5IDIwLjk3MDNDMjMuOTM2IDIxLjM3MzIgMjQuNjQ2MSAyMS45NTg1IDI1LjI0MDkgMjIuNzI2QzI1LjgzNTcgMjMuNDkzNSAyNi4xMzMyIDI0LjQ4MTggMjYuMTMzMiAyNS42OTA3QzI2LjEzMzIgMjYuODQyIDI1LjgzNTcgMjcuODg3OSAyNS4yNDA5IDI4LjgyOEMyNC42NjUyIDI5Ljc2ODIgMjMuODIwOCAzMC41MTY2IDIyLjcwOCAzMS4wNzMxQzIxLjU5NSAzMS42Mjk3IDIwLjI4MDYgMzEuOTA3OCAxOC43NjQ3IDMxLjkwNzhaTTMxLjYzNzUgMTMuOTc2QzMwLjc3NCAxMy45NzYgMzAuMDY0MSAxMy43MjY1IDI5LjUwNzUgMTMuMjI3NkMyOC45NzAzIDEyLjcwOTUgMjguNzAxNiAxMi4wNzYzIDI4LjcwMTYgMTEuMzI3OUMyOC43MDE2IDEwLjU2MDQgMjguOTcwMyA5LjkyNzE4IDI5LjUwNzUgOS40MjgyN0MzMC4wNjQxIDguOTEwMTcgMzAuNzc0IDguNjUxMTIgMzEuNjM3NSA4LjY1MTEyQzMyLjQ4MTggOC42NTExMiAzMy4xNzI2IDguOTEwMTcgMzMuNzA5OSA5LjQyODI3QzM0LjI2NjQgOS45MjcxOCAzNC41NDQ2IDEwLjU2MDQgMzQuNTQ0NiAxMS4zMjc5QzM0LjU0NDYgMTIuMDc2MyAzNC4yNjY0IDEyLjcwOTUgMzMuNzA5OSAxMy4yMjc2QzMzLjE3MjYgMTMuNzI2NSAzMi40ODE4IDEzLjk3NiAzMS42Mzc1IDEzLjk3NlpNMzQuMDg0IDE1LjY0NTRWMzEuNzA2M0gyOS4xNjIxVjE1LjY0NTRIMzQuMDg0Wk00Ni42MDI0IDI3LjUzMjhWMzEuNzA2M0g0NC4wOTgzQzQyLjMxMzcgMzEuNzA2MyA0MC45MjI1IDMxLjI3NDYgMzkuOTI0NyAzMC40MTExQzM4LjkyNyAyOS41Mjg1IDM4LjQyOCAyOC4wOTg4IDM4LjQyOCAyNi4xMjI0VjE5LjczMjZIMzYuNDcwOFYxNS42NDU0SDM4LjQyOFYxMS43MzA5SDQzLjM0OTlWMTUuNjQ1NEg0Ni41NzM2VjE5LjczMjZINDMuMzQ5OVYyNi4xOEM0My4zNDk5IDI2LjY1OTYgNDMuNDY1MSAyNy4wMDUgNDMuNjk1MyAyNy4yMTYyQzQzLjkyNTYgMjcuNDI3MyA0NC4zMDk0IDI3LjUzMjggNDQuODQ2NiAyNy41MzI4SDQ2LjYwMjRaTTU2LjY1NDkgMzEuOTM2NkM1NS4wODE1IDMxLjkzNjYgNTMuNjYxNSAzMS42MDA5IDUyLjM5NSAzMC45MjkyQzUxLjE0NzcgMzAuMjU3NSA1MC4xNTk2IDI5LjI5ODIgNDkuNDMwMyAyOC4wNTA5QzQ4LjcyMDQgMjYuODAzNiA0OC4zNjU0IDI1LjM0NTMgNDguMzY1NCAyMy42NzU5QzQ4LjM2NTQgMjIuMDI1NiA0OC43Mjk5IDIwLjU3NjkgNDkuNDU5MSAxOS4zMjk2QzUwLjE4ODQgMTguMDYzMiA1MS4xODYxIDE3LjA5NDIgNTIuNDUyNiAxNi40MjI1QzUzLjcxOSAxNS43NTA5IDU1LjEzOTEgMTUuNDE1MSA1Ni43MTI1IDE1LjQxNTFDNTguMjg1OSAxNS40MTUxIDU5LjcwNTkgMTUuNzUwOSA2MC45NzIzIDE2LjQyMjVDNjIuMjM4OCAxNy4wOTQyIDYzLjIzNjUgMTguMDYzMiA2My45NjU4IDE5LjMyOTZDNjQuNjk1IDIwLjU3NjkgNjUuMDU5NSAyMi4wMjU2IDY1LjA1OTUgMjMuNjc1OUM2NS4wNTk1IDI1LjMyNjIgNjQuNjg1NCAyNi43ODQ0IDYzLjkzNyAyOC4wNTA5QzYzLjIwNzggMjkuMjk4MiA2Mi4yMDAzIDMwLjI1NzUgNjAuOTE0OCAzMC45MjkyQzU5LjY0ODMgMzEuNjAwOSA1OC4yMjgzIDMxLjkzNjYgNTYuNjU0OSAzMS45MzY2Wk01Ni42NTQ5IDI3LjY3NjdDNTcuNTk1MSAyNy42NzY3IDU4LjM5MTUgMjcuMzMxMyA1OS4wNDM5IDI2LjY0MDVDNTkuNzE1NiAyNS45NDk3IDYwLjA1MTMgMjQuOTYxNCA2MC4wNTEzIDIzLjY3NTlDNjAuMDUxMyAyMi4zOTAyIDU5LjcyNSAyMS40MDIgNTkuMDcyNyAyMC43MTEyQzU4LjQzOTQgMjAuMDIwNCA1Ny42NTI2IDE5LjY3NSA1Ni43MTI1IDE5LjY3NUM1NS43NTI5IDE5LjY3NSA1NC45NTY3IDIwLjAyMDQgNTQuMzIzNSAyMC43MTEyQzUzLjY5MDIgMjEuMzgyOCA1My4zNzM2IDIyLjM3MSA1My4zNzM2IDIzLjY3NTlDNTMuMzczNiAyNC45NjE0IDUzLjY4MDYgMjUuOTQ5NyA1NC4yOTQ3IDI2LjY0MDVDNTQuOTI3OSAyNy4zMzEzIDU1LjcxNDcgMjcuNjc2NyA1Ni42NTQ5IDI3LjY3NjdaIiBmaWxsPSIjRTgzNjM2Ii8+DQo8cGF0aCBkPSJNOS4yMTc4IDI2LjYzODJDOS4yMDM3NSAyNi45OTY2IDkuMTUxMDQgMjcuMzQ5NyA5LjA1OTcgMjcuNjk3NUM4Ljk2ODM0IDI4LjA0NTQgOC44Mjk1NSAyOC4zNTk4IDguNjQzMzMgMjguNjQwOUM4LjQ2MDYzIDI4LjkyMTkgOC4yMjY5NyAyOS4xNDY4IDcuOTQyMzggMjkuMzE1NUM3LjY1Nzc5IDI5LjQ4NDEgNy4zMTM0NSAyOS41Njg0IDYuOTA5NCAyOS41Njg0QzYuNjgxMDEgMjkuNTY4NCA2LjQ3NTQ4IDI5LjUyOCA2LjI5Mjc3IDI5LjQ0NzJDNi4xMTAwNyAyOS4zNjY1IDUuOTU1NDcgMjkuMjUyMyA1LjgyODk4IDI5LjEwNDhDNS43MDI1IDI4Ljk1MzcgNS42MDkzOCAyOC43NzI2IDUuNTQ5NjUgMjguNTYxOUM1LjQ4OTkzIDI4LjM1MSA1LjQ2ODg0IDI4LjExMzggNS40ODY0IDI3Ljg1MDVMNS43NTUyIDI0LjgxNDdINi44MDkyNUw2LjU0NTc1IDI3Ljg1MDVDNi41MjQ2NiAyOC4wMzMgNi41MjY0MSAyOC4xODI0IDYuNTUxMDEgMjguMjk4NEM2LjU3OTEyIDI4LjQxNDIgNi42MjEyOCAyOC41MDM5IDYuNjc3NSAyOC41NjcxQzYuNzM3MjIgMjguNjMwMyA2LjgwMzk5IDI4LjY3NTkgNi44Nzc3NyAyOC43MDQxQzYuOTU1MDcgMjguNzI4OCA3LjAzMDYxIDI4Ljc0MDkgNy4xMDQ0MSAyOC43NDA5QzcuMjczMDYgMjguNzQwOSA3LjQyNzYzIDI4LjY4ODMgNy41NjgxOCAyOC41ODI4QzcuNzA4NzIgMjguNDc3NiA3LjgyOTk0IDI4LjMzMTcgNy45MzE4MyAyOC4xNDU1QzguMDMzNzQgMjcuOTU5MyA4LjExNDU0IDI3Ljc0MTQgOC4xNzQyOCAyNy40OTJDOC4yMzQwMSAyNy4yMzkgOC4yNjczOCAyNi45NjY3IDguMjc0NDIgMjYuNjc1MUM4LjI5OSAyNi4yMDc4IDguMjc2MTcgMjUuNzc1NiA4LjIwNTkgMjUuMzc4NUM4LjEzOTE0IDI0Ljk4MTYgOC4wMjMyIDI0LjYyNjcgNy44NTgwNSAyNC4zMTRDNy42OTY0NCAyMy45OTc4IDcuNDg1NjMgMjMuNzMwNiA3LjIyNTYxIDIzLjUxMjhDNi45NjU2MiAyMy4yOTE1IDYuNjU2NDMgMjMuMTIyOCA2LjI5ODAzIDIzLjAwNjhDNS45Mzk2NiAyMi44ODc0IDUuNTMwMzQgMjIuODI3OCA1LjA3MDA2IDIyLjgyNzhDNC42Mzc4OCAyMi44Mjc4IDQuMjM5MSAyMi44OTQ0IDMuODczNjkgMjMuMDI3OUMzLjUxMTc5IDIzLjE2MTUgMy4xODY3OSAyMy4zNTMxIDIuODk4NjcgMjMuNjAyNUMyLjYxNDA4IDIzLjg1MTkgMi4zNjgxMiAyNC4xNTA1IDIuMTYwODMgMjQuNDk4M0MxLjk1NzA0IDI0Ljg0MjggMS43OTU0MiAyNS4yMjc2IDEuNjc1OTYgMjUuNjUyNkMxLjU2MDAxIDI2LjA3NDIgMS40OTE1IDI2LjUyNzYgMS40NzA0MSAyNy4wMTI0QzEuNDQ1ODIgMjcuNTIxOSAxLjQ3MjE3IDI3Ljk4NTYgMS41NDk0NyAyOC40MDM2QzEuNjMwMjggMjguODIxOSAxLjc1ODUzIDI5LjE4OTEgMS45MzQyIDI5LjUwNTNDMi4xMTM0IDI5LjgyNSAyLjMzNjUgMzAuMDkxOSAyLjYwMzUzIDMwLjMwNjJDMi44NzA1NiAzMC41MjA4IDMuMTgxNTEgMzAuNjgyMiAzLjUzNjM5IDMwLjc5MTNDMy44OTEyNiAzMC45MDAxIDQuMjg2NTMgMzAuOTU0NSA0LjcyMjIxIDMwLjk1NDVDNS4wMjc4OSAzMC45NTQ1IDUuMzM4ODQgMzAuOTE5NCA1LjY1NTA1IDMwLjg0OTNDNS45NzQ3OSAzMC43ODI1IDYuMjQzNTcgMzAuNjk2NCA2LjQ2MTQyIDMwLjU5MDlMNi42NjE2OSAzMS4zNzYyQzYuNDE1NzMgMzEuNTM0MiA2LjEwODMxIDMxLjY1MjEgNS43MzkzNyAzMS43Mjk0QzUuMzczOTYgMzEuODA2NiA1LjAyNzg5IDMxLjg0NTIgNC43MDExMiAzMS44NDUyQzQuMTQyNDggMzEuODQ1MiAzLjYzMyAzMS43NzY2IDMuMTcyNzQgMzEuNjM5N0MyLjcxNTk2IDMxLjUwNjEgMi4zMTE5IDMxLjMwNiAxLjk2MDU2IDMxLjAzODlDMS42MDkyIDMwLjc3NTMgMS4zMTU4MiAzMC40NDg2IDEuMDgwNDEgMzAuMDU4N0MwLjg0ODUxNiAyOS42Njg3IDAuNjc2MzUxIDI5LjIxOSAwLjU2MzkxNyAyOC43MDk0QzAuNDU0OTk4IDI4LjE5OTkgMC40MTI4MzUgMjcuNjM0NCAwLjQzNzQyOSAyNy4wMTI0QzAuNDYyMDI1IDI2LjQzNiAwLjU1MTYxOSAyNS44OTMyIDAuNzA2MjE1IDI1LjM4MzlDMC44NjA4MTIgMjQuODc0MyAxLjA3MTYyIDI0LjQxMjIgMS4zMzg2NiAyMy45OTc4QzEuNjA1NjkgMjMuNTgzMSAxLjkyNTQyIDIzLjIyNjUgMi4yOTc4NyAyMi45Mjc5QzIuNjczOCAyMi42MjU2IDMuMDk1NDMgMjIuMzkzOCAzLjU2Mjc1IDIyLjIzMjJDNC4wMzAwNCAyMi4wNzA1IDQuNTM5NSAyMS45ODk3IDUuMDkxMTMgMjEuOTg5N0M1LjYzOTI0IDIxLjk4OTcgNi4xMzY0MiAyMi4wNjE4IDYuNTgyNjMgMjIuMjA1OEM3LjAzMjM2IDIyLjM0OTkgNy40MjU4OCAyMi41NTcxIDcuNzYzMTggMjIuODI3OEM4LjEwMDQ4IDIzLjA5NDcgOC4zODE1NyAyMy40MTk3IDguNjA2NDMgMjMuODAyOEM4LjgzMTMgMjQuMTgyMiA4Ljk5NDY5IDI0LjYxMDggOS4wOTY1OCAyNS4wODg2QzkuMTk4NDYgMjUuNTY2NSA5LjIzODg3IDI2LjA4MyA5LjIxNzggMjYuNjM4MlpNMy44OTQ3NiAyNy4xOTE2QzMuODc3MiAyNy40MjM0IDMuODc4OTYgMjcuNjI5IDMuOTAwMDUgMjcuODA4MkMzLjkyMTEyIDI3Ljk4NzQgMy45NjE1MyAyOC4xMzg1IDQuMDIxMjUgMjguMjYxNUM0LjA4MDk4IDI4LjM4NDUgNC4xNTgyOSAyOC40Nzc2IDQuMjUzMTYgMjguNTQwOEM0LjM1MTU0IDI4LjYwMDYgNC40Njc0OCAyOC42MzAzIDQuNjAwOTggMjguNjMwM0M0LjY3NDc4IDI4LjYzMDMgNC43NTU1OCAyOC42MTI4IDQuODQzNDMgMjguNTc3N0M0LjkzMTI3IDI4LjUzOSA1LjAyMDg1IDI4LjQ3NTggNS4xMTIyMiAyOC4zODc5QzUuMjAzNTYgMjguMzAwMiA1LjI4OTY0IDI4LjE3ODggNS4zNzA0NiAyOC4wMjQzQzUuNDU0NzggMjcuODY2MiA1LjUyNTA1IDI3LjY2NzYgNS41ODEyNyAyNy40Mjg4TDYuMDI5MjUgMjcuOTYxMUM1Ljk0ODQzIDI4LjIyNDYgNS44NDgzIDI4LjQ1NjUgNS43Mjg4NSAyOC42NTY4QzUuNjA5MzggMjguODUzNCA1LjQ3MjM0IDI5LjAxODYgNS4zMTc3NSAyOS4xNTIyQzUuMTY2NjggMjkuMjg1NiA1LjAwMTU0IDI5LjM4NTkgNC44MjIzNCAyOS40NTI2QzQuNjQzMTQgMjkuNTE5MiA0LjQ0OTkyIDI5LjU1MjcgNC4yNDI2MSAyOS41NTI3QzMuOTg2MTMgMjkuNTUyNyAzLjc1NzczIDI5LjQ5ODMgMy41NTc0NiAyOS4zODkyQzMuMzU3MiAyOS4yNzY4IDMuMTkwMyAyOS4xMTY5IDMuMDU2OCAyOC45MDk2QzIuOTIzMjcgMjguNzAyNSAyLjgyNjY0IDI4LjQ1NDcgMi43NjY5MiAyOC4xNjY2QzIuNzEwNyAyNy44NzUgMi43MDAxNiAyNy41NSAyLjczNTMgMjcuMTkxNkMyLjc3MzkzIDI2LjgzMzEgMi44NDQyMSAyNi41MDEyIDIuOTQ2MTIgMjYuMTk1NEMzLjA0OCAyNS44ODk4IDMuMTc0NDkgMjUuNjE3NSAzLjMyNTU4IDI1LjM3ODVDMy40NzY2NSAyNS4xMzYxIDMuNjQ4ODMgMjQuOTMwNSAzLjg0MjA1IDI0Ljc2MTlDNC4wMzg4MSAyNC41ODk5IDQuMjUxMzggMjQuNDU5NyA0LjQ3OTc4IDI0LjM3MkM0LjcwODE1IDI0LjI4NDEgNC45NDcwOCAyNC4yNDAyIDUuMTk2NTQgMjQuMjQwMkM1LjYwMDU5IDI0LjI0MDIgNS45MTg1NyAyNC4yOTgyIDYuMTUwNDggMjQuNDE0QzYuMzgyMzYgMjQuNTMwMSA2LjYwMTk3IDI0LjY2MzYgNi44MDkyNSAyNC44MTQ3TDYuMjcxNjggMjUuNTM2NkM2LjE2OTc5IDI1LjQ0NTMgNi4wMzYyOSAyNS4zNTc2IDUuODcxMTUgMjUuMjczMkM1LjcwOTUxIDI1LjE4NTMgNS41MTYyNiAyNS4xNDE1IDUuMjkxMzkgMjUuMTQxNUM1LjA4NDExIDI1LjE0MTUgNC45MDE0MSAyNS4xODUzIDQuNzQzMyAyNS4yNzMyQzQuNTg4NjggMjUuMzYwOSA0LjQ1MzQyIDI1LjQ5MjcgNC4zMzc0OCAyNS42NjgzQzQuMjI1MDUgMjUuODQwNiA0LjEzMTkzIDI2LjA1NDkgNC4wNTgxNSAyNi4zMTE1QzMuOTg0MzcgMjYuNTY0NCAzLjkyOTkxIDI2Ljg1NzkgMy44OTQ3NiAyNy4xOTE2WiIgZmlsbD0iI0U4MzYzNiIvPg0KPHBhdGggZD0iTTc2LjIwNTcgMjQuMDMyN0g3Ny43ODEzVjI5LjEwMjhDNzcuNzgxMyAyOS42OTMxIDc3LjY1NDkgMzAuMTkwMyA3Ny40MDIgMzAuNTk0NEM3Ny4xNTI2IDMwLjk5ODUgNzYuODA2MyAzMS4zMDIzIDc2LjM2MzggMzEuNTA2Qzc1LjkyNDYgMzEuNzA5OSA3NS40MTg2IDMxLjgxMTggNzQuODQ1OSAzMS44MTE4Qzc0LjI3MzIgMzEuODExOCA3My43NjM2IDMxLjcwOTkgNzMuMzE3NSAzMS41MDZDNzIuODc0NyAzMS4zMDIzIDcyLjUyNjggMzAuOTk4NSA3Mi4yNzM5IDMwLjU5NDRDNzIuMDI0NSAzMC4xOTAzIDcxLjg5OTcgMjkuNjkzMSA3MS44OTk3IDI5LjEwMjhWMjQuMDMyN0g3My40ODA3VjI5LjEwMjhDNzMuNDgwNyAyOS40NDcxIDczLjUzNTQgMjkuNzI4MiA3My42NDQyIDI5Ljk0NjFDNzMuNzUzIDMwLjE2NCA3My45MDk2IDMwLjMyMzkgNzQuMTEzMyAzMC40MjU3Qzc0LjMyMDYgMzAuNTI3NiA3NC41NjQ4IDMwLjU3ODQgNzQuODQ1OSAzMC41Nzg0Qzc1LjEzNCAzMC41Nzg0IDc1LjM3ODIgMzAuNTI3NiA3NS41Nzg1IDMwLjQyNTdDNzUuNzgyMyAzMC4zMjM5IDc1LjkzNjcgMzAuMTY0IDc2LjA0MjIgMjkuOTQ2MUM3Ni4xNTEgMjkuNzI4MiA3Ni4yMDU3IDI5LjQ0NzEgNzYuMjA1NyAyOS4xMDI4VjI0LjAzMjdaTTgwLjc2NDQgMjQuMDMyN1YzMS43MDYzSDc5LjE4ODVWMjQuMDMyN0g4MC43NjQ0WiIgZmlsbD0iI0U4MzYzNiIvPg0KPHBhdGggZD0iTTcxLjA0NDEgMjAuODAwNEw2Ny4yOTE1IDMxLjkxMDNINjUuNzg3Nkw2OS41NDAyIDIwLjgwMDRINzEuMDQ0MVoiIGZpbGw9IiNDRDIxMkEiLz4NCjwvc3ZnPg0K", hr = (e, t) => {
   const r = {
     backgroundColor: e[t].default,
     WebkitMask: `url('${ve}') no-repeat center`,
@@ -1490,20 +1511,20 @@ const Ir = (e, t, r) => {
     })
   };
 };
-function Pr(e) {
-  const { color: t = "primary", logo: r, logoClass: n, appName: s, visible: i = !0 } = e, { colors: a } = Q(), o = Ar(a, t), [c, M] = w(!1);
-  k(() => {
-    setTimeout(() => M(!0), 2500);
+function Vr(e) {
+  const { color: t = "primary", logo: r, logoClass: n, appName: s, visible: i = !0 } = e, { colors: c } = Q(), o = hr(c, t), [a, u] = Y(!1);
+  v(() => {
+    setTimeout(() => u(!0), 2500);
   }, []);
-  const [u, l] = w(!0);
-  return k(() => {
+  const [M, l] = Y(!0);
+  return v(() => {
     i !== void 0 && (i ? l(!0) : setTimeout(() => l(!1), 501));
-  }, [i]), u ? /* @__PURE__ */ x(
+  }, [i]), M ? /* @__PURE__ */ w(
     "div",
     {
       className: `splash-screen ${o.root} ${i ? "splash-loading-show " : "splash-loading-hide"}`,
       children: [
-        /* @__PURE__ */ x("div", { className: "logo-container", children: [
+        /* @__PURE__ */ w("div", { className: "logo-container", children: [
           typeof r == "string" ? /* @__PURE__ */ N(
             "img",
             {
@@ -1514,9 +1535,9 @@ function Pr(e) {
           /* @__PURE__ */ N(
             "div",
             {
-              className: `splash-loading ${c ? "splash-loading-show" : "splash-loading-hide"} pointer-events-none`,
+              className: `splash-loading ${a ? "splash-loading-show" : "splash-loading-hide"} pointer-events-none`,
               children: /* @__PURE__ */ N(
-                hr,
+                zr,
                 {
                   colorInverted: !0,
                   className: "splash-loading",
@@ -1527,7 +1548,7 @@ function Pr(e) {
             }
           )
         ] }),
-        /* @__PURE__ */ x("div", { className: "animated slideInUp brand", children: [
+        /* @__PURE__ */ w("div", { className: "animated slideInUp brand", children: [
           /* @__PURE__ */ N("p", { children: "made width" }),
           /* @__PURE__ */ N("div", { className: "splash-sito-logo sito-logo" })
         ] })
@@ -1535,7 +1556,7 @@ function Pr(e) {
     }
   ) : null;
 }
-const Tr = (e) => ({
+const Ar = (e) => ({
   root: $({
     ".dark .s-error-title": {
       color: e.error.light
@@ -1544,16 +1565,16 @@ const Tr = (e) => ({
       color: e.error.default
     }
   })
-}), pr = (e) => {
-  const t = de(null), { colors: r } = Q(), n = Tr(r), {
+}), Or = (e) => {
+  const t = Ue(null), { colors: r } = Q(), n = Ar(r), {
     onRetry: s = () => window.location.reload(),
     className: i = "",
-    title: a = "Something went wrong",
+    title: c = "Something went wrong",
     text: o,
-    button: c = "Try again",
-    buttonProps: M
+    button: a = "Try again",
+    buttonProps: u
   } = e;
-  return /* @__PURE__ */ x("div", { role: "alert", className: `error-root ${n.root} ${i}`, children: [
+  return /* @__PURE__ */ w("div", { role: "alert", className: `error-root ${n.root} ${i}`, children: [
     /* @__PURE__ */ N(
       "svg",
       {
@@ -1563,46 +1584,46 @@ const Tr = (e) => ({
         children: /* @__PURE__ */ N("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })
       }
     ),
-    /* @__PURE__ */ N("p", { className: "s-error-title", children: a }),
+    /* @__PURE__ */ N("p", { className: "s-error-title", children: c }),
     /* @__PURE__ */ N("pre", { className: "s-error-body", children: o }),
     s ? /* @__PURE__ */ N(
-      Ke,
+      qe,
       {
         name: "reload",
         onClick: s,
         shape: "filled",
         color: "primary",
         "aria-label": "click to reload",
-        ...M,
+        ...u,
         ref: t,
-        children: c
+        children: a
       }
     ) : null
   ] });
 };
-function le(e, t) {
-  return le = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, s) {
+function ge(e, t) {
+  return ge = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, s) {
     return n.__proto__ = s, n;
-  }, le(e, t);
+  }, ge(e, t);
 }
-function Or(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, le(e, t);
+function Tr(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ge(e, t);
 }
-var mr = function(t, r) {
+var pr = function(t, r) {
   return t === void 0 && (t = []), r === void 0 && (r = []), t.length !== r.length || t.some(function(n, s) {
     return !Object.is(n, r[s]);
   });
-}, Ue = {
+}, Qe = {
   error: null
-}, Er = /* @__PURE__ */ function(e) {
-  Or(t, e);
+}, Lr = /* @__PURE__ */ function(e) {
+  Tr(t, e);
   function t() {
-    for (var n, s = arguments.length, i = new Array(s), a = 0; a < s; a++)
-      i[a] = arguments[a];
-    return n = e.call.apply(e, [this].concat(i)) || this, n.state = Ue, n.resetErrorBoundary = function() {
-      for (var o, c = arguments.length, M = new Array(c), u = 0; u < c; u++)
-        M[u] = arguments[u];
-      n.props.onReset == null || (o = n.props).onReset.apply(o, M), n.reset();
+    for (var n, s = arguments.length, i = new Array(s), c = 0; c < s; c++)
+      i[c] = arguments[c];
+    return n = e.call.apply(e, [this].concat(i)) || this, n.state = Qe, n.resetErrorBoundary = function() {
+      for (var o, a = arguments.length, u = new Array(a), M = 0; M < a; M++)
+        u[M] = arguments[M];
+      n.props.onReset == null || (o = n.props).onReset.apply(o, u), n.reset();
     }, n;
   }
   t.getDerivedStateFromError = function(s) {
@@ -1612,55 +1633,55 @@ var mr = function(t, r) {
   };
   var r = t.prototype;
   return r.reset = function() {
-    this.setState(Ue);
+    this.setState(Qe);
   }, r.componentDidCatch = function(s, i) {
-    var a, o;
-    (a = (o = this.props).onError) == null || a.call(o, s, i);
+    var c, o;
+    (c = (o = this.props).onError) == null || c.call(o, s, i);
   }, r.componentDidUpdate = function(s, i) {
-    var a = this.state.error, o = this.props.resetKeys;
-    if (a !== null && i.error !== null && mr(s.resetKeys, o)) {
-      var c, M;
-      (c = (M = this.props).onResetKeysChange) == null || c.call(M, s.resetKeys, o), this.reset();
+    var c = this.state.error, o = this.props.resetKeys;
+    if (c !== null && i.error !== null && pr(s.resetKeys, o)) {
+      var a, u;
+      (a = (u = this.props).onResetKeysChange) == null || a.call(u, s.resetKeys, o), this.reset();
     }
   }, r.render = function() {
-    var s = this.state.error, i = this.props, a = i.fallbackRender, o = i.FallbackComponent, c = i.fallback;
+    var s = this.state.error, i = this.props, c = i.fallbackRender, o = i.FallbackComponent, a = i.fallback;
     if (s !== null) {
-      var M = {
+      var u = {
         error: s,
         resetErrorBoundary: this.resetErrorBoundary
       };
-      if (/* @__PURE__ */ ae.isValidElement(c))
-        return c;
-      if (typeof a == "function")
-        return a(M);
+      if (/* @__PURE__ */ Me.isValidElement(a))
+        return a;
+      if (typeof c == "function")
+        return c(u);
       if (o)
-        return /* @__PURE__ */ ae.createElement(o, M);
+        return /* @__PURE__ */ Me.createElement(o, u);
       throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
     }
     return this.props.children;
   }, t;
-}(ae.Component);
-const Lr = (e) => {
+}(Me.Component);
+const xr = (e) => {
   const { error: t, resetErrorBoundary: r } = e;
-  return /* @__PURE__ */ N(pr, { onRetry: r, text: t.message });
+  return /* @__PURE__ */ N(Or, { onRetry: r, text: t.message });
 };
-function Fr(e) {
+function Pr(e) {
   const { children: t, onRetry: r } = e;
-  return /* @__PURE__ */ N(Er, { FallbackComponent: Lr, onReset: r, children: t });
+  return /* @__PURE__ */ N(Lr, { FallbackComponent: xr, onReset: r, children: t });
 }
 const _r = (e) => {
-  const [t, r] = w(!1);
-  return k(() => {
+  const [t, r] = Y(!1);
+  return v(() => {
     const n = window.matchMedia(e);
     n.matches !== t && r(n.matches);
     const s = () => r(n.matches);
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, [t, e]), t;
-}, Br = () => {
-  const [e, t] = w({
+}, Wr = () => {
+  const [e, t] = Y({
     width: window.innerWidth,
     height: window.innerHeight
-  }), r = H(() => {
+  }), r = ie(() => {
     const { width: s } = e;
     switch (!0) {
       case s <= 400:
@@ -1676,35 +1697,36 @@ const _r = (e) => {
       default:
         return "2xl";
     }
-  }, [e]), n = je(() => {
+  }, [e]), n = re(() => {
   }, [t]);
-  return k(() => (window.addEventListener("resize", n), () => window.removeEventListener("resize", n)), [n]), {
+  return v(() => (window.addEventListener("resize", n), () => window.removeEventListener("resize", n)), [n]), {
     width: e.width,
     height: e.height,
     breakpoint: r
   };
 };
 export {
-  Ke as Button,
-  pr as Error,
-  Fr as Handler,
-  ir as IconButton,
-  $r as Image,
-  Ur as InputControl,
-  hr as Loading,
-  Sr as ModeProvider,
-  Vr as Notification,
-  Yr as NotificationProvider,
-  Rr as PrintAfter,
-  vr as SelectControl,
-  Pr as SplashScreen,
-  Cr as StyleProvider,
+  qe as Button,
+  Or as Error,
+  xr as ErrorFallback,
+  Pr as Handler,
+  or as IconButton,
+  Yr as Image,
+  vr as InputControl,
+  zr as Loading,
+  Er as ModeProvider,
+  Rr as Notification,
+  Ur as NotificationProvider,
+  $r as PrintAfter,
+  br as SelectControl,
+  Vr as SplashScreen,
+  kr as StyleProvider,
   Qr as Switcher,
-  br as TextareaControl,
-  Dr as useIsElementInViewport,
+  Cr as TextareaControl,
+  gr as useIsElementInViewport,
   _r as useMediaQuery,
-  Xt as useMode,
-  gr as useNotification,
-  Br as useScreenHandler,
+  er as useMode,
+  lr as useNotification,
+  Wr as useScreenHandler,
   Q as useStyle
 };