@granto-umbrella/umbrella-components 1.3.2 → 1.3.3

package/dist/umbrella-components.es.js

@@ -15,11 +15,11 @@ function Ra2() {
   U2 = 1;
   var a = r, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), p = Object.prototype.hasOwnProperty, o = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(A, v, f) {
-    var Z, h = {}, y = null, g = null;
-    f !== void 0 && (y = "" + f), v.key !== void 0 && (y = "" + v.key), v.ref !== void 0 && (g = v.ref);
+    var Z, h = {}, O = null, y = null;
+    f !== void 0 && (O = "" + f), v.key !== void 0 && (O = "" + v.key), v.ref !== void 0 && (y = v.ref);
     for (Z in v) p.call(v, Z) && !i.hasOwnProperty(Z) && (h[Z] = v[Z]);
     if (A && A.defaultProps) for (Z in v = A.defaultProps, v) h[Z] === void 0 && (h[Z] = v[Z]);
-    return { $$typeof: e, type: A, key: y, ref: g, props: h, _owner: o.current };
+    return { $$typeof: e, type: A, key: O, ref: y, props: h, _owner: o.current };
   }
   return G0.Fragment = t, G0.jsx = s, G0.jsxs = s, G0;
 }
@@ -36,11 +36,11 @@ var U0 = {};
 var J2;
 function Ta2() {
   return J2 || (J2 = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = r, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), A = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), C = Symbol.iterator, k = "@@iterator";
+    var a = r, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), A = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), L = Symbol.iterator, k = "@@iterator";
     function U(m) {
       if (m === null || typeof m != "object")
         return null;
-      var u = C && m[C] || m[k];
+      var u = L && m[L] || m[k];
       return typeof u == "function" ? u : null;
     }
     var S = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -53,18 +53,18 @@ function Ta2() {
     }
     function D(m, u, b) {
       {
-        var H = S.ReactDebugCurrentFrame, L = H.getStackAddendum();
-        L !== "" && (u += "%s", b = b.concat([L]));
+        var H = S.ReactDebugCurrentFrame, F = H.getStackAddendum();
+        F !== "" && (u += "%s", b = b.concat([F]));
         var I = b.map(function(j) {
           return String(j);
         });
         I.unshift("Warning: " + u), Function.prototype.apply.call(console[m], console, I);
       }
     }
