@sito/ui 0.0.199 → 0.0.201

package/dist/ui.js

@@ -1,6 +1,6 @@
 import "./main.css";
 import { jsx as N, jsxs as x } from "react/jsx-runtime";
-import * as ce from "react";
+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) {
   if (e.sheet)
@@ -33,11 +33,11 @@ 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 o = rt(s);
+      var a = 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);
+        a.insertRule(n, a.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);
       }
     } else
       s.appendChild(document.createTextNode(n));
@@ -47,9 +47,9 @@ 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;
-}(), T = "-ms-", re = "-moz-", g = "-webkit-", fe = "comm", ye = "rule", Ie = "decl", it = "@import", Qe = "@keyframes", ot = "@layer", ct = Math.abs, se = String.fromCharCode, at = Object.assign;
+}(), 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) {
-  return A(e, 0) ^ 45 ? (((t << 2 ^ A(e, 0)) << 2 ^ A(e, 1)) << 2 ^ A(e, 2)) << 2 ^ A(e, 3) : 0;
+  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) {
   return e.trim();
@@ -63,7 +63,7 @@ function j(e, t, r) {
 function ue(e, t) {
   return e.indexOf(t);
 }
-function A(e, t) {
+function T(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function Z(e, t, r) {
@@ -81,27 +81,27 @@ function q(e, t) {
 function Nt(e, t) {
   return e.map(t).join("");
 }
-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: "" };
+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: "" };
 }
 function B(e, t) {
-  return at(oe("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+  return ct(oe("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function lt() {
-  return I;
+  return z;
 }
 function gt() {
-  return I = E > 0 ? A(F, --E) : 0, V--, I === 10 && (V = 1, ie--), I;
+  return z = m > 0 ? T(F, --m) : 0, V--, z === 10 && (V = 1, ie--), z;
 }
-function L() {
-  return I = E < $e ? A(F, E++) : 0, V++, I === 10 && (V = 1, ie++), I;
+function E() {
+  return z = m < $e ? T(F, m++) : 0, V++, z === 10 && (V = 1, ie++), z;
 }
 function U() {
-  return A(F, E);
+  return T(F, m);
 }
 function X() {
-  return E;
+  return m;
 }
 function K(e, t) {
   return Z(F, e, t);
@@ -139,74 +139,74 @@ function G(e) {
   return 0;
 }
 function Re(e) {
-  return ie = V = 1, $e = v(F = e), E = 0, [];
+  return ie = V = 1, $e = v(F = e), m = 0, [];
 }
 function Ve(e) {
   return F = "", e;
 }
 function ee(e) {
-  return Ye(K(E - 1, Ne(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Ye(K(m - 1, Ne(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function jt(e) {
-  for (; (I = U()) && I < 33; )
-    L();
-  return G(e) > 2 || G(I) > 3 ? "" : " ";
+  for (; (z = U()) && z < 33; )
+    E();
+  return G(e) > 2 || G(z) > 3 ? "" : " ";
 }
 function Dt(e, t) {
-  for (; --t && L() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
+  for (; --t && E() && !(z < 48 || z > 102 || z > 57 && z < 65 || z > 70 && z < 97); )
     ;
-  return K(e, X() + (t < 6 && U() == 32 && L() == 32));
+  return K(e, X() + (t < 6 && U() == 32 && E() == 32));
 }
 function Ne(e) {
-  for (; L(); )
-    switch (I) {
+  for (; E(); )
+    switch (z) {
       case e:
-        return E;
+        return m;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Ne(I);
+        e !== 34 && e !== 39 && Ne(z);
         break;
       case 40:
         e === 41 && Ne(e);
         break;
       case 92:
-        L();
+        E();
         break;
     }
-  return E;
+  return m;
 }
 function dt(e, t) {
-  for (; L() && e + I !== 47 + 10; )
-    if (e + I === 42 + 42 && U() === 47)
+  for (; E() && e + z !== 47 + 10; )
+    if (e + z === 42 + 42 && U() === 47)
       break;
-  return "/*" + K(t, E - 1) + "*" + se(e === 47 ? e : L());
+  return "/*" + K(t, m - 1) + "*" + se(e === 47 ? e : E());
 }
 function ft(e) {
   for (; !G(U()); )
-    L();
-  return K(e, E);
+    E();
+  return K(e, m);
 }
 function yt(e) {
   return Ve(te("", null, null, null, [""], e = Re(e), 0, [0], 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, Y = i, C = n, f = S; O; )
-    switch (z = h, h = L()) {
+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()) {
       case 40:
-        if (z != 108 && A(f, l - 1) == 58) {
-          ue(f += j(ee(h), "&", "&\f"), "&\f") != -1 && (y = -1);
+        if (I != 108 && T(f, l - 1) == 58) {
+          ue(f += j(ee(A), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        f += ee(h);
+        f += ee(A);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        f += jt(z);
+        f += jt(I);
         break;
       case 92:
         f += Dt(X() - 1, 7);
@@ -215,74 +215,74 @@ function te(e, t, r, n, s, i, o, c, a) {
         switch (U()) {
           case 42:
           case 47:
-            q(It(dt(L(), X()), t, r), a);
+            q(It(dt(E(), X()), t, r), c);
             break;
           default:
             f += "/";
         }
         break;
       case 123 * D:
-        c[M++] = v(f) * y;
+        o[M++] = v(f) * y;
       case 125 * D:
       case 59:
       case 0:
-        switch (h) {
+        switch (A) {
           case 0:
           case 125:
             O = 0;
           case 59 + u:
-            y == -1 && (f = j(f, /\f/g, "")), p > 0 && v(f) - l && q(p > 32 ? pe(f + ";", n, r, l - 1) : pe(j(f, " ", "") + ";", n, r, l - 2), a);
+            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);
             break;
           case 59:
             f += ";";
           default:
-            if (q(C = Te(f, t, r, M, u, s, c, S, _ = [], Y = [], l), i), h === 123)
+            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, c, Y);
+                te(f, t, C, C, _, i, l, o, Y);
               else
-                switch (d === 99 && A(f, 3) === 110 ? 100 : d) {
+                switch (d === 99 && T(f, 3) === 110 ? 100 : d) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    te(e, C, C, n && q(Te(e, C, C, 0, 0, s, c, S, s, _ = [], l), Y), s, Y, l, c, n ? _ : Y);
+                    te(e, C, C, n && q(Te(e, C, C, 0, 0, s, o, S, s, _ = [], l), Y), s, Y, l, o, n ? _ : Y);
                     break;
                   default:
-                    te(f, C, C, C, [""], Y, 0, c, Y);
+                    te(f, C, C, C, [""], Y, 0, o, Y);
                 }
         }
-        M = u = p = 0, D = y = 1, S = f = "", l = o;
+        M = u = h = 0, D = y = 1, S = f = "", l = a;
         break;
       case 58:
-        l = 1 + v(f), p = z;
+        l = 1 + v(f), h = I;
       default:
         if (D < 1) {
-          if (h == 123)
+          if (A == 123)
             --D;
-          else if (h == 125 && D++ == 0 && gt() == 125)
+          else if (A == 125 && D++ == 0 && gt() == 125)
             continue;
         }
-        switch (f += se(h), h * D) {
+        switch (f += se(A), A * D) {
           case 38:
             y = u > 0 ? 1 : (f += "\f", -1);
             break;
           case 44:
-            c[M++] = (v(f) - 1) * y, y = 1;
+            o[M++] = (v(f) - 1) * y, y = 1;
             break;
           case 64:
-            U() === 45 && (f += ee(L())), d = U(), u = l = v(S = f += ft(X())), h++;
+            U() === 45 && (f += ee(E())), d = U(), u = l = v(S = f += ft(X())), A++;
             break;
           case 45:
-            z === 45 && v(f) == 2 && (D = 0);
+            I === 45 && v(f) == 2 && (D = 0);
         }
     }
   return i;
 }
-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 = Ye(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 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 It(e, t, r) {
   return oe(e, t, r, fe, se(lt()), Z(e, 2, -2), 0);
@@ -315,9 +315,9 @@ function zt(e, t, r, n) {
 function ht(e) {
   var t = ze(e);
   return function(r, n, s, i) {
-    for (var o = "", c = 0; c < t; c++)
-      o += e[c](r, n, s, i) || "";
-    return o;
+    for (var a = "", o = 0; o < t; o++)
+      a += e[o](r, n, s, i) || "";
+    return a;
   };
 }
 function At(e) {
@@ -333,14 +333,14 @@ 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); )
-    L();
-  return K(t, E);
+    E();
+  return K(t, m);
 }, Ot = function(t, r) {
   var n = -1, s = 44;
   do
     switch (G(s)) {
       case 0:
-        s === 38 && U() === 12 && (r[n] = 1), t[n] += pt(E - 1, r, n);
+        s === 38 && U() === 12 && (r[n] = 1), t[n] += pt(m - 1, r, n);
         break;
       case 2:
         t[n] += ee(s);
@@ -353,11 +353,11 @@ var pt = function(t, r, n) {
       default:
         t[n] += se(s);
     }
-  while (s = L());
+  while (s = E());
   return t;
-}, Et = function(t, r) {
+}, mt = function(t, r) {
   return Ve(Ot(Re(t), r));
-}, Oe = /* @__PURE__ */ new WeakMap(), Lt = function(t) {
+}, Oe = /* @__PURE__ */ new WeakMap(), Et = 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)) {
@@ -366,12 +366,12 @@ var pt = function(t, r, n) {
         return;
     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] = i[a] ? o[a].replace(/&\f/g, c[u]) : c[u] + " " + o[a];
+      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];
     }
   }
-}, mt = function(t) {
+}, Lt = function(t) {
   if (t.type === "decl") {
     var r = t.value;
     // charcode for l
@@ -385,11 +385,11 @@ var pt = function(t, r, n) {
     if (!(r.type !== "rule" || t.compat)) {
       var i = r.value.match(/(:first|:nth|:nth-last)-child/g);
       if (i) {
-        for (var o = !!r.parent, c = o ? r.parent.children : (
+        for (var a = !!r.parent, o = a ? r.parent.children : (
           // global rule at the root level
           s
-        ), a = c.length - 1; a >= 0; a--) {
-          var M = c[a];
+        ), c = o.length - 1; c >= 0; c--) {
+          var M = o[c];
           if (M.line < r.line)
             break;
           if (M.column < r.column) {
@@ -411,10 +411,10 @@ var pt = function(t, r, n) {
     if (!Pe(r[n]))
       return !0;
   return !1;
-}, Ee = function(t) {
+}, me = 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."), 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)));
+  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)));
 };
 function Fe(e, t) {
   switch (Mt(e, t)) {
@@ -451,24 +451,24 @@ function Fe(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return g + e + re + e + T + e + e;
+      return g + e + re + e + p + e + e;
     case 6828:
     case 4268:
-      return g + e + T + e + e;
+      return g + e + p + e + e;
     case 6165:
-      return g + e + T + "flex-" + e + e;
+      return g + e + p + "flex-" + e + e;
     case 5187:
-      return g + e + j(e, /(\w+).+(:[^]+)/, g + "box-$1$2" + T + "flex-$1$2") + e;
+      return g + e + j(e, /(\w+).+(:[^]+)/, g + "box-$1$2" + p + "flex-$1$2") + e;
     case 5443:
-      return g + e + T + "flex-item-" + j(e, /flex-|-self/, "") + e;
+      return g + e + p + "flex-item-" + j(e, /flex-|-self/, "") + e;
     case 4675:
-      return g + e + T + "flex-line-pack" + j(e, /align-content|flex-|-self/, "") + e;
+      return g + e + p + "flex-line-pack" + j(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return g + e + T + j(e, "shrink", "negative") + e;
+      return g + e + p + j(e, "shrink", "negative") + e;
     case 5292:
-      return g + e + T + j(e, "basis", "preferred-size") + e;
+      return g + e + p + j(e, "basis", "preferred-size") + e;
     case 6060:
-      return g + "box-" + j(e, "-grow", "") + g + e + T + j(e, "grow", "positive") + e;
+      return g + "box-" + j(e, "-grow", "") + g + e + p + j(e, "grow", "positive") + e;
     case 4554:
       return g + j(e, /([^-])(transform)/g, "$1" + g + "$2") + e;
     case 6187:
@@ -477,7 +477,7 @@ function Fe(e, t) {
     case 3959:
       return j(e, /(image-set\([^]*)/, g + "$1$`$1");
     case 4968:
-      return j(j(e, /(.+:)(flex-)?(.*)/, g + "box-pack:$3" + T + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + g + e + e;
+      return j(j(e, /(.+:)(flex-)?(.*)/, g + "box-pack:$3" + p + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + g + e + e;
     case 4095:
     case 3583:
     case 4068:
@@ -496,37 +496,37 @@ function Fe(e, t) {
     case 5021:
     case 4765:
       if (v(e) - 1 - t > 6)
-        switch (A(e, t + 1)) {
+        switch (T(e, t + 1)) {
           case 109:
-            if (A(e, t + 4) !== 45)
+            if (T(e, t + 4) !== 45)
               break;
           case 102:
-            return j(e, /(.+:)(.+)-([^]+)/, "$1" + g + "$2-$3$1" + re + (A(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return j(e, /(.+:)(.+)-([^]+)/, "$1" + g + "$2-$3$1" + re + (T(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
             return ~ue(e, "stretch") ? Fe(j(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
-      if (A(e, t + 1) !== 115)
+      if (T(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (A(e, v(e) - 3 - (~ue(e, "!important") && 10))) {
+      switch (T(e, v(e) - 3 - (~ue(e, "!important") && 10))) {
         case 107:
           return j(e, ":", ":" + g) + e;
         case 101:
-          return j(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + g + (A(e, 14) === 45 ? "inline-" : "") + "box$3$1" + g + "$2$3$1" + T + "$2box$3") + e;
+          return j(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + g + (T(e, 14) === 45 ? "inline-" : "") + "box$3$1" + g + "$2$3$1" + p + "$2box$3") + e;
       }
       break;
     case 5936:
-      switch (A(e, t + 11)) {
+      switch (T(e, t + 11)) {
         case 114:
-          return g + e + T + j(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return g + e + p + j(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return g + e + T + j(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return g + e + p + j(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return g + e + T + j(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return g + e + p + j(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return g + e + T + e + e;
+      return g + e + p + e + e;
   }
   return e;
 }
@@ -555,7 +555,7 @@ var bt = function(t, r, n, s) {
                 }), B(t, {
                   props: [j(i, /:(plac\w+)/, ":" + re + "$1")]
                 }), B(t, {
-                  props: [j(i, /:(plac\w+)/, T + "input-$1")]
+                  props: [j(i, /:(plac\w+)/, p + "input-$1")]
                 })], s);
             }
             return "";
@@ -576,21 +576,21 @@ If multiple caches share the same key they might "fight" for each other's style
   var s = t.stylisPlugins || vt;
   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 = {}, o, c = [];
-  o = t.container || document.head, Array.prototype.forEach.call(
+  var i = {}, a, o = [];
+  a = 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;
-      c.push(D);
+      o.push(D);
     }
   );
-  var a, M = [Lt, mt];
+  var c, M = [Et, Lt];
   process.env.NODE_ENV !== "production" && M.push(kt({
     get compat() {
-      return z.compat;
+      return I.compat;
     }
   }), Ct);
   {
@@ -598,22 +598,22 @@ If multiple caches share the same key they might "fight" for each other's style
       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)), p = function(O) {
+    })], d = ht(M.concat(s, l)), h = function(O) {
       return R(yt(O), d);
     };
-    a = function(O, y, h, S) {
-      u = h, process.env.NODE_ENV !== "production" && y.map !== void 0 && (u = {
+    c = function(O, y, A, S) {
+      u = A, process.env.NODE_ENV !== "production" && y.map !== void 0 && (u = {
         insert: function(Y) {
-          h.insert(Y + y.map);
+          A.insert(Y + y.map);
         }
-      }), p(O ? O + "{" + y.styles + "}" : y.styles), S && (z.inserted[y.name] = !0);
+      }), h(O ? O + "{" + y.styles + "}" : y.styles), S && (I.inserted[y.name] = !0);
     };
   }
-  var z = {
+  var I = {
     key: r,
     sheet: new st({
       key: r,
-      container: o,
+      container: a,
       nonce: t.nonce,
       speedy: t.speedy,
       prepend: t.prepend,
@@ -622,9 +622,9 @@ If multiple caches share the same key they might "fight" for each other's style
     nonce: t.nonce,
     inserted: i,
     registered: {},
-    insert: a
+    insert: c
   };
-  return z.sheet.hydrate(c), z;
+  return I.sheet.hydrate(o), I;
 };
 function Qt(e) {
   for (var t = 0, r, n = 0, s = e.length; s >= 4; ++n, s -= 4)
@@ -693,14 +693,14 @@ var Yt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Le = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+}, Ee = `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) {
   return t.charCodeAt(1) === 45;
-}, me = function(t) {
+}, Le = function(t) {
   return t != null && typeof t != "boolean";
-}, ae = /* @__PURE__ */ Tt(function(e) {
+}, ce = /* @__PURE__ */ Tt(function(e) {
   return he(e) ? e : e.replace(Rt, "-$&").toLowerCase();
 }), ne = function(t, r) {
   switch (t) {
@@ -708,10 +708,10 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     case "animationName":
       if (typeof r == "string")
         return r.replace(_e, function(n, s, i) {
-          return m = {
+          return L = {
             name: s,
             styles: i,
-            next: m
+            next: L
           }, s;
         });
   }
@@ -742,19 +742,19 @@ function J(e, t, r) {
       return "";
     case "object": {
       if (r.anim === 1)
-        return m = {
+        return L = {
           name: r.name,
           styles: r.styles,
-          next: m
+          next: L
         }, r.name;
       if (r.styles !== void 0) {
         var n = r.next;
         if (n !== void 0)
           for (; n !== void 0; )
-            m = {
+            L = {
               name: n.name,
               styles: n.styles,
-              next: m
+              next: L
             }, n = n.next;
         var s = r.styles + ";";
         return process.env.NODE_ENV !== "production" && r.map !== void 0 && (s += r.map), s;
@@ -763,24 +763,24 @@ function J(e, t, r) {
     }
     case "function": {
       if (e !== void 0) {
-        var i = m, o = r(e);
-        return m = i, J(e, t, o);
+        var i = L, a = r(e);
+        return L = i, J(e, t, a);
       } 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(_e, function(u, l, d) {
-          var p = "animation" + c.length;
-          return c.push("const " + p + " = keyframes`" + d.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + p + "}";
+        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 + "}";
         });
-        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(`
+        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(`
 `) + `
 
 You should wrap it with \`css\` like this:
 
-` + ("css`" + a + "`"));
+` + ("css`" + c + "`"));
       }
       break;
   }
@@ -796,25 +796,25 @@ function Wt(e, t, r) {
       n += J(e, t, r[s]) + ";";
   else
     for (var i in r) {
-      var o = r[i];
-      if (typeof o != "object")
-        t != null && t[o] !== void 0 ? n += i + "{" + t[o] + "}" : me(o) && (n += ae(i) + ":" + ne(i, o) + ";");
+      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) + ";");
       else {
         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(i) + ":" + ne(i, o[c]) + ";");
+        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]) + ";");
         else {
-          var a = J(e, t, o);
+          var c = J(e, t, a);
           switch (i) {
             case "animation":
             case "animationName": {
-              n += ae(i) + ":" + a + ";";
+              n += ce(i) + ":" + c + ";";
               break;
             }
             default:
-              process.env.NODE_ENV !== "production" && i === "undefined" && console.error($t), n += i + "{" + a + "}";
+              process.env.NODE_ENV !== "production" && i === "undefined" && console.error($t), n += i + "{" + c + "}";
           }
         }
       }
@@ -823,18 +823,18 @@ function Wt(e, t, r) {
 }
 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) {
+var L, 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 s = !0, i = "";
-  m = void 0;
-  var o = t[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++)
-    i += J(n, r, t[c]), s && (process.env.NODE_ENV !== "production" && o[c] === void 0 && console.error(Le), i += o[c]);
-  var a;
+  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]);
+  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 a = d, "";
+    return c = d, "";
   })), we.lastIndex = 0;
   for (var M = "", u; (u = we.exec(i)) !== null; )
     M += "-" + // $FlowFixMe we know it's not null
@@ -843,15 +843,15 @@ var m, Me = function(t, r, n) {
   return process.env.NODE_ENV !== "production" ? {
     name: l,
     styles: i,
-    map: a,
-    next: m,
+    map: c,
+    next: L,
     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: m
+    next: L
   };
 }, Zt = !0;
 function Ze(e, t, r) {
@@ -892,18 +892,18 @@ function Se(e, t, r) {
 }
 var Ht = function(t) {
   var r = Ut(t);
-  r.sheet.speedy = function(c) {
+  r.sheet.speedy = function(o) {
     if (process.env.NODE_ENV !== "production" && this.ctr !== 0)
       throw new Error("speedy must be changed before any rules are inserted");
-    this.isSpeedy = c;
+    this.isSpeedy = o;
   }, r.compat = !0;
   var n = function() {
-    for (var a = arguments.length, M = new Array(a), u = 0; u < a; u++)
+    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;
   }, s = function() {
-    for (var a = arguments.length, M = new Array(a), u = 0; u < a; u++)
+    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, {
@@ -911,22 +911,22 @@ var Ht = function(t) {
       styles: "@keyframes " + d + "{" + l.styles + "}"
     }), d;
   }, i = function() {
-    for (var a = arguments.length, M = new Array(a), u = 0; u < a; u++)
+    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);
-  }, o = function() {
-    for (var a = arguments.length, M = new Array(a), u = 0; u < a; u++)
+  }, 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));
   };
   return {
     css: n,
-    cx: o,
+    cx: a,
     injectGlobal: i,
     keyframes: s,
-    hydrate: function(a) {
-      a.forEach(function(M) {
+    hydrate: function(c) {
+      c.forEach(function(M) {
         r.inserted[M] = !0;
       });
     },
@@ -952,8 +952,8 @@ var Ht = function(t) {
             i = e(s);
           else {
             i = "";
-            for (var o in s)
-              s[o] && o && (i && (i += " "), i += o);
+            for (var a in s)
+              s[a] && a && (i && (i += " "), i += a);
           }
           break;
         }
@@ -1045,43 +1045,43 @@ const Je = ge({}), Sr = (e) => {
 }, 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 = {}, o = { ...W, ...n };
-    for (const c of Object.keys(o)) {
-      i[b(c, "body")] = {
-        backgroundColor: o[c].basics.dark,
-        color: o[c].basics.text
+    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
       };
-      for (const a of Object.keys(o[c])) {
-        const M = a;
-        i[b(c, a)] = {
-          color: a === "basics" ? o[c][M].text : o[c][M].default
+      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
         };
         const u = {
-          color: o[c][M].light,
-          backgroundColor: `${o[c][M].light}2f`
+          color: a[o][M].light,
+          backgroundColor: `${a[o][M].light}2f`
         };
-        i[b(c, a, ".button:hover")] = u, i[b(c, a, "button:hover")] = u;
+        i[b(o, c, ".button:hover")] = u, i[b(o, c, "button:hover")] = u;
         const l = {
-          color: o[c][M].text,
-          backgroundColor: o[c][M].default
+          color: a[o][M].text,
+          backgroundColor: a[o][M].default
         };
-        i[b(c, a, ".filled")] = l;
+        i[b(o, c, ".filled")] = l;
         const d = {
-          color: o[c][M].text,
-          backgroundColor: o[c][M].light
+          color: a[o][M].text,
+          backgroundColor: a[o][M].light
         };
-        i[b(c, a, ".button.filled:hover")] = d, i[b(c, a, "button.filled:hover")] = d;
-        const p = {
-          color: o[c][M].default,
-          borderColor: o[c][M].default
+        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[b(c, a, ".outlined")] = p;
-        const z = {
-          color: o[c][M].text,
-          borderColor: o[c][M].light,
-          backgroundColor: o[c][M].light
+        i[b(o, c, ".outlined")] = h;
+        const I = {
+          color: a[o][M].text,
+          borderColor: a[o][M].light,
+          backgroundColor: a[o][M].light
         };
-        i[b(c, a, ".button.outlined:hover")] = z, i[b(c, a, "button.outlined:hover")] = z;
+        i[b(o, c, ".button.outlined:hover")] = I, i[b(o, c, "button.outlined:hover")] = I;
       }
     }
     qt({ ...i });
@@ -1118,14 +1118,14 @@ 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: o } = Q(), c = rr(o, r, s);
+  const { color: r = "primary", type: n = "button", shape: s = "text", ...i } = e, { colors: a } = Q(), o = rr(a, r, s);
   return /* @__PURE__ */ N(
     "button",
     {
       type: n,
       ref: t,
       ...i,
-      className: `button ${s} ${c.root} ${i.className}`,
+      className: `button ${s} ${o.root} ${i.className}`,
       children: i.children
     }
   );
@@ -1156,64 +1156,70 @@ const Je = ge({}), Sr = (e) => {
 }, or = P(function(e, t) {
   const {
     helperText: r = "",
-    orientation: n = "column",
-    color: s = "basics",
-    label: i,
-    ...o
-  } = e, { colors: c } = Q(), a = Ae(c, s);
-  return /* @__PURE__ */ x("div", { className: `input-control ${n}`, children: [
-    /* @__PURE__ */ N("label", { className: s, htmlFor: e.id, children: i }),
+    helperTextClassName: n = "basics",
+    orientation: s = "column",
+    color: i = "basics",
+    labelClassName: a = "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 }),
     /* @__PURE__ */ N(
       "textarea",
       {
-        ...o,
-        className: `${a.input} ${o.className ?? ""}`,
+        ...c,
+        className: `${u.input} ${c.className ?? ""}`,
         ref: t
       }
     ),
-    r && r.length ? /* @__PURE__ */ N("p", { className: s, children: r }) : null
+    r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
   ] });
-}), br = or, cr = P(function(e, t) {
+}), br = or, ar = P(function(e, t) {
   const {
     helperText: r = "",
-    orientation: n = "column",
-    color: s = "basics",
-    leftComponent: i,
+    helperTextClassName: n = "basics",
+    orientation: s = "column",
+    color: i = "basics",
+    leftComponent: a,
     rightComponent: o,
     label: c,
-    ...a
-  } = e, { colors: M } = Q(), u = Ae(M, s), l = H(
+    labelClassName: M = "basics",
+    ...u
+  } = e, { colors: l } = Q(), d = Ae(l, i), h = H(
     () => /* @__PURE__ */ N(
       "select",
       {
-        ...a,
+        ...u,
         ref: t,
-        className: `${i ? "s-no-padding-left" : ""} ${o ? "s-no-padding-right" : ""} ${u.input} ${a.className ?? ""}`,
-        children: a.children
+        className: `${a ? "s-no-padding-left" : ""} ${o ? "s-no-padding-right" : ""} ${d.input} ${u.className ?? ""}`,
+        children: u.children
       }
     ),
-    [i, o, a, t, u]
+    [a, o, u, t, d]
   );
-  return /* @__PURE__ */ x("div", { className: `input-control ${n}`, children: [
-    /* @__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,
+  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,
       o && o !== null ? /* @__PURE__ */ N("div", { children: o }) : null
-    ] }) : l,
-    r && r.length ? /* @__PURE__ */ N("p", { className: s, children: r }) : null
+    ] }) : h,
+    r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
   ] });
-}), vr = cr, ar = P(function(e, t) {
+}), vr = ar, cr = P(function(e, t) {
   const {
     helperText: r = "",
-    orientation: n = "column",
-    color: s = "basics",
-    leftComponent: i,
-    rightComponent: o,
-    label: c,
-    type: a = "text",
-    ...M
-  } = e, u = H(() => [
+    helperTextClassName: n = "basics",
+    orientation: s = "column",
+    color: i = "basics",
+    labelClassName: a = "basics",
+    leftComponent: o,
+    rightComponent: c,
+    label: M,
+    type: u = "text",
+    ...l
+  } = e, d = H(() => [
     "date",
     "datetime-local",
     "email",
@@ -1223,33 +1229,33 @@ const Je = ge({}), Sr = (e) => {
     "tel",
     "time",
     "url"
-  ].includes(a) ? a : "text", [a]), { colors: l } = Q(), d = Ae(l, s);
-  return /* @__PURE__ */ x("div", { className: `input-control ${n}`, children: [
-    /* @__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,
+  ].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,
       /* @__PURE__ */ N(
         "input",
         {
-          ...M,
-          type: u,
+          ...l,
+          type: d,
           ref: t,
-          className: `${i ? "s-small-padding-left" : ""} ${o ? "s-small-padding-right" : ""} ${d.input} ${M.className ?? ""}`
+          className: `${o ? "s-small-padding-left" : ""} ${c ? "s-small-padding-right" : ""} ${I.input} ${l.className ?? ""}`
         }
       ),
-      o && o !== null ? /* @__PURE__ */ N("div", { children: o }) : null
+      c && c !== null ? /* @__PURE__ */ N("div", { children: c }) : null
     ] }) : /* @__PURE__ */ N(
       "input",
       {
-        ...M,
-        type: a,
-        className: `${d.input} ${M.className ?? ""}`,
+        ...l,
+        type: u,
+        className: `${I.input} ${l.className ?? ""}`,
         ref: t
       }
     ),
-    r && r.length ? /* @__PURE__ */ N("p", { className: s, children: r }) : null
+    r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
   ] });
-}), Ur = ar, Mr = (e, t, r) => {
+}), Ur = cr, Mr = (e, t, r) => {
   const n = (s) => ({
     backgroundColor: e[s].default,
     "& .ball": {
@@ -1268,20 +1274,20 @@ const Je = ge({}), Sr = (e) => {
     value: n = !1,
     onChange: s,
     activeColor: i = "primary",
-    inactiveColor: o = "secondary",
-    id: c,
-    className: a
-  } = e, { colors: M } = Q(), u = Mr(M, i, o);
+    inactiveColor: a = "secondary",
+    id: o,
+    className: c
+  } = e, { colors: M } = Q(), u = Mr(M, i, a);
   return /* @__PURE__ */ x(
     "div",
     {
-      className: `switcher-root ${u.root} ${a}`,
+      className: `switcher-root ${u.root} ${c}`,
       onClick: s,
       children: [
         /* @__PURE__ */ N(
           "input",
           {
-            id: c,
+            id: o,
             ref: t,
             checked: n,
             onChange: s,
@@ -1327,12 +1333,12 @@ const Je = ge({}), Sr = (e) => {
   })
 });
 function $r(e) {
-  const { container: t = {}, ...r } = e, [n, s] = w(!1), { colors: i } = Q(), o = jr(i);
+  const { container: t = {}, ...r } = e, [n, s] = w(!1), { colors: i } = Q(), a = jr(i);
   return /* @__PURE__ */ N(
     "div",
     {
       ...t,
-      className: `${n ? null : `box ${o.root}`} ${t.className}`,
+      className: `${n ? null : `box ${a.root}`} ${t.className}`,
       children: /* @__PURE__ */ N("img", { onLoad: () => s(!0), ...r })
     }
   );
@@ -1356,15 +1362,15 @@ function dr(e) {
     delay: r = 100,
     animation: n = "appear",
     onVisible: s = !1
-  } = e, { elementRef: i, isElementInViewport: o } = Dr(), [c, a] = w(s !== !0), [M, u] = w(!1);
+  } = e, { elementRef: i, isElementInViewport: a } = Dr(), [o, c] = w(s !== !0), [M, u] = w(!1);
   return k(() => {
     const l = setTimeout(() => {
-      c && u(!0);
+      o && u(!0);
     }, r);
     return () => clearTimeout(l);
-  }, [r, c]), k(() => {
-    !c && o && a(!0);
-  }, [o]), /* @__PURE__ */ N("div", { ref: i, className: M && c ? n : "invisible", children: t });
+  }, [r, o]), k(() => {
+    !o && a && c(!0);
+  }, [a]), /* @__PURE__ */ N("div", { ref: i, className: M && o ? n : "invisible", children: t });
 }
 const Xe = tt(
   (e) => /* @__PURE__ */ N(dr, { ...e }),
@@ -1387,15 +1393,15 @@ const Rr = Xe, yr = (e, t) => {
   };
 };
 function Vr(e) {
-  const { closeProps: t } = e, { notification: r, setNotification: n } = gr(), [s, i] = w(!1), [o, c] = w(!1);
+  const { closeProps: t } = e, { notification: r, setNotification: n } = gr(), [s, i] = w(!1), [a, o] = w(!1);
   k(() => {
-    r.visible && (i(!0), c(!0), setTimeout(() => {
+    r.visible && (i(!0), o(!0), setTimeout(() => {
       n({ type: "hide" });
     }, 6e3));
   }, [r, n]);
-  const a = je(() => {
-    s && i(!1), o && setTimeout(() => c(!1), 400), n({ type: "hide" });
-  }, [s, o, n]), M = H(() => {
+  const c = je(() => {
+    s && i(!1), a && setTimeout(() => o(!1), 400), n({ type: "hide" });
+  }, [s, a, n]), M = H(() => {
     switch (r.type) {
       case "info":
         return "info";
@@ -1407,16 +1413,16 @@ function Vr(e) {
         return "error";
     }
   }, [r]), u = de(null);
-  k(() => (o ? window.addEventListener("click", a) : window.removeEventListener("click", a), () => {
-    window.removeEventListener("click", a);
-  }), [o, u, a]);
+  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);
   return /* @__PURE__ */ N(
     "div",
     {
       ref: u,
       className: `notification-root ${d.root} ${s ? "appear" : "disappear"}`,
-      children: o ? /* @__PURE__ */ x("div", { className: "notification", children: [
+      children: a ? /* @__PURE__ */ x("div", { className: "notification", children: [
         /* @__PURE__ */ N(
           ir,
           {
@@ -1433,7 +1439,7 @@ function Vr(e) {
             ),
             ref: null,
             color: "basics",
-            onClick: a,
+            onClick: c,
             className: `notification-close-button ${t == null ? void 0 : t.className}`
           }
         ),
@@ -1456,8 +1462,8 @@ const Ir = (e, t, r) => {
     loaderClass: n = "",
     strokeWidth: s = "4",
     ...i
-  } = e, { colors: o } = Q(), 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(
+  } = e, { colors: a } = Q(), o = Ir(a, 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",
     {
       className: "path",
@@ -1485,7 +1491,7 @@ const Ir = (e, t, r) => {
   };
 };
 function Pr(e) {
-  const { color: t = "primary", logo: r, logoClass: n, appName: s, visible: i = !0 } = e, { colors: o } = Q(), c = Ar(o, t), [a, M] = w(!1);
+  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);
   }, []);
@@ -1495,7 +1501,7 @@ function Pr(e) {
   }, [i]), u ? /* @__PURE__ */ x(
     "div",
     {
-      className: `splash-screen ${c.root} ${i ? "splash-loading-show " : "splash-loading-hide"}`,
+      className: `splash-screen ${o.root} ${i ? "splash-loading-show " : "splash-loading-hide"}`,
       children: [
         /* @__PURE__ */ x("div", { className: "logo-container", children: [
           typeof r == "string" ? /* @__PURE__ */ N(
@@ -1508,7 +1514,7 @@ function Pr(e) {
           /* @__PURE__ */ N(
             "div",
             {
-              className: `splash-loading ${a ? "splash-loading-show" : "splash-loading-hide"} pointer-events-none`,
+              className: `splash-loading ${c ? "splash-loading-show" : "splash-loading-hide"} pointer-events-none`,
               children: /* @__PURE__ */ N(
                 hr,
                 {
@@ -1542,9 +1548,9 @@ const Tr = (e) => ({
   const t = de(null), { colors: r } = Q(), n = Tr(r), {
     onRetry: s = () => window.location.reload(),
     className: i = "",
-    title: o = "Something went wrong",
-    text: c,
-    button: a = "Try again",
+    title: a = "Something went wrong",
+    text: o,
+    button: c = "Try again",
     buttonProps: M
   } = e;
   return /* @__PURE__ */ x("div", { role: "alert", className: `error-root ${n.root} ${i}`, children: [
@@ -1557,8 +1563,8 @@ 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: o }),
-    /* @__PURE__ */ N("pre", { className: "s-error-body", children: c }),
+    /* @__PURE__ */ N("p", { className: "s-error-title", children: a }),
+    /* @__PURE__ */ N("pre", { className: "s-error-body", children: o }),
     s ? /* @__PURE__ */ N(
       Ke,
       {
@@ -1569,7 +1575,7 @@ const Tr = (e) => ({
         "aria-label": "click to reload",
         ...M,
         ref: t,
-        children: a
+        children: c
       }
     ) : null
   ] });
@@ -1582,21 +1588,21 @@ function le(e, t) {
 function Or(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, le(e, t);
 }
-var Er = function(t, r) {
+var mr = 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
-}, Lr = /* @__PURE__ */ function(e) {
+}, Er = /* @__PURE__ */ function(e) {
   Or(t, e);
   function t() {
-    for (var n, s = arguments.length, i = new Array(s), o = 0; o < s; o++)
-      i[o] = arguments[o];
+    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 c, a = arguments.length, M = new Array(a), u = 0; u < a; u++)
+      for (var o, c = arguments.length, M = new Array(c), u = 0; u < c; u++)
         M[u] = arguments[u];
-      n.props.onReset == null || (c = n.props).onReset.apply(c, M), n.reset();
+      n.props.onReset == null || (o = n.props).onReset.apply(o, M), n.reset();
     }, n;
   }
   t.getDerivedStateFromError = function(s) {
@@ -1608,39 +1614,39 @@ var Er = function(t, r) {
   return r.reset = function() {
     this.setState(Ue);
   }, r.componentDidCatch = function(s, i) {
-    var o, c;
-    (o = (c = this.props).onError) == null || o.call(c, s, i);
+    var a, o;
+    (a = (o = this.props).onError) == null || a.call(o, s, i);
   }, r.componentDidUpdate = function(s, i) {
-    var o = this.state.error, c = this.props.resetKeys;
-    if (o !== null && i.error !== null && Er(s.resetKeys, c)) {
-      var a, M;
-      (a = (M = this.props).onResetKeysChange) == null || a.call(M, s.resetKeys, c), this.reset();
+    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();
     }
   }, r.render = function() {
-    var s = this.state.error, i = this.props, o = i.fallbackRender, c = i.FallbackComponent, a = i.fallback;
+    var s = this.state.error, i = this.props, a = i.fallbackRender, o = i.FallbackComponent, c = i.fallback;
     if (s !== null) {
       var M = {
         error: s,
         resetErrorBoundary: this.resetErrorBoundary
       };
-      if (/* @__PURE__ */ ce.isValidElement(a))
-        return a;
-      if (typeof o == "function")
-        return o(M);
-      if (c)
-        return /* @__PURE__ */ ce.createElement(c, M);
+      if (/* @__PURE__ */ ae.isValidElement(c))
+        return c;
+      if (typeof a == "function")
+        return a(M);
+      if (o)
+        return /* @__PURE__ */ ae.createElement(o, M);
       throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
     }
     return this.props.children;
   }, t;
-}(ce.Component);
-const mr = (e) => {
+}(ae.Component);
+const Lr = (e) => {
   const { error: t, resetErrorBoundary: r } = e;
   return /* @__PURE__ */ N(pr, { onRetry: r, text: t.message });
 };
 function Fr(e) {
   const { children: t, onRetry: r } = e;
-  return /* @__PURE__ */ N(Lr, { FallbackComponent: mr, onReset: r, children: t });
+  return /* @__PURE__ */ N(Er, { FallbackComponent: Lr, onReset: r, children: t });
 }
 const _r = (e) => {
   const [t, r] = w(!1);