@julien-wiegandt/open-ui 0.1.13 → 0.1.15

package/dist/open-ui.js

@@ -1,4 +1,4 @@
-import ee, { useState as Ge, useEffect as Et, useMemo as xe, useContext as qt, useDebugValue as $t, createElement as wr, useRef as Sr, forwardRef as le } from "react";
+import ee, { useState as Ge, useEffect as ut, useMemo as xe, useContext as qt, useDebugValue as $t, createElement as Sr, useRef as Ut, forwardRef as le } from "react";
 var ze = { exports: {} }, $e = {};
 /**
  * @license React
@@ -58,7 +58,7 @@ function Er() {
           return "StrictMode";
         case A:
           return "Suspense";
-        case m:
+        case g:
           return "SuspenseList";
         case J:
           return "Activity";
@@ -76,7 +76,7 @@ function Er() {
           case k:
             var u = s.render;
             return s = s.displayName, s || (s = u.displayName || u.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case p:
+          case d:
             return u = s.displayName || null, u !== null ? u : e(s.type) || "Memo";
           case Y:
             u = s._payload, s = s._init;
@@ -99,8 +99,8 @@ function Er() {
       }
       if (u) {
         u = console;
-        var h = u.error, O = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return h.call(
+        var m = u.error, O = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return m.call(
           u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           O
@@ -133,14 +133,14 @@ function Er() {
       return s.key !== void 0;
     }
     function c(s, u) {
-      function h() {
+      function m() {
         je || (je = !0, console.error(
           "%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://react.dev/link/special-props)",
           u
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: h,
+      m.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: m,
         configurable: !0
       });
     }
@@ -150,14 +150,14 @@ function Er() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function d(s, u, h, O, L, D, q, Z) {
-      return h = D.ref, s = {
+    function p(s, u, m, O, L, D, q, Z) {
+      return m = D.ref, s = {
         $$typeof: v,
         type: s,
         key: u,
         props: D,
         _owner: L
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(s, "ref", {
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
         get: l
       }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
@@ -182,7 +182,7 @@ function Er() {
         value: Z
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function g(s, u, h, O, L, D, q, Z) {
+    function h(s, u, m, O, L, D, q, Z) {
       var _ = u.children;
       if (_ !== void 0)
         if (O)
@@ -213,21 +213,21 @@ React keys must be passed directly to JSX without using spread:
           _
         ), M[_ + O] = !0);
       }
-      if (_ = null, h !== void 0 && (r(h), _ = "" + h), i(u) && (r(u.key), _ = "" + u.key), "key" in u) {
-        h = {};
+      if (_ = null, m !== void 0 && (r(m), _ = "" + m), i(u) && (r(u.key), _ = "" + u.key), "key" in u) {
+        m = {};
         for (var re in u)
-          re !== "key" && (h[re] = u[re]);
-      } else h = u;
+          re !== "key" && (m[re] = u[re]);
+      } else m = u;
       return _ && c(
-        h,
+        m,
         typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), d(
+      ), p(
         s,
         _,
         D,
         L,
         o(),
-        h,
+        m,
         q,
         Z
       );
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function y(s) {
       typeof s == "object" && s !== null && s.$$typeof === v && s._store && (s._store.validated = 1);
     }
-    var b = ee, v = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), S = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), nt = Symbol.for("react.client.reference"), Se = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Oe = Object.prototype.hasOwnProperty, Ne = Array.isArray, ke = console.createTask ? console.createTask : function() {
+    var b = ee, v = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), S = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), nt = Symbol.for("react.client.reference"), Se = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Oe = Object.prototype.hasOwnProperty, Ne = Array.isArray, ke = console.createTask ? console.createTask : function() {
       return null;
     };
     b = {
@@ -247,24 +247,24 @@ React keys must be passed directly to JSX without using spread:
       b,
       a
     )(), Ee = ke(n(a)), M = {};
-    Ce.Fragment = $, Ce.jsx = function(s, u, h, O, L) {
+    Ce.Fragment = $, Ce.jsx = function(s, u, m, O, L) {
       var D = 1e4 > Se.recentlyCreatedOwnerStacks++;
-      return g(
+      return h(
         s,
         u,
-        h,
+        m,
         !1,
         O,
         L,
         D ? Error("react-stack-top-frame") : de,
         D ? ke(n(s)) : Ee
       );
-    }, Ce.jsxs = function(s, u, h, O, L) {
+    }, Ce.jsxs = function(s, u, m, O, L) {
       var D = 1e4 > Se.recentlyCreatedOwnerStacks++;
-      return g(
+      return h(
         s,
         u,
-        h,
+        m,
         !0,
         O,
         L,
@@ -283,16 +283,16 @@ const ot = {
   sm: 480,
   lg: 1024,
   xl: 1280
-}, Ut = () => {
+}, Xt = () => {
   const [e, t] = Ge(void 0), [r, n] = Ge("sm");
-  Et(() => {
+  ut(() => {
     const l = () => {
       t(window.innerWidth);
     };
     return l(), window.addEventListener("resize", l), () => {
       window.removeEventListener("resize", l);
     };
-  }, []), Et(() => {
+  }, []), ut(() => {
     typeof e == "number" && (e >= ot.xl ? n("xl") : e >= ot.lg ? n("lg") : e >= ot.sm ? n("md") : n("sm"));
   }, [e]);
   const { isMobile: o, isTablet: a, isLaptop: i, isDesktop: c } = xe(() => ({
@@ -328,11 +328,11 @@ var Rr = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
     return Rr.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), C = "-ms-", _e = "-moz-", w = "-webkit-", Xt = "comm", Je = "rule", bt = "decl", _r = "@import", Jt = "@keyframes", Pr = "@layer", Zt = Math.abs, vt = String.fromCharCode, ut = Object.assign;
+), C = "-ms-", _e = "-moz-", w = "-webkit-", Jt = "comm", Je = "rule", vt = "decl", _r = "@import", Zt = "@keyframes", Pr = "@layer", Kt = Math.abs, xt = String.fromCharCode, pt = Object.assign;
 function Tr(e, t) {
   return j(e, 0) ^ 45 ? (((t << 2 ^ j(e, 0)) << 2 ^ j(e, 1)) << 2 ^ j(e, 2)) << 2 ^ j(e, 3) : 0;
 }
-function Kt(e) {
+function Qt(e) {
   return e.trim();
 }
 function U(e, t) {
@@ -353,7 +353,7 @@ function ge(e, t, r) {
 function H(e) {
   return e.length;
 }
-function Qt(e) {
+function er(e) {
   return e.length;
 }
 function Ae(e, t) {
@@ -367,12 +367,12 @@ function _t(e, t) {
     return !U(r, t);
   });
 }
-var Ze = 1, ye = 1, er = 0, V = 0, N = 0, we = "";
+var Ze = 1, ye = 1, tr = 0, V = 0, N = 0, we = "";
 function Ke(e, t, r, n, o, a, i, c) {
   return { value: e, root: t, parent: r, type: n, props: o, children: a, line: Ze, column: ye, length: i, return: "", siblings: c };
 }
 function Q(e, t) {
-  return ut(Ke("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+  return pt(Ke("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
 }
 function he(e) {
   for (; e.root; )
@@ -386,7 +386,7 @@ function jr() {
   return N = V > 0 ? j(we, --V) : 0, ye--, N === 10 && (ye = 1, Ze--), N;
 }
 function B() {
-  return N = V < er ? j(we, V++) : 0, ye++, N === 10 && (ye = 1, Ze++), N;
+  return N = V < tr ? j(we, V++) : 0, ye++, N === 10 && (ye = 1, Ze++), N;
 }
 function ae() {
   return j(we, V);
@@ -397,7 +397,7 @@ function Ye() {
 function Qe(e, t) {
   return ge(we, e, t);
 }
-function pt(e) {
+function dt(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -436,25 +436,25 @@ function pt(e) {
   return 0;
 }
 function Ir(e) {
-  return Ze = ye = 1, er = H(we = e), V = 0, [];
+  return Ze = ye = 1, tr = H(we = e), V = 0, [];
 }
 function zr(e) {
   return we = "", e;
 }
 function at(e) {
-  return Kt(Qe(V - 1, dt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Qt(Qe(V - 1, ft(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Dr(e) {
   for (; (N = ae()) && N < 33; )
     B();
-  return pt(e) > 2 || pt(N) > 3 ? "" : " ";
+  return dt(e) > 2 || dt(N) > 3 ? "" : " ";
 }
 function Fr(e, t) {
   for (; --t && B() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97); )
     ;
   return Qe(e, Ye() + (t < 6 && ae() == 32 && B() == 32));
 }
-function dt(e) {
+function ft(e) {
   for (; B(); )
     switch (N) {
       // ] ) " '
@@ -463,11 +463,11 @@ function dt(e) {
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && dt(N);
+        e !== 34 && e !== 39 && ft(N);
         break;
       // (
       case 40:
-        e === 41 && dt(e);
+        e === 41 && ft(e);
         break;
       // \
       case 92:
@@ -480,10 +480,10 @@ function Mr(e, t) {
   for (; B() && e + N !== 57; )
     if (e + N === 84 && ae() === 47)
       break;
-  return "/*" + Qe(t, V - 1) + "*" + vt(e === 47 ? e : B());
+  return "/*" + Qe(t, V - 1) + "*" + xt(e === 47 ? e : B());
 }
 function Lr(e) {
-  for (; !pt(ae()); )
+  for (; !dt(ae()); )
     B();
   return Qe(e, V);
 }
@@ -491,30 +491,30 @@ function Vr(e) {
   return zr(Be("", null, null, null, [""], e = Ir(e), 0, [0], e));
 }
 function Be(e, t, r, n, o, a, i, c, l) {
-  for (var d = 0, g = 0, y = i, b = 0, v = 0, E = 0, $ = 1, z = 1, P = 1, R = 0, S = "", k = o, A = a, m = n, p = S; z; )
+  for (var p = 0, h = 0, y = i, b = 0, v = 0, E = 0, $ = 1, z = 1, P = 1, R = 0, S = "", k = o, A = a, g = n, d = S; z; )
     switch (E = R, R = B()) {
       // (
       case 40:
-        if (E != 108 && j(p, y - 1) == 58) {
-          Ve(p += f(at(R), "&", "&\f"), "&\f", Zt(d ? c[d - 1] : 0)) != -1 && (P = -1);
+        if (E != 108 && j(d, y - 1) == 58) {
+          Ve(d += f(at(R), "&", "&\f"), "&\f", Kt(p ? c[p - 1] : 0)) != -1 && (P = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        p += at(R);
+        d += at(R);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        p += Dr(E);
+        d += Dr(E);
         break;
       // \
       case 92:
-        p += Fr(Ye() - 1, 7);
+        d += Fr(Ye() - 1, 7);
         continue;
       // /
       case 47:
@@ -524,12 +524,12 @@ function Be(e, t, r, n, o, a, i, c, l) {
             Ae(Yr(Mr(B(), Ye()), t, r, l), l);
             break;
           default:
-            p += "/";
+            d += "/";
         }
         break;
       // {
       case 123 * $:
-        c[d++] = H(p) * P;
+        c[p++] = H(d) * P;
       // } ; \0
       case 125 * $:
       case 59:
@@ -540,35 +540,35 @@ function Be(e, t, r, n, o, a, i, c, l) {
           case 125:
             z = 0;
           // ;
-          case 59 + g:
-            P == -1 && (p = f(p, /\f/g, "")), v > 0 && H(p) - y && Ae(v > 32 ? Tt(p + ";", n, r, y - 1, l) : Tt(f(p, " ", "") + ";", n, r, y - 2, l), l);
+          case 59 + h:
+            P == -1 && (d = f(d, /\f/g, "")), v > 0 && H(d) - y && Ae(v > 32 ? Tt(d + ";", n, r, y - 1, l) : Tt(f(d, " ", "") + ";", n, r, y - 2, l), l);
             break;
           // @ ;
           case 59:
-            p += ";";
+            d += ";";
           // { rule/at-rule
           default:
-            if (Ae(m = Pt(p, t, r, d, g, o, c, S, k = [], A = [], y, a), a), R === 123)
-              if (g === 0)
-                Be(p, t, m, m, k, a, y, c, A);
+            if (Ae(g = Pt(d, t, r, p, h, o, c, S, k = [], A = [], y, a), a), R === 123)
+              if (h === 0)
+                Be(d, t, g, g, k, a, y, c, A);
               else
-                switch (b === 99 && j(p, 3) === 110 ? 100 : b) {
+                switch (b === 99 && j(d, 3) === 110 ? 100 : b) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Be(e, m, m, n && Ae(Pt(e, m, m, 0, 0, o, c, S, o, k = [], y, A), A), o, A, y, c, n ? k : A);
+                    Be(e, g, g, n && Ae(Pt(e, g, g, 0, 0, o, c, S, o, k = [], y, A), A), o, A, y, c, n ? k : A);
                     break;
                   default:
-                    Be(p, m, m, m, [""], A, 0, c, A);
+                    Be(d, g, g, g, [""], A, 0, c, A);
                 }
         }
-        d = g = v = 0, $ = P = 1, S = p = "", y = i;
+        p = h = v = 0, $ = P = 1, S = d = "", y = i;
         break;
       // :
       case 58:
-        y = 1 + H(p), v = E;
+        y = 1 + H(d), v = E;
       default:
         if ($ < 1) {
           if (R == 123)
@@ -576,39 +576,39 @@ function Be(e, t, r, n, o, a, i, c, l) {
           else if (R == 125 && $++ == 0 && jr() == 125)
             continue;
         }
-        switch (p += vt(R), R * $) {
+        switch (d += xt(R), R * $) {
           // &
           case 38:
-            P = g > 0 ? 1 : (p += "\f", -1);
+            P = h > 0 ? 1 : (d += "\f", -1);
             break;
           // ,
           case 44:
-            c[d++] = (H(p) - 1) * P, P = 1;
+            c[p++] = (H(d) - 1) * P, P = 1;
             break;
           // @
           case 64:
-            ae() === 45 && (p += at(B())), b = ae(), g = y = H(S = p += Lr(Ye())), R++;
+            ae() === 45 && (d += at(B())), b = ae(), h = y = H(S = d += Lr(Ye())), R++;
             break;
           // -
           case 45:
-            E === 45 && H(p) == 2 && ($ = 0);
+            E === 45 && H(d) == 2 && ($ = 0);
         }
     }
   return a;
 }
-function Pt(e, t, r, n, o, a, i, c, l, d, g, y) {
-  for (var b = o - 1, v = o === 0 ? a : [""], E = Qt(v), $ = 0, z = 0, P = 0; $ < n; ++$)
-    for (var R = 0, S = ge(e, b + 1, b = Zt(z = i[$])), k = e; R < E; ++R)
-      (k = Kt(z > 0 ? v[R] + " " + S : f(S, /&\f/g, v[R]))) && (l[P++] = k);
-  return Ke(e, t, r, o === 0 ? Je : c, l, d, g, y);
+function Pt(e, t, r, n, o, a, i, c, l, p, h, y) {
+  for (var b = o - 1, v = o === 0 ? a : [""], E = er(v), $ = 0, z = 0, P = 0; $ < n; ++$)
+    for (var R = 0, S = ge(e, b + 1, b = Kt(z = i[$])), k = e; R < E; ++R)
+      (k = Qt(z > 0 ? v[R] + " " + S : f(S, /&\f/g, v[R]))) && (l[P++] = k);
+  return Ke(e, t, r, o === 0 ? Je : c, l, p, h, y);
 }
 function Yr(e, t, r, n) {
-  return Ke(e, t, r, Xt, vt(Nr()), ge(e, 2, -2), 0, n);
+  return Ke(e, t, r, Jt, xt(Nr()), ge(e, 2, -2), 0, n);
 }
 function Tt(e, t, r, n, o) {
-  return Ke(e, t, r, bt, ge(e, 0, n), ge(e, n + 1, -1), n, o);
+  return Ke(e, t, r, vt, ge(e, 0, n), ge(e, n + 1, -1), n, o);
 }
-function tr(e, t, r) {
+function rr(e, t, r) {
   switch (Tr(e, t)) {
     // color-adjust
     case 5103:
@@ -755,14 +755,14 @@ function tr(e, t, r) {
             return f(e, /(.+:)(.+)-([^]+)/, "$1" + w + "$2-$3$1" + _e + (j(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           // (s)tretch
           case 115:
-            return ~Ve(e, "stretch", 0) ? tr(f(e, "stretch", "fill-available"), t, r) + e : e;
+            return ~Ve(e, "stretch", 0) ? rr(f(e, "stretch", "fill-available"), t, r) + e : e;
         }
       break;
     // grid-(column|row)
     case 5152:
     case 5920:
-      return f(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, a, i, c, l, d) {
-        return C + o + ":" + a + d + (i ? C + o + "-span:" + (c ? l : +l - +a) + d : "") + e;
+      return f(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, a, i, c, l, p) {
+        return C + o + ":" + a + p + (i ? C + o + "-span:" + (c ? l : +l - +a) + p : "") + e;
       });
     // position: sticky
     case 4949:
@@ -800,11 +800,11 @@ function Br(e, t, r, n) {
     case Pr:
       if (e.children.length) break;
     case _r:
-    case bt:
+    case vt:
       return e.return = e.return || e.value;
-    case Xt:
-      return "";
     case Jt:
+      return "";
+    case Zt:
       return e.return = e.value + "{" + qe(e.children, n) + "}";
     case Je:
       if (!H(e.value = e.props.join(","))) return "";
@@ -812,7 +812,7 @@ function Br(e, t, r, n) {
   return H(r = qe(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function Hr(e) {
-  var t = Qt(e);
+  var t = er(e);
   return function(r, n, o, a) {
     for (var i = "", c = 0; c < t; c++)
       i += e[c](r, n, o, a) || "";
@@ -827,10 +827,10 @@ function Wr(e) {
 function Gr(e, t, r, n) {
   if (e.length > -1 && !e.return)
     switch (e.type) {
-      case bt:
-        e.return = tr(e.value, e.length, r);
+      case vt:
+        e.return = rr(e.value, e.length, r);
         return;
-      case Jt:
+      case Zt:
         return qe([Q(e, { value: f(e.value, "@", "@" + w) })], n);
       case Je:
         if (e.length)
@@ -839,11 +839,11 @@ function Gr(e, t, r, n) {
               // :read-(only|write)
               case ":read-only":
               case ":read-write":
-                he(Q(e, { props: [f(o, /:(read-\w+)/, ":" + _e + "$1")] })), he(Q(e, { props: [o] })), ut(e, { props: _t(r, n) });
+                he(Q(e, { props: [f(o, /:(read-\w+)/, ":" + _e + "$1")] })), he(Q(e, { props: [o] })), pt(e, { props: _t(r, n) });
                 break;
               // :placeholder
               case "::placeholder":
-                he(Q(e, { props: [f(o, /:(plac\w+)/, ":" + w + "input-$1")] })), he(Q(e, { props: [f(o, /:(plac\w+)/, ":" + _e + "$1")] })), he(Q(e, { props: [f(o, /:(plac\w+)/, C + "input-$1")] })), he(Q(e, { props: [o] })), ut(e, { props: _t(r, n) });
+                he(Q(e, { props: [f(o, /:(plac\w+)/, ":" + w + "input-$1")] })), he(Q(e, { props: [f(o, /:(plac\w+)/, ":" + _e + "$1")] })), he(Q(e, { props: [f(o, /:(plac\w+)/, C + "input-$1")] })), he(Q(e, { props: [o] })), pt(e, { props: _t(r, n) });
                 break;
             }
             return "";
@@ -898,7 +898,7 @@ var qr = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, se = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", rr = "active", nr = "data-styled-version", et = "6.1.19", xt = `/*!sc*/
+}, se = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", nr = "active", or = "data-styled-version", et = "6.1.19", wt = `/*!sc*/
 `, Ue = typeof window < "u" && typeof document < "u", Ur = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Ot = /invalid hook call/i, De = /* @__PURE__ */ new Set(), Xr = function(e, t) {
   if (process.env.NODE_ENV !== "production") {
     var r = t ? ' with the id of "'.concat(t, '"') : "", n = "The component ".concat(e).concat(r, ` has been created dynamically.