-    var N = !1, x = !1, w = !1, O = !1, o0 = !1, i0;
+    var N = !1, x = !1, w = !1, g = !1, o0 = !1, i0;
     i0 = Symbol.for("react.module.reference");
     function y1(m) {
-      return !!(typeof m == "string" || typeof m == "function" || m === p || m === i || o0 || m === o || m === f || m === Z || O || m === g || N || x || w || typeof m == "object" && m !== null && (m.$$typeof === y || m.$$typeof === h || m.$$typeof === s || m.$$typeof === A || m.$$typeof === v || // This needs to include all possible module reference object
+      return !!(typeof m == "string" || typeof m == "function" || m === p || m === i || o0 || m === o || m === f || m === Z || g || m === y || N || x || w || typeof m == "object" && m !== null && (m.$$typeof === O || m.$$typeof === h || m.$$typeof === s || m.$$typeof === A || m.$$typeof === v || // 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.
@@ -74,8 +74,8 @@ function Ta2() {
       var H = m.displayName;
       if (H)
         return H;
-      var L = u.displayName || u.name || "";
-      return L !== "" ? b + "(" + L + ")" : b;
+      var F = u.displayName || u.name || "";
+      return F !== "" ? b + "(" + F + ")" : b;
     }
     function K0(m) {
       return m.displayName || "Context";
@@ -114,8 +114,8 @@ function Ta2() {
           case h:
             var H = m.displayName || null;
             return H !== null ? H : t0(m.type) || "Memo";
-          case y: {
-            var L = m, I = L._payload, j = L._init;
+          case O: {
+            var F = m, I = F._payload, j = F._init;
             try {
               return t0(j(I));
             } catch {
@@ -193,8 +193,8 @@ function Ta2() {
         if (h0 === void 0)
           try {
             throw Error();
-          } catch (L) {
-            var H = L.stack.trim().match(/\n( *(at )?)/);
+          } catch (F) {
+            var H = F.stack.trim().match(/\n( *(at )?)/);
             h0 = H && H[1] || "";
           }
         return `
@@ -216,7 +216,7 @@ function Ta2() {
       }
       var H;
       l0 = !0;
-      var L = Error.prepareStackTrace;
+      var F = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var I;
       I = s0.current, s0.current = null, T0();
@@ -272,7 +272,7 @@ function Ta2() {
             }
         }
       } finally {
-        l0 = !1, s0.current = I, j0(), Error.prepareStackTrace = L;
+        l0 = !1, s0.current = I, j0(), Error.prepareStackTrace = F;
       }
       var F0 = m ? m.displayName || m.name : "", y0 = F0 ? r0(F0) : "";
       return typeof m == "function" && H0.set(m, y0), y0;
@@ -303,10 +303,10 @@ function Ta2() {
             return Aa2(m.render);
           case h:
             return X0(m.type, u, b);
-          case y: {
-            var H = m, L = H._payload, I = H._init;
+          case O: {
+            var H = m, F = H._payload, I = H._init;
             try {
-              return X0(I(L), u, b);
+              return X0(I(F), u, b);
             } catch {
             }
           }
@@ -321,7 +321,7 @@ function Ta2() {
       } else
         F2.setExtraStackFrame(null);
     }
-    function ha2(m, u, b, H, L) {
+    function ha2(m, u, b, H, F) {
       {
         var I = Function.call.bind(z0);
         for (var j in m)
@@ -336,7 +336,7 @@ function Ta2() {
             } catch (q) {
               d = q;
             }
-            d && !(d instanceof Error) && (Q0(L), E("%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).", H || "React class", b, j, typeof d), Q0(null)), d instanceof Error && !(d.message in L2) && (L2[d.message] = !0, Q0(L), E("Failed %s type: %s", b, d.message), Q0(null));
+            d && !(d instanceof Error) && (Q0(F), E("%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).", H || "React class", b, j, typeof d), Q0(null)), d instanceof Error && !(d.message in L2) && (L2[d.message] = !0, Q0(F), E("Failed %s type: %s", b, d.message), Q0(null));
           }
       }
     }
@@ -411,7 +411,7 @@ function Ta2() {
         });
       }
     }
-    var Ma2 = function(m, u, b, H, L, I, j) {
+    var Ma2 = function(m, u, b, H, F, I, j) {
       var d = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -437,13 +437,13 @@ function Ta2() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: L
+        value: F
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     };
-    function wa2(m, u, b, H, L) {
+    function wa2(m, u, b, H, F) {
       {
         var I, j = {}, d = null, K = null;
-        b !== void 0 && (S2(b), d = "" + b), ga2(u) && (S2(u.key), d = "" + u.key), Oa2(u) && (K = u.ref, Va2(u, L));
+        b !== void 0 && (S2(b), d = "" + b), ga2(u) && (S2(u.key), d = "" + u.key), Oa2(u) && (K = u.ref, Va2(u, F));
         for (I in u)
           z0.call(u, I) && !ya2.hasOwnProperty(I) && (j[I] = u[I]);
         if (m && m.defaultProps) {
@@ -455,7 +455,7 @@ function Ta2() {
           var T = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
           d && Ea2(j, T), K && da2(j, T);
         }
-        return Ma2(m, d, K, L, H, D2.current, j);
+        return Ma2(m, d, K, F, H, D2.current, j);
       }
     }
     var V1 = S.ReactCurrentOwner, k2 = S.ReactDebugCurrentFrame;
@@ -524,9 +524,9 @@ Check the top-level render call using <` + b + ">.");
         else if (d1(m))
           m._store && (m._store.validated = !0);
         else if (m) {
-          var L = U(m);
-          if (typeof L == "function" && L !== m.entries)
-            for (var I = L.call(m), j; !(j = I.next()).done; )
+          var F = U(m);
+          if (typeof F == "function" && F !== m.entries)
+            for (var I = F.call(m), j; !(j = I.next()).done; )
               d1(j.value) && q2(j.value, u);
         }
       }
@@ -550,8 +550,8 @@ Check the top-level render call using <` + b + ">.");
           ha2(b, m.props, "prop", H, m);
         } else if (u.PropTypes !== void 0 && !E1) {
           E1 = !0;
-          var L = t0(u);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "Unknown");
+          var F = t0(u);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
         }
         typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -569,7 +569,7 @@ Check the top-level render call using <` + b + ">.");
       }
     }
     var T2 = {};
-    function z2(m, u, b, H, L, I) {
+    function z2(m, u, b, H, F, I) {
       {
         var j = y1(m);
         if (!j) {
@@ -580,7 +580,7 @@ Check the top-level render call using <` + b + ">.");
           var q;
           m === null ? q = "null" : g1(m) ? q = "array" : m !== void 0 && m.$$typeof === e ? (q = "<" + (t0(m.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, d);
         }
-        var T = wa2(m, u, b, L, I);
+        var T = wa2(m, u, b, F, I);
         if (T == null)
           return T;
         if (j) {
@@ -652,7 +652,7 @@ var Ua2 = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|de
     return Ua2.test(a) || a.charCodeAt(0) === 111 && a.charCodeAt(1) === 110 && a.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), B = "-ms-", W0 = "-moz-", F = "-webkit-", yq0 = "comm", A1 = "rule", V2 = "decl", Wa2 = "@import", Oq0 = "@keyframes", Ka2 = "@layer", gq0 = Math.abs, E2 = String.fromCharCode, C1 = Object.assign;
+), B = "-ms-", W0 = "-moz-", C = "-webkit-", yq0 = "comm", A1 = "rule", V2 = "decl", Wa2 = "@import", Oq0 = "@keyframes", Ka2 = "@layer", gq0 = Math.abs, E2 = String.fromCharCode, C1 = Object.assign;
 function _a2(a, e) {
   return G(a, 0) ^ 45 ? (((e << 2 ^ G(a, 0)) << 2 ^ G(a, 1)) << 2 ^ G(a, 2)) << 2 ^ G(a, 3) : 0;
 }
@@ -815,30 +815,30 @@ function ct2(a) {
   return at2(c1("", null, null, null, [""], a = et2(a), 0, [0], a));
 }
 function c1(a, e, t, p, o, i, s, A, v) {
-  for (var f = 0, Z = 0, h = s, y = 0, g = 0, C = 0, k = 1, U = 1, S = 1, E = 0, D = "", N = o, x = i, w = p, O = D; U; )
-    switch (C = E, E = c0()) {
+  for (var f = 0, Z = 0, h = s, O = 0, y = 0, L = 0, k = 1, U = 1, S = 1, E = 0, D = "", N = o, x = i, w = p, g = D; U; )
+    switch (L = E, E = c0()) {
       // (
       case 40:
-        if (C != 108 && G(O, h - 1) == 58) {
-          l1(O += V(w1(E), "&", "&\f"), "&\f", gq0(f ? A[f - 1] : 0)) != -1 && (S = -1);
+        if (L != 108 && G(g, h - 1) == 58) {
+          l1(g += V(w1(E), "&", "&\f"), "&\f", gq0(f ? A[f - 1] : 0)) != -1 && (S = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        O += w1(E);
+        g += w1(E);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        O += tt2(C);
+        g += tt2(L);
         break;
       // \
       case 92:
-        O += rt2(n1() - 1, 7);
+        g += rt2(n1() - 1, 7);
         continue;
       // /
       case 47:
@@ -848,12 +848,12 @@ function c1(a, e, t, p, o, i, s, A, v) {
             J0(mt2(lt2(c0(), n1()), e, t, v), v);
             break;
           default:
-            O += "/";
+            g += "/";
         }
         break;
       // {
       case 123 * k:
-        A[f++] = m0(O) * S;
+        A[f++] = m0(g) * S;
       // } ; \0
       case 125 * k:
       case 59:
@@ -865,18 +865,18 @@ function c1(a, e, t, p, o, i, s, A, v) {
             U = 0;
           // ;
           case 59 + Z:
-            S == -1 && (O = V(O, /\f/g, "")), g > 0 && m0(O) - h && J0(g > 32 ? X2(O + ";", p, t, h - 1, v) : X2(V(O, " ", "") + ";", p, t, h - 2, v), v);
+            S == -1 && (g = V(g, /\f/g, "")), y > 0 && m0(g) - h && J0(y > 32 ? X2(g + ";", p, t, h - 1, v) : X2(V(g, " ", "") + ";", p, t, h - 2, v), v);
             break;
           // @ ;
           case 59:
-            O += ";";
+            g += ";";
           // { rule/at-rule
           default:
-            if (J0(w = _2(O, e, t, f, Z, o, A, D, N = [], x = [], h, i), i), E === 123)
+            if (J0(w = _2(g, e, t, f, Z, o, A, D, N = [], x = [], h, i), i), E === 123)
               if (Z === 0)
-                c1(O, e, w, w, N, i, h, A, x);
+                c1(g, e, w, w, N, i, h, A, x);
               else
-                switch (y === 99 && G(O, 3) === 110 ? 100 : y) {
+                switch (O === 99 && G(g, 3) === 110 ? 100 : O) {
                   // d l m s
                   case 100:
                   case 108:
@@ -885,14 +885,14 @@ function c1(a, e, t, p, o, i, s, A, v) {
                     c1(a, w, w, p && J0(_2(a, w, w, 0, 0, o, A, D, o, N = [], h, x), x), o, x, h, A, p ? N : x);
                     break;
                   default:
-                    c1(O, w, w, w, [""], x, 0, A, x);
+                    c1(g, w, w, w, [""], x, 0, A, x);
                 }
         }
-        f = Z = g = 0, k = S = 1, D = O = "", h = s;
+        f = Z = y = 0, k = S = 1, D = g = "", h = s;
         break;
       // :
       case 58:
-        h = 1 + m0(O), g = C;
+        h = 1 + m0(g), y = L;
       default:
         if (k < 1) {
           if (E == 123)
@@ -900,30 +900,30 @@ function c1(a, e, t, p, o, i, s, A, v) {
           else if (E == 125 && k++ == 0 && Ya2() == 125)
             continue;
         }
-        switch (O += E2(E), E * k) {
+        switch (g += E2(E), E * k) {
           // &
           case 38:
-            S = Z > 0 ? 1 : (O += "\f", -1);
+            S = Z > 0 ? 1 : (g += "\f", -1);
             break;
           // ,
           case 44:
-            A[f++] = (m0(O) - 1) * S, S = 1;
+            A[f++] = (m0(g) - 1) * S, S = 1;
             break;
           // @
           case 64:
-            V0() === 45 && (O += w1(c0())), y = V0(), Z = h = m0(D = O += nt2(n1())), E++;
+            V0() === 45 && (g += w1(c0())), O = V0(), Z = h = m0(D = g += nt2(n1())), E++;
             break;
           // -
           case 45:
-            C === 45 && m0(O) == 2 && (k = 0);
+            L === 45 && m0(g) == 2 && (k = 0);
         }
     }
   return i;
 }
 function _2(a, e, t, p, o, i, s, A, v, f, Z, h) {
-  for (var y = o - 1, g = o === 0 ? i : [""], C = Eq0(g), k = 0, U = 0, S = 0; k < p; ++k)
-    for (var E = 0, D = D0(a, y + 1, y = gq0(U = s[k])), N = a; E < C; ++E)
-      (N = Vq0(U > 0 ? g[E] + " " + D : V(D, /&\f/g, g[E]))) && (v[S++] = N);
+  for (var O = o - 1, y = o === 0 ? i : [""], L = Eq0(y), k = 0, U = 0, S = 0; k < p; ++k)
+    for (var E = 0, D = D0(a, O + 1, O = gq0(U = s[k])), N = a; E < L; ++E)
+      (N = Vq0(U > 0 ? y[E] + " " + D : V(D, /&\f/g, y[E]))) && (v[S++] = N);
   return h1(a, e, t, o === 0 ? A1 : A, v, f, Z, h);
 }
 function mt2(a, e, t, p) {
@@ -936,7 +936,7 @@ function Mq0(a, e, t) {
   switch (_a2(a, e)) {
     // color-adjust
     case 5103:
-      return F + "print-" + a + a;
+      return C + "print-" + a + a;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -966,7 +966,7 @@ function Mq0(a, e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return F + a + a;
+      return C + a + a;
     // tab-size
     case 4789:
       return W0 + a + a;
@@ -976,59 +976,59 @@ function Mq0(a, e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return F + a + W0 + a + B + a + a;
+      return C + a + W0 + a + B + a + a;
     // writing-mode
     case 5936:
       switch (G(a, e + 11)) {
         // vertical-l(r)
         case 114:
-          return F + a + B + V(a, /[svh]\w+-[tblr]{2}/, "tb") + a;
+          return C + a + B + V(a, /[svh]\w+-[tblr]{2}/, "tb") + a;
         // vertical-r(l)
         case 108:
-          return F + a + B + V(a, /[svh]\w+-[tblr]{2}/, "tb-rl") + a;
+          return C + a + B + V(a, /[svh]\w+-[tblr]{2}/, "tb-rl") + a;
         // horizontal(-)tb
         case 45:
-          return F + a + B + V(a, /[svh]\w+-[tblr]{2}/, "lr") + a;
+          return C + a + B + V(a, /[svh]\w+-[tblr]{2}/, "lr") + a;
       }
     // flex, flex-direction, scroll-snap-type, writing-mode
     case 6828:
     case 4268:
     case 2903:
-      return F + a + B + a + a;
+      return C + a + B + a + a;
     // order
     case 6165:
-      return F + a + B + "flex-" + a + a;
+      return C + a + B + "flex-" + a + a;
     // align-items
     case 5187:
-      return F + a + V(a, /(\w+).+(:[^]+)/, F + "box-$1$2" + B + "flex-$1$2") + a;
+      return C + a + V(a, /(\w+).+(:[^]+)/, C + "box-$1$2" + B + "flex-$1$2") + a;
     // align-self
     case 5443:
-      return F + a + B + "flex-item-" + V(a, /flex-|-self/g, "") + (v0(a, /flex-|baseline/) ? "" : B + "grid-row-" + V(a, /flex-|-self/g, "")) + a;
+      return C + a + B + "flex-item-" + V(a, /flex-|-self/g, "") + (v0(a, /flex-|baseline/) ? "" : B + "grid-row-" + V(a, /flex-|-self/g, "")) + a;
     // align-content
     case 4675:
-      return F + a + B + "flex-line-pack" + V(a, /align-content|flex-|-self/g, "") + a;
+      return C + a + B + "flex-line-pack" + V(a, /align-content|flex-|-self/g, "") + a;
     // flex-shrink
     case 5548:
-      return F + a + B + V(a, "shrink", "negative") + a;
+      return C + a + B + V(a, "shrink", "negative") + a;
     // flex-basis
     case 5292:
-      return F + a + B + V(a, "basis", "preferred-size") + a;
+      return C + a + B + V(a, "basis", "preferred-size") + a;
     // flex-grow
     case 6060:
-      return F + "box-" + V(a, "-grow", "") + F + a + B + V(a, "grow", "positive") + a;
+      return C + "box-" + V(a, "-grow", "") + C + a + B + V(a, "grow", "positive") + a;
     // transition
     case 4554:
-      return F + V(a, /([^-])(transform)/g, "$1" + F + "$2") + a;
+      return C + V(a, /([^-])(transform)/g, "$1" + C + "$2") + a;
     // cursor
     case 6187:
-      return V(V(V(a, /(zoom-|grab)/, F + "$1"), /(image-set)/, F + "$1"), a, "") + a;
+      return V(V(V(a, /(zoom-|grab)/, C + "$1"), /(image-set)/, C + "$1"), a, "") + a;
     // background, background-image
     case 5495:
     case 3959:
-      return V(a, /(image-set\([^]*)/, F + "$1$`$1");
+      return V(a, /(image-set\([^]*)/, C + "$1$`$1");
     // justify-content
     case 4968:
-      return V(V(a, /(.+:)(flex-)?(.*)/, F + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + F + a + a;
+      return V(V(a, /(.+:)(flex-)?(.*)/, C + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + C + a + a;
     // justify-self
     case 4200:
       if (!v0(a, /flex-|baseline/)) return B + "grid-column-align" + D0(a, e) + a;
@@ -1054,7 +1054,7 @@ function Mq0(a, e, t) {
     case 3583:
     case 4068:
     case 2532:
-      return V(a, /(.+)-inline(.+)/, F + "$1$2") + a;
+      return V(a, /(.+)-inline(.+)/, C + "$1$2") + a;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -1076,7 +1076,7 @@ function Mq0(a, e, t) {
               break;
           // (f)ill-available, (f)it-content
           case 102:
-            return V(a, /(.+:)(.+)-([^]+)/, "$1" + F + "$2-$3$1" + W0 + (G(a, e + 3) == 108 ? "$3" : "$2-$3")) + a;
+            return V(a, /(.+:)(.+)-([^]+)/, "$1" + C + "$2-$3$1" + W0 + (G(a, e + 3) == 108 ? "$3" : "$2-$3")) + a;
           // (s)tretch
           case 115:
             return ~l1(a, "stretch", 0) ? Mq0(V(a, "stretch", "fill-available"), e, t) + a : a;
@@ -1091,14 +1091,14 @@ function Mq0(a, e, t) {
     // position: sticky
     case 4949:
       if (G(a, e + 6) === 121)
-        return V(a, ":", ":" + F) + a;
+        return V(a, ":", ":" + C) + a;
       break;
     // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
       switch (G(a, G(a, 14) === 45 ? 18 : 11)) {
         // (inline-)?fle(x)
         case 120:
-          return V(a, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + F + (G(a, 14) === 45 ? "inline-" : "") + "box$3$1" + F + "$2$3$1" + B + "$2box$3") + a;
+          return V(a, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + C + (G(a, 14) === 45 ? "inline-" : "") + "box$3$1" + C + "$2$3$1" + B + "$2box$3") + a;
         // (inline-)?gri(d)
         case 100:
           return V(a, ":", ":" + B) + a;
@@ -1155,7 +1155,7 @@ function ut2(a, e, t, p) {
         a.return = Mq0(a.value, a.length, t);
         return;
       case Oq0:
-        return o1([$0(a, { value: V(a.value, "@", "@" + F) })], p);
+        return o1([$0(a, { value: V(a.value, "@", "@" + C) })], p);
       case A1:
         if (a.length)
           return Xa2(t = a.props, function(o) {
@@ -1167,7 +1167,7 @@ function ut2(a, e, t, p) {
                 break;
               // :placeholder
               case "::placeholder":
-                C0($0(a, { props: [V(o, /:(plac\w+)/, ":" + F + "input-$1")] })), C0($0(a, { props: [V(o, /:(plac\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [V(o, /:(plac\w+)/, B + "input-$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
+                C0($0(a, { props: [V(o, /:(plac\w+)/, ":" + C + "input-$1")] })), C0($0(a, { props: [V(o, /:(plac\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [V(o, /:(plac\w+)/, B + "input-$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
                 break;
             }
             return "";
@@ -1497,16 +1497,16 @@ var Nq0 = function(a) {
     this.options = X(X({}, qt2), e), this.gs = t, this.names = new Map(p), this.server = !!e.isServer, !this.server && i1 && c8 && (c8 = !1, n8(this)), w2(this, function() {
       return function(i) {
         for (var s = i.getTag(), A = s.length, v = "", f = function(h) {
-          var y = function(S) {
+          var O = function(S) {
             return u1.get(S);
           }(h);
-          if (y === void 0) return "continue";
-          var g = i.names.get(y), C = s.getGroup(h);
-          if (g === void 0 || !g.size || C.length === 0) return "continue";
-          var k = "".concat(d0, ".g").concat(h, '[id="').concat(y, '"]'), U = "";
-          g !== void 0 && g.forEach(function(S) {
+          if (O === void 0) return "continue";
+          var y = i.names.get(O), L = s.getGroup(h);
+          if (y === void 0 || !y.size || L.length === 0) return "continue";
+          var k = "".concat(d0, ".g").concat(h, '[id="').concat(O, '"]'), U = "";
+          y !== void 0 && y.forEach(function(S) {
             S.length > 0 && (U += "".concat(S, ","));
-          }), v += "".concat(C).concat(k, '{content:"').concat(U, '"}').concat(d2);
+          }), v += "".concat(L).concat(k, '{content:"').concat(U, '"}').concat(d2);
         }, Z = 0; Z < A; Z++) f(Z);
         return v;
       }(o);
@@ -1552,23 +1552,23 @@ function Bq0(a, e) {
   });
 }
 function zt2(a) {
-  var e, t, p, o = N0, i = o.options, s = i === void 0 ? N0 : i, A = o.plugins, v = A === void 0 ? f1 : A, f = function(y, g, C) {
-    return C.startsWith(t) && C.endsWith(t) && C.replaceAll(t, "").length > 0 ? ".".concat(e) : y;
+  var e, t, p, o = N0, i = o.options, s = i === void 0 ? N0 : i, A = o.plugins, v = A === void 0 ? f1 : A, f = function(O, y, L) {
+    return L.startsWith(t) && L.endsWith(t) && L.replaceAll(t, "").length > 0 ? ".".concat(e) : O;
   }, Z = v.slice();
-  Z.push(function(y) {
-    y.type === A1 && y.value.includes("&") && (y.props[0] = y.props[0].replace(Rt2, t).replace(p, f));
+  Z.push(function(O) {
+    O.type === A1 && O.value.includes("&") && (O.props[0] = O.props[0].replace(Rt2, t).replace(p, f));
   }), s.prefix && Z.push(ut2), Z.push(pt2);
-  var h = function(y, g, C, k) {
-    g === void 0 && (g = ""), C === void 0 && (C = ""), k === void 0 && (k = "&"), e = k, t = g, p = new RegExp("\\".concat(t, "\\b"), "g");
-    var U = y.replace(Tt2, ""), S = ct2(C || g ? "".concat(C, " ").concat(g, " { ").concat(U, " }") : U);
+  var h = function(O, y, L, k) {
+    y === void 0 && (y = ""), L === void 0 && (L = ""), k === void 0 && (k = "&"), e = k, t = y, p = new RegExp("\\".concat(t, "\\b"), "g");
+    var U = O.replace(Tt2, ""), S = ct2(L || y ? "".concat(L, " ").concat(y, " { ").concat(U, " }") : U);
     s.namespace && (S = Bq0(S, s.namespace));
     var E = [];
     return o1(S, ot2(Z.concat(it2(function(D) {
       return E.push(D);
     })))), E;
   };
-  return h.hash = v.length ? v.reduce(function(y, g) {
-    return g.name || q0(15), O0(y, g.name);
+  return h.hash = v.length ? v.reduce(function(O, y) {
+    return y.name || q0(15), O0(O, y.name);
   }, Pq0).toString() : "", h;
 }
 var Gt2 = new kq0(), B1 = zt2(), xq0 = r.createContext({ shouldForwardProp: void 0, styleSheet: Gt2, stylis: B1 });
@@ -1652,13 +1652,13 @@ var Wt2 = Lq0($1), Kt2 = function() {
         var h = this.rules[Z];
         if (typeof h == "string") f += h, process.env.NODE_ENV !== "production" && (v = O0(v, h));
         else if (h) {
-          var y = l8(E0(h, e, t, p));
-          v = O0(v, y + Z), f += y;
+          var O = l8(E0(h, e, t, p));
+          v = O0(v, O + Z), f += O;
         }
       }
       if (f) {
-        var g = N1(v >>> 0);
-        t.hasNameForId(this.componentId, g) || t.insertRules(this.componentId, g, p(f, ".".concat(g), void 0, this.componentId)), o = g0(o, g);
+        var y = N1(v >>> 0);
+        t.hasNameForId(this.componentId, y) || t.insertRules(this.componentId, y, p(f, ".".concat(y), void 0, this.componentId)), o = g0(o, y);
       }
     }
     return o;
@@ -1670,32 +1670,32 @@ function _t2(a, e, t) {
   var p = M2(a), o = a, i = !P1(a), s = e.attrs, A = s === void 0 ? f1 : s, v = e.componentId, f = v === void 0 ? function(N, x) {
     var w = typeof N != "string" ? "sc" : Y2(N);
     L1[w] = (L1[w] || 0) + 1;
-    var O = "".concat(w, "-").concat($t2($1 + w + L1[w]));
-    return x ? "".concat(x, "-").concat(O) : O;
+    var g = "".concat(w, "-").concat($t2($1 + w + L1[w]));
+    return x ? "".concat(x, "-").concat(g) : g;
   }(e.displayName, e.parentComponentId) : v, Z = e.displayName, h = Z === void 0 ? function(N) {
     return P1(N) ? "styled.".concat(N) : "Styled(".concat(Fq0(N), ")");
-  }(a) : Z, y = e.displayName && e.componentId ? "".concat(Y2(e.displayName), "-").concat(e.componentId) : e.componentId || f, g = p && o.attrs ? o.attrs.concat(A).filter(Boolean) : A, C = e.shouldForwardProp;
+  }(a) : Z, O = e.displayName && e.componentId ? "".concat(Y2(e.displayName), "-").concat(e.componentId) : e.componentId || f, y = p && o.attrs ? o.attrs.concat(A).filter(Boolean) : A, L = e.shouldForwardProp;
   if (p && o.shouldForwardProp) {
     var k = o.shouldForwardProp;
     if (e.shouldForwardProp) {
       var U = e.shouldForwardProp;
-      C = function(N, x) {
+      L = function(N, x) {
         return k(N, x) && U(N, x);
       };
-    } else C = k;
+    } else L = k;
   }
-  var S = new Kt2(t, y, p ? o.componentStyle : void 0);
+  var S = new Kt2(t, O, p ? o.componentStyle : void 0);
   function E(N, x) {
-    return function(w, O, o0) {
+    return function(w, g, o0) {
       var i0 = w.attrs, y1 = w.componentStyle, O1 = w.defaultProps, K0 = w.foldedComponentIds, t0 = w.styledComponentId, u0 = w.target, f0 = r.useContext(Tq0), _0 = m8(), M0 = w.shouldForwardProp || _0.shouldForwardProp;
       process.env.NODE_ENV !== "production" && G2(t0);
-      var R0 = At2(O, f0, O1) || N0, Y = function(j0, s0, h0) {
+      var R0 = At2(g, f0, O1) || N0, Y = function(j0, s0, h0) {
         for (var r0, l0 = X(X({}, s0), { className: void 0, theme: h0 }), H0 = 0; H0 < j0.length; H0 += 1) {
           var P0 = k0(r0 = j0[H0]) ? r0(l0) : r0;
           for (var n0 in P0) l0[n0] = n0 === "className" ? g0(l0[n0], P0[n0]) : n0 === "style" ? X(X({}, l0[n0]), P0[n0]) : P0[n0];
         }
         return s0.className && (l0.className = g0(l0.className, s0.className)), l0;
-      }(i0, O, R0), A0 = Y.as || u0, Z0 = {};
+      }(i0, g, R0), A0 = Y.as || u0, Z0 = {};
       for (var W in Y) Y[W] === void 0 || W[0] === "$" || W === "as" || W === "theme" && Y.theme === R0 || (W === "forwardedAs" ? Z0.as = Y.forwardedAs : M0 && !M0(W, A0) || (Z0[W] = Y[W], M0 || process.env.NODE_ENV !== "development" || Ja2(W) || i8.has(W) || !I1.has(A0) || (i8.add(W), console.warn('styled-components: it looks like an unknown prop "'.concat(W, '" 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 w0 = function(j0, s0) {
         var h0 = m8(), r0 = j0.generateAndInjectStyles(s0, h0.styleSheet, h0.stylis);
@@ -1708,18 +1708,18 @@ function _t2(a, e, t) {
   }
   E.displayName = h;
   var D = r.forwardRef(E);
-  return D.attrs = g, D.componentStyle = S, D.displayName = h, D.shouldForwardProp = C, D.foldedComponentIds = p ? g0(o.foldedComponentIds, o.styledComponentId) : "", D.styledComponentId = y, D.target = p ? o.target : a, Object.defineProperty(D, "defaultProps", { get: function() {
+  return D.attrs = y, D.componentStyle = S, D.displayName = h, D.shouldForwardProp = L, D.foldedComponentIds = p ? g0(o.foldedComponentIds, o.styledComponentId) : "", D.styledComponentId = O, D.target = p ? o.target : a, Object.defineProperty(D, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(N) {
     this._foldedDefaultProps = p ? function(x) {
-      for (var w = [], O = 1; O < arguments.length; O++) w[O - 1] = arguments[O];
+      for (var w = [], g = 1; g < arguments.length; g++) w[g - 1] = arguments[g];
       for (var o0 = 0, i0 = w; o0 < i0.length; o0++) k1(x, i0[o0], !0);
       return x;
     }({}, o.defaultProps, N) : N;
-  } }), process.env.NODE_ENV !== "production" && (bt2(h, y), D.warnTooManyClasses = /* @__PURE__ */ function(N, x) {
-    var w = {}, O = !1;
+  } }), process.env.NODE_ENV !== "production" && (bt2(h, O), D.warnTooManyClasses = /* @__PURE__ */ function(N, x) {
+    var w = {}, g = !1;
     return function(o0) {
-      if (!O && (w[o0] = !0, Object.keys(w).length >= 200)) {
+      if (!g && (w[o0] = !0, Object.keys(w).length >= 200)) {
         var i0 = x ? ' with the id of "'.concat(x, '"') : "";
         console.warn("Over ".concat(200, " classes were generated for component ").concat(N).concat(i0, `.
 `) + `Consider using the attrs method, together with a style object for frequently changed styles.
@@ -1730,10 +1730,10 @@ Example:
     },
   }))\`width: 100%;\`
 
-  <Component />`), O = !0, w = {};
+  <Component />`), g = !0, w = {};
       }
     };
-  }(h, y)), w2(D, function() {
+  }(h, O)), w2(D, function() {
     return ".".concat(D.styledComponentId);
   }), i && Iq0(D, a, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), D;
 }
@@ -1939,7 +1939,7 @@ const M = {
     "border-width-4": "4px",
     "border-width-5": "5px"
   }
-}, ymt = {
+}, Omt = {
   border: p0.width["border-width-0"],
   "border-1": p0.width["border-width-1"],
   "border-2": p0.width["border-width-2"],
@@ -2133,17 +2133,17 @@ const M = {
   align-items: center;
   justify-content: center;
   font-weight: 500;
-  border-radius: ${({ radius: a }) => j2[a]};
+  border-radius: ${({ $radius: a }) => j2[a]};
   cursor: pointer;
   transition: all 0.2s ease-in-out;
 
   gap: ${J.md};
 
-  ${({ size: a }) => Xt2[a]}
-  ${({ variant: a }) => Qt2[a]}
+  ${({ $size: a }) => Xt2[a]}
+  ${({ $variant: a }) => Qt2[a]}
 
-  width: ${({ width: a }) => a || "auto"};
-  height: ${({ height: a }) => a || "auto"};
+  width: ${({ $width: a }) => a || "auto"};
+  height: ${({ $height: a }) => a || "auto"};
 
   &:disabled {
     cursor: not-allowed;
@@ -64238,9 +64238,9 @@ const CC1 = l((a, e) => {
     "children",
     "weights"
   ]), h = fq0(PC1), {
-    color: y = "currentColor",
-    size: g,
-    weight: C = "regular",
+    color: O = "currentColor",
+    size: y,
+    weight: L = "regular",
     mirrored: k = !1
   } = h, U = $K(h, [
     "color",
@@ -64253,15 +64253,15 @@ const CC1 = l((a, e) => {
     HK(HK({
       ref: e,
       xmlns: "http://www.w3.org/2000/svg",
-      width: i ?? g,
-      height: i ?? g,
-      fill: o ?? y,
+      width: i ?? y,
+      height: i ?? y,
+      fill: o ?? O,
       viewBox: "0 0 256 256",
       transform: A || k ? "scale(-1, 1)" : void 0
     }, U), Z),
     !!p && /* @__PURE__ */ r.createElement("title", null, p),
     v,
-    f.get(s ?? C)
+    f.get(s ?? L)
   );
 });
 CC1.displayName = "IconBase";
@@ -80921,7 +80921,7 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Yarn: sa2,
   YinYang: va2,
   YoutubeLogo: ba2
-}, Symbol.toStringTag, { value: "Module" })), Omt = ({
+}, Symbol.toStringTag, { value: "Module" })), gmt = ({
   children: a,
   size: e = "md",
   variant: t = "primary",
@@ -80937,11 +80937,11 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   return /* @__PURE__ */ R.jsx(
     Yt2,
     {
-      size: e,
-      variant: t,
-      radius: p,
-      width: A,
-      height: v,
+      $size: e,
+      $variant: t,
+      $radius: p,
+      $width: A,
+      $height: v,
       ...f,
       children: o ? /* @__PURE__ */ R.jsx(P2, { size: 16 }) : /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
         Z && /* @__PURE__ */ R.jsx("span", { className: "icon-left", children: /* @__PURE__ */ R.jsx(Z, { size: 16 }) }),
@@ -80955,7 +80955,7 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   sm: J.sm,
   md: J.md,
   lg: J.lg
-}, gmt = ({
+}, Vmt = ({
   name: a,
   size: e = "md",
   weight: t = "regular",
@@ -81011,66 +81011,77 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   align-items: center;
   justify-content: center;
   color: ${$.neutral["--neutral-400"]};
-`, Vmt = ({
-  type: a = "text",
-  placeholder: e = "Placeholder",
-  value: t,
-  onChange: p,
-  error: o = !1,
-  disabled: i = !1,
-  icon: s,
-  label: A,
-  supportText: v,
-  size: f = "md",
-  radius: Z = "--border-1",
-  shadow: h = "shadow",
-  style: y,
-  register: g
-}) => /* @__PURE__ */ R.jsxs(pmt, { children: [
-  A && /* @__PURE__ */ R.jsx(omt, { children: A }),
-  /* @__PURE__ */ R.jsxs(
-    umt,
-    {
-      $error: o,
-      $disabled: i,
-      $size: f,
-      $radius: Z,
-      $shadow: h,
-      children: [
-        s && /* @__PURE__ */ R.jsx(vmt, { children: s }),
-        /* @__PURE__ */ R.jsx(
-          smt,
-          {
-            ...g,
-            style: y,
-            type: a,
-            placeholder: e,
-            value: t,
-            onChange: p,
-            disabled: i
-          }
-        )
-      ]
-    }
-  ),
-  v && /* @__PURE__ */ R.jsx(imt, { $error: o, children: v })
-] }), bmt = Q.div`
+`;
+function bmt(...a) {
+  return (e) => {
+    a.forEach((t) => {
+      typeof t == "function" ? t(e) : t != null && (t.current = e);
+    });
+  };
+}
+const Emt = l(
+  ({
+    type: a = "text",
+    placeholder: e = "Placeholder",
+    value: t,
+    onChange: p,
+    error: o = !1,
+    disabled: i = !1,
+    icon: s,
+    label: A,
+    supportText: v,
+    size: f = "md",
+    radius: Z = "--border-1",
+    shadow: h = "shadow",
+    style: O,
+    register: y
+  }, L) => /* @__PURE__ */ R.jsxs(pmt, { children: [
+    A && /* @__PURE__ */ R.jsx(omt, { children: A }),
+    /* @__PURE__ */ R.jsxs(
+      umt,
+      {
+        $error: o,
+        $disabled: i,
+        $size: f,
+        $radius: Z,
+        $shadow: h,
+        children: [
+          s && /* @__PURE__ */ R.jsx(vmt, { children: s }),
+          /* @__PURE__ */ R.jsx(
+            smt,
+            {
+              ...y || {},
+              ref: bmt(L, y ? y.ref : null),
+              style: O,
+              type: a,
+              placeholder: e,
+              value: t,
+              onChange: p,
+              disabled: i
+            }
+          )
+        ]
+      }
+    ),
+    v && /* @__PURE__ */ R.jsx(imt, { $error: o, children: v })
+  ] })
+), Amt = Q.div`
   display: flex;
   flex-direction: column;
   gap: ${P["size-2"]};
   width: 100%;
-`, Amt = Q.label`
+`, Zmt = Q.label`
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: ${J.sm};
   color: ${$.neutral["--neutral-500"]};
-`, Zmt = Q.span`
+`, hmt = Q.span`
   display: flex;
   align-items: center;
   justify-content: center;
   color: ${$.neutral["--neutral-400"]};
-`, hmt = Q.div`
+`, Hmt = Q.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -81084,7 +81095,7 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     border-color: ${$.branding["--branding-400"]};
     box-shadow: ${s1["shadow-md"]};
   }
-`, Hmt = Q.select`
+`, $mt = Q.select`
   flex: 1;
   width: 100%;
   padding: ${P["size-4.5"]} ${P["size-6"]};
@@ -81098,23 +81109,23 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   &::placeholder {
     color: ${$.neutral["--neutral-400"]};
   }
-`, $mt = Q.span`
+`, fmt = Q.span`
   font-size: ${J.sm};
   color: ${$.neutral["--neutral-400"]};
-`, Emt = ({
+`, dmt = ({
   label: a,
   supportingText: e,
   icon: t,
   children: p,
   ...o
-}) => /* @__PURE__ */ R.jsxs(bmt, { children: [
-  a && /* @__PURE__ */ R.jsxs(Amt, { children: [
+}) => /* @__PURE__ */ R.jsxs(Amt, { children: [
+  a && /* @__PURE__ */ R.jsxs(Zmt, { children: [
     a,
-    t && /* @__PURE__ */ R.jsx(Zmt, { children: t })
+    t && /* @__PURE__ */ R.jsx(hmt, { children: t })
   ] }),
-  /* @__PURE__ */ R.jsx(hmt, { children: /* @__PURE__ */ R.jsx(Hmt, { ...o, children: p }) }),
-  e && /* @__PURE__ */ R.jsx($mt, { children: e })
-] }), dmt = {
+  /* @__PURE__ */ R.jsx(Hmt, { children: /* @__PURE__ */ R.jsx($mt, { ...o, children: p }) }),
+  e && /* @__PURE__ */ R.jsx(fmt, { children: e })
+] }), Mmt = {
   fontFamily: {
     base: "'Mulish', sans-serif"
   },
@@ -81265,18 +81276,18 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 };
 export {
-  Omt as Button,
-  gmt as Icon,
-  Vmt as Input,
-  Emt as Select,
+  gmt as Button,
+  Vmt as Icon,
+  Emt as Input,
+  dmt as Select,
   p0 as primitiveBorders,
   M as primitiveColors,
   F1 as primitiveShadows,
   P as primitiveSizes,
-  ymt as semanticBorders,
+  Omt as semanticBorders,
   $ as semanticColors,
   j2 as semanticRadiusBorders,
   s1 as semanticShadows,
   J as semanticSizes,
-  dmt as typographyTokens
+  Mmt as typographyTokens
 };