@sito/ui 0.0.197 → 0.0.198

package/dist/ui.js

@@ -1,7 +1,7 @@
 import "./main.css";
 import { jsx as N, jsxs as x } from "react/jsx-runtime";
 import * as ce from "react";
-import { createContext as ge, useState as v, useCallback as je, useEffect as U, useContext as De, useMemo as J, forwardRef as Z, useReducer as et, useRef as Ie, memo as tt } 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) {
   if (e.sheet)
     return e.sheet;
@@ -13,12 +13,12 @@ function nt(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 it = /* @__PURE__ */ function() {
+var st = /* @__PURE__ */ function() {
   function e(r) {
     var n = this;
-    this._insertTag = function(i) {
-      var s;
-      n.tags.length === 0 ? n.insertionPoint ? s = n.insertionPoint.nextSibling : n.prepend ? s = n.container.firstChild : s = n.before : s = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(i, s), n.tags.push(i);
+    this._insertTag = function(s) {
+      var i;
+      n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(s, i), n.tags.push(s);
     }, this.isSpeedy = r.speedy === void 0 ? process.env.NODE_ENV === "production" : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
   }
   var t = e.prototype;
@@ -26,28 +26,28 @@ var it = /* @__PURE__ */ function() {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
     this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(nt(this));
-    var i = this.tags[this.tags.length - 1];
+    var s = this.tags[this.tags.length - 1];
     if (process.env.NODE_ENV !== "production") {
-      var s = n.charCodeAt(0) === 64 && n.charCodeAt(1) === 105;
-      s && this._alreadyInsertedOrderInsensitiveRule && console.error(`You're attempting to insert the following rule:
-` + 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 || !s;
+      var i = n.charCodeAt(0) === 64 && n.charCodeAt(1) === 105;
+      i && this._alreadyInsertedOrderInsensitiveRule && console.error(`You're attempting to insert the following rule:
+` + 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 o = rt(i);
+      var o = rt(s);
       try {
         o.insertRule(n, o.cssRules.length);
       } catch (c) {
         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 + '"', c);
       }
     } else
-      i.appendChild(document.createTextNode(n));
+      s.appendChild(document.createTextNode(n));
     this.ctr++;
   }, t.flush = function() {
     this.tags.forEach(function(n) {
       return n.parentNode && n.parentNode.removeChild(n);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), T = "-ms-", re = "-moz-", g = "-webkit-", de = "comm", ye = "rule", fe = "decl", st = "@import", Ye = "@keyframes", ot = "@layer", ct = Math.abs, ie = String.fromCharCode, at = Object.assign;
+}(), T = "-ms-", re = "-moz-", g = "-webkit-", fe = "comm", ye = "rule", Ie = "decl", it = "@import", Ye = "@keyframes", ot = "@layer", ct = Math.abs, se = String.fromCharCode, at = Object.assign;
 function Mt(e, t) {
   return A(e, 0) ^ 45 ? (((t << 2 ^ A(e, 0)) << 2 ^ A(e, 1)) << 2 ^ A(e, 2)) << 2 ^ A(e, 3) : 0;
 }
@@ -66,47 +66,47 @@ function ue(e, t) {
 function A(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function W(e, t, r) {
+function Z(e, t, r) {
   return e.slice(t, r);
 }
-function C(e) {
+function b(e) {
   return e.length;
 }
 function ze(e) {
   return e.length;
 }
-function X(e, t) {
+function q(e, t) {
   return t.push(e), e;
 }
 function Nt(e, t) {
   return e.map(t).join("");
 }
-var se = 1, V = 1, $e = 0, L = 0, f = 0, P = "";
-function oe(e, t, r, n, i, s, o) {
-  return { value: e, root: t, parent: r, type: n, props: i, children: s, line: se, column: V, length: o, return: "" };
+var ie = 1, V = 1, $e = 0, E = 0, I = 0, F = "";
+function oe(e, t, r, n, s, i, o) {
+  return { value: e, root: t, parent: r, type: n, props: s, children: i, line: ie, column: V, length: o, return: "" };
 }
-function F(e, t) {
+function B(e, t) {
   return at(oe("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function lt() {
-  return f;
+  return I;
 }
 function gt() {
-  return f = L > 0 ? A(P, --L) : 0, V--, f === 10 && (V = 1, se--), f;
+  return I = E > 0 ? A(F, --E) : 0, V--, I === 10 && (V = 1, ie--), I;
 }
-function E() {
-  return f = L < $e ? A(P, L++) : 0, V++, f === 10 && (V = 1, se++), f;
+function L() {
+  return I = E < $e ? A(F, E++) : 0, V++, I === 10 && (V = 1, ie++), I;
 }
-function b() {
-  return A(P, L);
+function U() {
+  return A(F, E);
 }
-function q() {
-  return L;
+function X() {
+  return E;
 }
 function K(e, t) {
-  return W(P, e, t);
+  return Z(F, e, t);
 }
-function _(e) {
+function G(e) {
   switch (e) {
     case 0:
     case 9:
@@ -139,122 +139,122 @@ function _(e) {
   return 0;
 }
 function Re(e) {
-  return se = V = 1, $e = C(P = e), L = 0, [];
+  return ie = V = 1, $e = b(F = e), E = 0, [];
 }
 function Ve(e) {
-  return P = "", e;
+  return F = "", e;
 }
 function ee(e) {
-  return Qe(K(L - 1, Ne(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Qe(K(E - 1, Ne(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function jt(e) {
-  for (; (f = b()) && f < 33; )
-    E();
-  return _(e) > 2 || _(f) > 3 ? "" : " ";
+  for (; (I = U()) && I < 33; )
+    L();
+  return G(e) > 2 || G(I) > 3 ? "" : " ";
 }
 function Dt(e, t) {
-  for (; --t && E() && !(f < 48 || f > 102 || f > 57 && f < 65 || f > 70 && f < 97); )
+  for (; --t && L() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
     ;
-  return K(e, q() + (t < 6 && b() == 32 && E() == 32));
+  return K(e, X() + (t < 6 && U() == 32 && L() == 32));
 }
 function Ne(e) {
-  for (; E(); )
-    switch (f) {
+  for (; L(); )
+    switch (I) {
       case e:
-        return L;
+        return E;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Ne(f);
+        e !== 34 && e !== 39 && Ne(I);
         break;
       case 40:
         e === 41 && Ne(e);
         break;
       case 92:
-        E();
+        L();
         break;
     }
-  return L;
+  return E;
 }
-function It(e, t) {
-  for (; E() && e + f !== 47 + 10; )
-    if (e + f === 42 + 42 && b() === 47)
+function dt(e, t) {
+  for (; L() && e + I !== 47 + 10; )
+    if (e + I === 42 + 42 && U() === 47)
       break;
-  return "/*" + K(t, L - 1) + "*" + ie(e === 47 ? e : E());
+  return "/*" + K(t, E - 1) + "*" + se(e === 47 ? e : L());
 }
-function dt(e) {
-  for (; !_(b()); )
-    E();
-  return K(e, L);
+function ft(e) {
+  for (; !G(U()); )
+    L();
+  return K(e, E);
 }
 function yt(e) {
   return Ve(te("", null, null, null, [""], e = Re(e), 0, [0], e));
 }
-function te(e, t, r, n, i, s, o, c, a) {
-  for (var M = 0, u = 0, l = o, I = 0, O = 0, z = 0, D = 1, p = 1, y = 1, h = 0, w = "", B = i, Q = s, k = n, d = w; p; )
-    switch (z = h, h = E()) {
+function te(e, t, r, n, s, i, o, c, a) {
+  for (var M = 0, u = 0, l = o, d = 0, p = 0, z = 0, D = 1, O = 1, y = 1, h = 0, S = "", _ = s, Q = i, C = n, f = S; O; )
+    switch (z = h, h = L()) {
       case 40:
-        if (z != 108 && A(d, l - 1) == 58) {
-          ue(d += j(ee(h), "&", "&\f"), "&\f") != -1 && (y = -1);
+        if (z != 108 && A(f, l - 1) == 58) {
+          ue(f += j(ee(h), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        d += ee(h);
+        f += ee(h);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        d += jt(z);
+        f += jt(z);
         break;
       case 92:
-        d += Dt(q() - 1, 7);
+        f += Dt(X() - 1, 7);
         continue;
       case 47:
-        switch (b()) {
+        switch (U()) {
           case 42:
           case 47:
-            X(ft(It(E(), q()), t, r), a);
+            q(It(dt(L(), X()), t, r), a);
             break;
           default:
-            d += "/";
+            f += "/";
         }
         break;
       case 123 * D:
-        c[M++] = C(d) * y;
+        c[M++] = b(f) * y;
       case 125 * D:
       case 59:
       case 0:
         switch (h) {
           case 0:
           case 125:
-            p = 0;
+            O = 0;
           case 59 + u:
-            y == -1 && (d = j(d, /\f/g, "")), O > 0 && C(d) - l && X(O > 32 ? Oe(d + ";", n, r, l - 1) : Oe(j(d, " ", "") + ";", n, r, l - 2), a);
+            y == -1 && (f = j(f, /\f/g, "")), p > 0 && b(f) - l && q(p > 32 ? pe(f + ";", n, r, l - 1) : pe(j(f, " ", "") + ";", n, r, l - 2), a);
             break;
           case 59:
-            d += ";";
+            f += ";";
           default:
-            if (X(k = Te(d, t, r, M, u, i, c, w, B = [], Q = [], l), s), h === 123)
+            if (q(C = Te(f, t, r, M, u, s, c, S, _ = [], Q = [], l), i), h === 123)
               if (u === 0)
-                te(d, t, k, k, B, s, l, c, Q);
+                te(f, t, C, C, _, i, l, c, Q);
               else
-                switch (I === 99 && A(d, 3) === 110 ? 100 : I) {
+                switch (d === 99 && A(f, 3) === 110 ? 100 : d) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    te(e, k, k, n && X(Te(e, k, k, 0, 0, i, c, w, i, B = [], l), Q), i, Q, l, c, n ? B : Q);
+                    te(e, C, C, n && q(Te(e, C, C, 0, 0, s, c, S, s, _ = [], l), Q), s, Q, l, c, n ? _ : Q);
                     break;
                   default:
-                    te(d, k, k, k, [""], Q, 0, c, Q);
+                    te(f, C, C, C, [""], Q, 0, c, Q);
                 }
         }
-        M = u = O = 0, D = y = 1, w = d = "", l = o;
+        M = u = p = 0, D = y = 1, S = f = "", l = o;
         break;
       case 58:
-        l = 1 + C(d), O = z;
+        l = 1 + b(f), p = z;
       default:
         if (D < 1) {
           if (h == 123)
@@ -262,37 +262,37 @@ function te(e, t, r, n, i, s, o, c, a) {
           else if (h == 125 && D++ == 0 && gt() == 125)
             continue;
         }
-        switch (d += ie(h), h * D) {
+        switch (f += se(h), h * D) {
           case 38:
-            y = u > 0 ? 1 : (d += "\f", -1);
+            y = u > 0 ? 1 : (f += "\f", -1);
             break;
           case 44:
-            c[M++] = (C(d) - 1) * y, y = 1;
+            c[M++] = (b(f) - 1) * y, y = 1;
             break;
           case 64:
-            b() === 45 && (d += ee(E())), I = b(), u = l = C(w = d += dt(q())), h++;
+            U() === 45 && (f += ee(L())), d = U(), u = l = b(S = f += ft(X())), h++;
             break;
           case 45:
-            z === 45 && C(d) == 2 && (D = 0);
+            z === 45 && b(f) == 2 && (D = 0);
         }
     }
-  return s;
+  return i;
 }
-function Te(e, t, r, n, i, s, o, c, a, M, u) {
-  for (var l = i - 1, I = i === 0 ? s : [""], O = ze(I), z = 0, D = 0, p = 0; z < n; ++z)
-    for (var y = 0, h = W(e, l + 1, l = ct(D = o[z])), w = e; y < O; ++y)
-      (w = Qe(D > 0 ? I[y] + " " + h : j(h, /&\f/g, I[y]))) && (a[p++] = w);
-  return oe(e, t, r, i === 0 ? ye : c, a, M, u);
+function Te(e, t, r, n, s, i, o, c, a, M, u) {
+  for (var l = s - 1, d = s === 0 ? i : [""], p = ze(d), z = 0, D = 0, O = 0; z < n; ++z)
+    for (var y = 0, h = Z(e, l + 1, l = ct(D = o[z])), S = e; y < p; ++y)
+      (S = Qe(D > 0 ? d[y] + " " + h : j(h, /&\f/g, d[y]))) && (a[O++] = S);
+  return oe(e, t, r, s === 0 ? ye : c, a, M, u);
 }
-function ft(e, t, r) {
-  return oe(e, t, r, de, ie(lt()), W(e, 2, -2), 0);
+function It(e, t, r) {
+  return oe(e, t, r, fe, se(lt()), Z(e, 2, -2), 0);
 }
-function Oe(e, t, r, n) {
-  return oe(e, t, r, fe, W(e, 0, n), W(e, n + 1, -1), n);
+function pe(e, t, r, n) {
+  return oe(e, t, r, Ie, Z(e, 0, n), Z(e, n + 1, -1), n);
 }
 function R(e, t) {
-  for (var r = "", n = ze(e), i = 0; i < n; i++)
-    r += t(e[i], i, 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) {
@@ -300,23 +300,23 @@ function zt(e, t, r, n) {
     case ot:
       if (e.children.length)
         break;
-    case st:
-    case fe:
+    case it:
+    case Ie:
       return e.return = e.return || e.value;
-    case de:
+    case fe:
       return "";
     case Ye:
       return e.return = e.value + "{" + R(e.children, n) + "}";
     case ye:
       e.value = e.props.join(",");
   }
-  return C(r = R(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return b(r = R(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function ht(e) {
   var t = ze(e);
-  return function(r, n, i, s) {
+  return function(r, n, s, i) {
     for (var o = "", c = 0; c < t; c++)
-      o += e[c](r, n, i, s) || "";
+      o += e[c](r, n, s, i) || "";
     return o;
   };
 }
@@ -331,44 +331,44 @@ function Tt(e) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Ot = function(t, r, n) {
-  for (var i = 0, s = 0; i = s, s = b(), i === 38 && s === 12 && (r[n] = 1), !_(s); )
-    E();
-  return K(t, L);
-}, pt = function(t, r) {
-  var n = -1, i = 44;
+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); )
+    L();
+  return K(t, E);
+}, Ot = function(t, r) {
+  var n = -1, s = 44;
   do
-    switch (_(i)) {
+    switch (G(s)) {
       case 0:
-        i === 38 && b() === 12 && (r[n] = 1), t[n] += Ot(L - 1, r, n);
+        s === 38 && U() === 12 && (r[n] = 1), t[n] += pt(E - 1, r, n);
         break;
       case 2:
-        t[n] += ee(i);
+        t[n] += ee(s);
         break;
       case 4:
-        if (i === 44) {
-          t[++n] = b() === 58 ? "&\f" : "", r[n] = t[n].length;
+        if (s === 44) {
+          t[++n] = U() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       default:
-        t[n] += ie(i);
+        t[n] += se(s);
     }
-  while (i = E());
+  while (s = L());
   return t;
-}, Lt = function(t, r) {
-  return Ve(pt(Re(t), r));
-}, pe = /* @__PURE__ */ new WeakMap(), Et = function(t) {
+}, Et = function(t, r) {
+  return Ve(Ot(Re(t), r));
+}, Oe = /* @__PURE__ */ new WeakMap(), Lt = 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, i = t.column === n.column && t.line === n.line; n.type !== "rule"; )
+    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 && !pe.get(n)) && !i) {
-      pe.set(t, !0);
-      for (var s = [], o = Lt(r, s), c = n.props, a = 0, M = 0; a < o.length; a++)
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Oe.get(n)) && !s) {
+      Oe.set(t, !0);
+      for (var i = [], o = Et(r, i), c = n.props, a = 0, M = 0; a < o.length; a++)
         for (var u = 0; u < c.length; u++, M++)
-          t.props[M] = s[a] ? o[a].replace(/&\f/g, c[u]) : c[u] + " " + o[a];
+          t.props[M] = i[a] ? o[a].replace(/&\f/g, c[u]) : c[u] + " " + o[a];
     }
   }
 }, mt = function(t) {
@@ -381,13 +381,13 @@ var Ot = function(t, r, n) {
 }, 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;
 }, kt = function(t) {
-  return function(r, n, i) {
+  return function(r, n, s) {
     if (!(r.type !== "rule" || t.compat)) {
-      var s = r.value.match(/(:first|:nth|:nth-last)-child/g);
-      if (s) {
+      var i = r.value.match(/(:first|:nth|:nth-last)-child/g);
+      if (i) {
         for (var o = !!r.parent, c = o ? r.parent.children : (
           // global rule at the root level
-          i
+          s
         ), a = c.length - 1; a >= 0; a--) {
           var M = c[a];
           if (M.line < r.line)
@@ -398,25 +398,25 @@ var Ot = function(t, r, n) {
             break;
           }
         }
-        s.forEach(function(u) {
+        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".');
         });
       }
     }
   };
-}, Ze = function(t) {
+}, Pe = function(t) {
   return t.type.charCodeAt(1) === 105 && t.type.charCodeAt(0) === 64;
 }, St = function(t, r) {
   for (var n = t - 1; n >= 0; n--)
-    if (!Ze(r[n]))
+    if (!Pe(r[n]))
       return !0;
   return !1;
-}, Le = function(t) {
+}, Ee = function(t) {
   t.type = "", t.value = "", t.return = "", t.children = "", t.props = "";
 }, Ct = function(t, r, n) {
-  Ze(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)) : St(r, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Le(t)));
+  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."), Ee(t)) : St(r, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Ee(t)));
 };
-function Pe(e, t) {
+function Fe(e, t) {
   switch (Mt(e, t)) {
     case 5103:
       return g + "print-" + e + e;
@@ -495,7 +495,7 @@ function Pe(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (C(e) - 1 - t > 6)
+      if (b(e) - 1 - t > 6)
         switch (A(e, t + 1)) {
           case 109:
             if (A(e, t + 4) !== 45)
@@ -503,14 +503,14 @@ function Pe(e, t) {
           case 102:
             return j(e, /(.+:)(.+)-([^]+)/, "$1" + g + "$2-$3$1" + re + (A(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~ue(e, "stretch") ? Pe(j(e, "stretch", "fill-available"), t) + e : e;
+            return ~ue(e, "stretch") ? Fe(j(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
       if (A(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (A(e, C(e) - 3 - (~ue(e, "!important") && 10))) {
+      switch (A(e, b(e) - 3 - (~ue(e, "!important") && 10))) {
         case 107:
           return j(e, ":", ":" + g) + e;
         case 101:
@@ -530,38 +530,38 @@ function Pe(e, t) {
   }
   return e;
 }
-var bt = function(t, r, n, i) {
+var vt = function(t, r, n, s) {
   if (t.length > -1 && !t.return)
     switch (t.type) {
-      case fe:
-        t.return = Pe(t.value, t.length);
+      case Ie:
+        t.return = Fe(t.value, t.length);
         break;
       case Ye:
-        return R([F(t, {
+        return R([B(t, {
           value: j(t.value, "@", "@" + g)
-        })], i);
+        })], s);
       case ye:
         if (t.length)
-          return Nt(t.props, function(s) {
-            switch (ut(s, /(::plac\w+|:read-\w+)/)) {
+          return Nt(t.props, function(i) {
+            switch (ut(i, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return R([F(t, {
-                  props: [j(s, /:(read-\w+)/, ":" + re + "$1")]
-                })], i);
+                return R([B(t, {
+                  props: [j(i, /:(read-\w+)/, ":" + re + "$1")]
+                })], s);
               case "::placeholder":
-                return R([F(t, {
-                  props: [j(s, /:(plac\w+)/, ":" + g + "input-$1")]
-                }), F(t, {
-                  props: [j(s, /:(plac\w+)/, ":" + re + "$1")]
-                }), F(t, {
-                  props: [j(s, /:(plac\w+)/, T + "input-$1")]
-                })], i);
+                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+)/, T + "input-$1")]
+                })], s);
             }
             return "";
           });
     }
-}, vt = [bt], Ut = function(t) {
+}, bt = [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.
@@ -569,25 +569,25 @@ If multiple caches share the same key they might "fight" for each other's style
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
     Array.prototype.forEach.call(n, function(D) {
-      var p = D.getAttribute("data-emotion");
-      p.indexOf(" ") !== -1 && (document.head.appendChild(D), D.setAttribute("data-s", ""));
+      var O = D.getAttribute("data-emotion");
+      O.indexOf(" ") !== -1 && (document.head.appendChild(D), D.setAttribute("data-s", ""));
     });
   }
-  var i = t.stylisPlugins || vt;
+  var s = t.stylisPlugins || bt;
   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 s = {}, o, c = [];
+  var i = {}, o, c = [];
   o = 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 p = D.getAttribute("data-emotion").split(" "), y = 1; y < p.length; y++)
-        s[p[y]] = !0;
+      for (var O = D.getAttribute("data-emotion").split(" "), y = 1; y < O.length; y++)
+        i[O[y]] = !0;
       c.push(D);
     }
   );
-  var a, M = [Et, mt];
+  var a, M = [Lt, mt];
   process.env.NODE_ENV !== "production" && M.push(kt({
     get compat() {
       return z.compat;
@@ -595,23 +595,23 @@ If multiple caches share the same key they might "fight" for each other's style
   }), Ct);
   {
     var u, l = [zt, process.env.NODE_ENV !== "production" ? function(D) {
-      D.root || (D.return ? u.insert(D.return) : D.value && D.type !== de && u.insert(D.value + "{}"));
+      D.root || (D.return ? u.insert(D.return) : D.value && D.type !== fe && u.insert(D.value + "{}"));
     } : At(function(D) {
       u.insert(D);
-    })], I = ht(M.concat(i, l)), O = function(p) {
-      return R(yt(p), I);
+    })], d = ht(M.concat(s, l)), p = function(O) {
+      return R(yt(O), d);
     };
-    a = function(p, y, h, w) {
+    a = function(O, y, h, S) {
       u = h, process.env.NODE_ENV !== "production" && y.map !== void 0 && (u = {
         insert: function(Q) {
           h.insert(Q + y.map);
         }
-      }), O(p ? p + "{" + y.styles + "}" : y.styles), w && (z.inserted[y.name] = !0);
+      }), p(O ? O + "{" + y.styles + "}" : y.styles), S && (z.inserted[y.name] = !0);
     };
   }
   var z = {
     key: r,
-    sheet: new it({
+    sheet: new st({
       key: r,
       container: o,
       nonce: t.nonce,
@@ -620,20 +620,20 @@ If multiple caches share the same key they might "fight" for each other's style
       insertionPoint: t.insertionPoint
     }),
     nonce: t.nonce,
-    inserted: s,
+    inserted: i,
     registered: {},
     insert: a
   };
   return z.sheet.hydrate(c), z;
 };
 function Yt(e) {
-  for (var t = 0, r, n = 0, i = e.length; i >= 4; ++n, i -= 4)
+  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: */
     r >>> 24, t = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
-  switch (i) {
+  switch (s) {
     case 3:
       t ^= (e.charCodeAt(n + 2) & 255) << 16;
     case 2:
@@ -693,10 +693,10 @@ var Qt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Ee = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+}, Le = `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, Be = /_EMO_([^_]+?)_([^]*?)_EMO_/g, he = function(t) {
+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) {
   return t.charCodeAt(1) === 45;
 }, me = function(t) {
   return t != null && typeof t != "boolean";
@@ -707,34 +707,34 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Be, function(n, i, s) {
+        return r.replace(_e, function(n, s, i) {
           return m = {
-            name: i,
-            styles: s,
+            name: s,
+            styles: i,
             next: m
-          }, i;
+          }, s;
         });
   }
   return Qt[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/, Zt = ["normal", "none", "initial", "inherit", "unset"], Pt = ne, Bt = /^-ms-/, Ft = /-(.)/g, xe = {};
+  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" || Zt.indexOf(r) === -1 && !Vt.test(r) && (r.charAt(0) !== r.charAt(r.length - 1) || r.charAt(0) !== '"' && r.charAt(0) !== "'")))
+    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) !== "'")))
       throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + r + "\"'`");
-    var n = Pt(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(Bt, "ms-").replace(Ft, function(i, s) {
-      return s.toUpperCase();
+    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) {
+      return i.toUpperCase();
     }) + "?")), n;
   };
 }
-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) {
+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) {
   if (r == null)
     return "";
   if (r.__emotion_styles !== void 0) {
     if (process.env.NODE_ENV !== "production" && r.toString() === "NO_COMPONENT_SELECTOR")
-      throw new Error(Fe);
+      throw new Error(Be);
     return r;
   }
   switch (typeof r) {
@@ -756,24 +756,24 @@ function H(e, t, r) {
               styles: n.styles,
               next: m
             }, n = n.next;
-        var i = r.styles + ";";
-        return process.env.NODE_ENV !== "production" && r.map !== void 0 && (i += r.map), i;
+        var s = r.styles + ";";
+        return process.env.NODE_ENV !== "production" && r.map !== void 0 && (s += r.map), s;
       }
-      return Gt(e, t, r);
+      return Wt(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
-        var s = m, o = r(e);
-        return m = s, H(e, t, o);
+        var i = m, o = r(e);
+        return m = i, J(e, t, o);
       } 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 c = [], a = r.replace(Be, function(u, l, I) {
-          var O = "animation" + c.length;
-          return c.push("const " + O + " = keyframes`" + I.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + O + "}";
+        var c = [], a = r.replace(_e, function(u, l, d) {
+          var p = "animation" + c.length;
+          return c.push("const " + p + " = keyframes`" + d.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + p + "}";
         });
         c.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(c, ["`" + a + "`"]).join(`
 `) + `
@@ -789,60 +789,60 @@ You should wrap it with \`css\` like this:
   var M = t[r];
   return M !== void 0 ? M : r;
 }
-function Gt(e, t, r) {
+function Wt(e, t, r) {
   var n = "";
   if (Array.isArray(r))
-    for (var i = 0; i < r.length; i++)
-      n += H(e, t, r[i]) + ";";
+    for (var s = 0; s < r.length; s++)
+      n += J(e, t, r[s]) + ";";
   else
-    for (var s in r) {
-      var o = r[s];
+    for (var i in r) {
+      var o = r[i];
       if (typeof o != "object")
-        t != null && t[o] !== void 0 ? n += s + "{" + t[o] + "}" : me(o) && (n += ae(s) + ":" + ne(s, o) + ";");
+        t != null && t[o] !== void 0 ? n += i + "{" + t[o] + "}" : me(o) && (n += ae(i) + ":" + ne(i, o) + ";");
       else {
-        if (s === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
-          throw new Error(Fe);
+        if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
+          throw new Error(Be);
         if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0))
           for (var c = 0; c < o.length; c++)
-            me(o[c]) && (n += ae(s) + ":" + ne(s, o[c]) + ";");
+            me(o[c]) && (n += ae(i) + ":" + ne(i, o[c]) + ";");
         else {
-          var a = H(e, t, o);
-          switch (s) {
+          var a = J(e, t, o);
+          switch (i) {
             case "animation":
             case "animationName": {
-              n += ae(s) + ":" + a + ";";
+              n += ae(i) + ":" + a + ";";
               break;
             }
             default:
-              process.env.NODE_ENV !== "production" && s === "undefined" && console.error($t), n += s + "{" + a + "}";
+              process.env.NODE_ENV !== "production" && i === "undefined" && console.error($t), n += i + "{" + a + "}";
           }
         }
       }
     }
   return n;
 }
-var we = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Ge;
-process.env.NODE_ENV !== "production" && (Ge = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
+var we = /label:\s*([^\s;\n{]+)\s*(;|$)/g, We;
+process.env.NODE_ENV !== "production" && (We = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
 var m, Me = function(t, r, n) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
     return t[0];
-  var i = !0, s = "";
+  var s = !0, i = "";
   m = void 0;
   var o = t[0];
-  o == null || o.raw === void 0 ? (i = !1, s += H(n, r, o)) : (process.env.NODE_ENV !== "production" && o[0] === void 0 && console.error(Ee), s += o[0]);
+  o == null || o.raw === void 0 ? (s = !1, i += J(n, r, o)) : (process.env.NODE_ENV !== "production" && o[0] === void 0 && console.error(Le), i += o[0]);
   for (var c = 1; c < t.length; c++)
-    s += H(n, r, t[c]), i && (process.env.NODE_ENV !== "production" && o[c] === void 0 && console.error(Ee), s += o[c]);
+    i += J(n, r, t[c]), s && (process.env.NODE_ENV !== "production" && o[c] === void 0 && console.error(Le), i += o[c]);
   var a;
-  process.env.NODE_ENV !== "production" && (s = s.replace(Ge, function(I) {
-    return a = I, "";
+  process.env.NODE_ENV !== "production" && (i = i.replace(We, function(d) {
+    return a = d, "";
   })), we.lastIndex = 0;
-  for (var M = "", u; (u = we.exec(s)) !== null; )
+  for (var M = "", u; (u = we.exec(i)) !== null; )
     M += "-" + // $FlowFixMe we know it's not null
     u[1];
-  var l = Yt(s) + M;
+  var l = Yt(i) + M;
   return process.env.NODE_ENV !== "production" ? {
     name: l,
-    styles: s,
+    styles: i,
     map: a,
     next: m,
     toString: function() {
@@ -850,18 +850,18 @@ var m, Me = function(t, r, n) {
     }
   } : {
     name: l,
-    styles: s,
+    styles: i,
     next: m
   };
-}, Wt = !0;
-function We(e, t, r) {
+}, Zt = !0;
+function Ze(e, t, r) {
   var n = "";
-  return r.split(" ").forEach(function(i) {
-    e[i] !== void 0 ? t.push(e[i] + ";") : n += i + " ";
+  return r.split(" ").forEach(function(s) {
+    e[s] !== void 0 ? t.push(e[s] + ";") : n += s + " ";
   }), n;
 }
-var _t = function(t, r, n) {
-  var i = t.key + "-" + r.name;
+var Gt = 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
   // the tree but if it's a string tag, we know it won't
@@ -871,15 +871,15 @@ var _t = function(t, r, n) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Wt === !1) && t.registered[i] === void 0 && (t.registered[i] = r.styles);
-}, Ht = function(t, r, n) {
-  _t(t, r, n);
-  var i = t.key + "-" + r.name;
+  Zt === !1) && t.registered[s] === void 0 && (t.registered[s] = r.styles);
+}, Jt = function(t, r, n) {
+  Gt(t, r, n);
+  var s = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
-    var s = r;
+    var i = r;
     do
-      t.insert(r === s ? "." + i : "", s, t.sheet, !0), s = s.next;
-    while (s !== void 0);
+      t.insert(r === i ? "." + s : "", i, t.sheet, !0), i = i.next;
+    while (i !== void 0);
   }
 };
 function ke(e, t) {
@@ -887,10 +887,10 @@ function ke(e, t) {
     return e.insert("", t, e.sheet, !0);
 }
 function Se(e, t, r) {
-  var n = [], i = We(e, n, r);
-  return n.length < 2 ? r : i + t(n);
+  var n = [], s = Ze(e, n, r);
+  return n.length < 2 ? r : s + t(n);
 }
-var Jt = function(t) {
+var Ht = function(t) {
   var r = Ut(t);
   r.sheet.speedy = function(c) {
     if (process.env.NODE_ENV !== "production" && this.ctr !== 0)
@@ -901,16 +901,16 @@ var Jt = function(t) {
     for (var a = arguments.length, M = new Array(a), u = 0; u < a; u++)
       M[u] = arguments[u];
     var l = Me(M, r.registered, void 0);
-    return Ht(r, l, !1), r.key + "-" + l.name;
-  }, i = function() {
+    return Jt(r, l, !1), r.key + "-" + l.name;
+  }, s = function() {
     for (var a = arguments.length, M = new Array(a), u = 0; u < a; u++)
       M[u] = arguments[u];
-    var l = Me(M, r.registered), I = "animation-" + l.name;
+    var l = Me(M, r.registered), d = "animation-" + l.name;
     return ke(r, {
       name: l.name,
-      styles: "@keyframes " + I + "{" + l.styles + "}"
-    }), I;
-  }, s = function() {
+      styles: "@keyframes " + d + "{" + l.styles + "}"
+    }), d;
+  }, i = function() {
     for (var a = arguments.length, M = new Array(a), u = 0; u < a; u++)
       M[u] = arguments[u];
     var l = Me(M, r.registered);
@@ -923,8 +923,8 @@ var Jt = function(t) {
   return {
     css: n,
     cx: o,
-    injectGlobal: s,
-    keyframes: i,
+    injectGlobal: i,
+    keyframes: s,
     hydrate: function(a) {
       a.forEach(function(M) {
         r.inserted[M] = !0;
@@ -936,50 +936,50 @@ var Jt = function(t) {
     // $FlowFixMe
     sheet: r.sheet,
     cache: r,
-    getRegisteredStyles: We.bind(null, r.registered),
+    getRegisteredStyles: Ze.bind(null, r.registered),
     merge: Se.bind(null, r.registered, n)
   };
 }, Kt = function e(t) {
   for (var r = "", n = 0; n < t.length; n++) {
-    var i = t[n];
-    if (i != null) {
-      var s = void 0;
-      switch (typeof i) {
+    var s = t[n];
+    if (s != null) {
+      var i = void 0;
+      switch (typeof s) {
         case "boolean":
           break;
         case "object": {
-          if (Array.isArray(i))
-            s = e(i);
+          if (Array.isArray(s))
+            i = e(s);
           else {
-            s = "";
-            for (var o in i)
-              i[o] && o && (s && (s += " "), s += o);
+            i = "";
+            for (var o in s)
+              s[o] && o && (i && (i += " "), i += o);
           }
           break;
         }
         default:
-          s = i;
+          i = s;
       }
-      s && (r && (r += " "), r += s);
+      i && (r && (r += " "), r += i);
     }
   }
   return r;
-}, _e = Jt({
+}, Ge = Ht({
   key: "css"
-}), Xt = _e.injectGlobal, $ = _e.css;
-const He = ge({}), br = (e) => {
-  const { children: t } = e, [r, n] = v(
+}), qt = Ge.injectGlobal, $ = Ge.css;
+const Je = ge({}), Sr = (e) => {
+  const { children: t } = e, [r, n] = w(
     localStorage.theme ?? "dark"
-  ), i = je(() => {
+  ), s = je(() => {
     n(r === "dark" ? "light" : "dark");
   }, [r]);
-  U(() => {
+  k(() => {
     r === "dark" ? (localStorage.theme = "dark", document.documentElement.classList.add("dark")) : (localStorage.theme = "light", document.documentElement.classList.remove("dark")), r === "OS" && localStorage.removeItem("theme");
   }, [r]);
-  const s = { mode: r, setMode: n, toggleMode: i };
-  return /* @__PURE__ */ N(He.Provider, { value: s, children: t });
-}, qt = () => {
-  const e = De(He);
+  const i = { mode: r, setMode: n, toggleMode: s };
+  return /* @__PURE__ */ N(Je.Provider, { value: i, children: t });
+}, Xt = () => {
+  const e = De(Je);
   if (!e)
     throw new Error("modeContext must be used within a Provider");
   return e;
@@ -1036,63 +1036,63 @@ const He = ge({}), br = (e) => {
     default: "#007EA8",
     dark: "#005875"
   }
-}, be = (e, t) => ({
+}, ve = (e, t) => ({
   basics: e,
   ...t
-}), G = {
-  dark: be(er, Ce),
-  light: be(tr, Ce)
-}, Je = ge({}), S = (e, t, r = "") => `${e === "light" ? "" : `.${e}`} ${r}${t.length && t !== "body" ? "." : ""}${t}`, vr = (e) => {
-  const { mode: t } = qt(), { children: r, theme: n } = e, i = J(() => n ? n[t] || G[t] || G.dark : G[t] || G.light, [t]);
-  return U(() => {
-    const s = {}, o = { ...G, ...n };
+}), W = {
+  dark: ve(er, Ce),
+  light: ve(tr, Ce)
+}, He = ge({}), v = (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 = {}, o = { ...W, ...n };
     for (const c of Object.keys(o)) {
-      s[S(c, "body")] = {
+      i[v(c, "body")] = {
         backgroundColor: o[c].basics.dark,
         color: o[c].basics.text
       };
       for (const a of Object.keys(o[c])) {
         const M = a;
-        s[S(c, a)] = {
+        i[v(c, a)] = {
           color: a === "basics" ? o[c][M].text : o[c][M].default
         };
         const u = {
           color: o[c][M].light,
           backgroundColor: `${o[c][M].light}2f`
         };
-        s[S(c, a, ".button:hover")] = u, s[S(c, a, "button:hover")] = u;
+        i[v(c, a, ".button:hover")] = u, i[v(c, a, "button:hover")] = u;
         const l = {
           color: o[c][M].text,
           backgroundColor: o[c][M].default
         };
-        s[S(c, a, ".filled")] = l;
-        const I = {
+        i[v(c, a, ".filled")] = l;
+        const d = {
           color: o[c][M].text,
           backgroundColor: o[c][M].light
         };
-        s[S(c, a, ".button.filled:hover")] = I, s[S(c, a, "button.filled:hover")] = I;
-        const O = {
+        i[v(c, a, ".button.filled:hover")] = d, i[v(c, a, "button.filled:hover")] = d;
+        const p = {
           color: o[c][M].default,
           borderColor: o[c][M].default
         };
-        s[S(c, a, ".outlined")] = O;
+        i[v(c, a, ".outlined")] = p;
         const z = {
           color: o[c][M].text,
           borderColor: o[c][M].light,
           backgroundColor: o[c][M].light
         };
-        s[S(c, a, ".button.outlined:hover")] = z, s[S(c, a, "button.outlined:hover")] = z;
+        i[v(c, a, ".button.outlined:hover")] = z, i[v(c, a, "button.outlined:hover")] = z;
       }
     }
-    Xt({ ...s });
-  }, []), /* @__PURE__ */ N(Je.Provider, { value: { colors: i }, children: r });
+    qt({ ...i });
+  }, []), /* @__PURE__ */ N(He.Provider, { value: { colors: s }, children: r });
 }, Y = () => {
-  const e = De(Je);
+  const e = De(He);
   if (!e)
     throw new Error("modeContext must be used within a Provider");
   return e;
 }, rr = (e, t, r) => {
-  const n = {}, i = {
+  const n = {}, s = {
     filled: () => {
       n.color = e[t].text, n.backgroundColor = e[t].default, n["&:hover"] = {
         backgroundColor: e[t].light
@@ -1116,20 +1116,20 @@ const He = ge({}), br = (e) => {
       };
     }
   };
-  return (i[r] || i.text)(), { root: $({ ...n }) };
-}, nr = Z(function(e, t) {
-  const { color: r = "primary", type: n = "button", shape: i = "text", ...s } = e, { colors: o } = Y(), c = rr(o, r, i);
+  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: o } = Y(), c = rr(o, r, s);
   return /* @__PURE__ */ N(
     "button",
     {
       type: n,
       ref: t,
-      ...s,
-      className: `button ${i} ${c.root} ${s.className}`,
-      children: s.children
+      ...i,
+      className: `button ${s} ${c.root} ${i.className}`,
+      children: i.children
     }
   );
-}), Ke = nr, ir = Z(function(e, t) {
+}), Ke = nr, sr = P(function(e, t) {
   const { icon: r, ...n } = e;
   return /* @__PURE__ */ N(
     Ke,
@@ -1141,7 +1141,7 @@ const He = ge({}), br = (e) => {
       children: r
     }
   );
-}), sr = ir, Ae = (e, t) => {
+}), ir = sr, Ae = (e, t) => {
   const r = {
     color: e[t].text,
     backgroundColor: e[t].default,
@@ -1153,16 +1153,16 @@ const He = ge({}), br = (e) => {
   return {
     input: $({ ...r })
   };
-}, or = Z(function(e, t) {
+}, or = P(function(e, t) {
   const {
     helperText: r = "",
     orientation: n = "column",
-    color: i = "basics",
-    label: s,
+    color: s = "basics",
+    label: i,
     ...o
-  } = e, { colors: c } = Y(), a = Ae(c, i);
+  } = e, { colors: c } = Y(), a = Ae(c, s);
   return /* @__PURE__ */ x("div", { className: `input-control ${n}`, children: [
-    /* @__PURE__ */ N("label", { className: i, htmlFor: e.id, children: s }),
+    /* @__PURE__ */ N("label", { className: s, htmlFor: e.id, children: i }),
     /* @__PURE__ */ N(
       "textarea",
       {
@@ -1171,49 +1171,49 @@ const He = ge({}), br = (e) => {
         ref: t
       }
     ),
-    r && r.length ? /* @__PURE__ */ N("p", { className: i, children: r }) : null
+    r && r.length ? /* @__PURE__ */ N("p", { className: s, children: r }) : null
   ] });
-}), Ur = or, cr = Z(function(e, t) {
+}), vr = or, cr = P(function(e, t) {
   const {
     helperText: r = "",
     orientation: n = "column",
-    color: i = "basics",
-    leftComponent: s,
+    color: s = "basics",
+    leftComponent: i,
     rightComponent: o,
     label: c,
     ...a
-  } = e, { colors: M } = Y(), u = Ae(M, i), l = J(
+  } = e, { colors: M } = Y(), u = Ae(M, s), l = H(
     () => /* @__PURE__ */ N(
       "select",
       {
         ...a,
         ref: t,
-        className: `${s ? "s-no-padding-left" : ""} ${o ? "s-no-padding-right" : ""} ${u.input} ${a.className ?? ""}`,
+        className: `${i ? "s-no-padding-left" : ""} ${o ? "s-no-padding-right" : ""} ${u.input} ${a.className ?? ""}`,
         children: a.children
       }
     ),
-    [s, o, a, t, u]
+    [i, o, a, t, u]
   );
   return /* @__PURE__ */ x("div", { className: `input-control ${n}`, children: [
-    /* @__PURE__ */ N("label", { className: i, htmlFor: e.id, children: c }),
-    s || o ? /* @__PURE__ */ x("div", { className: `sub ${u.input}`, children: [
-      s && s !== null ? /* @__PURE__ */ N("div", { children: s }) : null,
+    /* @__PURE__ */ N("label", { className: s, htmlFor: e.id, children: c }),
+    i || o ? /* @__PURE__ */ x("div", { className: `sub ${u.input}`, children: [
+      i && i !== null ? /* @__PURE__ */ N("div", { children: i }) : null,
       l,
       o && o !== null ? /* @__PURE__ */ N("div", { children: o }) : null
     ] }) : l,
-    r && r.length ? /* @__PURE__ */ N("p", { className: i, children: r }) : null
+    r && r.length ? /* @__PURE__ */ N("p", { className: s, children: r }) : null
   ] });
-}), Yr = cr, ar = Z(function(e, t) {
+}), br = cr, ar = P(function(e, t) {
   const {
     helperText: r = "",
     orientation: n = "column",
-    color: i = "basics",
-    leftComponent: s,
+    color: s = "basics",
+    leftComponent: i,
     rightComponent: o,
     label: c,
     type: a = "text",
     ...M
-  } = e, u = J(() => [
+  } = e, u = H(() => [
     "date",
     "datetime-local",
     "email",
@@ -1223,18 +1223,18 @@ const He = ge({}), br = (e) => {
     "tel",
     "time",
     "url"
-  ].includes(a) ? a : "text", [a]), { colors: l } = Y(), I = Ae(l, i);
+  ].includes(a) ? a : "text", [a]), { colors: l } = Y(), d = Ae(l, s);
   return /* @__PURE__ */ x("div", { className: `input-control ${n}`, children: [
-    /* @__PURE__ */ N("label", { className: i, htmlFor: e.id, children: c }),
-    s || o ? /* @__PURE__ */ x("div", { className: `sub ${I.input}`, children: [
-      s && s !== null ? /* @__PURE__ */ N("div", { className: "", children: s }) : null,
+    /* @__PURE__ */ N("label", { className: s, htmlFor: e.id, children: c }),
+    i || o ? /* @__PURE__ */ x("div", { className: `sub ${d.input}`, children: [
+      i && i !== null ? /* @__PURE__ */ N("div", { className: "", children: i }) : null,
       /* @__PURE__ */ N(
         "input",
         {
           ...M,
           type: u,
           ref: t,
-          className: `${s ? "s-small-padding-left" : ""} ${o ? "s-small-padding-right" : ""} ${I.input} ${M.className ?? ""}`
+          className: `${i ? "s-small-padding-left" : ""} ${o ? "s-small-padding-right" : ""} ${d.input} ${M.className ?? ""}`
         }
       ),
       o && o !== null ? /* @__PURE__ */ N("div", { children: o }) : null
@@ -1243,40 +1243,40 @@ const He = ge({}), br = (e) => {
       {
         ...M,
         type: a,
-        className: `${I.input} ${M.className ?? ""}`,
+        className: `${d.input} ${M.className ?? ""}`,
         ref: t
       }
     ),
-    r && r.length ? /* @__PURE__ */ N("p", { className: i, children: r }) : null
+    r && r.length ? /* @__PURE__ */ N("p", { className: s, children: r }) : null
   ] });
-}), Qr = ar, Mr = (e, t, r) => {
-  const n = (i) => ({
-    backgroundColor: e[i].default,
+}), Ur = ar, Mr = (e, t, r) => {
+  const n = (s) => ({
+    backgroundColor: e[s].default,
     "& .ball": {
-      backgroundColor: e[i].text
+      backgroundColor: e[s].text
     }
   });
   return {
     root: $({
-      "s-active": n(t),
-      "s-inactive": n(r)
+      ".s-active": n(t),
+      ".s-inactive": n(r)
     })
   };
-}, ur = Z(function(e, t) {
+}, ur = P(function(e, t) {
   const {
     label: r,
     value: n = !1,
-    onChange: i,
-    activeColor: s = "primary",
+    onChange: s,
+    activeColor: i = "primary",
     inactiveColor: o = "secondary",
     id: c,
     className: a
-  } = e, { colors: M } = Y(), u = Mr(M, s, o);
+  } = e, { colors: M } = Y(), u = Mr(M, i, o);
   return /* @__PURE__ */ x(
     "div",
     {
       className: `switcher-root ${u.root} ${a}`,
-      onClick: i,
+      onClick: s,
       children: [
         /* @__PURE__ */ N(
           "input",
@@ -1284,7 +1284,7 @@ const He = ge({}), br = (e) => {
             id: c,
             ref: t,
             checked: n,
-            onChange: i,
+            onChange: s,
             className: "check-input",
             type: "checkbox"
           }
@@ -1294,18 +1294,18 @@ const He = ge({}), br = (e) => {
       ]
     }
   );
-}), $r = ur, Xe = ge({}), Nr = (e, t) => {
-  const { type: r, message: n } = t, i = {
+}), Yr = 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 (!i[t.type])
+  if (!s[t.type])
     throw new Error(`Unhandled action type: ${t.type}`);
-  return i[t.type]();
-}, lr = (e) => e, Rr = (e) => {
+  return s[t.type]();
+}, lr = (e) => e, Qr = (e) => {
   const { children: t } = e, [r, n] = et(
     Nr,
     {
@@ -1314,10 +1314,10 @@ const He = ge({}), br = (e) => {
       message: "message"
     },
     lr
-  ), i = { notification: r, setNotification: n };
-  return /* @__PURE__ */ N(Xe.Provider, { value: i, children: t });
+  ), s = { notification: r, setNotification: n };
+  return /* @__PURE__ */ N(qe.Provider, { value: s, children: t });
 }, gr = () => {
-  const e = De(Xe);
+  const e = De(qe);
   if (e === void 0)
     throw new Error("notificationContext must be used within a Provider");
   return e;
@@ -1326,23 +1326,23 @@ const He = ge({}), br = (e) => {
     backgroundImage: `linear-gradient(to right, ${e.basics.default} calc(50% - 100px), ${e.basics.dark} 50%, ${e.basics.default} calc(50% - 100px));`
   })
 });
-function Vr(e) {
-  const { container: t = {}, ...r } = e, [n, i] = v(!1), { colors: s } = Y(), o = jr(s);
+function $r(e) {
+  const { container: t = {}, ...r } = e, [n, s] = w(!1), { colors: i } = Y(), o = jr(i);
   return /* @__PURE__ */ N(
     "div",
     {
       ...t,
       className: `${n ? null : `box ${o.root}`} ${t.className}`,
-      children: /* @__PURE__ */ N("img", { onLoad: () => i(!0), ...r })
+      children: /* @__PURE__ */ N("img", { onLoad: () => s(!0), ...r })
     }
   );
 }
 const Dr = () => {
-  const [e, t] = v(!1), r = Ie(null);
-  return U(() => {
-    const n = new IntersectionObserver((i) => {
-      i.forEach((s) => {
-        t(s.isIntersecting);
+  const [e, t] = w(!1), r = de(null);
+  return k(() => {
+    const n = new IntersectionObserver((s) => {
+      s.forEach((i) => {
+        t(i.isIntersecting);
       });
     });
     return r.current && n.observe(r.current), () => {
@@ -1350,46 +1350,52 @@ const Dr = () => {
     };
   }, []), { elementRef: r, isElementInViewport: e };
 };
-function Ir(e) {
+function dr(e) {
   const {
     children: t,
     delay: r = 100,
     animation: n = "appear",
-    onVisible: i = !1
-  } = e, { elementRef: s, isElementInViewport: o } = Dr(), [c, a] = v(i !== !0), [M, u] = v(!1);
-  return U(() => {
+    onVisible: s = !1
+  } = e, { elementRef: i, isElementInViewport: o } = Dr(), [c, a] = w(s !== !0), [M, u] = w(!1);
+  return k(() => {
     const l = setTimeout(() => {
       c && u(!0);
     }, r);
     return () => clearTimeout(l);
-  }, [r, c]), U(() => {
+  }, [r, c]), k(() => {
     !c && o && a(!0);
-  }, [o]), /* @__PURE__ */ N("div", { ref: s, className: M && c ? n : "invisible", children: t });
+  }, [o]), /* @__PURE__ */ N("div", { ref: i, className: M && c ? n : "invisible", children: t });
 }
-const qe = tt(
-  (e) => /* @__PURE__ */ N(Ir, { ...e }),
-  dr
+const Xe = tt(
+  (e) => /* @__PURE__ */ N(dr, { ...e }),
+  fr
 );
-qe.displayName = "PrintAfter";
-function dr(e, t) {
+Xe.displayName = "PrintAfter";
+function fr(e, t) {
   return e.delay === t.delay && e.animation === t.animation && e.children === t.children && e.onVisible === t.onVisible;
 }
-const Zr = qe, yr = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM0Mi42IDE1MC42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDE5MiAyMTAuNyA4Ni42IDEwNS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM0wxNDYuNyAyNTYgNDEuNCAzNjEuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMEwxOTIgMzAxLjMgMjk3LjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBzMTIuNS0zMi44IDAtNDUuM0wyMzcuMyAyNTYgMzQyLjYgMTUwLjZ6Ii8+PC9zdmc+", fr = (e, t) => ({
-  root: {
+const Rr = Xe, yr = (e, t) => {
+  const r = {
     color: e[t].text,
-    backgroundColor: e[t].default
-  }
-});
-function Pr(e) {
-  const { closeProps: t } = e, { notification: r, setNotification: n } = gr(), [i, s] = v(!1), [o, c] = v(!1);
-  U(() => {
-    r.visible && (s(!0), c(!0), setTimeout(() => {
+    backgroundColor: e[t].default,
+    ".close-notification-icon": {
+      fill: e[t].text
+    }
+  };
+  return {
+    root: $(r)
+  };
+};
+function Vr(e) {
+  const { closeProps: t } = e, { notification: r, setNotification: n } = gr(), [s, i] = w(!1), [o, c] = w(!1);
+  k(() => {
+    r.visible && (i(!0), c(!0), setTimeout(() => {
       n({ type: "hide" });
     }, 6e3));
   }, [r, n]);
   const a = je(() => {
-    i && s(!1), o && setTimeout(() => c(!1), 400), n({ type: "hide" });
-  }, [i, o, n]), M = J(() => {
+    s && i(!1), o && setTimeout(() => c(!1), 400), n({ type: "hide" });
+  }, [s, o, n]), M = H(() => {
     switch (r.type) {
       case "info":
         return "info";
@@ -1400,28 +1406,29 @@ function Pr(e) {
       default:
         return "error";
     }
-  }, [r]), u = Ie(null);
-  U(() => (o ? window.addEventListener("click", a) : window.removeEventListener("click", a), () => {
+  }, [r]), u = de(null);
+  k(() => (o ? window.addEventListener("click", a) : window.removeEventListener("click", a), () => {
     window.removeEventListener("click", a);
   }), [o, u, a]);
-  const { colors: l } = Y(), I = fr(l, M);
+  const { colors: l } = Y(), d = yr(l, M);
   return /* @__PURE__ */ N(
     "div",
     {
       ref: u,
-      className: `notification-root ${I.root} ${i ? "appear" : "disappear"}`,
+      className: `notification-root ${d.root} ${s ? "appear" : "disappear"}`,
       children: o ? /* @__PURE__ */ x("div", { className: "notification", children: [
         /* @__PURE__ */ N(
-          sr,
+          ir,
           {
             name: "close-notification",
             ...t,
             icon: /* @__PURE__ */ N(
-              "img",
+              "svg",
               {
                 className: "close-notification-icon",
-                src: yr,
-                alt: "font awesome close 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,
@@ -1435,22 +1442,22 @@ function Pr(e) {
     }
   );
 }
-const zr = (e, t, r) => {
+const Ir = (e, t, r) => {
   const n = {};
   return r ? (n.backgroundColor = e[t].text, n["& .path"] = {
     stroke: e[t].default
   }) : (n.backgroundColor = e[t].default, n["& .path"] = {
     stroke: e[t].text
   }), { root: $({ ...n }) };
-}, hr = (e) => {
+}, zr = (e) => {
   const {
     color: t = "primary",
     colorInverted: r = !1,
     loaderClass: n = "",
-    strokeWidth: i = "4",
-    ...s
-  } = e, { colors: o } = Y(), c = zr(o, t, r);
-  return /* @__PURE__ */ N("div", { ...s, className: `loading ${c.root} ${s.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(
+    strokeWidth: s = "4",
+    ...i
+  } = e, { colors: o } = Y(), c = Ir(o, t, r);
+  return /* @__PURE__ */ N("div", { ...i, className: `loading ${c.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",
     {
       className: "path",
@@ -1458,15 +1465,15 @@ const zr = (e, t, r) => {
       cy: "50",
       r: "20",
       fill: "none",
-      strokeWidth: i,
+      strokeWidth: s,
       strokeMiterlimit: "10"
     }
   ) }) }) }) });
-}, Ar = hr, ve = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA4NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc2NDcgMzEuOTA3OEMxNy4yODcyIDMxLjkwNzggMTUuOTYzMSAzMS42Njc5IDE0Ljc5MjYgMzEuMTg4M0MxMy42MjIxIDMwLjcwODYgMTIuNjgxOSAyOS45OTg1IDExLjk3MTkgMjkuMDU4M0MxMS4yODExIDI4LjExODEgMTAuOTE2NSAyNi45ODU5IDEwLjg3ODEgMjUuNjYxOUgxNi4xMTY3QzE2LjE5MzQgMjYuNDEwMyAxNi40NTI1IDI2Ljk4NTkgMTYuODkzOCAyNy4zODg5QzE3LjMzNTEgMjcuNzcyNyAxNy45MTA4IDI3Ljk2NDYgMTguNjIwOCAyNy45NjQ2QzE5LjM1IDI3Ljk2NDYgMTkuOTI1NiAyNy44MDE1IDIwLjM0NzggMjcuNDc1MkMyMC43Njk5IDI3LjEyOTggMjAuOTgxIDI2LjY1OTYgMjAuOTgxIDI2LjA2NDlDMjAuOTgxIDI1LjU2NTkgMjAuODA4MyAyNS4xNTM1IDIwLjQ2MjkgMjQuODI3MkMyMC4xMzY3IDI0LjUwMDkgMTkuNzI0MSAyNC4yMzI0IDE5LjIyNTIgMjQuMDIxM0MxOC43NDU1IDIzLjgxMDEgMTguMDU0NyAyMy41NzA0IDE3LjE1MjggMjMuMzAxN0MxNS44NDggMjIuODk4NyAxNC43ODMgMjIuNDk1OCAxMy45NTc5IDIyLjA5MjhDMTMuMTMyOCAyMS42ODk4IDEyLjQyMjggMjEuMDk1IDExLjgyOCAyMC4zMDgzQzExLjIzMzEgMTkuNTIxNSAxMC45MzU3IDE4LjQ5NDkgMTAuOTM1NyAxNy4yMjg1QzEwLjkzNTcgMTUuMzQ4IDExLjYxNjkgMTMuODggMTIuOTc5MyAxMi44MjQ3QzE0LjM0MTcgMTEuNzUwMSAxNi4xMTY3IDExLjIxMjggMTguMzA0MiAxMS4yMTI4QzIwLjUzMDEgMTEuMjEyOCAyMi4zMjQyIDExLjc1MDEgMjMuNjg2NiAxMi44MjQ3QzI1LjA0OTEgMTMuODggMjUuNzc4MSAxNS4zNTc2IDI1Ljg3NDEgMTcuMjU3M0gyMC41NDkyQzIwLjUxMDkgMTYuNjA0OCAyMC4yNzEgMTYuMDk2MyAxOS44Mjk3IDE1LjczMThDMTkuMzg4MyAxNS4zNDggMTguODIyMyAxNS4xNTYxIDE4LjEzMTUgMTUuMTU2MUMxNy41MzY2IDE1LjE1NjEgMTcuMDU2OSAxNS4zMTkyIDE2LjY5MjMgMTUuNjQ1NEMxNi4zMjc3IDE1Ljk1MjQgMTYuMTQ1NCAxNi40MDM0IDE2LjE0NTQgMTYuOTk4MkMxNi4xNDU0IDE3LjY1MDYgMTYuNDUyNSAxOC4xNTkxIDE3LjA2NjUgMTguNTIzN0MxNy42ODA1IDE4Ljg4ODMgMTguNjQgMTkuMjgxNyAxOS45NDQ4IDE5LjcwMzhDMjEuMjQ5NiAyMC4xNDUyIDIyLjMwNSAyMC41NjczIDIzLjExMDkgMjAuOTcwM0MyMy45MzYgMjEuMzczMiAyNC42NDYxIDIxLjk1ODUgMjUuMjQwOSAyMi43MjZDMjUuODM1NyAyMy40OTM1IDI2LjEzMzIgMjQuNDgxOCAyNi4xMzMyIDI1LjY5MDdDMjYuMTMzMiAyNi44NDIgMjUuODM1NyAyNy44ODc5IDI1LjI0MDkgMjguODI4QzI0LjY2NTIgMjkuNzY4MiAyMy44MjA4IDMwLjUxNjYgMjIuNzA4IDMxLjA3MzFDMjEuNTk1IDMxLjYyOTcgMjAuMjgwNiAzMS45MDc4IDE4Ljc2NDcgMzEuOTA3OFpNMzEuNjM3NSAxMy45NzZDMzAuNzc0IDEzLjk3NiAzMC4wNjQxIDEzLjcyNjUgMjkuNTA3NSAxMy4yMjc2QzI4Ljk3MDMgMTIuNzA5NSAyOC43MDE2IDEyLjA3NjMgMjguNzAxNiAxMS4zMjc5QzI4LjcwMTYgMTAuNTYwNCAyOC45NzAzIDkuOTI3MTggMjkuNTA3NSA5LjQyODI3QzMwLjA2NDEgOC45MTAxNyAzMC43NzQgOC42NTExMiAzMS42Mzc1IDguNjUxMTJDMzIuNDgxOCA4LjY1MTEyIDMzLjE3MjYgOC45MTAxNyAzMy43MDk5IDkuNDI4MjdDMzQuMjY2NCA5LjkyNzE4IDM0LjU0NDYgMTAuNTYwNCAzNC41NDQ2IDExLjMyNzlDMzQuNTQ0NiAxMi4wNzYzIDM0LjI2NjQgMTIuNzA5NSAzMy43MDk5IDEzLjIyNzZDMzMuMTcyNiAxMy43MjY1IDMyLjQ4MTggMTMuOTc2IDMxLjYzNzUgMTMuOTc2Wk0zNC4wODQgMTUuNjQ1NFYzMS43MDYzSDI5LjE2MjFWMTUuNjQ1NEgzNC4wODRaTTQ2LjYwMjQgMjcuNTMyOFYzMS43MDYzSDQ0LjA5ODNDNDIuMzEzNyAzMS43MDYzIDQwLjkyMjUgMzEuMjc0NiAzOS45MjQ3IDMwLjQxMTFDMzguOTI3IDI5LjUyODUgMzguNDI4IDI4LjA5ODggMzguNDI4IDI2LjEyMjRWMTkuNzMyNkgzNi40NzA4VjE1LjY0NTRIMzguNDI4VjExLjczMDlINDMuMzQ5OVYxNS42NDU0SDQ2LjU3MzZWMTkuNzMyNkg0My4zNDk5VjI2LjE4QzQzLjM0OTkgMjYuNjU5NiA0My40NjUxIDI3LjAwNSA0My42OTUzIDI3LjIxNjJDNDMuOTI1NiAyNy40MjczIDQ0LjMwOTQgMjcuNTMyOCA0NC44NDY2IDI3LjUzMjhINDYuNjAyNFpNNTYuNjU0OSAzMS45MzY2QzU1LjA4MTUgMzEuOTM2NiA1My42NjE1IDMxLjYwMDkgNTIuMzk1IDMwLjkyOTJDNTEuMTQ3NyAzMC4yNTc1IDUwLjE1OTYgMjkuMjk4MiA0OS40MzAzIDI4LjA1MDlDNDguNzIwNCAyNi44MDM2IDQ4LjM2NTQgMjUuMzQ1MyA0OC4zNjU0IDIzLjY3NTlDNDguMzY1NCAyMi4wMjU2IDQ4LjcyOTkgMjAuNTc2OSA0OS40NTkxIDE5LjMyOTZDNTAuMTg4NCAxOC4wNjMyIDUxLjE4NjEgMTcuMDk0MiA1Mi40NTI2IDE2LjQyMjVDNTMuNzE5IDE1Ljc1MDkgNTUuMTM5MSAxNS40MTUxIDU2LjcxMjUgMTUuNDE1MUM1OC4yODU5IDE1LjQxNTEgNTkuNzA1OSAxNS43NTA5IDYwLjk3MjMgMTYuNDIyNUM2Mi4yMzg4IDE3LjA5NDIgNjMuMjM2NSAxOC4wNjMyIDYzLjk2NTggMTkuMzI5NkM2NC42OTUgMjAuNTc2OSA2NS4wNTk1IDIyLjAyNTYgNjUuMDU5NSAyMy42NzU5QzY1LjA1OTUgMjUuMzI2MiA2NC42ODU0IDI2Ljc4NDQgNjMuOTM3IDI4LjA1MDlDNjMuMjA3OCAyOS4yOTgyIDYyLjIwMDMgMzAuMjU3NSA2MC45MTQ4IDMwLjkyOTJDNTkuNjQ4MyAzMS42MDA5IDU4LjIyODMgMzEuOTM2NiA1Ni42NTQ5IDMxLjkzNjZaTTU2LjY1NDkgMjcuNjc2N0M1Ny41OTUxIDI3LjY3NjcgNTguMzkxNSAyNy4zMzEzIDU5LjA0MzkgMjYuNjQwNUM1OS43MTU2IDI1Ljk0OTcgNjAuMDUxMyAyNC45NjE0IDYwLjA1MTMgMjMuNjc1OUM2MC4wNTEzIDIyLjM5MDIgNTkuNzI1IDIxLjQwMiA1OS4wNzI3IDIwLjcxMTJDNTguNDM5NCAyMC4wMjA0IDU3LjY1MjYgMTkuNjc1IDU2LjcxMjUgMTkuNjc1QzU1Ljc1MjkgMTkuNjc1IDU0Ljk1NjcgMjAuMDIwNCA1NC4zMjM1IDIwLjcxMTJDNTMuNjkwMiAyMS4zODI4IDUzLjM3MzYgMjIuMzcxIDUzLjM3MzYgMjMuNjc1OUM1My4zNzM2IDI0Ljk2MTQgNTMuNjgwNiAyNS45NDk3IDU0LjI5NDcgMjYuNjQwNUM1NC45Mjc5IDI3LjMzMTMgNTUuNzE0NyAyNy42NzY3IDU2LjY1NDkgMjcuNjc2N1oiIGZpbGw9IiNFODM2MzYiLz4KPHBhdGggZD0iTTkuMjE3OCAyNi42MzgyQzkuMjAzNzUgMjYuOTk2NiA5LjE1MTA0IDI3LjM0OTcgOS4wNTk3IDI3LjY5NzVDOC45NjgzNCAyOC4wNDU0IDguODI5NTUgMjguMzU5OCA4LjY0MzMzIDI4LjY0MDlDOC40NjA2MyAyOC45MjE5IDguMjI2OTcgMjkuMTQ2OCA3Ljk0MjM4IDI5LjMxNTVDNy42NTc3OSAyOS40ODQxIDcuMzEzNDUgMjkuNTY4NCA2LjkwOTQgMjkuNTY4NEM2LjY4MTAxIDI5LjU2ODQgNi40NzU0OCAyOS41MjggNi4yOTI3NyAyOS40NDcyQzYuMTEwMDcgMjkuMzY2NSA1Ljk1NTQ3IDI5LjI1MjMgNS44Mjg5OCAyOS4xMDQ4QzUuNzAyNSAyOC45NTM3IDUuNjA5MzggMjguNzcyNiA1LjU0OTY1IDI4LjU2MTlDNS40ODk5MyAyOC4zNTEgNS40Njg4NCAyOC4xMTM4IDUuNDg2NCAyNy44NTA1TDUuNzU1MiAyNC44MTQ3SDYuODA5MjVMNi41NDU3NSAyNy44NTA1QzYuNTI0NjYgMjguMDMzIDYuNTI2NDEgMjguMTgyNCA2LjU1MTAxIDI4LjI5ODRDNi41NzkxMiAyOC40MTQyIDYuNjIxMjggMjguNTAzOSA2LjY3NzUgMjguNTY3MUM2LjczNzIyIDI4LjYzMDMgNi44MDM5OSAyOC42NzU5IDYuODc3NzcgMjguNzA0MUM2Ljk1NTA3IDI4LjcyODggNy4wMzA2MSAyOC43NDA5IDcuMTA0NDEgMjguNzQwOUM3LjI3MzA2IDI4Ljc0MDkgNy40Mjc2MyAyOC42ODgzIDcuNTY4MTggMjguNTgyOEM3LjcwODcyIDI4LjQ3NzYgNy44Mjk5NCAyOC4zMzE3IDcuOTMxODMgMjguMTQ1NUM4LjAzMzc0IDI3Ljk1OTMgOC4xMTQ1NCAyNy43NDE0IDguMTc0MjggMjcuNDkyQzguMjM0MDEgMjcuMjM5IDguMjY3MzggMjYuOTY2NyA4LjI3NDQyIDI2LjY3NTFDOC4yOTkgMjYuMjA3OCA4LjI3NjE3IDI1Ljc3NTYgOC4yMDU5IDI1LjM3ODVDOC4xMzkxNCAyNC45ODE2IDguMDIzMiAyNC42MjY3IDcuODU4MDUgMjQuMzE0QzcuNjk2NDQgMjMuOTk3OCA3LjQ4NTYzIDIzLjczMDYgNy4yMjU2MSAyMy41MTI4QzYuOTY1NjIgMjMuMjkxNSA2LjY1NjQzIDIzLjEyMjggNi4yOTgwMyAyMy4wMDY4QzUuOTM5NjYgMjIuODg3NCA1LjUzMDM0IDIyLjgyNzggNS4wNzAwNiAyMi44Mjc4QzQuNjM3ODggMjIuODI3OCA0LjIzOTEgMjIuODk0NCAzLjg3MzY5IDIzLjAyNzlDMy41MTE3OSAyMy4xNjE1IDMuMTg2NzkgMjMuMzUzMSAyLjg5ODY3IDIzLjYwMjVDMi42MTQwOCAyMy44NTE5IDIuMzY4MTIgMjQuMTUwNSAyLjE2MDgzIDI0LjQ5ODNDMS45NTcwNCAyNC44NDI4IDEuNzk1NDIgMjUuMjI3NiAxLjY3NTk2IDI1LjY1MjZDMS41NjAwMSAyNi4wNzQyIDEuNDkxNSAyNi41Mjc2IDEuNDcwNDEgMjcuMDEyNEMxLjQ0NTgyIDI3LjUyMTkgMS40NzIxNyAyNy45ODU2IDEuNTQ5NDcgMjguNDAzNkMxLjYzMDI4IDI4LjgyMTkgMS43NTg1MyAyOS4xODkxIDEuOTM0MiAyOS41MDUzQzIuMTEzNCAyOS44MjUgMi4zMzY1IDMwLjA5MTkgMi42MDM1MyAzMC4zMDYyQzIuODcwNTYgMzAuNTIwOCAzLjE4MTUxIDMwLjY4MjIgMy41MzYzOSAzMC43OTEzQzMuODkxMjYgMzAuOTAwMSA0LjI4NjUzIDMwLjk1NDUgNC43MjIyMSAzMC45NTQ1QzUuMDI3ODkgMzAuOTU0NSA1LjMzODg0IDMwLjkxOTQgNS42NTUwNSAzMC44NDkzQzUuOTc0NzkgMzAuNzgyNSA2LjI0MzU3IDMwLjY5NjQgNi40NjE0MiAzMC41OTA5TDYuNjYxNjkgMzEuMzc2MkM2LjQxNTczIDMxLjUzNDIgNi4xMDgzMSAzMS42NTIxIDUuNzM5MzcgMzEuNzI5NEM1LjM3Mzk2IDMxLjgwNjYgNS4wMjc4OSAzMS44NDUyIDQuNzAxMTIgMzEuODQ1MkM0LjE0MjQ4IDMxLjg0NTIgMy42MzMgMzEuNzc2NiAzLjE3Mjc0IDMxLjYzOTdDMi43MTU5NiAzMS41MDYxIDIuMzExOSAzMS4zMDYgMS45NjA1NiAzMS4wMzg5QzEuNjA5MiAzMC43NzUzIDEuMzE1ODIgMzAuNDQ4NiAxLjA4MDQxIDMwLjA1ODdDMC44NDg1MTYgMjkuNjY4NyAwLjY3NjM1MSAyOS4yMTkgMC41NjM5MTcgMjguNzA5NEMwLjQ1NDk5OCAyOC4xOTk5IDAuNDEyODM1IDI3LjYzNDQgMC40Mzc0MjkgMjcuMDEyNEMwLjQ2MjAyNSAyNi40MzYgMC41NTE2MTkgMjUuODkzMiAwLjcwNjIxNSAyNS4zODM5QzAuODYwODEyIDI0Ljg3NDMgMS4wNzE2MiAyNC40MTIyIDEuMzM4NjYgMjMuOTk3OEMxLjYwNTY5IDIzLjU4MzEgMS45MjU0MiAyMy4yMjY1IDIuMjk3ODcgMjIuOTI3OUMyLjY3MzggMjIuNjI1NiAzLjA5NTQzIDIyLjM5MzggMy41NjI3NSAyMi4yMzIyQzQuMDMwMDQgMjIuMDcwNSA0LjUzOTUgMjEuOTg5NyA1LjA5MTEzIDIxLjk4OTdDNS42MzkyNCAyMS45ODk3IDYuMTM2NDIgMjIuMDYxOCA2LjU4MjYzIDIyLjIwNThDNy4wMzIzNiAyMi4zNDk5IDcuNDI1ODggMjIuNTU3MSA3Ljc2MzE4IDIyLjgyNzhDOC4xMDA0OCAyMy4wOTQ3IDguMzgxNTcgMjMuNDE5NyA4LjYwNjQzIDIzLjgwMjhDOC44MzEzIDI0LjE4MjIgOC45OTQ2OSAyNC42MTA4IDkuMDk2NTggMjUuMDg4NkM5LjE5ODQ2IDI1LjU2NjUgOS4yMzg4NyAyNi4wODMgOS4yMTc4IDI2LjYzODJaTTMuODk0NzYgMjcuMTkxNkMzLjg3NzIgMjcuNDIzNCAzLjg3ODk2IDI3LjYyOSAzLjkwMDA1IDI3LjgwODJDMy45MjExMiAyNy45ODc0IDMuOTYxNTMgMjguMTM4NSA0LjAyMTI1IDI4LjI2MTVDNC4wODA5OCAyOC4zODQ1IDQuMTU4MjkgMjguNDc3NiA0LjI1MzE2IDI4LjU0MDhDNC4zNTE1NCAyOC42MDA2IDQuNDY3NDggMjguNjMwMyA0LjYwMDk4IDI4LjYzMDNDNC42NzQ3OCAyOC42MzAzIDQuNzU1NTggMjguNjEyOCA0Ljg0MzQzIDI4LjU3NzdDNC45MzEyNyAyOC41MzkgNS4wMjA4NSAyOC40NzU4IDUuMTEyMjIgMjguMzg3OUM1LjIwMzU2IDI4LjMwMDIgNS4yODk2NCAyOC4xNzg4IDUuMzcwNDYgMjguMDI0M0M1LjQ1NDc4IDI3Ljg2NjIgNS41MjUwNSAyNy42Njc2IDUuNTgxMjcgMjcuNDI4OEw2LjAyOTI1IDI3Ljk2MTFDNS45NDg0MyAyOC4yMjQ2IDUuODQ4MyAyOC40NTY1IDUuNzI4ODUgMjguNjU2OEM1LjYwOTM4IDI4Ljg1MzQgNS40NzIzNCAyOS4wMTg2IDUuMzE3NzUgMjkuMTUyMkM1LjE2NjY4IDI5LjI4NTYgNS4wMDE1NCAyOS4zODU5IDQuODIyMzQgMjkuNDUyNkM0LjY0MzE0IDI5LjUxOTIgNC40NDk5MiAyOS41NTI3IDQuMjQyNjEgMjkuNTUyN0MzLjk4NjEzIDI5LjU1MjcgMy43NTc3MyAyOS40OTgzIDMuNTU3NDYgMjkuMzg5MkMzLjM1NzIgMjkuMjc2OCAzLjE5MDMgMjkuMTE2OSAzLjA1NjggMjguOTA5NkMyLjkyMzI3IDI4LjcwMjUgMi44MjY2NCAyOC40NTQ3IDIuNzY2OTIgMjguMTY2NkMyLjcxMDcgMjcuODc1IDIuNzAwMTYgMjcuNTUgMi43MzUzIDI3LjE5MTZDMi43NzM5MyAyNi44MzMxIDIuODQ0MjEgMjYuNTAxMiAyLjk0NjEyIDI2LjE5NTRDMy4wNDggMjUuODg5OCAzLjE3NDQ5IDI1LjYxNzUgMy4zMjU1OCAyNS4zNzg1QzMuNDc2NjUgMjUuMTM2MSAzLjY0ODgzIDI0LjkzMDUgMy44NDIwNSAyNC43NjE5QzQuMDM4ODEgMjQuNTg5OSA0LjI1MTM4IDI0LjQ1OTcgNC40Nzk3OCAyNC4zNzJDNC43MDgxNSAyNC4yODQxIDQuOTQ3MDggMjQuMjQwMiA1LjE5NjU0IDI0LjI0MDJDNS42MDA1OSAyNC4yNDAyIDUuOTE4NTcgMjQuMjk4MiA2LjE1MDQ4IDI0LjQxNEM2LjM4MjM2IDI0LjUzMDEgNi42MDE5NyAyNC42NjM2IDYuODA5MjUgMjQuODE0N0w2LjI3MTY4IDI1LjUzNjZDNi4xNjk3OSAyNS40NDUzIDYuMDM2MjkgMjUuMzU3NiA1Ljg3MTE1IDI1LjI3MzJDNS43MDk1MSAyNS4xODUzIDUuNTE2MjYgMjUuMTQxNSA1LjI5MTM5IDI1LjE0MTVDNS4wODQxMSAyNS4xNDE1IDQuOTAxNDEgMjUuMTg1MyA0Ljc0MzMgMjUuMjczMkM0LjU4ODY4IDI1LjM2MDkgNC40NTM0MiAyNS40OTI3IDQuMzM3NDggMjUuNjY4M0M0LjIyNTA1IDI1Ljg0MDYgNC4xMzE5MyAyNi4wNTQ5IDQuMDU4MTUgMjYuMzExNUMzLjk4NDM3IDI2LjU2NDQgMy45Mjk5MSAyNi44NTc5IDMuODk0NzYgMjcuMTkxNloiIGZpbGw9IiNFODM2MzYiLz4KPHBhdGggZD0iTTc2LjIwNTcgMjQuMDMyN0g3Ny43ODEzVjI5LjEwMjhDNzcuNzgxMyAyOS42OTMxIDc3LjY1NDkgMzAuMTkwMyA3Ny40MDIgMzAuNTk0NEM3Ny4xNTI2IDMwLjk5ODUgNzYuODA2MyAzMS4zMDIzIDc2LjM2MzggMzEuNTA2Qzc1LjkyNDYgMzEuNzA5OSA3NS40MTg2IDMxLjgxMTggNzQuODQ1OSAzMS44MTE4Qzc0LjI3MzIgMzEuODExOCA3My43NjM2IDMxLjcwOTkgNzMuMzE3NSAzMS41MDZDNzIuODc0NyAzMS4zMDIzIDcyLjUyNjggMzAuOTk4NSA3Mi4yNzM5IDMwLjU5NDRDNzIuMDI0NSAzMC4xOTAzIDcxLjg5OTcgMjkuNjkzMSA3MS44OTk3IDI5LjEwMjhWMjQuMDMyN0g3My40ODA3VjI5LjEwMjhDNzMuNDgwNyAyOS40NDcxIDczLjUzNTQgMjkuNzI4MiA3My42NDQyIDI5Ljk0NjFDNzMuNzUzIDMwLjE2NCA3My45MDk2IDMwLjMyMzkgNzQuMTEzMyAzMC40MjU3Qzc0LjMyMDYgMzAuNTI3NiA3NC41NjQ4IDMwLjU3ODQgNzQuODQ1OSAzMC41Nzg0Qzc1LjEzNCAzMC41Nzg0IDc1LjM3ODIgMzAuNTI3NiA3NS41Nzg1IDMwLjQyNTdDNzUuNzgyMyAzMC4zMjM5IDc1LjkzNjcgMzAuMTY0IDc2LjA0MjIgMjkuOTQ2MUM3Ni4xNTEgMjkuNzI4MiA3Ni4yMDU3IDI5LjQ0NzEgNzYuMjA1NyAyOS4xMDI4VjI0LjAzMjdaTTgwLjc2NDQgMjQuMDMyN1YzMS43MDYzSDc5LjE4ODVWMjQuMDMyN0g4MC43NjQ0WiIgZmlsbD0iI0U4MzYzNiIvPgo8cGF0aCBkPSJNNzEuMDQ0MSAyMC44MDA0TDY3LjI5MTUgMzEuOTEwM0g2NS43ODc2TDY5LjU0MDIgMjAuODAwNEg3MS4wNDQxWiIgZmlsbD0iI0U4MzYzNiIvPgo8L3N2Zz4K", Tr = (e, t) => {
+}, hr = zr, be = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA4NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc2NDcgMzEuOTA3OEMxNy4yODcyIDMxLjkwNzggMTUuOTYzMSAzMS42Njc5IDE0Ljc5MjYgMzEuMTg4M0MxMy42MjIxIDMwLjcwODYgMTIuNjgxOSAyOS45OTg1IDExLjk3MTkgMjkuMDU4M0MxMS4yODExIDI4LjExODEgMTAuOTE2NSAyNi45ODU5IDEwLjg3ODEgMjUuNjYxOUgxNi4xMTY3QzE2LjE5MzQgMjYuNDEwMyAxNi40NTI1IDI2Ljk4NTkgMTYuODkzOCAyNy4zODg5QzE3LjMzNTEgMjcuNzcyNyAxNy45MTA4IDI3Ljk2NDYgMTguNjIwOCAyNy45NjQ2QzE5LjM1IDI3Ljk2NDYgMTkuOTI1NiAyNy44MDE1IDIwLjM0NzggMjcuNDc1MkMyMC43Njk5IDI3LjEyOTggMjAuOTgxIDI2LjY1OTYgMjAuOTgxIDI2LjA2NDlDMjAuOTgxIDI1LjU2NTkgMjAuODA4MyAyNS4xNTM1IDIwLjQ2MjkgMjQuODI3MkMyMC4xMzY3IDI0LjUwMDkgMTkuNzI0MSAyNC4yMzI0IDE5LjIyNTIgMjQuMDIxM0MxOC43NDU1IDIzLjgxMDEgMTguMDU0NyAyMy41NzA0IDE3LjE1MjggMjMuMzAxN0MxNS44NDggMjIuODk4NyAxNC43ODMgMjIuNDk1OCAxMy45NTc5IDIyLjA5MjhDMTMuMTMyOCAyMS42ODk4IDEyLjQyMjggMjEuMDk1IDExLjgyOCAyMC4zMDgzQzExLjIzMzEgMTkuNTIxNSAxMC45MzU3IDE4LjQ5NDkgMTAuOTM1NyAxNy4yMjg1QzEwLjkzNTcgMTUuMzQ4IDExLjYxNjkgMTMuODggMTIuOTc5MyAxMi44MjQ3QzE0LjM0MTcgMTEuNzUwMSAxNi4xMTY3IDExLjIxMjggMTguMzA0MiAxMS4yMTI4QzIwLjUzMDEgMTEuMjEyOCAyMi4zMjQyIDExLjc1MDEgMjMuNjg2NiAxMi44MjQ3QzI1LjA0OTEgMTMuODggMjUuNzc4MSAxNS4zNTc2IDI1Ljg3NDEgMTcuMjU3M0gyMC41NDkyQzIwLjUxMDkgMTYuNjA0OCAyMC4yNzEgMTYuMDk2MyAxOS44Mjk3IDE1LjczMThDMTkuMzg4MyAxNS4zNDggMTguODIyMyAxNS4xNTYxIDE4LjEzMTUgMTUuMTU2MUMxNy41MzY2IDE1LjE1NjEgMTcuMDU2OSAxNS4zMTkyIDE2LjY5MjMgMTUuNjQ1NEMxNi4zMjc3IDE1Ljk1MjQgMTYuMTQ1NCAxNi40MDM0IDE2LjE0NTQgMTYuOTk4MkMxNi4xNDU0IDE3LjY1MDYgMTYuNDUyNSAxOC4xNTkxIDE3LjA2NjUgMTguNTIzN0MxNy42ODA1IDE4Ljg4ODMgMTguNjQgMTkuMjgxNyAxOS45NDQ4IDE5LjcwMzhDMjEuMjQ5NiAyMC4xNDUyIDIyLjMwNSAyMC41NjczIDIzLjExMDkgMjAuOTcwM0MyMy45MzYgMjEuMzczMiAyNC42NDYxIDIxLjk1ODUgMjUuMjQwOSAyMi43MjZDMjUuODM1NyAyMy40OTM1IDI2LjEzMzIgMjQuNDgxOCAyNi4xMzMyIDI1LjY5MDdDMjYuMTMzMiAyNi44NDIgMjUuODM1NyAyNy44ODc5IDI1LjI0MDkgMjguODI4QzI0LjY2NTIgMjkuNzY4MiAyMy44MjA4IDMwLjUxNjYgMjIuNzA4IDMxLjA3MzFDMjEuNTk1IDMxLjYyOTcgMjAuMjgwNiAzMS45MDc4IDE4Ljc2NDcgMzEuOTA3OFpNMzEuNjM3NSAxMy45NzZDMzAuNzc0IDEzLjk3NiAzMC4wNjQxIDEzLjcyNjUgMjkuNTA3NSAxMy4yMjc2QzI4Ljk3MDMgMTIuNzA5NSAyOC43MDE2IDEyLjA3NjMgMjguNzAxNiAxMS4zMjc5QzI4LjcwMTYgMTAuNTYwNCAyOC45NzAzIDkuOTI3MTggMjkuNTA3NSA5LjQyODI3QzMwLjA2NDEgOC45MTAxNyAzMC43NzQgOC42NTExMiAzMS42Mzc1IDguNjUxMTJDMzIuNDgxOCA4LjY1MTEyIDMzLjE3MjYgOC45MTAxNyAzMy43MDk5IDkuNDI4MjdDMzQuMjY2NCA5LjkyNzE4IDM0LjU0NDYgMTAuNTYwNCAzNC41NDQ2IDExLjMyNzlDMzQuNTQ0NiAxMi4wNzYzIDM0LjI2NjQgMTIuNzA5NSAzMy43MDk5IDEzLjIyNzZDMzMuMTcyNiAxMy43MjY1IDMyLjQ4MTggMTMuOTc2IDMxLjYzNzUgMTMuOTc2Wk0zNC4wODQgMTUuNjQ1NFYzMS43MDYzSDI5LjE2MjFWMTUuNjQ1NEgzNC4wODRaTTQ2LjYwMjQgMjcuNTMyOFYzMS43MDYzSDQ0LjA5ODNDNDIuMzEzNyAzMS43MDYzIDQwLjkyMjUgMzEuMjc0NiAzOS45MjQ3IDMwLjQxMTFDMzguOTI3IDI5LjUyODUgMzguNDI4IDI4LjA5ODggMzguNDI4IDI2LjEyMjRWMTkuNzMyNkgzNi40NzA4VjE1LjY0NTRIMzguNDI4VjExLjczMDlINDMuMzQ5OVYxNS42NDU0SDQ2LjU3MzZWMTkuNzMyNkg0My4zNDk5VjI2LjE4QzQzLjM0OTkgMjYuNjU5NiA0My40NjUxIDI3LjAwNSA0My42OTUzIDI3LjIxNjJDNDMuOTI1NiAyNy40MjczIDQ0LjMwOTQgMjcuNTMyOCA0NC44NDY2IDI3LjUzMjhINDYuNjAyNFpNNTYuNjU0OSAzMS45MzY2QzU1LjA4MTUgMzEuOTM2NiA1My42NjE1IDMxLjYwMDkgNTIuMzk1IDMwLjkyOTJDNTEuMTQ3NyAzMC4yNTc1IDUwLjE1OTYgMjkuMjk4MiA0OS40MzAzIDI4LjA1MDlDNDguNzIwNCAyNi44MDM2IDQ4LjM2NTQgMjUuMzQ1MyA0OC4zNjU0IDIzLjY3NTlDNDguMzY1NCAyMi4wMjU2IDQ4LjcyOTkgMjAuNTc2OSA0OS40NTkxIDE5LjMyOTZDNTAuMTg4NCAxOC4wNjMyIDUxLjE4NjEgMTcuMDk0MiA1Mi40NTI2IDE2LjQyMjVDNTMuNzE5IDE1Ljc1MDkgNTUuMTM5MSAxNS40MTUxIDU2LjcxMjUgMTUuNDE1MUM1OC4yODU5IDE1LjQxNTEgNTkuNzA1OSAxNS43NTA5IDYwLjk3MjMgMTYuNDIyNUM2Mi4yMzg4IDE3LjA5NDIgNjMuMjM2NSAxOC4wNjMyIDYzLjk2NTggMTkuMzI5NkM2NC42OTUgMjAuNTc2OSA2NS4wNTk1IDIyLjAyNTYgNjUuMDU5NSAyMy42NzU5QzY1LjA1OTUgMjUuMzI2MiA2NC42ODU0IDI2Ljc4NDQgNjMuOTM3IDI4LjA1MDlDNjMuMjA3OCAyOS4yOTgyIDYyLjIwMDMgMzAuMjU3NSA2MC45MTQ4IDMwLjkyOTJDNTkuNjQ4MyAzMS42MDA5IDU4LjIyODMgMzEuOTM2NiA1Ni42NTQ5IDMxLjkzNjZaTTU2LjY1NDkgMjcuNjc2N0M1Ny41OTUxIDI3LjY3NjcgNTguMzkxNSAyNy4zMzEzIDU5LjA0MzkgMjYuNjQwNUM1OS43MTU2IDI1Ljk0OTcgNjAuMDUxMyAyNC45NjE0IDYwLjA1MTMgMjMuNjc1OUM2MC4wNTEzIDIyLjM5MDIgNTkuNzI1IDIxLjQwMiA1OS4wNzI3IDIwLjcxMTJDNTguNDM5NCAyMC4wMjA0IDU3LjY1MjYgMTkuNjc1IDU2LjcxMjUgMTkuNjc1QzU1Ljc1MjkgMTkuNjc1IDU0Ljk1NjcgMjAuMDIwNCA1NC4zMjM1IDIwLjcxMTJDNTMuNjkwMiAyMS4zODI4IDUzLjM3MzYgMjIuMzcxIDUzLjM3MzYgMjMuNjc1OUM1My4zNzM2IDI0Ljk2MTQgNTMuNjgwNiAyNS45NDk3IDU0LjI5NDcgMjYuNjQwNUM1NC45Mjc5IDI3LjMzMTMgNTUuNzE0NyAyNy42NzY3IDU2LjY1NDkgMjcuNjc2N1oiIGZpbGw9IiNFODM2MzYiLz4KPHBhdGggZD0iTTkuMjE3OCAyNi42MzgyQzkuMjAzNzUgMjYuOTk2NiA5LjE1MTA0IDI3LjM0OTcgOS4wNTk3IDI3LjY5NzVDOC45NjgzNCAyOC4wNDU0IDguODI5NTUgMjguMzU5OCA4LjY0MzMzIDI4LjY0MDlDOC40NjA2MyAyOC45MjE5IDguMjI2OTcgMjkuMTQ2OCA3Ljk0MjM4IDI5LjMxNTVDNy42NTc3OSAyOS40ODQxIDcuMzEzNDUgMjkuNTY4NCA2LjkwOTQgMjkuNTY4NEM2LjY4MTAxIDI5LjU2ODQgNi40NzU0OCAyOS41MjggNi4yOTI3NyAyOS40NDcyQzYuMTEwMDcgMjkuMzY2NSA1Ljk1NTQ3IDI5LjI1MjMgNS44Mjg5OCAyOS4xMDQ4QzUuNzAyNSAyOC45NTM3IDUuNjA5MzggMjguNzcyNiA1LjU0OTY1IDI4LjU2MTlDNS40ODk5MyAyOC4zNTEgNS40Njg4NCAyOC4xMTM4IDUuNDg2NCAyNy44NTA1TDUuNzU1MiAyNC44MTQ3SDYuODA5MjVMNi41NDU3NSAyNy44NTA1QzYuNTI0NjYgMjguMDMzIDYuNTI2NDEgMjguMTgyNCA2LjU1MTAxIDI4LjI5ODRDNi41NzkxMiAyOC40MTQyIDYuNjIxMjggMjguNTAzOSA2LjY3NzUgMjguNTY3MUM2LjczNzIyIDI4LjYzMDMgNi44MDM5OSAyOC42NzU5IDYuODc3NzcgMjguNzA0MUM2Ljk1NTA3IDI4LjcyODggNy4wMzA2MSAyOC43NDA5IDcuMTA0NDEgMjguNzQwOUM3LjI3MzA2IDI4Ljc0MDkgNy40Mjc2MyAyOC42ODgzIDcuNTY4MTggMjguNTgyOEM3LjcwODcyIDI4LjQ3NzYgNy44Mjk5NCAyOC4zMzE3IDcuOTMxODMgMjguMTQ1NUM4LjAzMzc0IDI3Ljk1OTMgOC4xMTQ1NCAyNy43NDE0IDguMTc0MjggMjcuNDkyQzguMjM0MDEgMjcuMjM5IDguMjY3MzggMjYuOTY2NyA4LjI3NDQyIDI2LjY3NTFDOC4yOTkgMjYuMjA3OCA4LjI3NjE3IDI1Ljc3NTYgOC4yMDU5IDI1LjM3ODVDOC4xMzkxNCAyNC45ODE2IDguMDIzMiAyNC42MjY3IDcuODU4MDUgMjQuMzE0QzcuNjk2NDQgMjMuOTk3OCA3LjQ4NTYzIDIzLjczMDYgNy4yMjU2MSAyMy41MTI4QzYuOTY1NjIgMjMuMjkxNSA2LjY1NjQzIDIzLjEyMjggNi4yOTgwMyAyMy4wMDY4QzUuOTM5NjYgMjIuODg3NCA1LjUzMDM0IDIyLjgyNzggNS4wNzAwNiAyMi44Mjc4QzQuNjM3ODggMjIuODI3OCA0LjIzOTEgMjIuODk0NCAzLjg3MzY5IDIzLjAyNzlDMy41MTE3OSAyMy4xNjE1IDMuMTg2NzkgMjMuMzUzMSAyLjg5ODY3IDIzLjYwMjVDMi42MTQwOCAyMy44NTE5IDIuMzY4MTIgMjQuMTUwNSAyLjE2MDgzIDI0LjQ5ODNDMS45NTcwNCAyNC44NDI4IDEuNzk1NDIgMjUuMjI3NiAxLjY3NTk2IDI1LjY1MjZDMS41NjAwMSAyNi4wNzQyIDEuNDkxNSAyNi41Mjc2IDEuNDcwNDEgMjcuMDEyNEMxLjQ0NTgyIDI3LjUyMTkgMS40NzIxNyAyNy45ODU2IDEuNTQ5NDcgMjguNDAzNkMxLjYzMDI4IDI4LjgyMTkgMS43NTg1MyAyOS4xODkxIDEuOTM0MiAyOS41MDUzQzIuMTEzNCAyOS44MjUgMi4zMzY1IDMwLjA5MTkgMi42MDM1MyAzMC4zMDYyQzIuODcwNTYgMzAuNTIwOCAzLjE4MTUxIDMwLjY4MjIgMy41MzYzOSAzMC43OTEzQzMuODkxMjYgMzAuOTAwMSA0LjI4NjUzIDMwLjk1NDUgNC43MjIyMSAzMC45NTQ1QzUuMDI3ODkgMzAuOTU0NSA1LjMzODg0IDMwLjkxOTQgNS42NTUwNSAzMC44NDkzQzUuOTc0NzkgMzAuNzgyNSA2LjI0MzU3IDMwLjY5NjQgNi40NjE0MiAzMC41OTA5TDYuNjYxNjkgMzEuMzc2MkM2LjQxNTczIDMxLjUzNDIgNi4xMDgzMSAzMS42NTIxIDUuNzM5MzcgMzEuNzI5NEM1LjM3Mzk2IDMxLjgwNjYgNS4wMjc4OSAzMS44NDUyIDQuNzAxMTIgMzEuODQ1MkM0LjE0MjQ4IDMxLjg0NTIgMy42MzMgMzEuNzc2NiAzLjE3Mjc0IDMxLjYzOTdDMi43MTU5NiAzMS41MDYxIDIuMzExOSAzMS4zMDYgMS45NjA1NiAzMS4wMzg5QzEuNjA5MiAzMC43NzUzIDEuMzE1ODIgMzAuNDQ4NiAxLjA4MDQxIDMwLjA1ODdDMC44NDg1MTYgMjkuNjY4NyAwLjY3NjM1MSAyOS4yMTkgMC41NjM5MTcgMjguNzA5NEMwLjQ1NDk5OCAyOC4xOTk5IDAuNDEyODM1IDI3LjYzNDQgMC40Mzc0MjkgMjcuMDEyNEMwLjQ2MjAyNSAyNi40MzYgMC41NTE2MTkgMjUuODkzMiAwLjcwNjIxNSAyNS4zODM5QzAuODYwODEyIDI0Ljg3NDMgMS4wNzE2MiAyNC40MTIyIDEuMzM4NjYgMjMuOTk3OEMxLjYwNTY5IDIzLjU4MzEgMS45MjU0MiAyMy4yMjY1IDIuMjk3ODcgMjIuOTI3OUMyLjY3MzggMjIuNjI1NiAzLjA5NTQzIDIyLjM5MzggMy41NjI3NSAyMi4yMzIyQzQuMDMwMDQgMjIuMDcwNSA0LjUzOTUgMjEuOTg5NyA1LjA5MTEzIDIxLjk4OTdDNS42MzkyNCAyMS45ODk3IDYuMTM2NDIgMjIuMDYxOCA2LjU4MjYzIDIyLjIwNThDNy4wMzIzNiAyMi4zNDk5IDcuNDI1ODggMjIuNTU3MSA3Ljc2MzE4IDIyLjgyNzhDOC4xMDA0OCAyMy4wOTQ3IDguMzgxNTcgMjMuNDE5NyA4LjYwNjQzIDIzLjgwMjhDOC44MzEzIDI0LjE4MjIgOC45OTQ2OSAyNC42MTA4IDkuMDk2NTggMjUuMDg4NkM5LjE5ODQ2IDI1LjU2NjUgOS4yMzg4NyAyNi4wODMgOS4yMTc4IDI2LjYzODJaTTMuODk0NzYgMjcuMTkxNkMzLjg3NzIgMjcuNDIzNCAzLjg3ODk2IDI3LjYyOSAzLjkwMDA1IDI3LjgwODJDMy45MjExMiAyNy45ODc0IDMuOTYxNTMgMjguMTM4NSA0LjAyMTI1IDI4LjI2MTVDNC4wODA5OCAyOC4zODQ1IDQuMTU4MjkgMjguNDc3NiA0LjI1MzE2IDI4LjU0MDhDNC4zNTE1NCAyOC42MDA2IDQuNDY3NDggMjguNjMwMyA0LjYwMDk4IDI4LjYzMDNDNC42NzQ3OCAyOC42MzAzIDQuNzU1NTggMjguNjEyOCA0Ljg0MzQzIDI4LjU3NzdDNC45MzEyNyAyOC41MzkgNS4wMjA4NSAyOC40NzU4IDUuMTEyMjIgMjguMzg3OUM1LjIwMzU2IDI4LjMwMDIgNS4yODk2NCAyOC4xNzg4IDUuMzcwNDYgMjguMDI0M0M1LjQ1NDc4IDI3Ljg2NjIgNS41MjUwNSAyNy42Njc2IDUuNTgxMjcgMjcuNDI4OEw2LjAyOTI1IDI3Ljk2MTFDNS45NDg0MyAyOC4yMjQ2IDUuODQ4MyAyOC40NTY1IDUuNzI4ODUgMjguNjU2OEM1LjYwOTM4IDI4Ljg1MzQgNS40NzIzNCAyOS4wMTg2IDUuMzE3NzUgMjkuMTUyMkM1LjE2NjY4IDI5LjI4NTYgNS4wMDE1NCAyOS4zODU5IDQuODIyMzQgMjkuNDUyNkM0LjY0MzE0IDI5LjUxOTIgNC40NDk5MiAyOS41NTI3IDQuMjQyNjEgMjkuNTUyN0MzLjk4NjEzIDI5LjU1MjcgMy43NTc3MyAyOS40OTgzIDMuNTU3NDYgMjkuMzg5MkMzLjM1NzIgMjkuMjc2OCAzLjE5MDMgMjkuMTE2OSAzLjA1NjggMjguOTA5NkMyLjkyMzI3IDI4LjcwMjUgMi44MjY2NCAyOC40NTQ3IDIuNzY2OTIgMjguMTY2NkMyLjcxMDcgMjcuODc1IDIuNzAwMTYgMjcuNTUgMi43MzUzIDI3LjE5MTZDMi43NzM5MyAyNi44MzMxIDIuODQ0MjEgMjYuNTAxMiAyLjk0NjEyIDI2LjE5NTRDMy4wNDggMjUuODg5OCAzLjE3NDQ5IDI1LjYxNzUgMy4zMjU1OCAyNS4zNzg1QzMuNDc2NjUgMjUuMTM2MSAzLjY0ODgzIDI0LjkzMDUgMy44NDIwNSAyNC43NjE5QzQuMDM4ODEgMjQuNTg5OSA0LjI1MTM4IDI0LjQ1OTcgNC40Nzk3OCAyNC4zNzJDNC43MDgxNSAyNC4yODQxIDQuOTQ3MDggMjQuMjQwMiA1LjE5NjU0IDI0LjI0MDJDNS42MDA1OSAyNC4yNDAyIDUuOTE4NTcgMjQuMjk4MiA2LjE1MDQ4IDI0LjQxNEM2LjM4MjM2IDI0LjUzMDEgNi42MDE5NyAyNC42NjM2IDYuODA5MjUgMjQuODE0N0w2LjI3MTY4IDI1LjUzNjZDNi4xNjk3OSAyNS40NDUzIDYuMDM2MjkgMjUuMzU3NiA1Ljg3MTE1IDI1LjI3MzJDNS43MDk1MSAyNS4xODUzIDUuNTE2MjYgMjUuMTQxNSA1LjI5MTM5IDI1LjE0MTVDNS4wODQxMSAyNS4xNDE1IDQuOTAxNDEgMjUuMTg1MyA0Ljc0MzMgMjUuMjczMkM0LjU4ODY4IDI1LjM2MDkgNC40NTM0MiAyNS40OTI3IDQuMzM3NDggMjUuNjY4M0M0LjIyNTA1IDI1Ljg0MDYgNC4xMzE5MyAyNi4wNTQ5IDQuMDU4MTUgMjYuMzExNUMzLjk4NDM3IDI2LjU2NDQgMy45Mjk5MSAyNi44NTc5IDMuODk0NzYgMjcuMTkxNloiIGZpbGw9IiNFODM2MzYiLz4KPHBhdGggZD0iTTc2LjIwNTcgMjQuMDMyN0g3Ny43ODEzVjI5LjEwMjhDNzcuNzgxMyAyOS42OTMxIDc3LjY1NDkgMzAuMTkwMyA3Ny40MDIgMzAuNTk0NEM3Ny4xNTI2IDMwLjk5ODUgNzYuODA2MyAzMS4zMDIzIDc2LjM2MzggMzEuNTA2Qzc1LjkyNDYgMzEuNzA5OSA3NS40MTg2IDMxLjgxMTggNzQuODQ1OSAzMS44MTE4Qzc0LjI3MzIgMzEuODExOCA3My43NjM2IDMxLjcwOTkgNzMuMzE3NSAzMS41MDZDNzIuODc0NyAzMS4zMDIzIDcyLjUyNjggMzAuOTk4NSA3Mi4yNzM5IDMwLjU5NDRDNzIuMDI0NSAzMC4xOTAzIDcxLjg5OTcgMjkuNjkzMSA3MS44OTk3IDI5LjEwMjhWMjQuMDMyN0g3My40ODA3VjI5LjEwMjhDNzMuNDgwNyAyOS40NDcxIDczLjUzNTQgMjkuNzI4MiA3My42NDQyIDI5Ljk0NjFDNzMuNzUzIDMwLjE2NCA3My45MDk2IDMwLjMyMzkgNzQuMTEzMyAzMC40MjU3Qzc0LjMyMDYgMzAuNTI3NiA3NC41NjQ4IDMwLjU3ODQgNzQuODQ1OSAzMC41Nzg0Qzc1LjEzNCAzMC41Nzg0IDc1LjM3ODIgMzAuNTI3NiA3NS41Nzg1IDMwLjQyNTdDNzUuNzgyMyAzMC4zMjM5IDc1LjkzNjcgMzAuMTY0IDc2LjA0MjIgMjkuOTQ2MUM3Ni4xNTEgMjkuNzI4MiA3Ni4yMDU3IDI5LjQ0NzEgNzYuMjA1NyAyOS4xMDI4VjI0LjAzMjdaTTgwLjc2NDQgMjQuMDMyN1YzMS43MDYzSDc5LjE4ODVWMjQuMDMyN0g4MC43NjQ0WiIgZmlsbD0iI0U4MzYzNiIvPgo8cGF0aCBkPSJNNzEuMDQ0MSAyMC44MDA0TDY3LjI5MTUgMzEuOTEwM0g2NS43ODc2TDY5LjU0MDIgMjAuODAwNEg3MS4wNDQxWiIgZmlsbD0iI0U4MzYzNiIvPgo8L3N2Zz4K", Ar = (e, t) => {
   const r = {
     backgroundColor: e[t].default,
-    WebkitMask: `url('${ve}') no-repeat center`,
-    mask: `url('${ve}') no-repeat center`
+    WebkitMask: `url('${be}') no-repeat center`,
+    mask: `url('${be}') no-repeat center`
   }, n = {
     backgroundColor: e.basics.dark
   };
@@ -1477,24 +1484,24 @@ const zr = (e, t, r) => {
     })
   };
 };
-function Br(e) {
-  const { color: t = "primary", logo: r, logoClass: n, appName: i, visible: s = !0 } = e, { colors: o } = Y(), c = Tr(o, t), [a, M] = v(!1);
-  U(() => {
+function Pr(e) {
+  const { color: t = "primary", logo: r, logoClass: n, appName: s, visible: i = !0 } = e, { colors: o } = Y(), c = Ar(o, t), [a, M] = w(!1);
+  k(() => {
     setTimeout(() => M(!0), 2500);
   }, []);
-  const [u, l] = v(!0);
-  return U(() => {
-    s !== void 0 && (s ? l(!0) : setTimeout(() => l(!1), 501));
-  }, [s]), u ? /* @__PURE__ */ x(
+  const [u, l] = w(!0);
+  return k(() => {
+    i !== void 0 && (i ? l(!0) : setTimeout(() => l(!1), 501));
+  }, [i]), u ? /* @__PURE__ */ x(
     "div",
     {
-      className: `splash-screen ${c.root} ${s ? "splash-loading-show " : "splash-loading-hide"}`,
+      className: `splash-screen ${c.root} ${i ? "splash-loading-show " : "splash-loading-hide"}`,
       children: [
         /* @__PURE__ */ x("div", { className: "logo-container", children: [
           typeof r == "string" ? /* @__PURE__ */ N(
             "img",
             {
-              alt: i,
+              alt: s,
               className: `puff-in-center splash-image ${n}`
             }
           ) : /* @__PURE__ */ N("div", { className: `puff-in-center ${n}`, children: r }),
@@ -1503,7 +1510,7 @@ function Br(e) {
             {
               className: `splash-loading ${a ? "splash-loading-show" : "splash-loading-hide"} pointer-events-none`,
               children: /* @__PURE__ */ N(
-                Ar,
+                hr,
                 {
                   colorInverted: !0,
                   className: "splash-loading",
@@ -1522,7 +1529,7 @@ function Br(e) {
     }
   ) : null;
 }
-const Or = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyem0wLTM4NGMxMy4zIDAgMjQgMTAuNyAyNCAyNFYyNjRjMCAxMy4zLTEwLjcgMjQtMjQgMjRzLTI0LTEwLjctMjQtMjRWMTUyYzAtMTMuMyAxMC43LTI0IDI0LTI0ek0yMjQgMzUyYTMyIDMyIDAgMSAxIDY0IDAgMzIgMzIgMCAxIDEgLTY0IDB6Ii8+PC9zdmc+", pr = (e) => ({
+const Tr = (e) => ({
   root: $({
     ".dark .s-error-title": {
       color: e.error.light
@@ -1531,31 +1538,32 @@ const Or = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
       color: e.error.default
     }
   })
-}), Lr = (e) => {
-  const t = Ie(null), { colors: r } = Y(), n = pr(r), {
-    onRetry: i = () => window.location.reload(),
-    className: s = "",
+}), pr = (e) => {
+  const t = de(null), { colors: r } = Y(), n = Tr(r), {
+    onRetry: s = () => window.location.reload(),
+    className: i = "",
     title: o = "Something went wrong",
     text: c,
     button: a = "Try again",
     buttonProps: M
   } = e;
-  return /* @__PURE__ */ x("div", { role: "alert", className: `error-root ${n.root} ${s}`, children: [
+  return /* @__PURE__ */ x("div", { role: "alert", className: `error-root ${n.root} ${i}`, children: [
     /* @__PURE__ */ N(
-      "img",
+      "svg",
       {
-        src: Or,
-        alt: "font awesome circle exclamation",
-        className: "s-error-icon"
+        className: "s-error-icon",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 512 512",
+        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: o }),
     /* @__PURE__ */ N("pre", { className: "s-error-body", children: c }),
-    i ? /* @__PURE__ */ N(
+    s ? /* @__PURE__ */ N(
       Ke,
       {
         name: "reload",
-        onClick: i,
+        onClick: s,
         shape: "filled",
         color: "primary",
         "aria-label": "click to reload",
@@ -1567,52 +1575,52 @@ const Or = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ] });
 };
 function le(e, t) {
-  return le = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, i) {
-    return n.__proto__ = i, n;
+  return le = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, s) {
+    return n.__proto__ = s, n;
   }, le(e, t);
 }
-function Er(e, t) {
+function Or(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, le(e, t);
 }
-var mr = function(t, r) {
-  return t === void 0 && (t = []), r === void 0 && (r = []), t.length !== r.length || t.some(function(n, i) {
-    return !Object.is(n, r[i]);
+var Er = 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 = {
   error: null
-}, xr = /* @__PURE__ */ function(e) {
-  Er(t, e);
+}, Lr = /* @__PURE__ */ function(e) {
+  Or(t, e);
   function t() {
-    for (var n, i = arguments.length, s = new Array(i), o = 0; o < i; o++)
-      s[o] = arguments[o];
-    return n = e.call.apply(e, [this].concat(s)) || this, n.state = Ue, n.resetErrorBoundary = function() {
+    for (var n, s = arguments.length, i = new Array(s), o = 0; o < s; o++)
+      i[o] = arguments[o];
+    return n = e.call.apply(e, [this].concat(i)) || this, n.state = Ue, n.resetErrorBoundary = function() {
       for (var c, a = arguments.length, M = new Array(a), u = 0; u < a; u++)
         M[u] = arguments[u];
       n.props.onReset == null || (c = n.props).onReset.apply(c, M), n.reset();
     }, n;
   }
-  t.getDerivedStateFromError = function(i) {
+  t.getDerivedStateFromError = function(s) {
     return {
-      error: i
+      error: s
     };
   };
   var r = t.prototype;
   return r.reset = function() {
     this.setState(Ue);
-  }, r.componentDidCatch = function(i, s) {
+  }, r.componentDidCatch = function(s, i) {
     var o, c;
-    (o = (c = this.props).onError) == null || o.call(c, i, s);
-  }, r.componentDidUpdate = function(i, s) {
+    (o = (c = this.props).onError) == null || o.call(c, s, i);
+  }, r.componentDidUpdate = function(s, i) {
     var o = this.state.error, c = this.props.resetKeys;
-    if (o !== null && s.error !== null && mr(i.resetKeys, c)) {
+    if (o !== null && i.error !== null && Er(s.resetKeys, c)) {
       var a, M;
-      (a = (M = this.props).onResetKeysChange) == null || a.call(M, i.resetKeys, c), this.reset();
+      (a = (M = this.props).onResetKeysChange) == null || a.call(M, s.resetKeys, c), this.reset();
     }
   }, r.render = function() {
-    var i = this.state.error, s = this.props, o = s.fallbackRender, c = s.FallbackComponent, a = s.fallback;
-    if (i !== null) {
+    var s = this.state.error, i = this.props, o = i.fallbackRender, c = i.FallbackComponent, a = i.fallback;
+    if (s !== null) {
       var M = {
-        error: i,
+        error: s,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (/* @__PURE__ */ ce.isValidElement(a))
@@ -1626,37 +1634,45 @@ var mr = function(t, r) {
     return this.props.children;
   }, t;
 }(ce.Component);
-const wr = (e) => {
+const mr = (e) => {
   const { error: t, resetErrorBoundary: r } = e;
-  return /* @__PURE__ */ N(Lr, { onRetry: r, text: t.message });
+  return /* @__PURE__ */ N(pr, { onRetry: r, text: t.message });
 };
 function Fr(e) {
   const { children: t, onRetry: r } = e;
-  return /* @__PURE__ */ N(xr, { FallbackComponent: wr, onReset: r, children: t });
+  return /* @__PURE__ */ N(Lr, { FallbackComponent: mr, onReset: r, children: t });
 }
-const Gr = () => {
-  const [e, t] = v({
+const _r = (e) => {
+  const [t, r] = w(!1);
+  return k(() => {
+    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({
     width: window.innerWidth,
     height: window.innerHeight
-  }), r = J(() => {
-    const { width: i } = e;
+  }), r = H(() => {
+    const { width: s } = e;
     switch (!0) {
-      case i <= 400:
+      case s <= 400:
         return "xs";
-      case i <= 600:
+      case s <= 600:
         return "sm";
-      case i <= 900:
+      case s <= 900:
         return "md";
-      case i <= 1200:
+      case s <= 1200:
         return "lg";
-      case i <= 1536:
+      case s <= 1536:
         return "xl";
       default:
         return "2xl";
     }
   }, [e]), n = je(() => {
   }, [t]);
-  return U(() => (window.addEventListener("resize", n), () => window.removeEventListener("resize", n)), [n]), {
+  return k(() => (window.addEventListener("resize", n), () => window.removeEventListener("resize", n)), [n]), {
     width: e.width,
     height: e.height,
     breakpoint: r
@@ -1664,24 +1680,25 @@ const Gr = () => {
 };
 export {
   Ke as Button,
-  Lr as Error,
+  pr as Error,
   Fr as Handler,
-  sr as IconButton,
-  Vr as Image,
-  Qr as InputControl,
-  Ar as Loading,
-  br as ModeProvider,
-  Pr as Notification,
-  Rr as NotificationProvider,
-  Zr as PrintAfter,
-  Yr as SelectControl,
-  Br as SplashScreen,
-  vr as StyleProvider,
-  $r as Switcher,
-  Ur as TextareaControl,
+  ir as IconButton,
+  $r as Image,
+  Ur as InputControl,
+  hr as Loading,
+  Sr as ModeProvider,
+  Vr as Notification,
+  Qr as NotificationProvider,
+  Rr as PrintAfter,
+  br as SelectControl,
+  Pr as SplashScreen,
+  Cr as StyleProvider,
+  Yr as Switcher,
+  vr as TextareaControl,
   Dr as useIsElementInViewport,
-  qt as useMode,
+  _r as useMediaQuery,
+  Xt as useMode,
   gr as useNotification,
-  Gr as useScreenHandler,
+  Br as useScreenHandler,
   Y as useStyle
 };