@@ -911,7 +911,7 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
       console.error = function(i) {
         for (var c = [], l = 1; l < arguments.length; l++) c[l - 1] = arguments[l];
         Ot.test(i) ? (a = !1, De.delete(n)) : o.apply(void 0, me([i], c, !1));
-      }, Sr(), a && !De.has(n) && (console.warn(n), De.add(n));
+      }, Ut(), a && !De.has(n) && (console.warn(n), De.add(n));
     } catch (i) {
       Ot.test(i.message) && De.delete(n);
     } finally {
@@ -922,53 +922,53 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
 function Jr(e, t, r) {
   return r === void 0 && (r = be), e.theme !== r.theme && e.theme || t || r.theme;
 }
-var ft = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Zr = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Kr = /(^-|-$)/g;
+var ht = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Zr = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Kr = /(^-|-$)/g;
 function Nt(e) {
   return e.replace(Zr, "-").replace(Kr, "");
 }
 var Qr = /(a)(d)/gi, Fe = 52, jt = function(e) {
   return String.fromCharCode(e + (e > 25 ? 39 : 97));
 };
-function ht(e) {
+function mt(e) {
   var t, r = "";
   for (t = Math.abs(e); t > Fe; t = t / Fe | 0) r = jt(t % Fe) + r;
   return (jt(t % Fe) + r).replace(Qr, "$1-$2");
 }
-var it, or = 5381, ne = function(e, t) {
+var it, ar = 5381, ne = function(e, t) {
   for (var r = t.length; r; ) e = 33 * e ^ t.charCodeAt(--r);
   return e;
-}, ar = function(e) {
-  return ne(or, e);
+}, ir = function(e) {
+  return ne(ar, e);
 };
 function en(e) {
-  return ht(ar(e) >>> 0);
+  return mt(ir(e) >>> 0);
 }
-function ir(e) {
+function sr(e) {
   return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
 }
 function st(e) {
   return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
 }
-var sr = typeof Symbol == "function" && Symbol.for, cr = sr ? Symbol.for("react.memo") : 60115, tn = sr ? Symbol.for("react.forward_ref") : 60112, rn = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, nn = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, lr = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, on = ((it = {})[tn] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, it[cr] = lr, it);
+var cr = typeof Symbol == "function" && Symbol.for, lr = cr ? Symbol.for("react.memo") : 60115, tn = cr ? Symbol.for("react.forward_ref") : 60112, rn = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, nn = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, ur = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, on = ((it = {})[tn] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, it[lr] = ur, it);
 function It(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === cr ? lr : "$$typeof" in e ? on[e.$$typeof] : rn;
+  return ("type" in (t = e) && t.type.$$typeof) === lr ? ur : "$$typeof" in e ? on[e.$$typeof] : rn;
   var t;
 }
 var an = Object.defineProperty, sn = Object.getOwnPropertyNames, zt = Object.getOwnPropertySymbols, cn = Object.getOwnPropertyDescriptor, ln = Object.getPrototypeOf, Dt = Object.prototype;
-function ur(e, t, r) {
+function pr(e, t, r) {
   if (typeof t != "string") {
     if (Dt) {
       var n = ln(t);
-      n && n !== Dt && ur(e, n, r);
+      n && n !== Dt && pr(e, n, r);
     }
     var o = sn(t);
     zt && (o = o.concat(zt(t)));
     for (var a = It(e), i = It(t), c = 0; c < o.length; ++c) {
       var l = o[c];
       if (!(l in nn || r && r[l] || i && l in i || a && l in a)) {
-        var d = cn(t, l);
+        var p = cn(t, l);
         try {
-          an(e, l, d);
+          an(e, l, p);
         } catch {
         }
       }
@@ -979,7 +979,7 @@ function ur(e, t, r) {
 function ce(e) {
   return typeof e == "function";
 }
-function wt(e) {
+function St(e) {
   return typeof e == "object" && "styledComponentId" in e;
 }
 function oe(e, t) {
@@ -993,13 +993,13 @@ function Ft(e, t) {
 function ve(e) {
   return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
 }
-function mt(e, t, r) {
+function gt(e, t, r) {
   if (r === void 0 && (r = !1), !r && !ve(e) && !Array.isArray(e)) return t;
-  if (Array.isArray(t)) for (var n = 0; n < t.length; n++) e[n] = mt(e[n], t[n]);
-  else if (ve(t)) for (var n in t) e[n] = mt(e[n], t[n]);
+  if (Array.isArray(t)) for (var n = 0; n < t.length; n++) e[n] = gt(e[n], t[n]);
+  else if (ve(t)) for (var n in t) e[n] = gt(e[n], t[n]);
   return e;
 }
-function St(e, t) {
+function kt(e, t) {
   Object.defineProperty(e, "toString", { value: t });
 }
 var un = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
@@ -1078,7 +1078,7 @@ var dn = (function() {
   }, e.prototype.getGroup = function(t) {
     var r = "";
     if (t >= this.length || this.groupSizes[t] === 0) return r;
-    for (var n = this.groupSizes[t], o = this.indexOfGroup(t), a = o + n, i = o; i < a; i++) r += "".concat(this.tag.getRule(i)).concat(xt);
+    for (var n = this.groupSizes[t], o = this.indexOfGroup(t), a = o + n, i = o; i < a; i++) r += "".concat(this.tag.getRule(i)).concat(wt);
     return r;
   }, e;
 })(), fn = 1 << 30, He = /* @__PURE__ */ new Map(), Xe = /* @__PURE__ */ new Map(), We = 1, Me = function(e) {
@@ -1089,39 +1089,39 @@ var dn = (function() {
   return He.set(e, t), Xe.set(t, e), t;
 }, hn = function(e, t) {
   We = t + 1, He.set(e, t), Xe.set(t, e);
-}, mn = "style[".concat(se, "][").concat(nr, '="').concat(et, '"]'), gn = new RegExp("^".concat(se, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), yn = function(e, t, r) {
+}, mn = "style[".concat(se, "][").concat(or, '="').concat(et, '"]'), gn = new RegExp("^".concat(se, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), yn = function(e, t, r) {
   for (var n, o = r.split(","), a = 0, i = o.length; a < i; a++) (n = o[a]) && e.registerName(t, n);
 }, bn = function(e, t) {
-  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(xt), o = [], a = 0, i = n.length; a < i; a++) {
+  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(wt), o = [], a = 0, i = n.length; a < i; a++) {
     var c = n[a].trim();
     if (c) {
       var l = c.match(gn);
       if (l) {
-        var d = 0 | parseInt(l[1], 10), g = l[2];
-        d !== 0 && (hn(g, d), yn(e, g, l[3]), e.getTag().insertRules(d, o)), o.length = 0;
+        var p = 0 | parseInt(l[1], 10), h = l[2];
+        p !== 0 && (hn(h, p), yn(e, h, l[3]), e.getTag().insertRules(p, o)), o.length = 0;
       } else o.push(c);
     }
   }
 }, Mt = function(e) {
   for (var t = document.querySelectorAll(mn), r = 0, n = t.length; r < n; r++) {
     var o = t[r];
-    o && o.getAttribute(se) !== rr && (bn(e, o), o.parentNode && o.parentNode.removeChild(o));
+    o && o.getAttribute(se) !== nr && (bn(e, o), o.parentNode && o.parentNode.removeChild(o));
   }
 };
 function vn() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
 }
-var pr = function(e) {
+var dr = function(e) {
   var t = document.head, r = e || t, n = document.createElement("style"), o = (function(c) {
     var l = Array.from(c.querySelectorAll("style[".concat(se, "]")));
     return l[l.length - 1];
   })(r), a = o !== void 0 ? o.nextSibling : null;
-  n.setAttribute(se, rr), n.setAttribute(nr, et);
+  n.setAttribute(se, nr), n.setAttribute(or, et);
   var i = vn();
   return i && n.setAttribute("nonce", i), r.insertBefore(n, a), n;
 }, xn = (function() {
   function e(t) {
-    this.element = pr(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(r) {
+    this.element = dr(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(r) {
       if (r.sheet) return r.sheet;
       for (var n = document.styleSheets, o = 0, a = n.length; o < a; o++) {
         var i = n[o];
@@ -1144,7 +1144,7 @@ var pr = function(e) {
   }, e;
 })(), wn = (function() {
   function e(t) {
-    this.element = pr(t), this.nodes = this.element.childNodes, this.length = 0;
+    this.element = dr(t), this.nodes = this.element.childNodes, this.length = 0;
   }
   return e.prototype.insertRule = function(t, r) {
     if (t <= this.length && t >= 0) {
@@ -1168,13 +1168,13 @@ var pr = function(e) {
   }, e.prototype.getRule = function(t) {
     return t < this.length ? this.rules[t] : "";
   }, e;
-})(), Lt = Ue, kn = { isServer: !Ue, useCSSOMInjection: !Ur }, dr = (function() {
+})(), Lt = Ue, kn = { isServer: !Ue, useCSSOMInjection: !Ur }, fr = (function() {
   function e(t, r, n) {
     t === void 0 && (t = be), r === void 0 && (r = {});
     var o = this;
-    this.options = I(I({}, kn), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && Ue && Lt && (Lt = !1, Mt(this)), St(this, function() {
+    this.options = I(I({}, kn), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && Ue && Lt && (Lt = !1, Mt(this)), kt(this, function() {
       return (function(a) {
-        for (var i = a.getTag(), c = i.length, l = "", d = function(y) {
+        for (var i = a.getTag(), c = i.length, l = "", p = function(y) {
           var b = (function(P) {
             return Xe.get(P);
           })(y);
@@ -1184,8 +1184,8 @@ var pr = function(e) {
           var $ = "".concat(se, ".g").concat(y, '[id="').concat(b, '"]'), z = "";
           v !== void 0 && v.forEach(function(P) {
             P.length > 0 && (z += "".concat(P, ","));
-          }), l += "".concat(E).concat($, '{content:"').concat(z, '"}').concat(xt);
-        }, g = 0; g < c; g++) d(g);
+          }), l += "".concat(E).concat($, '{content:"').concat(z, '"}').concat(wt);
+        }, h = 0; h < c; h++) p(h);
         return l;
       })(o);
     });
@@ -1222,52 +1222,52 @@ var pr = function(e) {
     this.tag = void 0;
   }, e;
 })(), En = /&/g, $n = /^\s*\/\/.*$/gm;
-function fr(e, t) {
+function hr(e, t) {
   return e.map(function(r) {
     return r.type === "rule" && (r.value = "".concat(t, " ").concat(r.value), r.value = r.value.replaceAll(",", ",".concat(t, " ")), r.props = r.props.map(function(n) {
       return "".concat(t, " ").concat(n);
-    })), Array.isArray(r.children) && r.type !== "@keyframes" && (r.children = fr(r.children, t)), r;
+    })), Array.isArray(r.children) && r.type !== "@keyframes" && (r.children = hr(r.children, t)), r;
   });
 }
 function Cn(e) {
-  var t, r, n, o = be, a = o.options, i = a === void 0 ? be : a, c = o.plugins, l = c === void 0 ? tt : c, d = function(b, v, E) {
+  var t, r, n, o = be, a = o.options, i = a === void 0 ? be : a, c = o.plugins, l = c === void 0 ? tt : c, p = function(b, v, E) {
     return E.startsWith(r) && E.endsWith(r) && E.replaceAll(r, "").length > 0 ? ".".concat(t) : b;
-  }, g = l.slice();
-  g.push(function(b) {
-    b.type === Je && b.value.includes("&") && (b.props[0] = b.props[0].replace(En, r).replace(n, d));
-  }), i.prefix && g.push(Gr), g.push(Br);
+  }, h = l.slice();
+  h.push(function(b) {
+    b.type === Je && b.value.includes("&") && (b.props[0] = b.props[0].replace(En, r).replace(n, p));
+  }), i.prefix && h.push(Gr), h.push(Br);
   var y = function(b, v, E, $) {
     v === void 0 && (v = ""), E === void 0 && (E = ""), $ === void 0 && ($ = "&"), t = $, r = v, n = new RegExp("\\".concat(r, "\\b"), "g");
     var z = b.replace($n, ""), P = Vr(E || v ? "".concat(E, " ").concat(v, " { ").concat(z, " }") : z);
-    i.namespace && (P = fr(P, i.namespace));
+    i.namespace && (P = hr(P, i.namespace));
     var R = [];
-    return qe(P, Hr(g.concat(Wr(function(S) {
+    return qe(P, Hr(h.concat(Wr(function(S) {
       return R.push(S);
     })))), R;
   };
   return y.hash = l.length ? l.reduce(function(b, v) {
     return v.name || W(15), ne(b, v.name);
-  }, or).toString() : "", y;
+  }, ar).toString() : "", y;
 }
-var Rn = new dr(), gt = Cn(), hr = ee.createContext({ shouldForwardProp: void 0, styleSheet: Rn, stylis: gt });
-hr.Consumer;
+var Rn = new fr(), yt = Cn(), mr = ee.createContext({ shouldForwardProp: void 0, styleSheet: Rn, stylis: yt });
+mr.Consumer;
 ee.createContext(void 0);
 function Vt() {
-  return qt(hr);
+  return qt(mr);
 }
 var Yt = (function() {
   function e(t, r) {
     var n = this;
     this.inject = function(o, a) {
-      a === void 0 && (a = gt);
+      a === void 0 && (a = yt);
       var i = n.name + a.hash;
       o.hasNameForId(n.id, i) || o.insertRules(n.id, i, a(n.rules, i, "@keyframes"));
-    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, St(this, function() {
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, kt(this, function() {
       throw W(12, String(n.name));
     });
   }
   return e.prototype.getName = function(t) {
-    return t === void 0 && (t = gt), this.name + t.hash;
+    return t === void 0 && (t = yt), this.name + t.hash;
   }, e;
 })(), An = function(e) {
   return e >= "A" && e <= "Z";
@@ -1280,45 +1280,45 @@ function Bt(e) {
   }
   return t.startsWith("ms-") ? "-" + t : t;
 }
-var mr = function(e) {
+var gr = function(e) {
   return e == null || e === !1 || e === "";
-}, gr = function(e) {
+}, yr = function(e) {
   var t, r, n = [];
   for (var o in e) {
     var a = e[o];
-    e.hasOwnProperty(o) && !mr(a) && (Array.isArray(a) && a.isCss || ce(a) ? n.push("".concat(Bt(o), ":"), a, ";") : ve(a) ? n.push.apply(n, me(me(["".concat(o, " {")], gr(a), !1), ["}"], !1)) : n.push("".concat(Bt(o), ": ").concat((t = o, (r = a) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in qr || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
+    e.hasOwnProperty(o) && !gr(a) && (Array.isArray(a) && a.isCss || ce(a) ? n.push("".concat(Bt(o), ":"), a, ";") : ve(a) ? n.push.apply(n, me(me(["".concat(o, " {")], yr(a), !1), ["}"], !1)) : n.push("".concat(Bt(o), ": ").concat((t = o, (r = a) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in qr || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
   }
   return n;
 };
 function ie(e, t, r, n) {
-  if (mr(e)) return [];
-  if (wt(e)) return [".".concat(e.styledComponentId)];
+  if (gr(e)) return [];
+  if (St(e)) return [".".concat(e.styledComponentId)];
   if (ce(e)) {
     if (!ce(a = e) || a.prototype && a.prototype.isReactComponent || !t) return [e];
     var o = e(t);
-    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Yt || ve(o) || o === null || console.error("".concat(ir(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), ie(o, t, r, n);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Yt || ve(o) || o === null || console.error("".concat(sr(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), ie(o, t, r, n);
   }
   var a;
-  return e instanceof Yt ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : ve(e) ? gr(e) : Array.isArray(e) ? Array.prototype.concat.apply(tt, e.map(function(i) {
+  return e instanceof Yt ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : ve(e) ? yr(e) : Array.isArray(e) ? Array.prototype.concat.apply(tt, e.map(function(i) {
     return ie(i, t, r, n);
   })) : [e.toString()];
 }
 function _n(e) {
   for (var t = 0; t < e.length; t += 1) {
     var r = e[t];
-    if (ce(r) && !wt(r)) return !1;
+    if (ce(r) && !St(r)) return !1;
   }
   return !0;
 }
-var Pn = ar(et), Tn = (function() {
+var Pn = ir(et), Tn = (function() {
   function e(t, r, n) {
-    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && _n(t), this.componentId = r, this.baseHash = ne(Pn, r), this.baseStyle = n, dr.registerId(r);
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && _n(t), this.componentId = r, this.baseHash = ne(Pn, r), this.baseStyle = n, fr.registerId(r);
   }
   return e.prototype.generateAndInjectStyles = function(t, r, n) {
     var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
     if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) o = oe(o, this.staticRulesId);
     else {
-      var a = Ft(ie(this.rules, t, r, n)), i = ht(ne(this.baseHash, a) >>> 0);
+      var a = Ft(ie(this.rules, t, r, n)), i = mt(ne(this.baseHash, a) >>> 0);
       if (!r.hasNameForId(this.componentId, i)) {
         var c = n(a, ".".concat(i), void 0, this.componentId);
         r.insertRules(this.componentId, i, c);
@@ -1326,17 +1326,17 @@ var Pn = ar(et), Tn = (function() {
       o = oe(o, i), this.staticRulesId = i;
     }
     else {
-      for (var l = ne(this.baseHash, n.hash), d = "", g = 0; g < this.rules.length; g++) {
-        var y = this.rules[g];
-        if (typeof y == "string") d += y, process.env.NODE_ENV !== "production" && (l = ne(l, y));
+      for (var l = ne(this.baseHash, n.hash), p = "", h = 0; h < this.rules.length; h++) {
+        var y = this.rules[h];
+        if (typeof y == "string") p += y, process.env.NODE_ENV !== "production" && (l = ne(l, y));
         else if (y) {
           var b = Ft(ie(y, t, r, n));
-          l = ne(l, b + g), d += b;
+          l = ne(l, b + h), p += b;
         }
       }
-      if (d) {
-        var v = ht(l >>> 0);
-        r.hasNameForId(this.componentId, v) || r.insertRules(this.componentId, v, n(d, ".".concat(v), void 0, this.componentId)), o = oe(o, v);
+      if (p) {
+        var v = mt(l >>> 0);
+        r.hasNameForId(this.componentId, v) || r.insertRules(this.componentId, v, n(p, ".".concat(v), void 0, this.componentId)), o = oe(o, v);
       }
     }
     return o;
@@ -1365,14 +1365,14 @@ function On(e) {
 }
 var ct = {}, Ht = /* @__PURE__ */ new Set();
 function Nn(e, t, r) {
-  var n = wt(e), o = e, a = !st(e), i = t.attrs, c = i === void 0 ? tt : i, l = t.componentId, d = l === void 0 ? (function(k, A) {
-    var m = typeof k != "string" ? "sc" : Nt(k);
-    ct[m] = (ct[m] || 0) + 1;
-    var p = "".concat(m, "-").concat(en(et + m + ct[m]));
-    return A ? "".concat(A, "-").concat(p) : p;
-  })(t.displayName, t.parentComponentId) : l, g = t.displayName, y = g === void 0 ? (function(k) {
-    return st(k) ? "styled.".concat(k) : "Styled(".concat(ir(k), ")");
-  })(e) : g, b = t.displayName && t.componentId ? "".concat(Nt(t.displayName), "-").concat(t.componentId) : t.componentId || d, v = n && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, E = t.shouldForwardProp;
+  var n = St(e), o = e, a = !st(e), i = t.attrs, c = i === void 0 ? tt : i, l = t.componentId, p = l === void 0 ? (function(k, A) {
+    var g = typeof k != "string" ? "sc" : Nt(k);
+    ct[g] = (ct[g] || 0) + 1;
+    var d = "".concat(g, "-").concat(en(et + g + ct[g]));
+    return A ? "".concat(A, "-").concat(d) : d;
+  })(t.displayName, t.parentComponentId) : l, h = t.displayName, y = h === void 0 ? (function(k) {
+    return st(k) ? "styled.".concat(k) : "Styled(".concat(sr(k), ")");
+  })(e) : h, b = t.displayName && t.componentId ? "".concat(Nt(t.displayName), "-").concat(t.componentId) : t.componentId || p, v = n && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, E = t.shouldForwardProp;
   if (n && o.shouldForwardProp) {
     var $ = o.shouldForwardProp;
     if (t.shouldForwardProp) {
@@ -1384,24 +1384,24 @@ function Nn(e, t, r) {
   }
   var P = new Tn(r, b, n ? o.componentStyle : void 0);
   function R(k, A) {
-    return (function(m, p, Y) {
-      var J = m.attrs, nt = m.componentStyle, Se = m.defaultProps, Oe = m.foldedComponentIds, Ne = m.styledComponentId, ke = m.target, je = ee.useContext(Pe), Ie = Vt(), de = m.shouldForwardProp || Ie.shouldForwardProp;
+    return (function(g, d, Y) {
+      var J = g.attrs, nt = g.componentStyle, Se = g.defaultProps, Oe = g.foldedComponentIds, Ne = g.styledComponentId, ke = g.target, je = ee.useContext(Pe), Ie = Vt(), de = g.shouldForwardProp || Ie.shouldForwardProp;
       process.env.NODE_ENV !== "production" && $t(Ne);
-      var Ee = Jr(p, je, Se) || be, M = (function(D, q, Z) {
+      var Ee = Jr(d, je, Se) || be, M = (function(D, q, Z) {
         for (var _, F = I(I({}, q), { className: void 0, theme: Z }), re = 0; re < D.length; re += 1) {
           var fe = ce(_ = D[re]) ? _(F) : _;
           for (var K in fe) F[K] = K === "className" ? oe(F[K], fe[K]) : K === "style" ? I(I({}, F[K]), fe[K]) : fe[K];
         }
         return q.className && (F.className = oe(F.className, q.className)), F;
-      })(J, p, Ee), s = M.as || ke, u = {};
-      for (var h in M) M[h] === void 0 || h[0] === "$" || h === "as" || h === "theme" && M.theme === Ee || (h === "forwardedAs" ? u.as = M.forwardedAs : de && !de(h, s) || (u[h] = M[h], de || process.env.NODE_ENV !== "development" || Ar(h) || Ht.has(h) || !ft.has(s) || (Ht.add(h), console.warn('styled-components: it looks like an unknown prop "'.concat(h, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
+      })(J, d, Ee), s = M.as || ke, u = {};
+      for (var m in M) M[m] === void 0 || m[0] === "$" || m === "as" || m === "theme" && M.theme === Ee || (m === "forwardedAs" ? u.as = M.forwardedAs : de && !de(m, s) || (u[m] = M[m], de || process.env.NODE_ENV !== "development" || Ar(m) || Ht.has(m) || !ht.has(s) || (Ht.add(m), console.warn('styled-components: it looks like an unknown prop "'.concat(m, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var O = (function(D, q) {
         var Z = Vt(), _ = D.generateAndInjectStyles(q, Z.styleSheet, Z.stylis);
         return process.env.NODE_ENV !== "production" && $t(_), _;
       })(nt, M);
-      process.env.NODE_ENV !== "production" && m.warnTooManyClasses && m.warnTooManyClasses(O);
+      process.env.NODE_ENV !== "production" && g.warnTooManyClasses && g.warnTooManyClasses(O);
       var L = oe(Oe, Ne);
-      return O && (L += " " + O), M.className && (L += " " + M.className), u[st(s) && !ft.has(s) ? "class" : "className"] = L, Y && (u.ref = Y), wr(s, u);
+      return O && (L += " " + O), M.className && (L += " " + M.className), u[st(s) && !ht.has(s) ? "class" : "className"] = L, Y && (u.ref = Y), Sr(s, u);
     })(S, k, A);
   }
   R.displayName = y;
@@ -1410,14 +1410,14 @@ function Nn(e, t, r) {
     return this._foldedDefaultProps;
   }, set: function(k) {
     this._foldedDefaultProps = n ? (function(A) {
-      for (var m = [], p = 1; p < arguments.length; p++) m[p - 1] = arguments[p];
-      for (var Y = 0, J = m; Y < J.length; Y++) mt(A, J[Y], !0);
+      for (var g = [], d = 1; d < arguments.length; d++) g[d - 1] = arguments[d];
+      for (var Y = 0, J = g; Y < J.length; Y++) gt(A, J[Y], !0);
       return A;
     })({}, o.defaultProps, k) : k;
   } }), process.env.NODE_ENV !== "production" && (Xr(y, b), S.warnTooManyClasses = /* @__PURE__ */ (function(k, A) {
-    var m = {}, p = !1;
+    var g = {}, d = !1;
     return function(Y) {
-      if (!p && (m[Y] = !0, Object.keys(m).length >= 200)) {
+      if (!d && (g[Y] = !0, Object.keys(g).length >= 200)) {
         var J = A ? ' with the id of "'.concat(A, '"') : "";
         console.warn("Over ".concat(200, " classes were generated for component ").concat(k).concat(J, `.
 `) + `Consider using the attrs method, together with a style object for frequently changed styles.
@@ -1428,12 +1428,12 @@ Example:
     },
   }))\`width: 100%;\`
 
-  <Component />`), p = !0, m = {};
+  <Component />`), d = !0, g = {};
       }
     };
-  })(y, b)), St(S, function() {
+  })(y, b)), kt(S, function() {
     return ".".concat(S.styledComponentId);
-  }), a && ur(S, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), S;
+  }), a && pr(S, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), S;
 }
 function Wt(e, t) {
   for (var r = [e[0]], n = 0, o = t.length; n < o; n += 1) r.push(t[n], e[n + 1]);
@@ -1442,29 +1442,29 @@ function Wt(e, t) {
 var Gt = function(e) {
   return Object.assign(e, { isCss: !0 });
 };
-function yr(e) {
+function br(e) {
   for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
   if (ce(e) || ve(e)) return Gt(ie(Wt(tt, me([e], t, !0))));
   var n = e;
   return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? ie(n) : Gt(ie(Wt(n, t)));
 }
-function yt(e, t, r) {
+function bt(e, t, r) {
   if (r === void 0 && (r = be), !t) throw W(1, t);
   var n = function(o) {
     for (var a = [], i = 1; i < arguments.length; i++) a[i - 1] = arguments[i];
-    return e(t, r, yr.apply(void 0, me([o], a, !1)));
+    return e(t, r, br.apply(void 0, me([o], a, !1)));
   };
   return n.attrs = function(o) {
-    return yt(e, t, I(I({}, r), { attrs: Array.prototype.concat(r.attrs, o).filter(Boolean) }));
+    return bt(e, t, I(I({}, r), { attrs: Array.prototype.concat(r.attrs, o).filter(Boolean) }));
   }, n.withConfig = function(o) {
-    return yt(e, t, I(I({}, r), o));
+    return bt(e, t, I(I({}, r), o));
   }, n;
 }
-var br = function(e) {
-  return yt(Nn, e);
-}, te = br;
-ft.forEach(function(e) {
-  te[e] = br(e);
+var vr = function(e) {
+  return bt(Nn, e);
+}, te = vr;
+ht.forEach(function(e) {
+  te[e] = vr(e);
 });
 process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
 Perhaps you're looking to import 'styled-components/native'?
@@ -1499,7 +1499,7 @@ const T = (e) => typeof e == "number" ? `${e / 2}rem` : e, ue = (e) => {
     c && `padding-top: ${T(c)};`,
     c && `padding-bottom: ${T(c)};`
   ].filter(Boolean).join(" ");
-}, vr = () => `
+}, xr = () => `
     &::-webkit-scrollbar {
     width: 4px;
     height: 4px;
@@ -1517,7 +1517,7 @@ const T = (e) => typeof e == "number" ? `${e / 2}rem` : e, ue = (e) => {
   &::-webkit-scrollbar-thumb:hover {
     background: #555;
   }
-  `, jn = (e, t) => t === "sm" ? `${Number(e) / (8 / 7)}px` : `${e}px`, xr = (e) => {
+  `, jn = (e, t) => t === "sm" ? `${Number(e) / (8 / 7)}px` : `${e}px`, wr = (e) => {
   switch (e) {
     case "regular":
       return "400";
@@ -1536,14 +1536,14 @@ const T = (e) => typeof e == "number" ? `${e / 2}rem` : e, ue = (e) => {
   color: ${({ color: e }) => e};
   ${({ m: e, mb: t, ml: r, mr: n, mt: o, mx: a, my: i }) => ue({ m: e, mb: t, ml: r, mr: n, mt: o, mx: a, my: i })};
   ${({ p: e, pb: t, pl: r, pr: n, pt: o, px: a, py: i }) => pe({ p: e, pb: t, pl: r, pr: n, pt: o, px: a, py: i })};
-  font-weight: ${({ weight: e }) => xr(e)};
+  font-weight: ${({ weight: e }) => wr(e)};
   font-size: ${({ size: e, breakpoint: t }) => e && jn(e, t)};
   width: ${({ width: e }) => e};
   height: ${({ height: e }) => e};
   text-align: ${({ align: e }) => e ?? "left"};
 `, G = le(
   ({ children: e, ...t }, r) => {
-    const { breakpoint: n } = Ut();
+    const { breakpoint: n } = Xt();
     return /* @__PURE__ */ x.jsx(In, { ref: r, ...t, breakpoint: n, children: e });
   }
 );
@@ -1591,7 +1591,7 @@ const Te = {
       backgroundColor: `${t.palette[e].main}22`
     }
   }
-}), kt = {
+}), Et = {
   sm: {
     padding: "4px 0.75rem",
     fontSize: "12"
@@ -1607,7 +1607,7 @@ const Te = {
 }, zn = te.button`
   all: unset;
   cursor: ${({ disabled: e }) => e ? "default" : "pointer"};
-  padding: ${({ size: e }) => kt[e ?? "md"].padding};
+  padding: ${({ size: e }) => Et[e ?? "md"].padding};
   display: flex;
   align-items: center;
   height: fit-content;
@@ -1656,7 +1656,7 @@ const Te = {
         disabled: n.loading || n.disabled,
         children: [
           t,
-          e && /* @__PURE__ */ x.jsx(G, { size: kt[a.size ?? "sm"].fontSize, children: e }),
+          e && /* @__PURE__ */ x.jsx(G, { size: Et[a.size ?? "sm"].fontSize, children: e }),
           r
         ]
       }
@@ -1736,7 +1736,7 @@ const lt = ({
     }), [n]);
     return /* @__PURE__ */ x.jsxs(Mn, { ref: o, ...a, children: [
       t,
-      /* @__PURE__ */ x.jsx(G, { size: kt[a.size].fontSize, mx: 0.75, children: e }),
+      /* @__PURE__ */ x.jsx(G, { size: Et[a.size].fontSize, mx: 0.75, children: e }),
       r
     ] });
   }
@@ -1779,7 +1779,7 @@ const Vn = {
   ${({ p: e, pb: t, pl: r, pr: n, pt: o, px: a, py: i }) => pe({ p: e, pb: t, pl: r, pr: n, pt: o, px: a, py: i })};
   box-shadow: ${({ elevation: e }) => Bn[e ?? 0]};
   &:hover {
-    ${(e) => e.hoverstyle && yr(e.hoverstyle)}
+    ${(e) => e.hoverstyle && br(e.hoverstyle)}
   }
 `, X = le(
   ({ children: e, ...t }, r) => {
@@ -1801,6 +1801,7 @@ const Wn = te.input`
   font-size: 13px;
   display: flex;
   align-items: center;
+  text-align: left;
 
   color: ${({ theme: e, color: t }) => e.palette[t ?? "default"].main};
 
@@ -1808,7 +1809,7 @@ const Wn = te.input`
   border-radius: ${({ theme: e }) => Te[e.radius]};
   padding: 8px 12px;
   width: 100%;
-  ${vr()};
+  ${xr()};
 
   border: 1px solid
     ${({ error: e }) => e ? ({ theme: t }) => t.palette.error.main : ({ theme: t, color: r }) => t.palette[r ?? "default"].main};
@@ -1884,31 +1885,40 @@ const Qn = ({ color: e, value: t, height: r }) => {
       )
     }
   );
-}, qn = le((e, t) => {
-  const r = rt(), [n, o] = Ge(
+}, qn = le((e) => {
+  const t = rt(), [r, n] = Ge(
     e.initialValue ?? {
       key: e.placeholder ?? "key",
       label: e.placeholder ?? "label"
     }
-  ), [a, i] = Ge(!1), c = (d) => {
-    o(d), e.onChange && e.onChange(d);
+  ), [o, a] = Ge(!1), i = Ut(null);
+  ut(() => {
+    const p = (h) => {
+      i.current && !i.current.contains(h.target) && a(!1);
+    };
+    return document.addEventListener("mousedown", p), () => {
+      document.removeEventListener("mousedown", p);
+    };
+  }, []);
+  const c = (p) => {
+    n(p), e.onChange && e.onChange(p);
   }, l = ({
-    option: d,
-    handleChange: g
+    option: p,
+    handleChange: h
   }) => /* @__PURE__ */ x.jsx(
     X,
     {
-      onClick: () => g(d),
+      onClick: () => h(p),
       px: 1.5,
       py: 1,
       hoverstyle: {
-        backgroundColor: r.palette.primary.light
+        backgroundColor: t.palette.primary.light
       },
-      children: /* @__PURE__ */ x.jsx(G, { size: "14", align: "left", children: d.label })
+      children: /* @__PURE__ */ x.jsx(G, { size: "14", align: "left", children: p.label })
     },
-    d.key
+    p.key
   );
-  return /* @__PURE__ */ x.jsxs(X, { ref: t, direction: "column", width: "100%", justify: "start", children: [
+  return /* @__PURE__ */ x.jsxs(X, { ref: i, direction: "column", width: "100%", justify: "start", children: [
     (e.label || e.required) && /* @__PURE__ */ x.jsxs(
       X,
       {
@@ -1919,7 +1929,7 @@ const Qn = ({ color: e, value: t, height: r }) => {
         style: { minHeight: "1.2em" },
         children: [
           e.label && /* @__PURE__ */ x.jsx(G, { size: "12", children: e.label }),
-          e.required && /* @__PURE__ */ x.jsx(G, { color: r.palette.error.main, size: "12", children: "*" })
+          e.required && /* @__PURE__ */ x.jsx(G, { color: t.palette.error.main, size: "12", children: "*" })
         ]
       }
     ),
@@ -1928,10 +1938,10 @@ const Qn = ({ color: e, value: t, height: r }) => {
       {
         elevation: 1,
         height: "fit-content",
-        onClick: () => i(!a),
+        onClick: () => a(!o),
         style: { position: "relative", cursor: "pointer" },
         children: [
-          e.CustomOption ? /* @__PURE__ */ x.jsx(e.CustomOption, { option: n, handleChange: c }) : /* @__PURE__ */ x.jsx(l, { option: n, handleChange: c }),
+          e.CustomOption ? /* @__PURE__ */ x.jsx(e.CustomOption, { option: r, handleChange: c }) : /* @__PURE__ */ x.jsx(l, { option: r, handleChange: c }),
           /* @__PURE__ */ x.jsx(
             X,
             {
@@ -1942,12 +1952,14 @@ const Qn = ({ color: e, value: t, height: r }) => {
                 position: "absolute",
                 left: "0",
                 top: "38px",
-                display: a ? "flex" : "none",
+                display: o ? "flex" : "none",
                 zIndex: 1,
-                backgroundColor: "white"
+                backgroundColor: "white",
+                maxHeight: "200px",
+                overflow: "auto"
               },
               children: e.options.map(
-                (d) => e.CustomOption ? /* @__PURE__ */ x.jsx(e.CustomOption, { option: d, handleChange: c }) : /* @__PURE__ */ x.jsx(l, { option: d, handleChange: c })
+                (p) => e.CustomOption ? /* @__PURE__ */ x.jsx(e.CustomOption, { option: p, handleChange: c }) : /* @__PURE__ */ x.jsx(l, { option: p, handleChange: c })
               )
             }
           )
@@ -1971,7 +1983,7 @@ const Un = te.textarea`
   border-radius: min(16px, ${({ theme: e }) => Te[e.radius]});
   padding: 8px 12px;
   width: 100%;
-  ${vr()};
+  ${xr()};
 
   border: 1px solid
     ${({ error: e, theme: t }) => e ? t.palette.error.main : t.palette.primary.dark};
@@ -2019,11 +2031,11 @@ const Jn = (e, t) => {
   margin: 0;
   color: ${({ color: e }) => e};
   font-size: ${({ level: e, breakpoint: t }) => Jn(e, t)};
-  font-weight: ${({ weight: e }) => xr(e)};
+  font-weight: ${({ weight: e }) => wr(e)};
   ${({ m: e, mb: t, ml: r, mr: n, mt: o, mx: a, my: i }) => ue({ m: e, mb: t, ml: r, mr: n, mt: o, mx: a, my: i })};
   ${({ p: e, pb: t, pl: r, pr: n, pt: o, px: a, py: i }) => pe({ p: e, pb: t, pl: r, pr: n, pt: o, px: a, py: i })};
 `, eo = ({ children: e, ...t }) => {
-  const { breakpoint: r } = Ut(), n = xe(() => ({
+  const { breakpoint: r } = Xt(), n = xe(() => ({
     ...{
       level: 1
     },