@minimalstuff/ui 0.0.24 → 0.0.25

package/dist/index.es.js

@@ -1,16 +1,16 @@
 import D from "@emotion/styled";
 import * as re from "react";
-import te, { useEffect as Er, createContext as st, useContext as xr, useState as me, useRef as ct, Fragment as lt, forwardRef as sn } from "react";
-import { keyframes as wr, useTheme as ut, ThemeProvider as cn, css as Ye, Global as ln } from "@emotion/react";
+import te, { useEffect as it, createContext as st, useContext as Er, useState as Pe, useRef as ct, Fragment as lt, forwardRef as sn } from "react";
+import { keyframes as xr, useTheme as ut, ThemeProvider as cn, css as Ye, Global as ln } from "@emotion/react";
 import { useHotkeys as un } from "react-hotkeys-hook";
 import fn from "hex-rgb";
 import ft from "tinycolor2";
 import { createPortal as dn } from "react-dom";
 import pn from "react-toggle";
-import hn from "react-select";
+import mn from "react-select";
 const ya = D.button(
   ({ theme: e, danger: r = !1, secondary: t = !1 }) => {
-    const n = r ? e.colors.red.default : e.colors.blue.default, a = r ? e.colors.red.dark : e.colors.blue.dark, i = t ? n : e.colors.white, l = t ? "transparent" : n;
+    const o = r ? e.colors.red.default : e.colors.blue.default, a = r ? e.colors.red.dark : e.colors.blue.dark, i = t ? o : e.colors.white, l = t ? "transparent" : o;
     return {
       cursor: "pointer",
       width: "100%",
@@ -19,7 +19,7 @@ const ya = D.button(
       color: i,
       background: l,
       padding: "0.75em",
-      border: `1px solid ${n}`,
+      border: `1px solid ${o}`,
       borderRadius: e.borders.radius.m,
       transition: e.transitions.delay.fast,
       "&:disabled": {
@@ -33,7 +33,7 @@ const ya = D.button(
     };
   }
 );
-var hr = { exports: {} }, Ce = {};
+var mr = { exports: {} }, Se = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -43,21 +43,21 @@ var hr = { exports: {} }, Ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ur;
-function mn() {
-  if (Ur) return Ce;
-  Ur = 1;
-  var e = te, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(c, p, m) {
-    var d, b = {}, g = null, $ = null;
-    m !== void 0 && (g = "" + m), p.key !== void 0 && (g = "" + p.key), p.ref !== void 0 && ($ = p.ref);
-    for (d in p) n.call(p, d) && !i.hasOwnProperty(d) && (b[d] = p[d]);
+var zr;
+function hn() {
+  if (zr) return Se;
+  zr = 1;
+  var e = te, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(c, p, h) {
+    var d, b = {}, x = null, j = null;
+    h !== void 0 && (x = "" + h), p.key !== void 0 && (x = "" + p.key), p.ref !== void 0 && (j = p.ref);
+    for (d in p) o.call(p, d) && !i.hasOwnProperty(d) && (b[d] = p[d]);
     if (c && c.defaultProps) for (d in p = c.defaultProps, p) b[d] === void 0 && (b[d] = p[d]);
-    return { $$typeof: r, type: c, key: g, ref: $, props: b, _owner: a.current };
+    return { $$typeof: r, type: c, key: x, ref: j, props: b, _owner: a.current };
   }
-  return Ce.Fragment = t, Ce.jsx = l, Ce.jsxs = l, Ce;
+  return Se.Fragment = t, Se.jsx = l, Se.jsxs = l, Se;
 }
-var Re = {};
+var Ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -67,62 +67,62 @@ var Re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Br;
+var Ur;
 function vn() {
-  return Br || (Br = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = te, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), N = Symbol.iterator, x = "@@iterator";
-    function M(o) {
-      if (o === null || typeof o != "object")
+  return Ur || (Ur = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = te, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), $ = Symbol.iterator, E = "@@iterator";
+    function M(n) {
+      if (n === null || typeof n != "object")
         return null;
-      var s = N && o[N] || o[x];
+      var s = $ && n[$] || n[E];
       return typeof s == "function" ? s : null;
     }
     var _ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(o) {
+    function g(n) {
       {
         for (var s = arguments.length, f = new Array(s > 1 ? s - 1 : 0), v = 1; v < s; v++)
           f[v - 1] = arguments[v];
-        A("error", o, f);
+        A("error", n, f);
       }
     }
-    function A(o, s, f) {
+    function A(n, s, f) {
       {
         var v = _.ReactDebugCurrentFrame, R = v.getStackAddendum();
         R !== "" && (s += "%s", f = f.concat([R]));
-        var I = f.map(function(w) {
+        var N = f.map(function(w) {
           return String(w);
         });
-        I.unshift("Warning: " + s), Function.prototype.apply.call(console[o], console, I);
+        N.unshift("Warning: " + s), Function.prototype.apply.call(console[n], console, N);
       }
     }
-    var j = !1, u = !1, Y = !1, P = !1, rr = !1, $e;
+    var I = !1, u = !1, Y = !1, P = !1, rr = !1, $e;
     $e = Symbol.for("react.module.reference");
-    function tr(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === n || o === i || rr || o === a || o === m || o === d || P || o === $ || j || u || Y || typeof o == "object" && o !== null && (o.$$typeof === g || o.$$typeof === b || o.$$typeof === l || o.$$typeof === c || o.$$typeof === p || // This needs to include all possible module reference object
+    function tr(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === o || n === i || rr || n === a || n === h || n === d || P || n === j || I || u || Y || typeof n == "object" && n !== null && (n.$$typeof === x || n.$$typeof === b || n.$$typeof === l || n.$$typeof === c || n.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      o.$$typeof === $e || o.getModuleId !== void 0));
+      n.$$typeof === $e || n.getModuleId !== void 0));
     }
-    function nr(o, s, f) {
-      var v = o.displayName;
+    function nr(n, s, f) {
+      var v = n.displayName;
       if (v)
         return v;
       var R = s.displayName || s.name || "";
       return R !== "" ? f + "(" + R + ")" : f;
     }
-    function Ne(o) {
-      return o.displayName || "Context";
+    function Ne(n) {
+      return n.displayName || "Context";
     }
-    function K(o) {
-      if (o == null)
+    function K(n) {
+      if (n == null)
         return null;
-      if (typeof o.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
-        return o.displayName || o.name || null;
-      if (typeof o == "string")
-        return o;
-      switch (o) {
-        case n:
+      if (typeof n.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
+        case o:
           return "Fragment";
         case t:
           return "Portal";
@@ -130,28 +130,28 @@ function vn() {
           return "Profiler";
         case a:
           return "StrictMode";
-        case m:
+        case h:
           return "Suspense";
         case d:
           return "SuspenseList";
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
+      if (typeof n == "object")
+        switch (n.$$typeof) {
           case c:
-            var s = o;
+            var s = n;
             return Ne(s) + ".Consumer";
           case l:
-            var f = o;
+            var f = n;
             return Ne(f._context) + ".Provider";
           case p:
-            return nr(o, o.render, "ForwardRef");
+            return nr(n, n.render, "ForwardRef");
           case b:
-            var v = o.displayName || null;
-            return v !== null ? v : K(o.type) || "Memo";
-          case g: {
-            var R = o, I = R._payload, w = R._init;
+            var v = n.displayName || null;
+            return v !== null ? v : K(n.type) || "Memo";
+          case x: {
+            var R = n, N = R._payload, w = R._init;
             try {
-              return K(w(I));
+              return K(w(N));
             } catch {
               return null;
             }
@@ -159,28 +159,28 @@ function vn() {
         }
       return null;
     }
-    var ee = Object.assign, oe = 0, Ie, je, be, De, ge, Fe, Me;
+    var ee = Object.assign, oe = 0, Ie, je, ve, De, be, Fe, Me;
     function Le() {
     }
     Le.__reactDisabledLog = !0;
     function or() {
       {
         if (oe === 0) {
-          Ie = console.log, je = console.info, be = console.warn, De = console.error, ge = console.group, Fe = console.groupCollapsed, Me = console.groupEnd;
-          var o = {
+          Ie = console.log, je = console.info, ve = console.warn, De = console.error, be = console.group, Fe = console.groupCollapsed, Me = console.groupEnd;
+          var n = {
             configurable: !0,
             enumerable: !0,
             value: Le,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: o,
-            log: o,
-            warn: o,
-            error: o,
-            group: o,
-            groupCollapsed: o,
-            groupEnd: o
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
           });
         }
         oe++;
@@ -189,71 +189,71 @@ function vn() {
     function ar() {
       {
         if (oe--, oe === 0) {
-          var o = {
+          var n = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ee({}, o, {
+            log: ee({}, n, {
               value: Ie
             }),
-            info: ee({}, o, {
+            info: ee({}, n, {
               value: je
             }),
-            warn: ee({}, o, {
-              value: be
+            warn: ee({}, n, {
+              value: ve
             }),
-            error: ee({}, o, {
+            error: ee({}, n, {
               value: De
             }),
-            group: ee({}, o, {
-              value: ge
+            group: ee({}, n, {
+              value: be
             }),
-            groupCollapsed: ee({}, o, {
+            groupCollapsed: ee({}, n, {
               value: Fe
             }),
-            groupEnd: ee({}, o, {
+            groupEnd: ee({}, n, {
               value: Me
             })
           });
         }
-        oe < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ye = _.ReactCurrentDispatcher, Ee;
-    function se(o, s, f) {
+    var ge = _.ReactCurrentDispatcher, ye;
+    function se(n, s, f) {
       {
-        if (Ee === void 0)
+        if (ye === void 0)
           try {
             throw Error();
           } catch (R) {
             var v = R.stack.trim().match(/\n( *(at )?)/);
-            Ee = v && v[1] || "";
+            ye = v && v[1] || "";
           }
         return `
-` + Ee + o;
+` + ye + n;
       }
     }
-    var xe = !1, ce;
+    var Ee = !1, ce;
     {
       var ir = typeof WeakMap == "function" ? WeakMap : Map;
       ce = new ir();
     }
-    function h(o, s) {
-      if (!o || xe)
+    function m(n, s) {
+      if (!n || Ee)
         return "";
       {
-        var f = ce.get(o);
+        var f = ce.get(n);
         if (f !== void 0)
           return f;
       }
       var v;
-      xe = !0;
+      Ee = !0;
       var R = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var I;
-      I = ye.current, ye.current = null, or();
+      var N;
+      N = ge.current, ge.current = null, or();
       try {
         if (s) {
           var w = function() {
@@ -269,14 +269,14 @@ function vn() {
             } catch (B) {
               v = B;
             }
-            Reflect.construct(o, [], w);
+            Reflect.construct(n, [], w);
           } else {
             try {
               w.call();
             } catch (B) {
               v = B;
             }
-            o.call(w.prototype);
+            n.call(w.prototype);
           }
         } else {
           try {
@@ -284,252 +284,252 @@ function vn() {
           } catch (B) {
             v = B;
           }
-          o();
+          n();
         }
       } catch (B) {
         if (B && v && typeof B.stack == "string") {
-          for (var E = B.stack.split(`
+          for (var y = B.stack.split(`
 `), U = v.stack.split(`
-`), F = E.length - 1, L = U.length - 1; F >= 1 && L >= 0 && E[F] !== U[L]; )
+`), F = y.length - 1, L = U.length - 1; F >= 1 && L >= 0 && y[F] !== U[L]; )
             L--;
           for (; F >= 1 && L >= 0; F--, L--)
-            if (E[F] !== U[L]) {
+            if (y[F] !== U[L]) {
               if (F !== 1 || L !== 1)
                 do
-                  if (F--, L--, L < 0 || E[F] !== U[L]) {
+                  if (F--, L--, L < 0 || y[F] !== U[L]) {
                     var H = `
-` + E[F].replace(" at new ", " at ");
-                    return o.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", o.displayName)), typeof o == "function" && ce.set(o, H), H;
+` + y[F].replace(" at new ", " at ");
+                    return n.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", n.displayName)), typeof n == "function" && ce.set(n, H), H;
                   }
                 while (F >= 1 && L >= 0);
               break;
             }
         }
       } finally {
-        xe = !1, ye.current = I, ar(), Error.prepareStackTrace = R;
+        Ee = !1, ge.current = N, ar(), Error.prepareStackTrace = R;
       }
-      var fe = o ? o.displayName || o.name : "", ie = fe ? se(fe) : "";
-      return typeof o == "function" && ce.set(o, ie), ie;
+      var fe = n ? n.displayName || n.name : "", ie = fe ? se(fe) : "";
+      return typeof n == "function" && ce.set(n, ie), ie;
     }
-    function we(o, s, f) {
-      return h(o, !1);
+    function xe(n, s, f) {
+      return m(n, !1);
     }
-    function le(o) {
-      var s = o.prototype;
+    function le(n) {
+      var s = n.prototype;
       return !!(s && s.isReactComponent);
     }
-    function ae(o, s, f) {
-      if (o == null)
+    function ae(n, s, f) {
+      if (n == null)
         return "";
-      if (typeof o == "function")
-        return h(o, le(o));
-      if (typeof o == "string")
-        return se(o);
-      switch (o) {
-        case m:
+      if (typeof n == "function")
+        return m(n, le(n));
+      if (typeof n == "string")
+        return se(n);
+      switch (n) {
+        case h:
           return se("Suspense");
         case d:
           return se("SuspenseList");
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
+      if (typeof n == "object")
+        switch (n.$$typeof) {
           case p:
-            return we(o.render);
+            return xe(n.render);
           case b:
-            return ae(o.type, s, f);
-          case g: {
-            var v = o, R = v._payload, I = v._init;
+            return ae(n.type, s, f);
+          case x: {
+            var v = n, R = v._payload, N = v._init;
             try {
-              return ae(I(R), s, f);
+              return ae(N(R), s, f);
             } catch {
             }
           }
         }
       return "";
     }
-    var _e = Object.prototype.hasOwnProperty, Ar = {}, $r = _.ReactDebugCurrentFrame;
-    function Ve(o) {
-      if (o) {
-        var s = o._owner, f = ae(o.type, o._source, s ? s.type : null);
-        $r.setExtraStackFrame(f);
+    var we = Object.prototype.hasOwnProperty, Pr = {}, Ar = _.ReactDebugCurrentFrame;
+    function Ve(n) {
+      if (n) {
+        var s = n._owner, f = ae(n.type, n._source, s ? s.type : null);
+        Ar.setExtraStackFrame(f);
       } else
-        $r.setExtraStackFrame(null);
+        Ar.setExtraStackFrame(null);
     }
-    function Mt(o, s, f, v, R) {
+    function Mt(n, s, f, v, R) {
       {
-        var I = Function.call.bind(_e);
-        for (var w in o)
-          if (I(o, w)) {
-            var E = void 0;
+        var N = Function.call.bind(we);
+        for (var w in n)
+          if (N(n, w)) {
+            var y = void 0;
             try {
-              if (typeof o[w] != "function") {
-                var U = Error((v || "React class") + ": " + f + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof n[w] != "function") {
+                var U = Error((v || "React class") + ": " + f + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw U.name = "Invariant Violation", U;
               }
-              E = o[w](s, w, v, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              y = n[w](s, w, v, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (F) {
-              E = F;
+              y = F;
             }
-            E && !(E instanceof Error) && (Ve(R), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", f, w, typeof E), Ve(null)), E instanceof Error && !(E.message in Ar) && (Ar[E.message] = !0, Ve(R), y("Failed %s type: %s", f, E.message), Ve(null));
+            y && !(y instanceof Error) && (Ve(R), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", f, w, typeof y), Ve(null)), y instanceof Error && !(y.message in Pr) && (Pr[y.message] = !0, Ve(R), g("Failed %s type: %s", f, y.message), Ve(null));
           }
       }
     }
     var Lt = Array.isArray;
-    function sr(o) {
-      return Lt(o);
+    function sr(n) {
+      return Lt(n);
     }
-    function Vt(o) {
+    function Vt(n) {
       {
-        var s = typeof Symbol == "function" && Symbol.toStringTag, f = s && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        var s = typeof Symbol == "function" && Symbol.toStringTag, f = s && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return f;
       }
     }
-    function Yt(o) {
+    function Yt(n) {
       try {
-        return Nr(o), !1;
+        return $r(n), !1;
       } catch {
         return !0;
       }
     }
-    function Nr(o) {
-      return "" + o;
+    function $r(n) {
+      return "" + n;
     }
-    function Ir(o) {
-      if (Yt(o))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Vt(o)), Nr(o);
+    function Nr(n) {
+      if (Yt(n))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Vt(n)), $r(n);
     }
-    var Se = _.ReactCurrentOwner, Wt = {
+    var _e = _.ReactCurrentOwner, Wt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, jr, Dr, cr;
+    }, Ir, jr, cr;
     cr = {};
-    function zt(o) {
-      if (_e.call(o, "ref")) {
-        var s = Object.getOwnPropertyDescriptor(o, "ref").get;
+    function zt(n) {
+      if (we.call(n, "ref")) {
+        var s = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (s && s.isReactWarning)
           return !1;
       }
-      return o.ref !== void 0;
+      return n.ref !== void 0;
     }
-    function Ut(o) {
-      if (_e.call(o, "key")) {
-        var s = Object.getOwnPropertyDescriptor(o, "key").get;
+    function Ut(n) {
+      if (we.call(n, "key")) {
+        var s = Object.getOwnPropertyDescriptor(n, "key").get;
         if (s && s.isReactWarning)
           return !1;
       }
-      return o.key !== void 0;
+      return n.key !== void 0;
     }
-    function Bt(o, s) {
-      if (typeof o.ref == "string" && Se.current && s && Se.current.stateNode !== s) {
-        var f = K(Se.current.type);
-        cr[f] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', K(Se.current.type), o.ref), cr[f] = !0);
+    function Bt(n, s) {
+      if (typeof n.ref == "string" && _e.current && s && _e.current.stateNode !== s) {
+        var f = K(_e.current.type);
+        cr[f] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', K(_e.current.type), n.ref), cr[f] = !0);
       }
     }
-    function Gt(o, s) {
+    function Gt(n, s) {
       {
         var f = function() {
-          jr || (jr = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+          Ir || (Ir = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        f.isReactWarning = !0, Object.defineProperty(o, "key", {
+        f.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: f,
           configurable: !0
         });
       }
     }
-    function qt(o, s) {
+    function qt(n, s) {
       {
         var f = function() {
-          Dr || (Dr = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+          jr || (jr = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        f.isReactWarning = !0, Object.defineProperty(o, "ref", {
+        f.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: f,
           configurable: !0
         });
       }
     }
-    var Kt = function(o, s, f, v, R, I, w) {
-      var E = {
+    var Kt = function(n, s, f, v, R, N, w) {
+      var y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
-        type: o,
+        type: n,
         key: s,
         ref: f,
         props: w,
         // Record the component responsible for creating this element.
-        _owner: I
+        _owner: N
       };
-      return E._store = {}, Object.defineProperty(E._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(E, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: v
-      }), Object.defineProperty(E, "_source", {
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: R
-      }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function Ht(o, s, f, v, R) {
+    function Ht(n, s, f, v, R) {
       {
-        var I, w = {}, E = null, U = null;
-        f !== void 0 && (Ir(f), E = "" + f), Ut(s) && (Ir(s.key), E = "" + s.key), zt(s) && (U = s.ref, Bt(s, R));
-        for (I in s)
-          _e.call(s, I) && !Wt.hasOwnProperty(I) && (w[I] = s[I]);
-        if (o && o.defaultProps) {
-          var F = o.defaultProps;
-          for (I in F)
-            w[I] === void 0 && (w[I] = F[I]);
+        var N, w = {}, y = null, U = null;
+        f !== void 0 && (Nr(f), y = "" + f), Ut(s) && (Nr(s.key), y = "" + s.key), zt(s) && (U = s.ref, Bt(s, R));
+        for (N in s)
+          we.call(s, N) && !Wt.hasOwnProperty(N) && (w[N] = s[N]);
+        if (n && n.defaultProps) {
+          var F = n.defaultProps;
+          for (N in F)
+            w[N] === void 0 && (w[N] = F[N]);
         }
-        if (E || U) {
-          var L = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          E && Gt(w, L), U && qt(w, L);
+        if (y || U) {
+          var L = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          y && Gt(w, L), U && qt(w, L);
         }
-        return Kt(o, E, U, R, v, Se.current, w);
+        return Kt(n, y, U, R, v, _e.current, w);
       }
     }
-    var lr = _.ReactCurrentOwner, Fr = _.ReactDebugCurrentFrame;
-    function ue(o) {
-      if (o) {
-        var s = o._owner, f = ae(o.type, o._source, s ? s.type : null);
-        Fr.setExtraStackFrame(f);
+    var lr = _.ReactCurrentOwner, Dr = _.ReactDebugCurrentFrame;
+    function ue(n) {
+      if (n) {
+        var s = n._owner, f = ae(n.type, n._source, s ? s.type : null);
+        Dr.setExtraStackFrame(f);
       } else
-        Fr.setExtraStackFrame(null);
+        Dr.setExtraStackFrame(null);
     }
     var ur;
     ur = !1;
-    function fr(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === r;
+    function fr(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === r;
     }
-    function Mr() {
+    function Fr() {
       {
         if (lr.current) {
-          var o = K(lr.current.type);
-          if (o)
+          var n = K(lr.current.type);
+          if (n)
             return `
 
-Check the render method of \`` + o + "`.";
+Check the render method of \`` + n + "`.";
         }
         return "";
       }
     }
-    function Jt(o) {
+    function Jt(n) {
       return "";
     }
-    var Lr = {};
-    function Zt(o) {
+    var Mr = {};
+    function Zt(n) {
       {
-        var s = Mr();
+        var s = Fr();
         if (!s) {
-          var f = typeof o == "string" ? o : o.displayName || o.name;
+          var f = typeof n == "string" ? n : n.displayName || n.name;
           f && (s = `
 
 Check the top-level render call using <` + f + ">.");
@@ -537,41 +537,41 @@ Check the top-level render call using <` + f + ">.");
         return s;
       }
     }
-    function Vr(o, s) {
+    function Lr(n, s) {
       {
-        if (!o._store || o._store.validated || o.key != null)
+        if (!n._store || n._store.validated || n.key != null)
           return;
-        o._store.validated = !0;
+        n._store.validated = !0;
         var f = Zt(s);
-        if (Lr[f])
+        if (Mr[f])
           return;
-        Lr[f] = !0;
+        Mr[f] = !0;
         var v = "";
-        o && o._owner && o._owner !== lr.current && (v = " It was passed a child from " + K(o._owner.type) + "."), ue(o), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, v), ue(null);
+        n && n._owner && n._owner !== lr.current && (v = " It was passed a child from " + K(n._owner.type) + "."), ue(n), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, v), ue(null);
       }
     }
-    function Yr(o, s) {
+    function Vr(n, s) {
       {
-        if (typeof o != "object")
+        if (typeof n != "object")
           return;
-        if (sr(o))
-          for (var f = 0; f < o.length; f++) {
-            var v = o[f];
-            fr(v) && Vr(v, s);
+        if (sr(n))
+          for (var f = 0; f < n.length; f++) {
+            var v = n[f];
+            fr(v) && Lr(v, s);
           }
-        else if (fr(o))
-          o._store && (o._store.validated = !0);
-        else if (o) {
-          var R = M(o);
-          if (typeof R == "function" && R !== o.entries)
-            for (var I = R.call(o), w; !(w = I.next()).done; )
-              fr(w.value) && Vr(w.value, s);
+        else if (fr(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var R = M(n);
+          if (typeof R == "function" && R !== n.entries)
+            for (var N = R.call(n), w; !(w = N.next()).done; )
+              fr(w.value) && Lr(w.value, s);
         }
       }
     }
-    function Xt(o) {
+    function Xt(n) {
       {
-        var s = o.type;
+        var s = n.type;
         if (s == null || typeof s == "string")
           return;
         var f;
@@ -585,40 +585,40 @@ Check the top-level render call using <` + f + ">.");
           return;
         if (f) {
           var v = K(s);
-          Mt(f, o.props, "prop", v, o);
+          Mt(f, n.props, "prop", v, n);
         } else if (s.PropTypes !== void 0 && !ur) {
           ur = !0;
           var R = K(s);
-          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
         }
-        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Qt(o) {
+    function Qt(n) {
       {
-        for (var s = Object.keys(o.props), f = 0; f < s.length; f++) {
+        for (var s = Object.keys(n.props), f = 0; f < s.length; f++) {
           var v = s[f];
           if (v !== "children" && v !== "key") {
-            ue(o), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), ue(null);
+            ue(n), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), ue(null);
             break;
           }
         }
-        o.ref !== null && (ue(o), y("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
+        n.ref !== null && (ue(n), g("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
       }
     }
-    var Wr = {};
-    function zr(o, s, f, v, R, I) {
+    var Yr = {};
+    function Wr(n, s, f, v, R, N) {
       {
-        var w = tr(o);
+        var w = tr(n);
         if (!w) {
-          var E = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (E += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var y = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var U = Jt();
-          U ? E += U : E += Mr();
+          U ? y += U : y += Fr();
           var F;
-          o === null ? F = "null" : sr(o) ? F = "array" : o !== void 0 && o.$$typeof === r ? (F = "<" + (K(o.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : F = typeof o, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, E);
+          n === null ? F = "null" : sr(n) ? F = "array" : n !== void 0 && n.$$typeof === r ? (F = "<" + (K(n.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : F = typeof n, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, y);
         }
-        var L = Ht(o, s, f, R, I);
+        var L = Ht(n, s, f, R, N);
         if (L == null)
           return L;
         if (w) {
@@ -627,43 +627,43 @@ Check the top-level render call using <` + f + ">.");
             if (v)
               if (sr(H)) {
                 for (var fe = 0; fe < H.length; fe++)
-                  Yr(H[fe], o);
+                  Vr(H[fe], n);
                 Object.freeze && Object.freeze(H);
               } else
-                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Yr(H, o);
+              Vr(H, n);
         }
-        if (_e.call(s, "key")) {
-          var ie = K(o), B = Object.keys(s).filter(function(an) {
+        if (we.call(s, "key")) {
+          var ie = K(n), B = Object.keys(s).filter(function(an) {
             return an !== "key";
           }), dr = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Wr[ie + dr]) {
+          if (!Yr[ie + dr]) {
             var on = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
-            y(`A props object containing a "key" prop is being spread into JSX:
+            g(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, dr, ie, on, ie), Wr[ie + dr] = !0;
+  <%s key={someKey} {...props} />`, dr, ie, on, ie), Yr[ie + dr] = !0;
           }
         }
-        return o === n ? Qt(L) : Xt(L), L;
+        return n === o ? Qt(L) : Xt(L), L;
       }
     }
-    function en(o, s, f) {
-      return zr(o, s, f, !0);
+    function en(n, s, f) {
+      return Wr(n, s, f, !0);
     }
-    function rn(o, s, f) {
-      return zr(o, s, f, !1);
+    function rn(n, s, f) {
+      return Wr(n, s, f, !1);
     }
     var tn = rn, nn = en;
-    Re.Fragment = n, Re.jsx = tn, Re.jsxs = nn;
-  }()), Re;
+    Ce.Fragment = o, Ce.jsx = tn, Ce.jsxs = nn;
+  }()), Ce;
 }
-process.env.NODE_ENV === "production" ? hr.exports = mn() : hr.exports = vn();
-var k = hr.exports;
-wr({
+process.env.NODE_ENV === "production" ? mr.exports = hn() : mr.exports = vn();
+var k = mr.exports;
+xr({
   "0%": {
     opacity: 0
   },
@@ -671,7 +671,7 @@ wr({
     opacity: 1
   }
 });
-wr({
+xr({
   to: {
     transform: "rotate(0deg)"
   },
@@ -679,7 +679,7 @@ wr({
     transform: "rotate(360deg)"
   }
 });
-const bn = wr({
+const bn = xr({
   from: {
     opacity: 0,
     transform: "scale(0.95)"
@@ -688,9 +688,9 @@ const bn = wr({
     opacity: 1,
     transform: "scale(1)"
   }
-}), _r = D.div(({ theme: e }) => ({
+}), wr = D.div(({ theme: e }) => ({
   animation: `${e.transitions.delay.normal} ${bn} both`
-})), gn = D(_r)(
+})), gn = D(wr)(
   ({ show: e, theme: r }) => ({
     zIndex: 99,
     position: "absolute",
@@ -713,10 +713,10 @@ const bn = wr({
   gap: "0.35em"
 }));
 function dt(e, r) {
-  Er(() => {
-    function t(n) {
+  it(() => {
+    function t(o) {
       var a;
-      e != null && e.current && !((a = e.current) != null && a.contains(n.target)) && r();
+      e != null && e.current && !((a = e.current) != null && a.contains(o.target)) && r();
     }
     return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
   }, [e, r]);
@@ -732,8 +732,8 @@ const En = "escape", xn = "ArrowUp", wn = "ArrowDown", _n = {
   }
 }, Cn = st(
   Sn
-), pt = () => xr(Cn);
-function ht(e, r, { enabled: t, disableGlobalCheck: n } = {
+), pt = () => Er(Cn);
+function mt(e, r, { enabled: t, disableGlobalCheck: o } = {
   enabled: !0,
   disableGlobalCheck: !1
 }) {
@@ -744,13 +744,13 @@ function ht(e, r, { enabled: t, disableGlobalCheck: n } = {
       i.preventDefault(), r();
     },
     {
-      enabled: n ? t : t && a,
+      enabled: o ? t : t && a,
       enableOnFormTags: ["INPUT"]
     }
   );
 }
 const Rn = (e = !1) => {
-  const [r, t] = me(e);
+  const [r, t] = Pe(e);
   return {
     isShowing: r,
     toggle: () => t((l) => !l),
@@ -781,17 +781,17 @@ function Ea({
   children: e,
   label: r,
   className: t,
-  svgSize: n
+  svgSize: o
 }) {
   const a = ct(null), { isShowing: i, toggle: l, close: c } = Rn();
-  return dt(a, c), ht("ESCAPE_KEY", c, { disableGlobalCheck: !0 }), /* @__PURE__ */ k.jsxs(
+  return dt(a, c), mt("ESCAPE_KEY", c, { disableGlobalCheck: !0 }), /* @__PURE__ */ k.jsxs(
     Tn,
     {
       opened: i,
       onClick: l,
       ref: a,
       className: t,
-      svgSize: n,
+      svgSize: o,
       children: [
         /* @__PURE__ */ k.jsx(yn, { children: r }),
         /* @__PURE__ */ k.jsx(gn, { show: i, children: e })
@@ -799,7 +799,7 @@ function Ea({
     }
   );
 }
-const mt = D("div", {
+const ht = D("div", {
   shouldForwardProp: (e) => e !== "danger"
 })(({ theme: e, danger: r }) => ({
   fontSize: "14px",
@@ -810,11 +810,11 @@ const mt = D("div", {
   "&:hover": {
     backgroundColor: e.colors.background
   }
-})), xa = D(mt)({
+})), xa = D(ht)({
   display: "flex",
   gap: "0.75em",
   alignItems: "center"
-}), wa = D(mt.withComponent("a"))({
+}), wa = D(ht.withComponent("a"))({
   width: "100%",
   display: "flex",
   gap: "0.75em",
@@ -833,7 +833,7 @@ const On = D.div({
   flex: 1,
   alignItems: "center",
   flexDirection: "column"
-}), kn = D(_r)(({ theme: e }) => ({
+}), kn = D(wr)(({ theme: e }) => ({
   minWidth: "500px",
   background: e.colors.background,
   padding: "1em",
@@ -897,9 +897,9 @@ function We({
   color: e,
   fadeStep: r = 15,
   multiplicator: t,
-  type: n
+  type: o
 }) {
-  return ft(e)[n](r * t).toString();
+  return ft(e)[o](r * t).toString();
 }
 const $n = D.div(({ theme: e }) => ({
   zIndex: 9999,
@@ -921,24 +921,24 @@ var vt = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Gr = te.createContext && /* @__PURE__ */ te.createContext(vt), Nn = ["attr", "size", "title"];
+}, Br = te.createContext && /* @__PURE__ */ te.createContext(vt), Nn = ["attr", "size", "title"];
 function In(e, r) {
   if (e == null) return {};
-  var t = jn(e, r), n, a;
+  var t = jn(e, r), o, a;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (a = 0; a < i.length; a++)
-      n = i[a], !(r.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (t[n] = e[n]);
+      o = i[a], !(r.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
   }
   return t;
 }
 function jn(e, r) {
   if (e == null) return {};
   var t = {};
-  for (var n in e)
-    if (Object.prototype.hasOwnProperty.call(e, n)) {
-      if (r.indexOf(n) >= 0) continue;
-      t[n] = e[n];
+  for (var o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      if (r.indexOf(o) >= 0) continue;
+      t[o] = e[o];
     }
   return t;
 }
@@ -946,29 +946,29 @@ function qe() {
   return qe = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = arguments[r];
-      for (var n in t)
-        Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
   }, qe.apply(this, arguments);
 }
-function qr(e, r) {
+function Gr(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    r && (n = n.filter(function(a) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(a) {
       return Object.getOwnPropertyDescriptor(e, a).enumerable;
-    })), t.push.apply(t, n);
+    })), t.push.apply(t, o);
   }
   return t;
 }
 function Ke(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? qr(Object(t), !0).forEach(function(n) {
-      Dn(e, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : qr(Object(t)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+    r % 2 ? Gr(Object(t), !0).forEach(function(o) {
+      Dn(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Gr(Object(t)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return e;
@@ -984,8 +984,8 @@ function Mn(e, r) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
-    var n = t.call(e, r || "default");
-    if (typeof n != "object") return n;
+    var o = t.call(e, r || "default");
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(e);
@@ -1003,7 +1003,7 @@ function Ln(e) {
 function Vn(e) {
   var r = (t) => {
     var {
-      attr: n,
+      attr: o,
       size: a,
       title: i
     } = e, l = In(e, Nn), c = a || t.size || "1em", p;
@@ -1011,7 +1011,7 @@ function Vn(e) {
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, n, l, {
+    }, t.attr, o, l, {
       className: p,
       style: Ke(Ke({
         color: e.color || t.color
@@ -1021,7 +1021,7 @@ function Vn(e) {
       xmlns: "http://www.w3.org/2000/svg"
     }), i && /* @__PURE__ */ te.createElement("title", null, i), e.children);
   };
-  return Gr !== void 0 ? /* @__PURE__ */ te.createElement(Gr.Consumer, null, (t) => r(t)) : r(vt);
+  return Br !== void 0 ? /* @__PURE__ */ te.createElement(Br.Consumer, null, (t) => r(t)) : r(vt);
 }
 function Yn(e) {
   return Ln({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z" }, child: [] }] })(e);
@@ -1040,19 +1040,19 @@ function Sa({
   title: e,
   children: r,
   opened: t = !0,
-  hideCloseBtn: n = !1,
+  hideCloseBtn: o = !1,
   className: a,
   close: i
 }) {
   const l = ct(null), { setGlobalHotkeysEnabled: c } = pt();
-  return dt(l, i), ht("ESCAPE_KEY", i, { disableGlobalCheck: !0 }), Er(
+  return dt(l, i), mt("ESCAPE_KEY", i, { disableGlobalCheck: !0 }), it(
     () => c(!t),
     [t, c]
   ), typeof window > "u" ? /* @__PURE__ */ k.jsx(lt, {}) : t && dn(
     /* @__PURE__ */ k.jsx($n, { children: /* @__PURE__ */ k.jsxs(kn, { className: a, ref: l, children: [
-      (!n || e) && /* @__PURE__ */ k.jsxs(Pn, { children: [
+      (!o || e) && /* @__PURE__ */ k.jsxs(Pn, { children: [
         e && /* @__PURE__ */ k.jsx(Wn, { children: e }),
-        !n && /* @__PURE__ */ k.jsx(
+        !o && /* @__PURE__ */ k.jsx(
           An,
           {
             onClick: i,
@@ -1078,14 +1078,14 @@ const Ca = D.img(({ theme: e, size: r = 48 }) => {
   };
 }), zn = D.li(
   ({ theme: e, active: r, danger: t }) => {
-    const n = t ? e.colors.red.default : e.colors.blue.default;
+    const o = t ? e.colors.red.default : e.colors.blue.default;
     return {
       userSelect: "none",
       cursor: "pointer",
-      backgroundColor: r ? ne(n, 0.15) : e.colors.secondary,
+      backgroundColor: r ? ne(o, 0.15) : e.colors.secondary,
       padding: "10px 20px",
-      border: `1px solid ${r ? ne(n, 0.1) : e.colors.secondary}`,
-      borderBottom: `1px solid ${r ? ne(n, 0.25) : e.colors.secondary}`,
+      border: `1px solid ${r ? ne(o, 0.1) : e.colors.secondary}`,
+      borderBottom: `1px solid ${r ? ne(o, 0.25) : e.colors.secondary}`,
       display: "flex",
       gap: "0.35em",
       alignItems: "center",
@@ -1105,7 +1105,7 @@ const Ca = D.img(({ theme: e, size: r = 48 }) => {
   marginTop: "-1px"
 }));
 function Ra({ tabs: e }) {
-  const [r, t] = me(0), n = (a) => {
+  const [r, t] = Pe(0), o = (a) => {
     t(a);
   };
   return /* @__PURE__ */ k.jsxs("div", { children: [
@@ -1113,7 +1113,7 @@ function Ra({ tabs: e }) {
       zn,
       {
         active: c === r,
-        onClick: () => n(c),
+        onClick: () => o(c),
         danger: l ?? !1,
         children: [
           !!i && /* @__PURE__ */ k.jsx(i, { size: 20 }),
@@ -1122,7 +1122,7 @@ function Ra({ tabs: e }) {
       },
       c
     )) }),
-    /* @__PURE__ */ k.jsx(Bn, { children: /* @__PURE__ */ k.jsx(_r, { children: e[r].content }) }, e[r].title)
+    /* @__PURE__ */ k.jsx(Bn, { children: /* @__PURE__ */ k.jsx(wr, { children: e[r].content }) }, e[r].title)
   ] });
 }
 function Gn(e) {
@@ -1138,39 +1138,39 @@ function qn(e) {
 }
 var Kn = /* @__PURE__ */ function() {
   function e(t) {
-    var n = this;
+    var o = this;
     this._insertTag = function(a) {
       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(a, i), n.tags.push(a);
+      o.tags.length === 0 ? o.insertionPoint ? i = o.insertionPoint.nextSibling : o.prepend ? i = o.container.firstChild : i = o.before : i = o.tags[o.tags.length - 1].nextSibling, o.container.insertBefore(a, i), o.tags.push(a);
     }, this.isSpeedy = t.speedy === void 0 ? process.env.NODE_ENV === "production" : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
   }
   var r = e.prototype;
-  return r.hydrate = function(n) {
-    n.forEach(this._insertTag);
-  }, r.insert = function(n) {
+  return r.hydrate = function(o) {
+    o.forEach(this._insertTag);
+  }, r.insert = function(o) {
     this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(qn(this));
     var a = this.tags[this.tags.length - 1];
     if (process.env.NODE_ENV !== "production") {
-      var i = n.charCodeAt(0) === 64 && n.charCodeAt(1) === 105;
+      var i = o.charCodeAt(0) === 64 && o.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;
+` + o + "\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 l = Gn(a);
       try {
-        l.insertRule(n, l.cssRules.length);
+        l.insertRule(o, l.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);
+        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(o) && console.error('There was a problem inserting the following rule: "' + o + '"', c);
       }
     } else
-      a.appendChild(document.createTextNode(n));
+      a.appendChild(document.createTextNode(o));
     this.ctr++;
   }, r.flush = function() {
-    this.tags.forEach(function(n) {
-      return n.parentNode && n.parentNode.removeChild(n);
+    this.tags.forEach(function(o) {
+      return o.parentNode && o.parentNode.removeChild(o);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), z = "-ms-", He = "-moz-", S = "-webkit-", Sr = "comm", Cr = "rule", Rr = "decl", Hn = "@import", gt = "@keyframes", Jn = "@layer", Zn = Math.abs, Ze = String.fromCharCode, Xn = Object.assign;
+}(), z = "-ms-", He = "-moz-", S = "-webkit-", _r = "comm", Sr = "rule", Cr = "decl", Hn = "@import", gt = "@keyframes", Jn = "@layer", Zn = Math.abs, Ze = String.fromCharCode, Xn = Object.assign;
 function Qn(e, r) {
   return W(e, 0) ^ 45 ? (((r << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
 }
@@ -1183,19 +1183,19 @@ function eo(e, r) {
 function C(e, r, t) {
   return e.replace(r, t);
 }
-function mr(e, r) {
+function hr(e, r) {
   return e.indexOf(r);
 }
 function W(e, r) {
   return e.charCodeAt(r) | 0;
 }
-function Oe(e, r, t) {
+function Te(e, r, t) {
   return e.slice(r, t);
 }
 function Z(e) {
   return e.length;
 }
-function Tr(e) {
+function Rr(e) {
   return e.length;
 }
 function ze(e, r) {
@@ -1204,32 +1204,32 @@ function ze(e, r) {
 function ro(e, r) {
   return e.map(r).join("");
 }
-var Xe = 1, he = 1, Et = 0, G = 0, V = 0, ve = "";
-function Qe(e, r, t, n, a, i, l) {
-  return { value: e, root: r, parent: t, type: n, props: a, children: i, line: Xe, column: he, length: l, return: "" };
+var Xe = 1, me = 1, Et = 0, G = 0, V = 0, he = "";
+function Qe(e, r, t, o, a, i, l) {
+  return { value: e, root: r, parent: t, type: o, props: a, children: i, line: Xe, column: me, length: l, return: "" };
 }
-function Te(e, r) {
+function Re(e, r) {
   return Xn(Qe("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
 function to() {
   return V;
 }
 function no() {
-  return V = G > 0 ? W(ve, --G) : 0, he--, V === 10 && (he = 1, Xe--), V;
+  return V = G > 0 ? W(he, --G) : 0, me--, V === 10 && (me = 1, Xe--), V;
 }
 function q() {
-  return V = G < Et ? W(ve, G++) : 0, he++, V === 10 && (he = 1, Xe++), V;
+  return V = G < Et ? W(he, G++) : 0, me++, V === 10 && (me = 1, Xe++), V;
 }
 function Q() {
-  return W(ve, G);
+  return W(he, G);
 }
 function Ue() {
   return G;
 }
 function Ae(e, r) {
-  return Oe(ve, e, r);
+  return Te(he, e, r);
 }
-function ke(e) {
+function Oe(e) {
   switch (e) {
     case 0:
     case 9:
@@ -1262,10 +1262,10 @@ function ke(e) {
   return 0;
 }
 function xt(e) {
-  return Xe = he = 1, Et = Z(ve = e), G = 0, [];
+  return Xe = me = 1, Et = Z(he = e), G = 0, [];
 }
 function wt(e) {
-  return ve = "", e;
+  return he = "", e;
 }
 function Be(e) {
   return yt(Ae(G - 1, vr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
@@ -1273,7 +1273,7 @@ function Be(e) {
 function oo(e) {
   for (; (V = Q()) && V < 33; )
     q();
-  return ke(e) > 2 || ke(V) > 3 ? "" : " ";
+  return Oe(e) > 2 || Oe(V) > 3 ? "" : " ";
 }
 function ao(e, r) {
   for (; --r && q() && !(V < 48 || V > 102 || V > 57 && V < 65 || V > 70 && V < 97); )
@@ -1305,31 +1305,31 @@ function io(e, r) {
   return "/*" + Ae(r, G - 1) + "*" + Ze(e === 47 ? e : q());
 }
 function so(e) {
-  for (; !ke(Q()); )
+  for (; !Oe(Q()); )
     q();
   return Ae(e, G);
 }
 function co(e) {
   return wt(Ge("", null, null, null, [""], e = xt(e), 0, [0], e));
 }
-function Ge(e, r, t, n, a, i, l, c, p) {
-  for (var m = 0, d = 0, b = l, g = 0, $ = 0, N = 0, x = 1, M = 1, _ = 1, y = 0, A = "", j = a, u = i, Y = n, P = A; M; )
-    switch (N = y, y = q()) {
+function Ge(e, r, t, o, a, i, l, c, p) {
+  for (var h = 0, d = 0, b = l, x = 0, j = 0, $ = 0, E = 1, M = 1, _ = 1, g = 0, A = "", I = a, u = i, Y = o, P = A; M; )
+    switch ($ = g, g = q()) {
       case 40:
-        if (N != 108 && W(P, b - 1) == 58) {
-          mr(P += C(Be(y), "&", "&\f"), "&\f") != -1 && (_ = -1);
+        if ($ != 108 && W(P, b - 1) == 58) {
+          hr(P += C(Be(g), "&", "&\f"), "&\f") != -1 && (_ = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        P += Be(y);
+        P += Be(g);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        P += oo(N);
+        P += oo($);
         break;
       case 92:
         P += ao(Ue() - 1, 7);
@@ -1344,101 +1344,101 @@ function Ge(e, r, t, n, a, i, l, c, p) {
             P += "/";
         }
         break;
-      case 123 * x:
-        c[m++] = Z(P) * _;
-      case 125 * x:
+      case 123 * E:
+        c[h++] = Z(P) * _;
+      case 125 * E:
       case 59:
       case 0:
-        switch (y) {
+        switch (g) {
           case 0:
           case 125:
             M = 0;
           case 59 + d:
-            _ == -1 && (P = C(P, /\f/g, "")), $ > 0 && Z(P) - b && ze($ > 32 ? Hr(P + ";", n, t, b - 1) : Hr(C(P, " ", "") + ";", n, t, b - 2), p);
+            _ == -1 && (P = C(P, /\f/g, "")), j > 0 && Z(P) - b && ze(j > 32 ? Kr(P + ";", o, t, b - 1) : Kr(C(P, " ", "") + ";", o, t, b - 2), p);
             break;
           case 59:
             P += ";";
           default:
-            if (ze(Y = Kr(P, r, t, m, d, a, c, A, j = [], u = [], b), i), y === 123)
+            if (ze(Y = qr(P, r, t, h, d, a, c, A, I = [], u = [], b), i), g === 123)
               if (d === 0)
-                Ge(P, r, Y, Y, j, i, b, c, u);
+                Ge(P, r, Y, Y, I, i, b, c, u);
               else
-                switch (g === 99 && W(P, 3) === 110 ? 100 : g) {
+                switch (x === 99 && W(P, 3) === 110 ? 100 : x) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Ge(e, Y, Y, n && ze(Kr(e, Y, Y, 0, 0, a, c, A, a, j = [], b), u), a, u, b, c, n ? j : u);
+                    Ge(e, Y, Y, o && ze(qr(e, Y, Y, 0, 0, a, c, A, a, I = [], b), u), a, u, b, c, o ? I : u);
                     break;
                   default:
                     Ge(P, Y, Y, Y, [""], u, 0, c, u);
                 }
         }
-        m = d = $ = 0, x = _ = 1, A = P = "", b = l;
+        h = d = j = 0, E = _ = 1, A = P = "", b = l;
         break;
       case 58:
-        b = 1 + Z(P), $ = N;
+        b = 1 + Z(P), j = $;
       default:
-        if (x < 1) {
-          if (y == 123)
-            --x;
-          else if (y == 125 && x++ == 0 && no() == 125)
+        if (E < 1) {
+          if (g == 123)
+            --E;
+          else if (g == 125 && E++ == 0 && no() == 125)
             continue;
         }
-        switch (P += Ze(y), y * x) {
+        switch (P += Ze(g), g * E) {
           case 38:
             _ = d > 0 ? 1 : (P += "\f", -1);
             break;
           case 44:
-            c[m++] = (Z(P) - 1) * _, _ = 1;
+            c[h++] = (Z(P) - 1) * _, _ = 1;
             break;
           case 64:
-            Q() === 45 && (P += Be(q())), g = Q(), d = b = Z(A = P += so(Ue())), y++;
+            Q() === 45 && (P += Be(q())), x = Q(), d = b = Z(A = P += so(Ue())), g++;
             break;
           case 45:
-            N === 45 && Z(P) == 2 && (x = 0);
+            $ === 45 && Z(P) == 2 && (E = 0);
         }
     }
   return i;
 }
-function Kr(e, r, t, n, a, i, l, c, p, m, d) {
-  for (var b = a - 1, g = a === 0 ? i : [""], $ = Tr(g), N = 0, x = 0, M = 0; N < n; ++N)
-    for (var _ = 0, y = Oe(e, b + 1, b = Zn(x = l[N])), A = e; _ < $; ++_)
-      (A = yt(x > 0 ? g[_] + " " + y : C(y, /&\f/g, g[_]))) && (p[M++] = A);
-  return Qe(e, r, t, a === 0 ? Cr : c, p, m, d);
+function qr(e, r, t, o, a, i, l, c, p, h, d) {
+  for (var b = a - 1, x = a === 0 ? i : [""], j = Rr(x), $ = 0, E = 0, M = 0; $ < o; ++$)
+    for (var _ = 0, g = Te(e, b + 1, b = Zn(E = l[$])), A = e; _ < j; ++_)
+      (A = yt(E > 0 ? x[_] + " " + g : C(g, /&\f/g, x[_]))) && (p[M++] = A);
+  return Qe(e, r, t, a === 0 ? Sr : c, p, h, d);
 }
 function lo(e, r, t) {
-  return Qe(e, r, t, Sr, Ze(to()), Oe(e, 2, -2), 0);
+  return Qe(e, r, t, _r, Ze(to()), Te(e, 2, -2), 0);
 }
-function Hr(e, r, t, n) {
-  return Qe(e, r, t, Rr, Oe(e, 0, n), Oe(e, n + 1, -1), n);
+function Kr(e, r, t, o) {
+  return Qe(e, r, t, Cr, Te(e, 0, o), Te(e, o + 1, -1), o);
 }
 function pe(e, r) {
-  for (var t = "", n = Tr(e), a = 0; a < n; a++)
+  for (var t = "", o = Rr(e), a = 0; a < o; a++)
     t += r(e[a], a, e, r) || "";
   return t;
 }
-function uo(e, r, t, n) {
+function uo(e, r, t, o) {
   switch (e.type) {
     case Jn:
       if (e.children.length) break;
     case Hn:
-    case Rr:
+    case Cr:
       return e.return = e.return || e.value;
-    case Sr:
+    case _r:
       return "";
     case gt:
-      return e.return = e.value + "{" + pe(e.children, n) + "}";
-    case Cr:
+      return e.return = e.value + "{" + pe(e.children, o) + "}";
+    case Sr:
       e.value = e.props.join(",");
   }
-  return Z(t = pe(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
+  return Z(t = pe(e.children, o)) ? e.return = e.value + "{" + t + "}" : "";
 }
 function fo(e) {
-  var r = Tr(e);
-  return function(t, n, a, i) {
+  var r = Rr(e);
+  return function(t, o, a, i) {
     for (var l = "", c = 0; c < r; c++)
-      l += e[c](t, n, a, i) || "";
+      l += e[c](t, o, a, i) || "";
     return l;
   };
 }
@@ -1447,49 +1447,49 @@ function po(e) {
     r.root || (r = r.return) && e(r);
   };
 }
-function ho(e) {
+function mo(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var mo = function(r, t, n) {
-  for (var a = 0, i = 0; a = i, i = Q(), a === 38 && i === 12 && (t[n] = 1), !ke(i); )
+var ho = function(r, t, o) {
+  for (var a = 0, i = 0; a = i, i = Q(), a === 38 && i === 12 && (t[o] = 1), !Oe(i); )
     q();
   return Ae(r, G);
 }, vo = function(r, t) {
-  var n = -1, a = 44;
+  var o = -1, a = 44;
   do
-    switch (ke(a)) {
+    switch (Oe(a)) {
       case 0:
-        a === 38 && Q() === 12 && (t[n] = 1), r[n] += mo(G - 1, t, n);
+        a === 38 && Q() === 12 && (t[o] = 1), r[o] += ho(G - 1, t, o);
         break;
       case 2:
-        r[n] += Be(a);
+        r[o] += Be(a);
         break;
       case 4:
         if (a === 44) {
-          r[++n] = Q() === 58 ? "&\f" : "", t[n] = r[n].length;
+          r[++o] = Q() === 58 ? "&\f" : "", t[o] = r[o].length;
           break;
         }
       default:
-        r[n] += Ze(a);
+        r[o] += Ze(a);
     }
   while (a = q());
   return r;
 }, bo = function(r, t) {
   return wt(vo(xt(r), t));
-}, Jr = /* @__PURE__ */ new WeakMap(), go = function(r) {
+}, Hr = /* @__PURE__ */ new WeakMap(), go = function(r) {
   if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   r.length < 1)) {
-    for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
-      if (n = n.parent, !n) return;
-    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Jr.get(n)) && !a) {
-      Jr.set(r, !0);
-      for (var i = [], l = bo(t, i), c = n.props, p = 0, m = 0; p < l.length; p++)
-        for (var d = 0; d < c.length; d++, m++)
-          r.props[m] = i[p] ? l[p].replace(/&\f/g, c[d]) : c[d] + " " + l[p];
+    for (var t = r.value, o = r.parent, a = r.column === o.column && r.line === o.line; o.type !== "rule"; )
+      if (o = o.parent, !o) return;
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Hr.get(o)) && !a) {
+      Hr.set(r, !0);
+      for (var i = [], l = bo(t, i), c = o.props, p = 0, h = 0; p < l.length; p++)
+        for (var d = 0; d < c.length; d++, h++)
+          r.props[h] = i[p] ? l[p].replace(/&\f/g, c[d]) : c[d] + " " + l[p];
     }
   }
 }, yo = function(r) {
@@ -1502,7 +1502,7 @@ var mo = function(r, t, n) {
 }, Eo = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", xo = function(r) {
   return r.type === "comm" && r.children.indexOf(Eo) > -1;
 }, wo = function(r) {
-  return function(t, n, a) {
+  return function(t, o, a) {
     if (!(t.type !== "rule" || r.compat)) {
       var i = t.value.match(/(:first|:nth|:nth-last)-child/g);
       if (i) {
@@ -1510,11 +1510,11 @@ var mo = function(r, t, n) {
           // global rule at the root level
           a
         ), p = c.length - 1; p >= 0; p--) {
-          var m = c[p];
-          if (m.line < t.line)
+          var h = c[p];
+          if (h.line < t.line)
             break;
-          if (m.column < t.column) {
-            if (xo(m))
+          if (h.column < t.column) {
+            if (xo(h))
               return;
             break;
           }
@@ -1528,14 +1528,14 @@ var mo = function(r, t, n) {
 }, _t = function(r) {
   return r.type.charCodeAt(1) === 105 && r.type.charCodeAt(0) === 64;
 }, _o = function(r, t) {
-  for (var n = r - 1; n >= 0; n--)
-    if (!_t(t[n]))
+  for (var o = r - 1; o >= 0; o--)
+    if (!_t(t[o]))
       return !0;
   return !1;
-}, Zr = function(r) {
+}, Jr = function(r) {
   r.type = "", r.value = "", r.return = "", r.children = "", r.props = "";
-}, So = function(r, t, n) {
-  _t(r) && (r.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."), Zr(r)) : _o(t, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Zr(r)));
+}, So = function(r, t, o) {
+  _t(r) && (r.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."), Jr(r)) : _o(t, o) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Jr(r)));
 };
 function St(e, r) {
   switch (Qn(e, r)) {
@@ -1622,13 +1622,13 @@ function St(e, r) {
         case 102:
           return C(e, /(.+:)(.+)-([^]+)/, "$1" + S + "$2-$3$1" + He + (W(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         case 115:
-          return ~mr(e, "stretch") ? St(C(e, "stretch", "fill-available"), r) + e : e;
+          return ~hr(e, "stretch") ? St(C(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     case 4949:
       if (W(e, r + 1) !== 115) break;
     case 6444:
-      switch (W(e, Z(e) - 3 - (~mr(e, "!important") && 10))) {
+      switch (W(e, Z(e) - 3 - (~hr(e, "!important") && 10))) {
         case 107:
           return C(e, ":", ":" + S) + e;
         case 101:
@@ -1648,29 +1648,29 @@ function St(e, r) {
   }
   return e;
 }
-var Co = function(r, t, n, a) {
+var Co = function(r, t, o, a) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case Rr:
+    case Cr:
       r.return = St(r.value, r.length);
       break;
     case gt:
-      return pe([Te(r, {
+      return pe([Re(r, {
         value: C(r.value, "@", "@" + S)
       })], a);
-    case Cr:
+    case Sr:
       if (r.length) return ro(r.props, function(i) {
         switch (eo(i, /(::plac\w+|:read-\w+)/)) {
           case ":read-only":
           case ":read-write":
-            return pe([Te(r, {
+            return pe([Re(r, {
               props: [C(i, /:(read-\w+)/, ":" + He + "$1")]
             })], a);
           case "::placeholder":
-            return pe([Te(r, {
+            return pe([Re(r, {
               props: [C(i, /:(plac\w+)/, ":" + S + "input-$1")]
-            }), Te(r, {
+            }), Re(r, {
               props: [C(i, /:(plac\w+)/, ":" + He + "$1")]
-            }), Te(r, {
+            }), Re(r, {
               props: [C(i, /:(plac\w+)/, z + "input-$1")]
             })], a);
         }
@@ -1683,10 +1683,10 @@ var Co = function(r, t, n, a) {
     throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
 If multiple caches share the same key they might "fight" for each other's style elements.`);
   if (t === "css") {
-    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(x) {
-      var M = x.getAttribute("data-emotion");
-      M.indexOf(" ") !== -1 && (document.head.appendChild(x), x.setAttribute("data-s", ""));
+    var o = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(o, function(E) {
+      var M = E.getAttribute("data-emotion");
+      M.indexOf(" ") !== -1 && (document.head.appendChild(E), E.setAttribute("data-s", ""));
     });
   }
   var a = r.stylisPlugins || Ro;
@@ -1697,35 +1697,35 @@ If multiple caches share the same key they might "fight" for each other's style
     // 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^="' + t + ' "]'),
-    function(x) {
-      for (var M = x.getAttribute("data-emotion").split(" "), _ = 1; _ < M.length; _++)
+    function(E) {
+      for (var M = E.getAttribute("data-emotion").split(" "), _ = 1; _ < M.length; _++)
         i[M[_]] = !0;
-      c.push(x);
+      c.push(E);
     }
   );
-  var p, m = [go, yo];
-  process.env.NODE_ENV !== "production" && m.push(wo({
+  var p, h = [go, yo];
+  process.env.NODE_ENV !== "production" && h.push(wo({
     get compat() {
-      return N.compat;
+      return $.compat;
     }
   }), So);
   {
-    var d, b = [uo, process.env.NODE_ENV !== "production" ? function(x) {
-      x.root || (x.return ? d.insert(x.return) : x.value && x.type !== Sr && d.insert(x.value + "{}"));
-    } : po(function(x) {
-      d.insert(x);
-    })], g = fo(m.concat(a, b)), $ = function(M) {
-      return pe(co(M), g);
+    var d, b = [uo, process.env.NODE_ENV !== "production" ? function(E) {
+      E.root || (E.return ? d.insert(E.return) : E.value && E.type !== _r && d.insert(E.value + "{}"));
+    } : po(function(E) {
+      d.insert(E);
+    })], x = fo(h.concat(a, b)), j = function(M) {
+      return pe(co(M), x);
     };
-    p = function(M, _, y, A) {
-      d = y, process.env.NODE_ENV !== "production" && _.map !== void 0 && (d = {
+    p = function(M, _, g, A) {
+      d = g, process.env.NODE_ENV !== "production" && _.map !== void 0 && (d = {
         insert: function(u) {
-          y.insert(u + _.map);
+          g.insert(u + _.map);
         }
-      }), $(M ? M + "{" + _.styles + "}" : _.styles), A && (N.inserted[_.name] = !0);
+      }), j(M ? M + "{" + _.styles + "}" : _.styles), A && ($.inserted[_.name] = !0);
     };
   }
-  var N = {
+  var $ = {
     key: t,
     sheet: new Kn({
       key: t,
@@ -1740,7 +1740,7 @@ If multiple caches share the same key they might "fight" for each other's style
     registered: {},
     insert: p
   };
-  return N.sheet.hydrate(c), N;
+  return $.sheet.hydrate(c), $;
 }, br = { exports: {} }, T = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -1750,11 +1750,11 @@ If multiple caches share the same key they might "fight" for each other's style
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xr;
+var Zr;
 function Oo() {
-  if (Xr) return T;
-  Xr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, $ = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
+  if (Zr) return T;
+  Zr = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, j = e ? Symbol.for("react.memo") : 60115, $ = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
   function A(u) {
     if (typeof u == "object" && u !== null) {
       var Y = u.$$typeof;
@@ -1762,8 +1762,8 @@ function Oo() {
         case r:
           switch (u = u.type, u) {
             case p:
-            case m:
-            case n:
+            case h:
+            case o:
             case i:
             case a:
             case b:
@@ -1772,8 +1772,8 @@ function Oo() {
               switch (u = u && u.$$typeof, u) {
                 case c:
                 case d:
-                case N:
                 case $:
+                case j:
                 case l:
                   return u;
                 default:
@@ -1785,12 +1785,12 @@ function Oo() {
       }
     }
   }
-  function j(u) {
-    return A(u) === m;
+  function I(u) {
+    return A(u) === h;
   }
-  return T.AsyncMode = p, T.ConcurrentMode = m, T.ContextConsumer = c, T.ContextProvider = l, T.Element = r, T.ForwardRef = d, T.Fragment = n, T.Lazy = N, T.Memo = $, T.Portal = t, T.Profiler = i, T.StrictMode = a, T.Suspense = b, T.isAsyncMode = function(u) {
-    return j(u) || A(u) === p;
-  }, T.isConcurrentMode = j, T.isContextConsumer = function(u) {
+  return T.AsyncMode = p, T.ConcurrentMode = h, T.ContextConsumer = c, T.ContextProvider = l, T.Element = r, T.ForwardRef = d, T.Fragment = o, T.Lazy = $, T.Memo = j, T.Portal = t, T.Profiler = i, T.StrictMode = a, T.Suspense = b, T.isAsyncMode = function(u) {
+    return I(u) || A(u) === p;
+  }, T.isConcurrentMode = I, T.isContextConsumer = function(u) {
     return A(u) === c;
   }, T.isContextProvider = function(u) {
     return A(u) === l;
@@ -1799,11 +1799,11 @@ function Oo() {
   }, T.isForwardRef = function(u) {
     return A(u) === d;
   }, T.isFragment = function(u) {
-    return A(u) === n;
+    return A(u) === o;
   }, T.isLazy = function(u) {
-    return A(u) === N;
-  }, T.isMemo = function(u) {
     return A(u) === $;
+  }, T.isMemo = function(u) {
+    return A(u) === j;
   }, T.isPortal = function(u) {
     return A(u) === t;
   }, T.isProfiler = function(u) {
@@ -1813,7 +1813,7 @@ function Oo() {
   }, T.isSuspense = function(u) {
     return A(u) === b;
   }, T.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === n || u === m || u === i || u === a || u === b || u === g || typeof u == "object" && u !== null && (u.$$typeof === N || u.$$typeof === $ || u.$$typeof === l || u.$$typeof === c || u.$$typeof === d || u.$$typeof === M || u.$$typeof === _ || u.$$typeof === y || u.$$typeof === x);
+    return typeof u == "string" || typeof u == "function" || u === o || u === h || u === i || u === a || u === b || u === x || typeof u == "object" && u !== null && (u.$$typeof === $ || u.$$typeof === j || u.$$typeof === l || u.$$typeof === c || u.$$typeof === d || u.$$typeof === M || u.$$typeof === _ || u.$$typeof === g || u.$$typeof === E);
   }, T.typeOf = A, T;
 }
 var O = {};
@@ -1825,24 +1825,24 @@ var O = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Qr;
+var Xr;
 function ko() {
-  return Qr || (Qr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, $ = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
-    function A(h) {
-      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      h === n || h === m || h === i || h === a || h === b || h === g || typeof h == "object" && h !== null && (h.$$typeof === N || h.$$typeof === $ || h.$$typeof === l || h.$$typeof === c || h.$$typeof === d || h.$$typeof === M || h.$$typeof === _ || h.$$typeof === y || h.$$typeof === x);
-    }
-    function j(h) {
-      if (typeof h == "object" && h !== null) {
-        var we = h.$$typeof;
-        switch (we) {
+  return Xr || (Xr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, j = e ? Symbol.for("react.memo") : 60115, $ = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
+    function A(m) {
+      return typeof m == "string" || typeof m == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      m === o || m === h || m === i || m === a || m === b || m === x || typeof m == "object" && m !== null && (m.$$typeof === $ || m.$$typeof === j || m.$$typeof === l || m.$$typeof === c || m.$$typeof === d || m.$$typeof === M || m.$$typeof === _ || m.$$typeof === g || m.$$typeof === E);
+    }
+    function I(m) {
+      if (typeof m == "object" && m !== null) {
+        var xe = m.$$typeof;
+        switch (xe) {
           case r:
-            var le = h.type;
+            var le = m.type;
             switch (le) {
               case p:
-              case m:
-              case n:
+              case h:
+              case o:
               case i:
               case a:
               case b:
@@ -1852,60 +1852,60 @@ function ko() {
                 switch (ae) {
                   case c:
                   case d:
-                  case N:
                   case $:
+                  case j:
                   case l:
                     return ae;
                   default:
-                    return we;
+                    return xe;
                 }
             }
           case t:
-            return we;
+            return xe;
         }
       }
     }
-    var u = p, Y = m, P = c, rr = l, $e = r, tr = d, nr = n, Ne = N, K = $, ee = t, oe = i, Ie = a, je = b, be = !1;
-    function De(h) {
-      return be || (be = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ge(h) || j(h) === p;
+    var u = p, Y = h, P = c, rr = l, $e = r, tr = d, nr = o, Ne = $, K = j, ee = t, oe = i, Ie = a, je = b, ve = !1;
+    function De(m) {
+      return ve || (ve = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), be(m) || I(m) === p;
     }
-    function ge(h) {
-      return j(h) === m;
+    function be(m) {
+      return I(m) === h;
     }
-    function Fe(h) {
-      return j(h) === c;
+    function Fe(m) {
+      return I(m) === c;
     }
-    function Me(h) {
-      return j(h) === l;
+    function Me(m) {
+      return I(m) === l;
     }
-    function Le(h) {
-      return typeof h == "object" && h !== null && h.$$typeof === r;
+    function Le(m) {
+      return typeof m == "object" && m !== null && m.$$typeof === r;
     }
-    function or(h) {
-      return j(h) === d;
+    function or(m) {
+      return I(m) === d;
     }
-    function ar(h) {
-      return j(h) === n;
+    function ar(m) {
+      return I(m) === o;
     }
-    function ye(h) {
-      return j(h) === N;
+    function ge(m) {
+      return I(m) === $;
     }
-    function Ee(h) {
-      return j(h) === $;
+    function ye(m) {
+      return I(m) === j;
     }
-    function se(h) {
-      return j(h) === t;
+    function se(m) {
+      return I(m) === t;
     }
-    function xe(h) {
-      return j(h) === i;
+    function Ee(m) {
+      return I(m) === i;
     }
-    function ce(h) {
-      return j(h) === a;
+    function ce(m) {
+      return I(m) === a;
     }
-    function ir(h) {
-      return j(h) === b;
+    function ir(m) {
+      return I(m) === b;
     }
-    O.AsyncMode = u, O.ConcurrentMode = Y, O.ContextConsumer = P, O.ContextProvider = rr, O.Element = $e, O.ForwardRef = tr, O.Fragment = nr, O.Lazy = Ne, O.Memo = K, O.Portal = ee, O.Profiler = oe, O.StrictMode = Ie, O.Suspense = je, O.isAsyncMode = De, O.isConcurrentMode = ge, O.isContextConsumer = Fe, O.isContextProvider = Me, O.isElement = Le, O.isForwardRef = or, O.isFragment = ar, O.isLazy = ye, O.isMemo = Ee, O.isPortal = se, O.isProfiler = xe, O.isStrictMode = ce, O.isSuspense = ir, O.isValidElementType = A, O.typeOf = j;
+    O.AsyncMode = u, O.ConcurrentMode = Y, O.ContextConsumer = P, O.ContextProvider = rr, O.Element = $e, O.ForwardRef = tr, O.Fragment = nr, O.Lazy = Ne, O.Memo = K, O.Portal = ee, O.Profiler = oe, O.StrictMode = Ie, O.Suspense = je, O.isAsyncMode = De, O.isConcurrentMode = be, O.isContextConsumer = Fe, O.isContextProvider = Me, O.isElement = Le, O.isForwardRef = or, O.isFragment = ar, O.isLazy = ge, O.isMemo = ye, O.isPortal = se, O.isProfiler = Ee, O.isStrictMode = ce, O.isSuspense = ir, O.isValidElementType = A, O.typeOf = I;
   }()), O;
 }
 process.env.NODE_ENV === "production" ? br.exports = Oo() : br.exports = ko();
@@ -1927,25 +1927,25 @@ Rt[Ct.ForwardRef] = Ao;
 Rt[Ct.Memo] = $o;
 var No = !0;
 function Io(e, r, t) {
-  var n = "";
+  var o = "";
   return t.split(" ").forEach(function(a) {
-    e[a] !== void 0 ? r.push(e[a] + ";") : n += a + " ";
-  }), n;
+    e[a] !== void 0 ? r.push(e[a] + ";") : o += a + " ";
+  }), o;
 }
-var Tt = function(r, t, n) {
+var Tt = function(r, t, o) {
   var a = r.key + "-" + t.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
   // so we don't have to add it to registered cache.
   // this improves memory usage since we can avoid storing the whole style string
-  (n === !1 || // we need to always store it if we're in compat mode and
+  (o === !1 || // we need to always store it if we're in compat mode and
   // 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
   No === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
-}, jo = function(r, t, n) {
-  Tt(r, t, n);
+}, jo = function(r, t, o) {
+  Tt(r, t, o);
   var a = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
     var i = t;
@@ -1955,19 +1955,19 @@ var Tt = function(r, t, n) {
   }
 };
 function Do(e) {
-  for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
-    t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
+  for (var r = 0, t, o = 0, a = e.length; a >= 4; ++o, a -= 4)
+    t = e.charCodeAt(o) & 255 | (e.charCodeAt(++o) & 255) << 8 | (e.charCodeAt(++o) & 255) << 16 | (e.charCodeAt(++o) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
     t >>> 24, r = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
   switch (a) {
     case 3:
-      r ^= (e.charCodeAt(n + 2) & 255) << 16;
+      r ^= (e.charCodeAt(o + 2) & 255) << 16;
     case 2:
-      r ^= (e.charCodeAt(n + 1) & 255) << 8;
+      r ^= (e.charCodeAt(o + 1) & 255) << 8;
     case 1:
-      r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
+      r ^= e.charCodeAt(o) & 255, r = /* Math.imul(h, m): */
       (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
   }
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
@@ -2021,21 +2021,21 @@ var Fo = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, et = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+}, Qr = `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`, Mo = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Lo = /[A-Z]|^ms/g, Ot = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Or = function(r) {
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Mo = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Lo = /[A-Z]|^ms/g, Ot = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Tr = function(r) {
   return r.charCodeAt(1) === 45;
-}, rt = function(r) {
+}, et = function(r) {
   return r != null && typeof r != "boolean";
-}, pr = /* @__PURE__ */ ho(function(e) {
-  return Or(e) ? e : e.replace(Lo, "-$&").toLowerCase();
+}, pr = /* @__PURE__ */ mo(function(e) {
+  return Tr(e) ? e : e.replace(Lo, "-$&").toLowerCase();
 }), Je = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(Ot, function(n, a, i) {
+        return t.replace(Ot, function(o, a, i) {
           return J = {
             name: a,
             styles: i,
@@ -2043,21 +2043,21 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           }, a;
         });
   }
-  return Fo[r] !== 1 && !Or(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return Fo[r] !== 1 && !Tr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
 if (process.env.NODE_ENV !== "production") {
-  var Vo = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Yo = ["normal", "none", "initial", "inherit", "unset"], Wo = Je, zo = /^-ms-/, Uo = /-(.)/g, tt = {};
+  var Vo = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Yo = ["normal", "none", "initial", "inherit", "unset"], Wo = Je, zo = /^-ms-/, Uo = /-(.)/g, rt = {};
   Je = function(r, t) {
     if (r === "content" && (typeof t != "string" || Yo.indexOf(t) === -1 && !Vo.test(t) && (t.charAt(0) !== t.charAt(t.length - 1) || t.charAt(0) !== '"' && t.charAt(0) !== "'")))
       throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + t + "\"'`");
-    var n = Wo(r, t);
-    return n !== "" && !Or(r) && r.indexOf("-") !== -1 && tt[r] === void 0 && (tt[r] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(zo, "ms-").replace(Uo, function(a, i) {
+    var o = Wo(r, t);
+    return o !== "" && !Tr(r) && r.indexOf("-") !== -1 && rt[r] === void 0 && (rt[r] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(zo, "ms-").replace(Uo, function(a, i) {
       return i.toUpperCase();
-    }) + "?")), n;
+    }) + "?")), o;
   };
 }
 var kt = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function Pe(e, r, t) {
+function ke(e, r, t) {
   if (t == null)
     return "";
   if (t.__emotion_styles !== void 0) {
@@ -2076,14 +2076,14 @@ function Pe(e, r, t) {
           next: J
         }, t.name;
       if (t.styles !== void 0) {
-        var n = t.next;
-        if (n !== void 0)
-          for (; n !== void 0; )
+        var o = t.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
             J = {
-              name: n.name,
-              styles: n.styles,
+              name: o.name,
+              styles: o.styles,
               next: J
-            }, n = n.next;
+            }, o = o.next;
         var a = t.styles + ";";
         return process.env.NODE_ENV !== "production" && t.map !== void 0 && (a += t.map), a;
       }
@@ -2092,15 +2092,15 @@ function Pe(e, r, t) {
     case "function": {
       if (e !== void 0) {
         var i = J, l = t(e);
-        return J = i, Pe(e, r, l);
+        return J = i, ke(e, r, l);
       } 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 = [], p = t.replace(Ot, function(m, d, b) {
-          var g = "animation" + c.length;
-          return c.push("const " + g + " = keyframes`" + b.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + g + "}";
+        var c = [], p = t.replace(Ot, function(h, d, b) {
+          var x = "animation" + c.length;
+          return c.push("const " + x + " = keyframes`" + b.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + x + "}";
         });
         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, ["`" + p + "`"]).join(`
 `) + `
@@ -2114,56 +2114,56 @@ You should wrap it with \`css\` like this:
   return t;
 }
 function Bo(e, r, t) {
-  var n = "";
+  var o = "";
   if (Array.isArray(t))
     for (var a = 0; a < t.length; a++)
-      n += Pe(e, r, t[a]) + ";";
+      o += ke(e, r, t[a]) + ";";
   else
     for (var i in t) {
       var l = t[i];
       if (typeof l != "object")
-        rt(l) && (n += pr(i) + ":" + Je(i, l) + ";");
+        et(l) && (o += pr(i) + ":" + Je(i, l) + ";");
       else {
         if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
           throw new Error(kt);
         if (Array.isArray(l) && typeof l[0] == "string" && r == null)
           for (var c = 0; c < l.length; c++)
-            rt(l[c]) && (n += pr(i) + ":" + Je(i, l[c]) + ";");
+            et(l[c]) && (o += pr(i) + ":" + Je(i, l[c]) + ";");
         else {
-          var p = Pe(e, r, l);
+          var p = ke(e, r, l);
           switch (i) {
             case "animation":
             case "animationName": {
-              n += pr(i) + ":" + p + ";";
+              o += pr(i) + ":" + p + ";";
               break;
             }
             default:
-              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(Mo), n += i + "{" + p + "}";
+              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(Mo), o += i + "{" + p + "}";
           }
         }
       }
     }
-  return n;
+  return o;
 }
-var nt = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Pt;
+var tt = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Pt;
 process.env.NODE_ENV !== "production" && (Pt = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
-var J, ot = function(r, t, n) {
+var J, nt = function(r, t, o) {
   if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
     return r[0];
   var a = !0, i = "";
   J = void 0;
   var l = r[0];
-  l == null || l.raw === void 0 ? (a = !1, i += Pe(n, t, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(et), i += l[0]);
+  l == null || l.raw === void 0 ? (a = !1, i += ke(o, t, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(Qr), i += l[0]);
   for (var c = 1; c < r.length; c++)
-    i += Pe(n, t, r[c]), a && (process.env.NODE_ENV !== "production" && l[c] === void 0 && console.error(et), i += l[c]);
+    i += ke(o, t, r[c]), a && (process.env.NODE_ENV !== "production" && l[c] === void 0 && console.error(Qr), i += l[c]);
   var p;
-  process.env.NODE_ENV !== "production" && (i = i.replace(Pt, function(g) {
-    return p = g, "";
-  })), nt.lastIndex = 0;
-  for (var m = "", d; (d = nt.exec(i)) !== null; )
-    m += "-" + // $FlowFixMe we know it's not null
+  process.env.NODE_ENV !== "production" && (i = i.replace(Pt, function(x) {
+    return p = x, "";
+  })), tt.lastIndex = 0;
+  for (var h = "", d; (d = tt.exec(i)) !== null; )
+    h += "-" + // $FlowFixMe we know it's not null
     d[1];
-  var b = Do(i) + m;
+  var b = Do(i) + h;
   return process.env.NODE_ENV !== "production" ? {
     name: b,
     styles: i,
@@ -2179,7 +2179,7 @@ var J, ot = function(r, t, n) {
   };
 }, Go = function(r) {
   return r();
-}, qo = re.useInsertionEffect ? re.useInsertionEffect : !1, Ko = qo || Go, er = {}.hasOwnProperty, kr = /* @__PURE__ */ re.createContext(
+}, qo = re.useInsertionEffect ? re.useInsertionEffect : !1, Ko = qo || Go, er = {}.hasOwnProperty, Or = /* @__PURE__ */ re.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -2190,28 +2190,28 @@ var J, ot = function(r, t, n) {
     key: "css"
   }) : null
 );
-process.env.NODE_ENV !== "production" && (kr.displayName = "EmotionCacheContext");
-kr.Provider;
+process.env.NODE_ENV !== "production" && (Or.displayName = "EmotionCacheContext");
+Or.Provider;
 var Ho = function(r) {
-  return /* @__PURE__ */ sn(function(t, n) {
-    var a = xr(kr);
-    return r(t, a, n);
+  return /* @__PURE__ */ sn(function(t, o) {
+    var a = Er(Or);
+    return r(t, a, o);
   });
 }, At = /* @__PURE__ */ re.createContext({});
 process.env.NODE_ENV !== "production" && (At.displayName = "EmotionThemeContext");
-var at = function(r) {
+var ot = function(r) {
   var t = r.split(".");
   return t[t.length - 1];
 }, Jo = function(r) {
   var t = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(r);
-  if (t || (t = /^([A-Za-z0-9$.]+)@/.exec(r), t)) return at(t[1]);
+  if (t || (t = /^([A-Za-z0-9$.]+)@/.exec(r), t)) return ot(t[1]);
 }, Zo = /* @__PURE__ */ new Set(["renderWithHooks", "processChild", "finishClassComponent", "renderToString"]), Xo = function(r) {
   return r.replace(/\$/g, "-");
 }, Qo = function(r) {
   if (r)
     for (var t = r.split(`
-`), n = 0; n < t.length; n++) {
-      var a = Jo(t[n]);
+`), o = 0; o < t.length; o++) {
+      var a = Jo(t[o]);
       if (a) {
         if (Zo.has(a)) break;
         if (/^[A-Z]/.test(a)) return Xo(a);
@@ -2221,38 +2221,38 @@ var at = function(r) {
   if (process.env.NODE_ENV !== "production" && typeof t.css == "string" && // check if there is a css declaration
   t.css.indexOf(":") !== -1)
     throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + t.css + "`");
-  var n = {};
+  var o = {};
   for (var a in t)
-    er.call(t, a) && (n[a] = t[a]);
-  if (n[gr] = r, process.env.NODE_ENV !== "production" && t.css && (typeof t.css != "object" || typeof t.css.name != "string" || t.css.name.indexOf("-") === -1)) {
+    er.call(t, a) && (o[a] = t[a]);
+  if (o[gr] = r, process.env.NODE_ENV !== "production" && t.css && (typeof t.css != "object" || typeof t.css.name != "string" || t.css.name.indexOf("-") === -1)) {
     var i = Qo(new Error().stack);
-    i && (n[yr] = i);
+    i && (o[yr] = i);
   }
-  return n;
+  return o;
 }, ea = function(r) {
-  var t = r.cache, n = r.serialized, a = r.isStringTag;
-  return Tt(t, n, a), Ko(function() {
-    return jo(t, n, a);
+  var t = r.cache, o = r.serialized, a = r.isStringTag;
+  return Tt(t, o, a), Ko(function() {
+    return jo(t, o, a);
   }), null;
 }, Nt = /* @__PURE__ */ Ho(function(e, r, t) {
-  var n = e.css;
-  typeof n == "string" && r.registered[n] !== void 0 && (n = r.registered[n]);
-  var a = e[gr], i = [n], l = "";
+  var o = e.css;
+  typeof o == "string" && r.registered[o] !== void 0 && (o = r.registered[o]);
+  var a = e[gr], i = [o], l = "";
   typeof e.className == "string" ? l = Io(r.registered, i, e.className) : e.className != null && (l = e.className + " ");
-  var c = ot(i, void 0, re.useContext(At));
+  var c = nt(i, void 0, re.useContext(At));
   if (process.env.NODE_ENV !== "production" && c.name.indexOf("-") === -1) {
     var p = e[yr];
-    p && (c = ot([c, "label:" + p + ";"]));
+    p && (c = nt([c, "label:" + p + ";"]));
   }
   l += r.key + "-" + c.name;
-  var m = {};
+  var h = {};
   for (var d in e)
-    er.call(e, d) && d !== "css" && d !== gr && (process.env.NODE_ENV === "production" || d !== yr) && (m[d] = e[d]);
-  return m.ref = t, m.className = l, /* @__PURE__ */ re.createElement(re.Fragment, null, /* @__PURE__ */ re.createElement(ea, {
+    er.call(e, d) && d !== "css" && d !== gr && (process.env.NODE_ENV === "production" || d !== yr) && (h[d] = e[d]);
+  return h.ref = t, h.className = l, /* @__PURE__ */ re.createElement(re.Fragment, null, /* @__PURE__ */ re.createElement(ea, {
     cache: r,
     serialized: c,
     isStringTag: typeof a == "string"
-  }), /* @__PURE__ */ re.createElement(a, m));
+  }), /* @__PURE__ */ re.createElement(a, h));
 });
 process.env.NODE_ENV !== "production" && (Nt.displayName = "EmotionCssPropInternal");
 var It = Nt;
@@ -2262,13 +2262,13 @@ function de(e, r, t) {
 function jt(e, r, t) {
   return er.call(r, "css") ? k.jsxs(It, $t(e, r), t) : k.jsxs(e, r, t);
 }
-const Pr = D("div", {
+const kr = D("div", {
   shouldForwardProp: (e) => e !== "required" && e !== "inline" && e !== "reverse"
-})(({ theme: e, required: r, inline: t, reverse: n }) => ({
+})(({ theme: e, required: r, inline: t, reverse: o }) => ({
   display: "flex",
   gap: "0.25em",
   alignItems: t ? "center" : "flex-start",
-  flexDirection: `${t ? "row" : "column"}${n ? "-reverse" : ""}`,
+  flexDirection: `${t ? "row" : "column"}${o ? "-reverse" : ""}`,
   "& label": {
     position: "relative",
     userSelect: "none",
@@ -2289,33 +2289,33 @@ function Ta({
   name: e,
   label: r,
   checked: t = !1,
-  errors: n = [],
+  errors: o = [],
   onChange: a,
   required: i = !1,
   reverse: l,
   inline: c,
   ...p
 }) {
-  const [m, d] = me(t);
+  const [h, d] = Pe(t);
   if (typeof window > "u") return /* @__PURE__ */ de(lt, {});
-  function b({ target: g }) {
-    d(g.checked), a && a(g.name, g.checked);
+  function b({ target: x }) {
+    d(x.checked), a && a(x.name, x.checked);
   }
-  return /* @__PURE__ */ jt(Pr, { inline: c, reverse: l, required: i, children: [
+  return /* @__PURE__ */ jt(kr, { inline: c, reverse: l, required: i, children: [
     /* @__PURE__ */ de("label", { htmlFor: e, title: r, children: r }),
     /* @__PURE__ */ de(
       pn,
       {
         ...p,
         onChange: b,
-        checked: m,
+        checked: h,
         placeholder: p.placeholder ?? "Type something...",
         name: e,
         id: e,
         css: { width: "fit-content" }
       }
     ),
-    n.length > 0 && n.map((g) => /* @__PURE__ */ de(Dt, { children: g }, g))
+    o.length > 0 && o.map((x) => /* @__PURE__ */ de(Dt, { children: x }, x))
   ] });
 }
 const Oa = D.form({
@@ -2347,66 +2347,58 @@ function ka({
   name: e,
   label: r,
   value: t = "",
-  errors: n = [],
+  errors: o = [],
   onChange: a,
   required: i = !1,
   ...l
 }) {
-  const [c, p] = me(t);
-  function m({ target: d }) {
+  const [c, p] = Pe(t);
+  function h({ target: d }) {
     p(d.value), a && a(d.name, d.value);
   }
-  return /* @__PURE__ */ k.jsxs(Pr, { required: i, children: [
+  return /* @__PURE__ */ k.jsxs(kr, { required: i, children: [
     /* @__PURE__ */ k.jsx("label", { htmlFor: e, title: r, children: r }),
     /* @__PURE__ */ k.jsx(
       ra,
       {
         ...l,
         name: e,
-        onChange: m,
+        onChange: h,
         value: c,
         placeholder: l.placeholder ?? "Type something..."
       }
     ),
-    n.length > 0 && n.map((d) => /* @__PURE__ */ k.jsx(Dt, { children: d }, d))
+    o.length > 0 && o.map((d) => /* @__PURE__ */ k.jsx(Dt, { children: d }, d))
   ] });
 }
 function Pa({
   name: e,
   label: r,
-  value: t,
-  options: n,
-  onChangeCallback: a,
-  formatOptionLabel: i,
-  required: l = !1,
-  ...c
+  options: t,
+  onChangeCallback: o,
+  formatOptionLabel: a,
+  required: i = !1,
+  ...l
 }) {
-  const p = ut(), [m, d] = me();
-  Er(() => {
-    if (n.length === 0) return;
-    const g = n.find(($) => $.value === t);
-    g && d(g);
-  }, [n, t]);
-  const b = (g) => {
-    d(g), a && a(g.value);
-  };
-  return /* @__PURE__ */ jt(Pr, { required: l, children: [
+  const c = ut(), p = (h) => o == null ? void 0 : o(h.value);
+  return /* @__PURE__ */ jt(kr, { required: i, children: [
     r && /* @__PURE__ */ de("label", { htmlFor: e, title: `${e} field`, children: r }),
     /* @__PURE__ */ de(
-      hn,
+      mn,
       {
-        value: m,
-        onChange: (g) => b(g),
-        options: n,
-        isDisabled: c.disabled,
+        onChange: (h) => p(h),
+        options: t,
+        isDisabled: l.disabled,
         menuPlacement: "auto",
-        formatOptionLabel: i ? (g, $) => i(g, $) : void 0,
-        css: { color: p.colors.black }
+        formatOptionLabel: a ? (h, d) => a(h, d) : void 0,
+        css: { width: "100%", color: c.colors.black },
+        className: l.className,
+        defaultValue: t[0]
       }
     )
   ] });
 }
-const it = "__minimstuff_dark_theme__", ta = {
+const at = "__minimstuff_dark_theme__", ta = {
   radius: {
     xs: "1px",
     s: "2px",
@@ -2488,10 +2480,10 @@ function Aa({
   children: e,
   onPreferenceChange: r
 }) {
-  const [t, n] = me(
-    () => localStorage.getItem(it) === "true"
+  const [t, o] = Pe(
+    () => localStorage.getItem(at) === "true"
   ), a = (i) => {
-    n(i), r == null || r(i), localStorage.setItem(it, String(i));
+    o(i), r == null || r(i), localStorage.setItem(at, String(i));
   };
   return /* @__PURE__ */ k.jsx(
     cn,
@@ -2575,7 +2567,7 @@ function la() {
       alignItems: "center",
       flexDirection: "column"
     }
-  }), n = Ye({
+  }), o = Ye({
     /* width */
     "::-webkit-scrollbar": {
       height: "0.45em",
@@ -2616,9 +2608,9 @@ function la() {
       backgroundColor: e.colors.secondary
     }
   });
-  return /* @__PURE__ */ k.jsx(ln, { styles: [r, t, n, a] });
+  return /* @__PURE__ */ k.jsx(ln, { styles: [r, t, o, a] });
 }
-const $a = () => xr(Ft);
+const $a = () => Er(Ft);
 export {
   ya as Button,
   Ta as Checkbox,
@@ -2648,7 +2640,7 @@ export {
   Ft as _ThemeContext,
   dt as useClickOutside,
   pt as useGlobalHotkeys,
-  ht as useShortcut,
+  mt as useShortcut,
   $a as useThemeSwitcher,
   Rn as useToggle
 };