@minimalstuff/ui 0.0.29 → 0.0.30

package/dist/index.es.js

@@ -1,14 +1,14 @@
 import D from "@emotion/styled";
-import * as re from "react";
-import te, { useEffect as st, createContext as ct, useContext as Er, useState as he, useRef as lt, Fragment as ut, forwardRef as cn } from "react";
-import { keyframes as xr, useTheme as ft, ThemeProvider as ln, css as Ye, Global as un } from "@emotion/react";
+import * as te from "react";
+import ne, { useEffect as Er, createContext as ct, useContext as xr, useState as he, useRef as lt, Fragment as ut, forwardRef as cn } from "react";
+import { keyframes as wr, useTheme as ft, ThemeProvider as ln, css as Ye, Global as un } from "@emotion/react";
 import { useHotkeys as fn } from "react-hotkeys-hook";
 import dn from "hex-rgb";
 import dt from "tinycolor2";
 import { createPortal as pn } from "react-dom";
 import mn from "react-toggle";
 import hn from "react-select";
-import zr from "js-cookie";
+import Ur from "js-cookie";
 const wa = D.button(
   ({ theme: e, danger: r = !1, secondary: t = !1 }) => {
     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;
@@ -44,17 +44,17 @@ var mr = { 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;
+var Br;
 function vn() {
-  if (Ur) return Ce;
-  Ur = 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 = {}, g = null, j = null;
-    h !== void 0 && (g = "" + h), p.key !== void 0 && (g = "" + 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: j, props: b, _owner: a.current };
+  if (Br) return Ce;
+  Br = 1;
+  var e = ne, 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, d, v) {
+    var p, h = {}, g = null, j = null;
+    v !== void 0 && (g = "" + v), d.key !== void 0 && (g = "" + d.key), d.ref !== void 0 && (j = d.ref);
+    for (p in d) o.call(d, p) && !i.hasOwnProperty(p) && (h[p] = d[p]);
+    if (c && c.defaultProps) for (p in d = c.defaultProps, d) h[p] === void 0 && (h[p] = d[p]);
+    return { $$typeof: r, type: c, key: g, ref: j, props: h, _owner: a.current };
   }
   return Ce.Fragment = t, Ce.jsx = l, Ce.jsxs = l, Ce;
 }
@@ -68,10 +68,10 @@ 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 Gr;
 function bn() {
-  return Br || (Br = 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"), g = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), $ = Symbol.iterator, x = "@@iterator";
+  return Gr || (Gr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = ne, 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"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), $ = Symbol.iterator, x = "@@iterator";
     function M(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -81,14 +81,14 @@ function bn() {
     var _ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function y(n) {
       {
-        for (var s = arguments.length, f = new Array(s > 1 ? s - 1 : 0), v = 1; v < s; v++)
-          f[v - 1] = arguments[v];
+        for (var s = arguments.length, f = new Array(s > 1 ? s - 1 : 0), b = 1; b < s; b++)
+          f[b - 1] = arguments[b];
         A("error", n, f);
       }
     }
     function A(n, s, f) {
       {
-        var v = _.ReactDebugCurrentFrame, R = v.getStackAddendum();
+        var b = _.ReactDebugCurrentFrame, R = b.getStackAddendum();
         R !== "" && (s += "%s", f = f.concat([R]));
         var N = f.map(function(w) {
           return String(w);
@@ -99,16 +99,16 @@ function bn() {
     var I = !1, u = !1, Y = !1, P = !1, rr = !1, $e;
     $e = Symbol.for("react.module.reference");
     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 === g || n.$$typeof === b || n.$$typeof === l || n.$$typeof === c || n.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === o || n === i || rr || n === a || n === v || n === p || P || n === j || I || u || Y || typeof n == "object" && n !== null && (n.$$typeof === g || n.$$typeof === h || n.$$typeof === l || n.$$typeof === c || n.$$typeof === d || // 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.
       n.$$typeof === $e || n.getModuleId !== void 0));
     }
     function nr(n, s, f) {
-      var v = n.displayName;
-      if (v)
-        return v;
+      var b = n.displayName;
+      if (b)
+        return b;
       var R = s.displayName || s.name || "";
       return R !== "" ? f + "(" + R + ")" : f;
     }
@@ -131,9 +131,9 @@ function bn() {
           return "Profiler";
         case a:
           return "StrictMode";
-        case h:
+        case v:
           return "Suspense";
-        case d:
+        case p:
           return "SuspenseList";
       }
       if (typeof n == "object")
@@ -144,11 +144,11 @@ function bn() {
           case l:
             var f = n;
             return Ne(f._context) + ".Provider";
-          case p:
+          case d:
             return nr(n, n.render, "ForwardRef");
-          case b:
-            var v = n.displayName || null;
-            return v !== null ? v : H(n.type) || "Memo";
+          case h:
+            var b = n.displayName || null;
+            return b !== null ? b : H(n.type) || "Memo";
           case g: {
             var R = n, N = R._payload, w = R._init;
             try {
@@ -160,7 +160,7 @@ function bn() {
         }
       return null;
     }
-    var ee = Object.assign, oe = 0, je, Ie, be, De, ge, Fe, Me;
+    var re = Object.assign, oe = 0, je, Ie, be, De, ge, Fe, Me;
     function Le() {
     }
     Le.__reactDisabledLog = !0;
@@ -196,25 +196,25 @@ function bn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ee({}, n, {
+            log: re({}, n, {
               value: je
             }),
-            info: ee({}, n, {
+            info: re({}, n, {
               value: Ie
             }),
-            warn: ee({}, n, {
+            warn: re({}, n, {
               value: be
             }),
-            error: ee({}, n, {
+            error: re({}, n, {
               value: De
             }),
-            group: ee({}, n, {
+            group: re({}, n, {
               value: ge
             }),
-            groupCollapsed: ee({}, n, {
+            groupCollapsed: re({}, n, {
               value: Fe
             }),
-            groupEnd: ee({}, n, {
+            groupEnd: re({}, n, {
               value: Me
             })
           });
@@ -229,8 +229,8 @@ function bn() {
           try {
             throw Error();
           } catch (R) {
-            var v = R.stack.trim().match(/\n( *(at )?)/);
-            Ee = v && v[1] || "";
+            var b = R.stack.trim().match(/\n( *(at )?)/);
+            Ee = b && b[1] || "";
           }
         return `
 ` + Ee + n;
@@ -249,7 +249,7 @@ function bn() {
         if (f !== void 0)
           return f;
       }
-      var v;
+      var b;
       xe = !0;
       var R = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -268,14 +268,14 @@ function bn() {
             try {
               Reflect.construct(w, []);
             } catch (B) {
-              v = B;
+              b = B;
             }
             Reflect.construct(n, [], w);
           } else {
             try {
               w.call();
             } catch (B) {
-              v = B;
+              b = B;
             }
             n.call(w.prototype);
           }
@@ -283,14 +283,14 @@ function bn() {
           try {
             throw Error();
           } catch (B) {
-            v = B;
+            b = B;
           }
           n();
         }
       } catch (B) {
-        if (B && v && typeof B.stack == "string") {
+        if (B && b && typeof B.stack == "string") {
           for (var E = B.stack.split(`
-`), U = v.stack.split(`
+`), U = b.stack.split(`
 `), F = E.length - 1, L = U.length - 1; F >= 1 && L >= 0 && E[F] !== U[L]; )
             L--;
           for (; F >= 1 && L >= 0; F--, L--)
@@ -327,19 +327,19 @@ function bn() {
       if (typeof n == "string")
         return se(n);
       switch (n) {
-        case h:
+        case v:
           return se("Suspense");
-        case d:
+        case p:
           return se("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
-          case p:
+          case d:
             return we(n.render);
-          case b:
+          case h:
             return ae(n.type, s, f);
           case g: {
-            var v = n, R = v._payload, N = v._init;
+            var b = n, R = b._payload, N = b._init;
             try {
               return ae(N(R), s, f);
             } catch {
@@ -348,15 +348,15 @@ function bn() {
         }
       return "";
     }
-    var _e = Object.prototype.hasOwnProperty, Pr = {}, Ar = _.ReactDebugCurrentFrame;
+    var _e = Object.prototype.hasOwnProperty, Ar = {}, $r = _.ReactDebugCurrentFrame;
     function Ve(n) {
       if (n) {
         var s = n._owner, f = ae(n.type, n._source, s ? s.type : null);
-        Ar.setExtraStackFrame(f);
+        $r.setExtraStackFrame(f);
       } else
-        Ar.setExtraStackFrame(null);
+        $r.setExtraStackFrame(null);
     }
-    function Lt(n, s, f, v, R) {
+    function Lt(n, s, f, b, R) {
       {
         var N = Function.call.bind(_e);
         for (var w in n)
@@ -364,14 +364,14 @@ function bn() {
             var E = void 0;
             try {
               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`.");
+                var U = Error((b || "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 = n[w](s, w, v, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              E = n[w](s, w, b, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (F) {
               E = 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 Pr) && (Pr[E.message] = !0, Ve(R), y("Failed %s type: %s", f, E.message), Ve(null));
+            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).", b || "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));
           }
       }
     }
@@ -387,24 +387,24 @@ function bn() {
     }
     function Wt(n) {
       try {
-        return $r(n), !1;
+        return Nr(n), !1;
       } catch {
         return !0;
       }
     }
-    function $r(n) {
+    function Nr(n) {
       return "" + n;
     }
-    function Nr(n) {
+    function jr(n) {
       if (Wt(n))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Yt(n)), $r(n);
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Yt(n)), Nr(n);
     }
     var Se = _.ReactCurrentOwner, zt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, jr, Ir, cr;
+    }, Ir, Dr, cr;
     cr = {};
     function Ut(n) {
       if (_e.call(n, "ref")) {
@@ -431,7 +431,7 @@ function bn() {
     function qt(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, 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));
         };
         f.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: f,
@@ -442,7 +442,7 @@ function bn() {
     function Ht(n, s) {
       {
         var f = function() {
-          Ir || (Ir = !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));
+          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));
         };
         f.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: f,
@@ -450,7 +450,7 @@ function bn() {
         });
       }
     }
-    var Kt = function(n, s, f, v, R, N, w) {
+    var Kt = function(n, s, f, b, R, N, w) {
       var E = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -471,7 +471,7 @@ function bn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: b
       }), Object.defineProperty(E, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -479,10 +479,10 @@ function bn() {
         value: R
       }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
     };
-    function Jt(n, s, f, v, R) {
+    function Jt(n, s, f, b, R) {
       {
         var N, w = {}, E = null, U = null;
-        f !== void 0 && (Nr(f), E = "" + f), Bt(s) && (Nr(s.key), E = "" + s.key), Ut(s) && (U = s.ref, Gt(s, R));
+        f !== void 0 && (jr(f), E = "" + f), Bt(s) && (jr(s.key), E = "" + s.key), Ut(s) && (U = s.ref, Gt(s, R));
         for (N in s)
           _e.call(s, N) && !zt.hasOwnProperty(N) && (w[N] = s[N]);
         if (n && n.defaultProps) {
@@ -494,23 +494,23 @@ function bn() {
           var L = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
           E && qt(w, L), U && Ht(w, L);
         }
-        return Kt(n, E, U, R, v, Se.current, w);
+        return Kt(n, E, U, R, b, Se.current, w);
       }
     }
-    var lr = _.ReactCurrentOwner, Dr = _.ReactDebugCurrentFrame;
+    var lr = _.ReactCurrentOwner, Fr = _.ReactDebugCurrentFrame;
     function ue(n) {
       if (n) {
         var s = n._owner, f = ae(n.type, n._source, s ? s.type : null);
-        Dr.setExtraStackFrame(f);
+        Fr.setExtraStackFrame(f);
       } else
-        Dr.setExtraStackFrame(null);
+        Fr.setExtraStackFrame(null);
     }
     var ur;
     ur = !1;
     function fr(n) {
       return typeof n == "object" && n !== null && n.$$typeof === r;
     }
-    function Fr() {
+    function Mr() {
       {
         if (lr.current) {
           var n = H(lr.current.type);
@@ -525,10 +525,10 @@ Check the render method of \`` + n + "`.";
     function Zt(n) {
       return "";
     }
-    var Mr = {};
+    var Lr = {};
     function Xt(n) {
       {
-        var s = Fr();
+        var s = Mr();
         if (!s) {
           var f = typeof n == "string" ? n : n.displayName || n.name;
           f && (s = `
@@ -538,27 +538,27 @@ Check the top-level render call using <` + f + ">.");
         return s;
       }
     }
-    function Lr(n, s) {
+    function Vr(n, s) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
         var f = Xt(s);
-        if (Mr[f])
+        if (Lr[f])
           return;
-        Mr[f] = !0;
-        var v = "";
-        n && n._owner && n._owner !== lr.current && (v = " It was passed a child from " + H(n._owner.type) + "."), ue(n), 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);
+        Lr[f] = !0;
+        var b = "";
+        n && n._owner && n._owner !== lr.current && (b = " It was passed a child from " + H(n._owner.type) + "."), ue(n), 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, b), ue(null);
       }
     }
-    function Vr(n, s) {
+    function Yr(n, s) {
       {
         if (typeof n != "object")
           return;
         if (sr(n))
           for (var f = 0; f < n.length; f++) {
-            var v = n[f];
-            fr(v) && Lr(v, s);
+            var b = n[f];
+            fr(b) && Vr(b, s);
           }
         else if (fr(n))
           n._store && (n._store.validated = !0);
@@ -566,7 +566,7 @@ Check the top-level render call using <` + f + ">.");
           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);
+              fr(w.value) && Vr(w.value, s);
         }
       }
     }
@@ -578,15 +578,15 @@ Check the top-level render call using <` + f + ">.");
         var f;
         if (typeof s == "function")
           f = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === p || // Note: Memo only checks outer props here.
+        else if (typeof s == "object" && (s.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        s.$$typeof === b))
+        s.$$typeof === h))
           f = s.propTypes;
         else
           return;
         if (f) {
-          var v = H(s);
-          Lt(f, n.props, "prop", v, n);
+          var b = H(s);
+          Lt(f, n.props, "prop", b, n);
         } else if (s.PropTypes !== void 0 && !ur) {
           ur = !0;
           var R = H(s);
@@ -598,24 +598,24 @@ Check the top-level render call using <` + f + ">.");
     function en(n) {
       {
         for (var s = Object.keys(n.props), f = 0; f < s.length; f++) {
-          var v = s[f];
-          if (v !== "children" && v !== "key") {
-            ue(n), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), ue(null);
+          var b = s[f];
+          if (b !== "children" && b !== "key") {
+            ue(n), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), ue(null);
             break;
           }
         }
         n.ref !== null && (ue(n), y("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
       }
     }
-    var Yr = {};
-    function Wr(n, s, f, v, R, N) {
+    var Wr = {};
+    function zr(n, s, f, b, R, N) {
       {
         var w = tr(n);
         if (!w) {
           var E = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).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 U = Zt();
-          U ? E += U : E += Fr();
+          U ? E += U : E += Mr();
           var F;
           n === null ? F = "null" : sr(n) ? F = "array" : n !== void 0 && n.$$typeof === r ? (F = "<" + (H(n.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : F = typeof n, 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);
         }
@@ -625,38 +625,38 @@ Check the top-level render call using <` + f + ">.");
         if (w) {
           var K = s.children;
           if (K !== void 0)
-            if (v)
+            if (b)
               if (sr(K)) {
                 for (var fe = 0; fe < K.length; fe++)
-                  Vr(K[fe], n);
+                  Yr(K[fe], n);
                 Object.freeze && Object.freeze(K);
               } 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.");
             else
-              Vr(K, n);
+              Yr(K, n);
         }
         if (_e.call(s, "key")) {
           var ie = H(n), B = Object.keys(s).filter(function(sn) {
             return sn !== "key";
           }), dr = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Yr[ie + dr]) {
+          if (!Wr[ie + dr]) {
             var an = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
             y(`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, an, ie), Yr[ie + dr] = !0;
+  <%s key={someKey} {...props} />`, dr, ie, an, ie), Wr[ie + dr] = !0;
           }
         }
         return n === o ? en(L) : Qt(L), L;
       }
     }
     function rn(n, s, f) {
-      return Wr(n, s, f, !0);
+      return zr(n, s, f, !0);
     }
     function tn(n, s, f) {
-      return Wr(n, s, f, !1);
+      return zr(n, s, f, !1);
     }
     var nn = tn, on = rn;
     Re.Fragment = o, Re.jsx = nn, Re.jsxs = on;
@@ -664,7 +664,7 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? mr.exports = vn() : mr.exports = bn();
 var k = mr.exports;
-xr({
+wr({
   "0%": {
     opacity: 0
   },
@@ -672,7 +672,7 @@ xr({
     opacity: 1
   }
 });
-xr({
+wr({
   to: {
     transform: "rotate(0deg)"
   },
@@ -680,7 +680,7 @@ xr({
     transform: "rotate(360deg)"
   }
 });
-const gn = xr({
+const gn = wr({
   from: {
     opacity: 0,
     transform: "scale(0.95)"
@@ -689,9 +689,9 @@ const gn = xr({
     opacity: 1,
     transform: "scale(1)"
   }
-}), wr = D.div(({ theme: e }) => ({
+}), _r = D.div(({ theme: e }) => ({
   animation: `${e.transitions.delay.normal} ${gn} both`
-})), yn = D(wr)(
+})), yn = D(_r)(
   ({ show: e, theme: r }) => ({
     zIndex: 99,
     position: "absolute",
@@ -714,7 +714,7 @@ const gn = xr({
   gap: "0.35em"
 }));
 function pt(e, r) {
-  st(() => {
+  Er(() => {
     function t(o) {
       var a;
       e != null && e.current && !((a = e.current) != null && a.contains(o.target)) && r();
@@ -733,7 +733,7 @@ const xn = "escape", wn = "ArrowUp", _n = "ArrowDown", Sn = {
   }
 }, Rn = ct(
   Cn
-), mt = () => Er(Rn);
+), mt = () => xr(Rn);
 function ht(e, r, { enabled: t, disableGlobalCheck: o } = {
   enabled: !0,
   disableGlobalCheck: !1
@@ -834,7 +834,7 @@ const kn = D.div({
   flex: 1,
   alignItems: "center",
   flexDirection: "column"
-}), Pn = D(wr)(({ theme: e }) => ({
+}), Pn = D(_r)(({ theme: e }) => ({
   minWidth: "500px",
   background: e.colors.background,
   padding: "1em",
@@ -865,7 +865,7 @@ const kn = D.div({
   border: 0,
   padding: 0,
   margin: 0
-})), ne = (e, r) => `rgba(${dn(e, { format: "array" }).slice(0, -1).join(",")},${r})`;
+})), Q = (e, r) => `rgba(${dn(e, { format: "array" }).slice(0, -1).join(",")},${r})`;
 function X(e) {
   const r = dt(e.color);
   if (!r.isValid())
@@ -909,7 +909,7 @@ const Nn = D.div(({ theme: e }) => ({
   left: 0,
   height: "100%",
   width: "100%",
-  background: ne(e.colors.black, 0.35),
+  background: Q(e.colors.black, 0.35),
   backdropFilter: "blur(0.1em)",
   display: "flex",
   alignItems: "center",
@@ -922,7 +922,7 @@ var bt = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Gr = te.createContext && /* @__PURE__ */ te.createContext(bt), jn = ["attr", "size", "title"];
+}, qr = ne.createContext && /* @__PURE__ */ ne.createContext(bt), jn = ["attr", "size", "title"];
 function In(e, r) {
   if (e == null) return {};
   var t = Dn(e, r), o, a;
@@ -953,7 +953,7 @@ function qe() {
     return e;
   }, qe.apply(this, arguments);
 }
-function qr(e, r) {
+function Hr(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -966,9 +966,9 @@ function qr(e, r) {
 function He(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? qr(Object(t), !0).forEach(function(o) {
+    r % 2 ? Hr(Object(t), !0).forEach(function(o) {
       Fn(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : qr(Object(t)).forEach(function(o) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Hr(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
@@ -992,12 +992,12 @@ function Ln(e, r) {
   return (r === "string" ? String : Number)(e);
 }
 function gt(e) {
-  return e && e.map((r, t) => /* @__PURE__ */ te.createElement(r.tag, He({
+  return e && e.map((r, t) => /* @__PURE__ */ ne.createElement(r.tag, He({
     key: t
   }, r.attr), gt(r.child)));
 }
 function Vn(e) {
-  return (r) => /* @__PURE__ */ te.createElement(Yn, qe({
+  return (r) => /* @__PURE__ */ ne.createElement(Yn, qe({
     attr: He({}, e.attr)
   }, r), gt(e.child));
 }
@@ -1007,22 +1007,22 @@ function Yn(e) {
       attr: o,
       size: a,
       title: i
-    } = e, l = In(e, jn), c = a || t.size || "1em", p;
-    return t.className && (p = t.className), e.className && (p = (p ? p + " " : "") + e.className), /* @__PURE__ */ te.createElement("svg", qe({
+    } = e, l = In(e, jn), c = a || t.size || "1em", d;
+    return t.className && (d = t.className), e.className && (d = (d ? d + " " : "") + e.className), /* @__PURE__ */ ne.createElement("svg", qe({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, t.attr, o, l, {
-      className: p,
+      className: d,
       style: He(He({
         color: e.color || t.color
       }, t.style), e.style),
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), i && /* @__PURE__ */ te.createElement("title", null, i), e.children);
+    }), i && /* @__PURE__ */ ne.createElement("title", null, i), e.children);
   };
-  return Gr !== void 0 ? /* @__PURE__ */ te.createElement(Gr.Consumer, null, (t) => r(t)) : r(bt);
+  return qr !== void 0 ? /* @__PURE__ */ ne.createElement(qr.Consumer, null, (t) => r(t)) : r(bt);
 }
 function Wn(e) {
   return Vn({ 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);
@@ -1046,7 +1046,7 @@ function Ta({
   close: i
 }) {
   const l = lt(null), { setGlobalHotkeysEnabled: c } = mt();
-  return pt(l, i), ht("ESCAPE_KEY", i, { disableGlobalCheck: !0 }), st(
+  return pt(l, i), ht("ESCAPE_KEY", i, { disableGlobalCheck: !0 }), Er(
     () => c(!t),
     [t, c]
   ), typeof window > "u" ? /* @__PURE__ */ k.jsx(ut, {}) : t && pn(
@@ -1068,7 +1068,7 @@ function Ta({
   );
 }
 const Oa = D.img(({ theme: e, size: r = 48 }) => {
-  const t = ne(e.colors.black, 0.1);
+  const t = Q(e.colors.black, 0.1);
   return {
     height: `${r}px`,
     width: `${r}px`,
@@ -1083,10 +1083,10 @@ const Oa = D.img(({ theme: e, size: r = 48 }) => {
     return {
       userSelect: "none",
       cursor: "pointer",
-      backgroundColor: r ? ne(o, 0.15) : e.colors.secondary,
+      backgroundColor: r ? Q(o, 0.15) : e.colors.secondary,
       padding: "10px 20px",
-      border: `1px solid ${r ? ne(o, 0.1) : e.colors.secondary}`,
-      borderBottom: `1px solid ${r ? ne(o, 0.25) : e.colors.secondary}`,
+      border: `1px solid ${r ? Q(o, 0.1) : e.colors.secondary}`,
+      borderBottom: `1px solid ${r ? Q(o, 0.25) : e.colors.secondary}`,
       display: "flex",
       gap: "0.35em",
       alignItems: "center",
@@ -1101,7 +1101,7 @@ const Oa = D.img(({ theme: e, size: r = 48 }) => {
 }), Gn = D.div(({ theme: e }) => ({
   zIndex: 1,
   position: "relative",
-  border: `1px solid ${ne(e.colors.blue.default, 0.25)}`,
+  border: `1px solid ${Q(e.colors.blue.default, 0.25)}`,
   padding: "20px",
   marginTop: "-1px"
 }));
@@ -1123,7 +1123,7 @@ function ka({ tabs: e }) {
       },
       c
     )) }),
-    /* @__PURE__ */ k.jsx(Gn, { children: /* @__PURE__ */ k.jsx(wr, { children: e[r].content }) }, e[r].title)
+    /* @__PURE__ */ k.jsx(Gn, { children: /* @__PURE__ */ k.jsx(_r, { children: e[r].content }) }, e[r].title)
   ] });
 }
 function qn(e) {
@@ -1171,7 +1171,7 @@ var Kn = /* @__PURE__ */ function() {
       return o.parentNode && o.parentNode.removeChild(o);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), z = "-ms-", Ke = "-moz-", S = "-webkit-", _r = "comm", Sr = "rule", Cr = "decl", Jn = "@import", yt = "@keyframes", Zn = "@layer", Xn = Math.abs, Ze = String.fromCharCode, Qn = Object.assign;
+}(), z = "-ms-", Ke = "-moz-", S = "-webkit-", Sr = "comm", Cr = "rule", Rr = "decl", Jn = "@import", yt = "@keyframes", Zn = "@layer", Xn = Math.abs, Ze = String.fromCharCode, Qn = Object.assign;
 function eo(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;
 }
@@ -1196,7 +1196,7 @@ function Oe(e, r, t) {
 function Z(e) {
   return e.length;
 }
-function Rr(e) {
+function Tr(e) {
   return e.length;
 }
 function ze(e, r) {
@@ -1221,7 +1221,7 @@ function oo() {
 function q() {
   return V = G < xt ? W(ve, G++) : 0, me++, V === 10 && (me = 1, Xe++), V;
 }
-function Q() {
+function ee() {
   return W(ve, G);
 }
 function Ue() {
@@ -1272,14 +1272,14 @@ function Be(e) {
   return Et(Ae(G - 1, vr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function ao(e) {
-  for (; (V = Q()) && V < 33; )
+  for (; (V = ee()) && V < 33; )
     q();
   return ke(e) > 2 || ke(V) > 3 ? "" : " ";
 }
 function io(e, r) {
   for (; --r && q() && !(V < 48 || V > 102 || V > 57 && V < 65 || V > 70 && V < 97); )
     ;
-  return Ae(e, Ue() + (r < 6 && Q() == 32 && q() == 32));
+  return Ae(e, Ue() + (r < 6 && ee() == 32 && q() == 32));
 }
 function vr(e) {
   for (; q(); )
@@ -1301,23 +1301,23 @@ function vr(e) {
 }
 function so(e, r) {
   for (; q() && e + V !== 57; )
-    if (e + V === 84 && Q() === 47)
+    if (e + V === 84 && ee() === 47)
       break;
   return "/*" + Ae(r, G - 1) + "*" + Ze(e === 47 ? e : q());
 }
 function co(e) {
-  for (; !ke(Q()); )
+  for (; !ke(ee()); )
     q();
   return Ae(e, G);
 }
 function lo(e) {
   return _t(Ge("", null, null, null, [""], e = wt(e), 0, [0], e));
 }
-function Ge(e, r, t, o, a, i, l, c, p) {
-  for (var h = 0, d = 0, b = l, g = 0, j = 0, $ = 0, x = 1, M = 1, _ = 1, y = 0, A = "", I = a, u = i, Y = o, P = A; M; )
+function Ge(e, r, t, o, a, i, l, c, d) {
+  for (var v = 0, p = 0, h = l, g = 0, j = 0, $ = 0, x = 1, M = 1, _ = 1, y = 0, A = "", I = a, u = i, Y = o, P = A; M; )
     switch ($ = y, y = q()) {
       case 40:
-        if ($ != 108 && W(P, b - 1) == 58) {
+        if ($ != 108 && W(P, h - 1) == 58) {
           hr(P += C(Be(y), "&", "&\f"), "&\f") != -1 && (_ = -1);
           break;
         }
@@ -1336,17 +1336,17 @@ function Ge(e, r, t, o, a, i, l, c, p) {
         P += io(Ue() - 1, 7);
         continue;
       case 47:
-        switch (Q()) {
+        switch (ee()) {
           case 42:
           case 47:
-            ze(uo(so(q(), Ue()), r, t), p);
+            ze(uo(so(q(), Ue()), r, t), d);
             break;
           default:
             P += "/";
         }
         break;
       case 123 * x:
-        c[h++] = Z(P) * _;
+        c[v++] = Z(P) * _;
       case 125 * x:
       case 59:
       case 0:
@@ -1354,31 +1354,31 @@ function Ge(e, r, t, o, a, i, l, c, p) {
           case 0:
           case 125:
             M = 0;
-          case 59 + d:
-            _ == -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);
+          case 59 + p:
+            _ == -1 && (P = C(P, /\f/g, "")), j > 0 && Z(P) - h && ze(j > 32 ? Jr(P + ";", o, t, h - 1) : Jr(C(P, " ", "") + ";", o, t, h - 2), d);
             break;
           case 59:
             P += ";";
           default:
-            if (ze(Y = Hr(P, r, t, h, d, a, c, A, I = [], u = [], b), i), y === 123)
-              if (d === 0)
-                Ge(P, r, Y, Y, I, i, b, c, u);
+            if (ze(Y = Kr(P, r, t, v, p, a, c, A, I = [], u = [], h), i), y === 123)
+              if (p === 0)
+                Ge(P, r, Y, Y, I, i, h, c, u);
               else
                 switch (g === 99 && W(P, 3) === 110 ? 100 : g) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Ge(e, Y, Y, o && ze(Hr(e, Y, Y, 0, 0, a, c, A, a, I = [], b), u), a, u, b, c, o ? I : u);
+                    Ge(e, Y, Y, o && ze(Kr(e, Y, Y, 0, 0, a, c, A, a, I = [], h), u), a, u, h, c, o ? I : u);
                     break;
                   default:
                     Ge(P, Y, Y, Y, [""], u, 0, c, u);
                 }
         }
-        h = d = j = 0, x = _ = 1, A = P = "", b = l;
+        v = p = j = 0, x = _ = 1, A = P = "", h = l;
         break;
       case 58:
-        b = 1 + Z(P), j = $;
+        h = 1 + Z(P), j = $;
       default:
         if (x < 1) {
           if (y == 123)
@@ -1388,13 +1388,13 @@ function Ge(e, r, t, o, a, i, l, c, p) {
         }
         switch (P += Ze(y), y * x) {
           case 38:
-            _ = d > 0 ? 1 : (P += "\f", -1);
+            _ = p > 0 ? 1 : (P += "\f", -1);
             break;
           case 44:
-            c[h++] = (Z(P) - 1) * _, _ = 1;
+            c[v++] = (Z(P) - 1) * _, _ = 1;
             break;
           case 64:
-            Q() === 45 && (P += Be(q())), g = Q(), d = b = Z(A = P += co(Ue())), y++;
+            ee() === 45 && (P += Be(q())), g = ee(), p = h = Z(A = P += co(Ue())), y++;
             break;
           case 45:
             $ === 45 && Z(P) == 2 && (x = 0);
@@ -1402,20 +1402,20 @@ function Ge(e, r, t, o, a, i, l, c, p) {
     }
   return i;
 }
-function Hr(e, r, t, o, a, i, l, c, p, h, d) {
-  for (var b = a - 1, g = a === 0 ? i : [""], j = Rr(g), $ = 0, x = 0, M = 0; $ < o; ++$)
-    for (var _ = 0, y = Oe(e, b + 1, b = Xn(x = l[$])), A = e; _ < j; ++_)
-      (A = Et(x > 0 ? g[_] + " " + y : C(y, /&\f/g, g[_]))) && (p[M++] = A);
-  return Qe(e, r, t, a === 0 ? Sr : c, p, h, d);
+function Kr(e, r, t, o, a, i, l, c, d, v, p) {
+  for (var h = a - 1, g = a === 0 ? i : [""], j = Tr(g), $ = 0, x = 0, M = 0; $ < o; ++$)
+    for (var _ = 0, y = Oe(e, h + 1, h = Xn(x = l[$])), A = e; _ < j; ++_)
+      (A = Et(x > 0 ? g[_] + " " + y : C(y, /&\f/g, g[_]))) && (d[M++] = A);
+  return Qe(e, r, t, a === 0 ? Cr : c, d, v, p);
 }
 function uo(e, r, t) {
-  return Qe(e, r, t, _r, Ze(no()), Oe(e, 2, -2), 0);
+  return Qe(e, r, t, Sr, Ze(no()), Oe(e, 2, -2), 0);
 }
-function Kr(e, r, t, o) {
-  return Qe(e, r, t, Cr, Oe(e, 0, o), Oe(e, o + 1, -1), o);
+function Jr(e, r, t, o) {
+  return Qe(e, r, t, Rr, Oe(e, 0, o), Oe(e, o + 1, -1), o);
 }
 function pe(e, r) {
-  for (var t = "", o = Rr(e), a = 0; a < o; a++)
+  for (var t = "", o = Tr(e), a = 0; a < o; a++)
     t += r(e[a], a, e, r) || "";
   return t;
 }
@@ -1424,19 +1424,19 @@ function fo(e, r, t, o) {
     case Zn:
       if (e.children.length) break;
     case Jn:
-    case Cr:
+    case Rr:
       return e.return = e.return || e.value;
-    case _r:
+    case Sr:
       return "";
     case yt:
       return e.return = e.value + "{" + pe(e.children, o) + "}";
-    case Sr:
+    case Cr:
       e.value = e.props.join(",");
   }
   return Z(t = pe(e.children, o)) ? e.return = e.value + "{" + t + "}" : "";
 }
 function po(e) {
-  var r = Rr(e);
+  var r = Tr(e);
   return function(t, o, a, i) {
     for (var l = "", c = 0; c < r; c++)
       l += e[c](t, o, a, i) || "";
@@ -1455,7 +1455,7 @@ function ho(e) {
   };
 }
 var vo = function(r, t, o) {
-  for (var a = 0, i = 0; a = i, i = Q(), a === 38 && i === 12 && (t[o] = 1), !ke(i); )
+  for (var a = 0, i = 0; a = i, i = ee(), a === 38 && i === 12 && (t[o] = 1), !ke(i); )
     q();
   return Ae(r, G);
 }, bo = function(r, t) {
@@ -1463,14 +1463,14 @@ var vo = function(r, t, o) {
   do
     switch (ke(a)) {
       case 0:
-        a === 38 && Q() === 12 && (t[o] = 1), r[o] += vo(G - 1, t, o);
+        a === 38 && ee() === 12 && (t[o] = 1), r[o] += vo(G - 1, t, o);
         break;
       case 2:
         r[o] += Be(a);
         break;
       case 4:
         if (a === 44) {
-          r[++o] = Q() === 58 ? "&\f" : "", t[o] = r[o].length;
+          r[++o] = ee() === 58 ? "&\f" : "", t[o] = r[o].length;
           break;
         }
       default:
@@ -1480,17 +1480,17 @@ var vo = function(r, t, o) {
   return r;
 }, go = function(r, t) {
   return _t(bo(wt(r), t));
-}, Jr = /* @__PURE__ */ new WeakMap(), yo = function(r) {
+}, Zr = /* @__PURE__ */ new WeakMap(), yo = 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, 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 && !Jr.get(o)) && !a) {
-      Jr.set(r, !0);
-      for (var i = [], l = go(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];
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Zr.get(o)) && !a) {
+      Zr.set(r, !0);
+      for (var i = [], l = go(t, i), c = o.props, d = 0, v = 0; d < l.length; d++)
+        for (var p = 0; p < c.length; p++, v++)
+          r.props[v] = i[d] ? l[d].replace(/&\f/g, c[p]) : c[p] + " " + l[d];
     }
   }
 }, Eo = function(r) {
@@ -1510,18 +1510,18 @@ var vo = function(r, t, o) {
         for (var l = !!t.parent, c = l ? t.parent.children : (
           // global rule at the root level
           a
-        ), p = c.length - 1; p >= 0; p--) {
-          var h = c[p];
-          if (h.line < t.line)
+        ), d = c.length - 1; d >= 0; d--) {
+          var v = c[d];
+          if (v.line < t.line)
             break;
-          if (h.column < t.column) {
-            if (wo(h))
+          if (v.column < t.column) {
+            if (wo(v))
               return;
             break;
           }
         }
-        i.forEach(function(d) {
-          console.error('The pseudo class "' + d + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + d.split("-child")[0] + '-of-type".');
+        i.forEach(function(p) {
+          console.error('The pseudo class "' + p + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + p.split("-child")[0] + '-of-type".');
         });
       }
     }
@@ -1533,10 +1533,10 @@ var vo = function(r, t, o) {
     if (!St(t[o]))
       return !0;
   return !1;
-}, Zr = function(r) {
+}, Xr = function(r) {
   r.type = "", r.value = "", r.return = "", r.children = "", r.props = "";
 }, Co = function(r, t, o) {
-  St(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)) : So(t, o) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Zr(r)));
+  St(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."), Xr(r)) : So(t, o) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Xr(r)));
 };
 function Ct(e, r) {
   switch (eo(e, r)) {
@@ -1651,14 +1651,14 @@ function Ct(e, r) {
 }
 var Ro = function(r, t, o, a) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case Cr:
+    case Rr:
       r.return = Ct(r.value, r.length);
       break;
     case yt:
       return pe([Te(r, {
         value: C(r.value, "@", "@" + S)
       })], a);
-    case Sr:
+    case Cr:
       if (r.length) return to(r.props, function(i) {
         switch (ro(i, /(::plac\w+|:read-\w+)/)) {
           case ":read-only":
@@ -1704,22 +1704,22 @@ If multiple caches share the same key they might "fight" for each other's style
       c.push(x);
     }
   );
-  var p, h = [yo, Eo];
-  process.env.NODE_ENV !== "production" && h.push(_o({
+  var d, v = [yo, Eo];
+  process.env.NODE_ENV !== "production" && v.push(_o({
     get compat() {
       return $.compat;
     }
   }), Co);
   {
-    var d, b = [fo, process.env.NODE_ENV !== "production" ? function(x) {
-      x.root || (x.return ? d.insert(x.return) : x.value && x.type !== _r && d.insert(x.value + "{}"));
+    var p, h = [fo, process.env.NODE_ENV !== "production" ? function(x) {
+      x.root || (x.return ? p.insert(x.return) : x.value && x.type !== Sr && p.insert(x.value + "{}"));
     } : mo(function(x) {
-      d.insert(x);
-    })], g = po(h.concat(a, b)), j = function(M) {
+      p.insert(x);
+    })], g = po(v.concat(a, h)), j = function(M) {
       return pe(lo(M), g);
     };
-    p = function(M, _, y, A) {
-      d = y, process.env.NODE_ENV !== "production" && _.map !== void 0 && (d = {
+    d = function(M, _, y, A) {
+      p = y, process.env.NODE_ENV !== "production" && _.map !== void 0 && (p = {
         insert: function(u) {
           y.insert(u + _.map);
         }
@@ -1739,7 +1739,7 @@ If multiple caches share the same key they might "fight" for each other's style
     nonce: r.nonce,
     inserted: i,
     registered: {},
-    insert: p
+    insert: d
   };
   return $.sheet.hydrate(c), $;
 }, br = { exports: {} }, T = {};
@@ -1751,28 +1751,28 @@ 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 Qr;
 function ko() {
-  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, 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, g = e ? Symbol.for("react.suspense_list") : 60120, j = e ? Symbol.for("react.memo") : 60115, $ = 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 (Qr) return T;
+  Qr = 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, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, j = e ? Symbol.for("react.memo") : 60115, $ = 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(u) {
     if (typeof u == "object" && u !== null) {
       var Y = u.$$typeof;
       switch (Y) {
         case r:
           switch (u = u.type, u) {
-            case p:
-            case h:
+            case d:
+            case v:
             case o:
             case i:
             case a:
-            case b:
+            case h:
               return u;
             default:
               switch (u = u && u.$$typeof, u) {
                 case c:
-                case d:
+                case p:
                 case $:
                 case j:
                 case l:
@@ -1787,10 +1787,10 @@ function ko() {
     }
   }
   function I(u) {
-    return A(u) === h;
+    return A(u) === v;
   }
-  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;
+  return T.AsyncMode = d, T.ConcurrentMode = v, T.ContextConsumer = c, T.ContextProvider = l, T.Element = r, T.ForwardRef = p, T.Fragment = o, T.Lazy = $, T.Memo = j, T.Portal = t, T.Profiler = i, T.StrictMode = a, T.Suspense = h, T.isAsyncMode = function(u) {
+    return I(u) || A(u) === d;
   }, T.isConcurrentMode = I, T.isContextConsumer = function(u) {
     return A(u) === c;
   }, T.isContextProvider = function(u) {
@@ -1798,7 +1798,7 @@ function ko() {
   }, T.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === r;
   }, T.isForwardRef = function(u) {
-    return A(u) === d;
+    return A(u) === p;
   }, T.isFragment = function(u) {
     return A(u) === o;
   }, T.isLazy = function(u) {
@@ -1812,9 +1812,9 @@ function ko() {
   }, T.isStrictMode = function(u) {
     return A(u) === a;
   }, T.isSuspense = function(u) {
-    return A(u) === b;
+    return A(u) === h;
   }, T.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === o || u === h || u === i || u === a || u === b || u === g || 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 === y || u.$$typeof === x);
+    return typeof u == "string" || typeof u == "function" || u === o || u === v || u === i || u === a || u === h || u === g || typeof u == "object" && u !== null && (u.$$typeof === $ || u.$$typeof === j || u.$$typeof === l || u.$$typeof === c || u.$$typeof === p || u.$$typeof === M || u.$$typeof === _ || u.$$typeof === y || u.$$typeof === x);
   }, T.typeOf = A, T;
 }
 var O = {};
@@ -1826,13 +1826,13 @@ 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 et;
 function Po() {
-  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, 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, g = e ? Symbol.for("react.suspense_list") : 60120, j = e ? Symbol.for("react.memo") : 60115, $ = 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;
+  return et || (et = 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, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, j = e ? Symbol.for("react.memo") : 60115, $ = 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(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 === g || 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 === y || m.$$typeof === x);
+      m === o || m === v || m === i || m === a || m === h || m === g || typeof m == "object" && m !== null && (m.$$typeof === $ || m.$$typeof === j || m.$$typeof === l || m.$$typeof === c || m.$$typeof === p || m.$$typeof === M || m.$$typeof === _ || m.$$typeof === y || m.$$typeof === x);
     }
     function I(m) {
       if (typeof m == "object" && m !== null) {
@@ -1841,18 +1841,18 @@ function Po() {
           case r:
             var le = m.type;
             switch (le) {
-              case p:
-              case h:
+              case d:
+              case v:
               case o:
               case i:
               case a:
-              case b:
+              case h:
                 return le;
               default:
                 var ae = le && le.$$typeof;
                 switch (ae) {
                   case c:
-                  case d:
+                  case p:
                   case $:
                   case j:
                   case l:
@@ -1866,12 +1866,12 @@ function Po() {
         }
       }
     }
-    var u = p, Y = h, P = c, rr = l, $e = r, tr = d, nr = o, Ne = $, H = j, ee = t, oe = i, je = a, Ie = b, be = !1;
+    var u = d, Y = v, P = c, rr = l, $e = r, tr = p, nr = o, Ne = $, H = j, re = t, oe = i, je = a, Ie = h, be = !1;
     function De(m) {
-      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(m) || I(m) === p;
+      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(m) || I(m) === d;
     }
     function ge(m) {
-      return I(m) === h;
+      return I(m) === v;
     }
     function Fe(m) {
       return I(m) === c;
@@ -1883,7 +1883,7 @@ function Po() {
       return typeof m == "object" && m !== null && m.$$typeof === r;
     }
     function or(m) {
-      return I(m) === d;
+      return I(m) === p;
     }
     function ar(m) {
       return I(m) === o;
@@ -1904,9 +1904,9 @@ function Po() {
       return I(m) === a;
     }
     function ir(m) {
-      return I(m) === b;
+      return I(m) === h;
     }
-    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 = H, O.Portal = ee, O.Profiler = oe, O.StrictMode = je, O.Suspense = Ie, 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 = I;
+    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 = H, O.Portal = re, O.Profiler = oe, O.StrictMode = je, O.Suspense = Ie, 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 = I;
   }()), O;
 }
 process.env.NODE_ENV === "production" ? br.exports = ko() : br.exports = Po();
@@ -2022,15 +2022,15 @@ var Mo = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, et = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+}, rt = `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`, Lo = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Vo = /[A-Z]|^ms/g, kt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Tr = function(r) {
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Lo = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Vo = /[A-Z]|^ms/g, kt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Or = function(r) {
   return r.charCodeAt(1) === 45;
-}, rt = function(r) {
+}, tt = function(r) {
   return r != null && typeof r != "boolean";
 }, pr = /* @__PURE__ */ ho(function(e) {
-  return Tr(e) ? e : e.replace(Vo, "-$&").toLowerCase();
+  return Or(e) ? e : e.replace(Vo, "-$&").toLowerCase();
 }), Je = function(r, t) {
   switch (r) {
     case "animation":
@@ -2044,15 +2044,15 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           }, a;
         });
   }
-  return Mo[r] !== 1 && !Tr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return Mo[r] !== 1 && !Or(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
 if (process.env.NODE_ENV !== "production") {
-  var Yo = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Wo = ["normal", "none", "initial", "inherit", "unset"], zo = Je, Uo = /^-ms-/, Bo = /-(.)/g, tt = {};
+  var Yo = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Wo = ["normal", "none", "initial", "inherit", "unset"], zo = Je, Uo = /^-ms-/, Bo = /-(.)/g, nt = {};
   Je = function(r, t) {
     if (r === "content" && (typeof t != "string" || Wo.indexOf(t) === -1 && !Yo.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 o = zo(r, t);
-    return o !== "" && !Tr(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(Uo, "ms-").replace(Bo, function(a, i) {
+    return o !== "" && !Or(r) && r.indexOf("-") !== -1 && nt[r] === void 0 && (nt[r] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(Uo, "ms-").replace(Bo, function(a, i) {
       return i.toUpperCase();
     }) + "?")), o;
   };
@@ -2099,16 +2099,16 @@ function Pe(e, r, t) {
     }
     case "string":
       if (process.env.NODE_ENV !== "production") {
-        var c = [], p = t.replace(kt, function(h, d, b) {
+        var c = [], d = t.replace(kt, function(v, p, h) {
           var g = "animation" + c.length;
-          return c.push("const " + g + " = keyframes`" + b.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + g + "}";
+          return c.push("const " + g + " = keyframes`" + h.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + g + "}";
         });
-        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(`
+        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, ["`" + d + "`"]).join(`
 `) + `
 
 You should wrap it with \`css\` like this:
 
-` + ("css`" + p + "`"));
+` + ("css`" + d + "`"));
       }
       break;
   }
@@ -2123,64 +2123,64 @@ function Go(e, r, t) {
     for (var i in t) {
       var l = t[i];
       if (typeof l != "object")
-        rt(l) && (o += pr(i) + ":" + Je(i, l) + ";");
+        tt(l) && (o += pr(i) + ":" + Je(i, l) + ";");
       else {
         if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
           throw new Error(Pt);
         if (Array.isArray(l) && typeof l[0] == "string" && r == null)
           for (var c = 0; c < l.length; c++)
-            rt(l[c]) && (o += pr(i) + ":" + Je(i, l[c]) + ";");
+            tt(l[c]) && (o += pr(i) + ":" + Je(i, l[c]) + ";");
         else {
-          var p = Pe(e, r, l);
+          var d = Pe(e, r, l);
           switch (i) {
             case "animation":
             case "animationName": {
-              o += pr(i) + ":" + p + ";";
+              o += pr(i) + ":" + d + ";";
               break;
             }
             default:
-              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(Lo), o += i + "{" + p + "}";
+              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(Lo), o += i + "{" + d + "}";
           }
         }
       }
     }
   return o;
 }
-var nt = /label:\s*([^\s;\n{]+)\s*(;|$)/g, At;
+var ot = /label:\s*([^\s;\n{]+)\s*(;|$)/g, At;
 process.env.NODE_ENV !== "production" && (At = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
-var J, ot = function(r, t, o) {
+var J, at = 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(o, 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 += Pe(o, t, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(rt), i += l[0]);
   for (var c = 1; c < r.length; c++)
-    i += Pe(o, t, r[c]), a && (process.env.NODE_ENV !== "production" && l[c] === void 0 && console.error(et), i += l[c]);
-  var p;
+    i += Pe(o, t, r[c]), a && (process.env.NODE_ENV !== "production" && l[c] === void 0 && console.error(rt), i += l[c]);
+  var d;
   process.env.NODE_ENV !== "production" && (i = i.replace(At, function(g) {
-    return p = g, "";
-  })), nt.lastIndex = 0;
-  for (var h = "", d; (d = nt.exec(i)) !== null; )
-    h += "-" + // $FlowFixMe we know it's not null
-    d[1];
-  var b = Fo(i) + h;
+    return d = g, "";
+  })), ot.lastIndex = 0;
+  for (var v = "", p; (p = ot.exec(i)) !== null; )
+    v += "-" + // $FlowFixMe we know it's not null
+    p[1];
+  var h = Fo(i) + v;
   return process.env.NODE_ENV !== "production" ? {
-    name: b,
+    name: h,
     styles: i,
-    map: p,
+    map: d,
     next: J,
     toString: function() {
       return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
     }
   } : {
-    name: b,
+    name: h,
     styles: i,
     next: J
   };
 }, qo = function(r) {
   return r();
-}, Ho = re.useInsertionEffect ? re.useInsertionEffect : !1, Ko = Ho || qo, er = {}.hasOwnProperty, Or = /* @__PURE__ */ re.createContext(
+}, Ho = te.useInsertionEffect ? te.useInsertionEffect : !1, Ko = Ho || qo, er = {}.hasOwnProperty, kr = /* @__PURE__ */ te.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
@@ -2191,21 +2191,21 @@ var J, ot = function(r, t, o) {
     key: "css"
   }) : null
 );
-process.env.NODE_ENV !== "production" && (Or.displayName = "EmotionCacheContext");
-Or.Provider;
+process.env.NODE_ENV !== "production" && (kr.displayName = "EmotionCacheContext");
+kr.Provider;
 var Jo = function(r) {
   return /* @__PURE__ */ cn(function(t, o) {
-    var a = Er(Or);
+    var a = xr(kr);
     return r(t, a, o);
   });
-}, $t = /* @__PURE__ */ re.createContext({});
+}, $t = /* @__PURE__ */ te.createContext({});
 process.env.NODE_ENV !== "production" && ($t.displayName = "EmotionThemeContext");
-var at = function(r) {
+var it = function(r) {
   var t = r.split(".");
   return t[t.length - 1];
 }, Zo = 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 it(t[1]);
 }, Xo = /* @__PURE__ */ new Set(["renderWithHooks", "processChild", "finishClassComponent", "renderToString"]), Qo = function(r) {
   return r.replace(/\$/g, "-");
 }, ea = function(r) {
@@ -2240,20 +2240,20 @@ var at = function(r) {
   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($t));
+  var c = at(i, void 0, te.useContext($t));
   if (process.env.NODE_ENV !== "production" && c.name.indexOf("-") === -1) {
-    var p = e[yr];
-    p && (c = ot([c, "label:" + p + ";"]));
+    var d = e[yr];
+    d && (c = at([c, "label:" + d + ";"]));
   }
   l += r.key + "-" + c.name;
-  var h = {};
-  for (var d in e)
-    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(ra, {
+  var v = {};
+  for (var p in e)
+    er.call(e, p) && p !== "css" && p !== gr && (process.env.NODE_ENV === "production" || p !== yr) && (v[p] = e[p]);
+  return v.ref = t, v.className = l, /* @__PURE__ */ te.createElement(te.Fragment, null, /* @__PURE__ */ te.createElement(ra, {
     cache: r,
     serialized: c,
     isStringTag: typeof a == "string"
-  }), /* @__PURE__ */ re.createElement(a, h));
+  }), /* @__PURE__ */ te.createElement(a, v));
 });
 process.env.NODE_ENV !== "production" && (jt.displayName = "EmotionCssPropInternal");
 var It = jt;
@@ -2263,7 +2263,7 @@ function de(e, r, t) {
 function Dt(e, r, t) {
   return er.call(r, "css") ? k.jsxs(It, Nt(e, r), t) : k.jsxs(e, r, t);
 }
-const kr = D("div", {
+const Pr = D("div", {
   shouldForwardProp: (e) => e !== "required" && e !== "inline" && e !== "reverse"
 })(({ theme: e, required: r, inline: t, reverse: o }) => ({
   display: "flex",
@@ -2295,22 +2295,22 @@ function Pa({
   required: i = !1,
   reverse: l,
   inline: c,
-  ...p
+  ...d
 }) {
-  const [h, d] = he(t);
+  const [v, p] = he(t);
   if (typeof window > "u") return /* @__PURE__ */ de(ut, {});
-  function b({ target: g }) {
-    d(g.checked), a && a(g.name, g.checked);
+  function h({ target: g }) {
+    p(g.checked), a && a(g.name, g.checked);
   }
-  return /* @__PURE__ */ Dt(kr, { inline: c, reverse: l, required: i, children: [
+  return /* @__PURE__ */ Dt(Pr, { inline: c, reverse: l, required: i, children: [
     /* @__PURE__ */ de("label", { htmlFor: e, title: r, children: r }),
     /* @__PURE__ */ de(
       mn,
       {
-        ...p,
-        onChange: b,
-        checked: h,
-        placeholder: p.placeholder ?? "Type something...",
+        ...d,
+        onChange: h,
+        checked: v,
+        placeholder: d.placeholder ?? "Type something...",
         name: e,
         id: e,
         css: { width: "fit-content" }
@@ -2328,9 +2328,9 @@ const Aa = D.form({
   width: "100%",
   color: e.colors.font,
   backgroundColor: e.colors.secondary,
-  padding: "0.75em",
-  border: `1px solid ${e.colors.grey.light}`,
-  borderBottom: `2px solid ${e.colors.grey.light}`,
+  padding: "0.75em 1em",
+  border: `1px solid ${Q(e.colors.grey.default, 0.25)}`,
+  borderBottom: `2px solid ${Q(e.colors.grey.default, 0.25)}`,
   borderRadius: e.borders.radius.m,
   transition: e.transitions.delay.normal,
   "&:focus": {
@@ -2351,25 +2351,27 @@ function $a({
   errors: o = [],
   onChange: a,
   required: i = !1,
-  ...l
+  formFieldClassname: l,
+  ...c
 }) {
-  const [c, p] = he(t);
-  function h({ target: d }) {
-    p(d.value), a && a(d.name, d.value);
-  }
-  return /* @__PURE__ */ k.jsxs(kr, { required: i, children: [
-    /* @__PURE__ */ k.jsx("label", { htmlFor: e, title: r, children: r }),
+  const [d, v] = he(t), p = ({ target: h }) => {
+    v(h.value), a && a(h.name, h.value);
+  };
+  return Er(() => {
+    v(t);
+  }, [t]), /* @__PURE__ */ k.jsxs(Pr, { className: l, required: i, children: [
+    r && /* @__PURE__ */ k.jsx("label", { htmlFor: e, title: r, children: r }),
     /* @__PURE__ */ k.jsx(
       ta,
       {
-        ...l,
+        ...c,
         name: e,
-        onChange: h,
-        value: c,
-        placeholder: l.placeholder ?? "Type something..."
+        onChange: p,
+        value: d,
+        placeholder: c.placeholder || r || "Type something..."
       }
     ),
-    o.length > 0 && o.map((d) => /* @__PURE__ */ k.jsx(Ft, { children: d }, d))
+    o.length > 0 && o.map((h) => /* @__PURE__ */ k.jsx(Ft, { children: h }, h))
   ] });
 }
 function Na({
@@ -2382,29 +2384,29 @@ function Na({
   required: l = !1,
   ...c
 }) {
-  const p = ft(), [h, d] = he(
+  const d = ft(), [v, p] = he(
     () => o.find((g) => g.value === t) ?? null
-  ), b = (g) => {
-    a == null || a(g.value), d(g);
+  ), h = (g) => {
+    a == null || a(g.value), p(g);
   };
-  return /* @__PURE__ */ Dt(kr, { required: l, children: [
+  return /* @__PURE__ */ Dt(Pr, { required: l, children: [
     r && /* @__PURE__ */ de("label", { htmlFor: e, title: `${e} field`, children: r }),
     /* @__PURE__ */ de(
       hn,
       {
-        onChange: (g) => b(g),
+        onChange: (g) => h(g),
         options: o,
         isDisabled: c.disabled,
         menuPlacement: "auto",
         formatOptionLabel: i ? (g, j) => i(g, j) : void 0,
-        css: { width: "100%", color: p.colors.black },
+        css: { width: "100%", color: d.colors.black },
         className: c.className,
-        value: h
+        value: v
       }
     )
   ] });
 }
-const it = "__minimstuff_dark_theme__", na = !0, oa = {
+const st = "__minimstuff_dark_theme__", na = !0, oa = {
   radius: {
     xs: "1px",
     s: "2px",
@@ -2453,7 +2455,7 @@ const it = "__minimstuff_dark_theme__", na = !0, oa = {
   }),
   red: X({ color: "red" }),
   yellow: X({ color: "#ffc107" }),
-  boxShadow: `0 0 1em 0 ${ne("#111", 0.4)}`
+  boxShadow: `0 0 1em 0 ${Q("#111", 0.4)}`
 }, ua = {
   font: "#333",
   background: "#f0eef6",
@@ -2475,7 +2477,7 @@ const it = "__minimstuff_dark_theme__", na = !0, oa = {
   yellow: X({
     color: "#ffc107"
   }),
-  boxShadow: `0 0 1em 0 ${ne("#aaa", 0.4)}`
+  boxShadow: `0 0 1em 0 ${Q("#aaa", 0.4)}`
 }, Mt = ct({
   isDarkTheme: !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -2487,10 +2489,10 @@ function ja({
   onPreferenceChange: r
 }) {
   const [t, o] = he(() => {
-    const i = zr.get(it);
+    const i = Ur.get(st);
     return i ? i === "true" : na;
   }), a = (i) => {
-    o(i), r == null || r(i), zr.set(it, String(i));
+    o(i), r == null || r(i), Ur.set(st, String(i));
   };
   return /* @__PURE__ */ k.jsx(
     ln,
@@ -2617,7 +2619,7 @@ function fa() {
   });
   return /* @__PURE__ */ k.jsx(un, { styles: [r, t, o, a] });
 }
-const Ia = () => Er(Mt);
+const Ia = () => xr(Mt);
 export {
   wa as Button,
   Pa as Checkbox,
@@ -2645,6 +2647,8 @@ export {
   $a as Textbox,
   ja as ThemeContextProvider,
   Mt as _ThemeContext,
+  X as generateFadedColors,
+  Q as rgba,
   pt as useClickOutside,
   mt as useGlobalHotkeys,
   ht as useShortcut,