@granto-umbrella/umbrella-components 1.2.0 → 1.2.2

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 = {}, g = null, V = null;
-    f !== void 0 && (g = "" + f), v.key !== void 0 && (g = "" + v.key), v.ref !== void 0 && (V = v.ref);
+    var Z, h = {}, y = null, V = null;
+    f !== void 0 && (y = "" + f), v.key !== void 0 && (y = "" + v.key), v.ref !== void 0 && (V = 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: g, ref: V, props: h, _owner: o.current };
+    return { $$typeof: e, type: A, key: y, ref: V, props: h, _owner: o.current };
   }
   return G0.Fragment = t, G0.jsx = s, G0.jsxs = s, G0;
 }
@@ -36,7 +36,7 @@ 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"), g = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), F = 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"), y = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), F = Symbol.iterator, k = "@@iterator";
     function U(m) {
       if (m === null || typeof m != "object")
         return null;
@@ -61,10 +61,10 @@ function Ta2() {
         I.unshift("Warning: " + u), Function.prototype.apply.call(console[m], console, I);
       }
     }
-    var N = !1, x = !1, M = !1, y = !1, o0 = !1, i0;
+    var N = !1, x = !1, w = !1, O = !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 || y || m === V || N || x || M || typeof m == "object" && m !== null && (m.$$typeof === g || 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 || O || m === V || 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -114,7 +114,7 @@ function Ta2() {
           case h:
             var H = m.displayName || null;
             return H !== null ? H : t0(m.type) || "Memo";
-          case g: {
+          case y: {
             var P = m, I = P._payload, j = P._init;
             try {
               return t0(j(I));
@@ -125,14 +125,14 @@ function Ta2() {
         }
       return null;
     }
-    var u0 = Object.assign, f0 = 0, _0, M0, R0, Y, A0, Z0, J;
+    var u0 = Object.assign, f0 = 0, _0, M0, R0, Y, A0, Z0, W;
     function w0() {
     }
     w0.__reactDisabledLog = !0;
     function T0() {
       {
         if (f0 === 0) {
-          _0 = console.log, M0 = console.info, R0 = console.warn, Y = console.error, A0 = console.group, Z0 = console.groupCollapsed, J = console.groupEnd;
+          _0 = console.log, M0 = console.info, R0 = console.warn, Y = console.error, A0 = console.group, Z0 = console.groupCollapsed, W = console.groupEnd;
           var m = {
             configurable: !0,
             enumerable: !0,
@@ -180,7 +180,7 @@ function Ta2() {
               value: Z0
             }),
             groupEnd: u0({}, m, {
-              value: J
+              value: W
             })
           });
         }
@@ -255,14 +255,14 @@ function Ta2() {
       } catch (_) {
         if (_ && H && typeof _.stack == "string") {
           for (var d = _.stack.split(`
-`), W = H.stack.split(`
-`), q = d.length - 1, T = W.length - 1; q >= 1 && T >= 0 && d[q] !== W[T]; )
+`), K = H.stack.split(`
+`), q = d.length - 1, T = K.length - 1; q >= 1 && T >= 0 && d[q] !== K[T]; )
             T--;
           for (; q >= 1 && T >= 0; q--, T--)
-            if (d[q] !== W[T]) {
+            if (d[q] !== K[T]) {
               if (q !== 1 || T !== 1)
                 do
-                  if (q--, T--, T < 0 || d[q] !== W[T]) {
+                  if (q--, T--, T < 0 || d[q] !== K[T]) {
                     var e0 = `
 ` + d[q].replace(" at new ", " at ");
                     return m.displayName && e0.includes("<anonymous>") && (e0 = e0.replace("<anonymous>", m.displayName)), typeof m == "function" && H0.set(m, e0), e0;
@@ -303,7 +303,7 @@ function Ta2() {
             return Aa2(m.render);
           case h:
             return X0(m.type, u, b);
-          case g: {
+          case y: {
             var H = m, P = H._payload, I = H._init;
             try {
               return X0(I(P), u, b);
@@ -329,8 +329,8 @@ function Ta2() {
             var d = void 0;
             try {
               if (typeof m[j] != "function") {
-                var W = Error((H || "React class") + ": " + b + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw W.name = "Invariant Violation", W;
+                var K = Error((H || "React class") + ": " + b + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw K.name = "Invariant Violation", K;
               }
               d = m[j](u, j, H, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
@@ -442,8 +442,8 @@ function Ta2() {
     };
     function wa2(m, u, b, H, P) {
       {
-        var I, j = {}, d = null, W = null;
-        b !== void 0 && (S2(b), d = "" + b), ga2(u) && (S2(u.key), d = "" + u.key), Oa2(u) && (W = u.ref, Va2(u, P));
+        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, P));
         for (I in u)
           z0.call(u, I) && !ya2.hasOwnProperty(I) && (j[I] = u[I]);
         if (m && m.defaultProps) {
@@ -451,11 +451,11 @@ function Ta2() {
           for (I in q)
             j[I] === void 0 && (j[I] = q[I]);
         }
-        if (d || W) {
+        if (d || K) {
           var T = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
-          d && Ea2(j, T), W && da2(j, T);
+          d && Ea2(j, T), K && da2(j, T);
         }
-        return Ma2(m, d, W, P, H, D2.current, j);
+        return Ma2(m, d, K, P, H, D2.current, j);
       }
     }
     var V1 = S.ReactCurrentOwner, k2 = S.ReactDebugCurrentFrame;
@@ -575,8 +575,8 @@ Check the top-level render call using <` + b + ">.");
         if (!j) {
           var d = "";
           (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (d += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var W = ja2();
-          W ? d += W : d += B2();
+          var K = ja2();
+          K ? d += K : d += B2();
           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);
         }
@@ -662,7 +662,7 @@ function Vq0(a) {
 function v0(a, e) {
   return (a = e.exec(a)) ? a[0] : a;
 }
-function O(a, e, t) {
+function g(a, e, t) {
   return a.replace(e, t);
 }
 function l1(a, e, t) {
@@ -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, g = 0, V = 0, F = 0, k = 1, U = 1, S = 1, E = 0, D = "", N = o, x = i, M = p, y = D; U; )
+  for (var f = 0, Z = 0, h = s, y = 0, V = 0, F = 0, k = 1, U = 1, S = 1, E = 0, D = "", N = o, x = i, w = p, O = D; U; )
     switch (F = E, E = c0()) {
       // (
       case 40:
-        if (F != 108 && G(y, h - 1) == 58) {
-          l1(y += O(w1(E), "&", "&\f"), "&\f", gq0(f ? A[f - 1] : 0)) != -1 && (S = -1);
+        if (F != 108 && G(O, h - 1) == 58) {
+          l1(O += g(w1(E), "&", "&\f"), "&\f", gq0(f ? A[f - 1] : 0)) != -1 && (S = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        y += w1(E);
+        O += w1(E);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        y += tt2(F);
+        O += tt2(F);
         break;
       // \
       case 92:
-        y += rt2(n1() - 1, 7);
+        O += 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:
-            y += "/";
+            O += "/";
         }
         break;
       // {
       case 123 * k:
-        A[f++] = m0(y) * S;
+        A[f++] = m0(O) * S;
       // } ; \0
       case 125 * k:
       case 59:
@@ -865,34 +865,34 @@ function c1(a, e, t, p, o, i, s, A, v) {
             U = 0;
           // ;
           case 59 + Z:
-            S == -1 && (y = O(y, /\f/g, "")), V > 0 && m0(y) - h && J0(V > 32 ? X2(y + ";", p, t, h - 1, v) : X2(O(y, " ", "") + ";", p, t, h - 2, v), v);
+            S == -1 && (O = g(O, /\f/g, "")), V > 0 && m0(O) - h && J0(V > 32 ? X2(O + ";", p, t, h - 1, v) : X2(g(O, " ", "") + ";", p, t, h - 2, v), v);
             break;
           // @ ;
           case 59:
-            y += ";";
+            O += ";";
           // { rule/at-rule
           default:
-            if (J0(M = _2(y, e, t, f, Z, o, A, D, N = [], x = [], h, i), i), E === 123)
+            if (J0(w = _2(O, e, t, f, Z, o, A, D, N = [], x = [], h, i), i), E === 123)
               if (Z === 0)
-                c1(y, e, M, M, N, i, h, A, x);
+                c1(O, e, w, w, N, i, h, A, x);
               else
-                switch (g === 99 && G(y, 3) === 110 ? 100 : g) {
+                switch (y === 99 && G(O, 3) === 110 ? 100 : y) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    c1(a, M, M, p && J0(_2(a, M, M, 0, 0, o, A, D, o, N = [], h, x), x), o, x, h, A, p ? N : x);
+                    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(y, M, M, M, [""], x, 0, A, x);
+                    c1(O, w, w, w, [""], x, 0, A, x);
                 }
         }
-        f = Z = V = 0, k = S = 1, D = y = "", h = s;
+        f = Z = V = 0, k = S = 1, D = O = "", h = s;
         break;
       // :
       case 58:
-        h = 1 + m0(y), V = F;
+        h = 1 + m0(O), V = F;
       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 (y += E2(E), E * k) {
+        switch (O += E2(E), E * k) {
           // &
           case 38:
-            S = Z > 0 ? 1 : (y += "\f", -1);
+            S = Z > 0 ? 1 : (O += "\f", -1);
             break;
           // ,
           case 44:
-            A[f++] = (m0(y) - 1) * S, S = 1;
+            A[f++] = (m0(O) - 1) * S, S = 1;
             break;
           // @
           case 64:
-            V0() === 45 && (y += w1(c0())), g = V0(), Z = h = m0(D = y += nt2(n1())), E++;
+            V0() === 45 && (O += w1(c0())), y = V0(), Z = h = m0(D = O += nt2(n1())), E++;
             break;
           // -
           case 45:
-            F === 45 && m0(y) == 2 && (k = 0);
+            F === 45 && m0(O) == 2 && (k = 0);
         }
     }
   return i;
 }
 function _2(a, e, t, p, o, i, s, A, v, f, Z, h) {
-  for (var g = o - 1, V = o === 0 ? i : [""], F = Eq0(V), k = 0, U = 0, S = 0; k < p; ++k)
-    for (var E = 0, D = D0(a, g + 1, g = gq0(U = s[k])), N = a; E < F; ++E)
-      (N = Vq0(U > 0 ? V[E] + " " + D : O(D, /&\f/g, V[E]))) && (v[S++] = N);
+  for (var y = o - 1, V = o === 0 ? i : [""], F = Eq0(V), 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 < F; ++E)
+      (N = Vq0(U > 0 ? V[E] + " " + D : g(D, /&\f/g, V[E]))) && (v[S++] = N);
   return h1(a, e, t, o === 0 ? A1 : A, v, f, Z, h);
 }
 function mt2(a, e, t, p) {
@@ -982,13 +982,13 @@ function Mq0(a, e, t) {
       switch (G(a, e + 11)) {
         // vertical-l(r)
         case 114:
-          return L + a + B + O(a, /[svh]\w+-[tblr]{2}/, "tb") + a;
+          return L + a + B + g(a, /[svh]\w+-[tblr]{2}/, "tb") + a;
         // vertical-r(l)
         case 108:
-          return L + a + B + O(a, /[svh]\w+-[tblr]{2}/, "tb-rl") + a;
+          return L + a + B + g(a, /[svh]\w+-[tblr]{2}/, "tb-rl") + a;
         // horizontal(-)tb
         case 45:
-          return L + a + B + O(a, /[svh]\w+-[tblr]{2}/, "lr") + a;
+          return L + a + B + g(a, /[svh]\w+-[tblr]{2}/, "lr") + a;
       }
     // flex, flex-direction, scroll-snap-type, writing-mode
     case 6828:
@@ -1000,35 +1000,35 @@ function Mq0(a, e, t) {
       return L + a + B + "flex-" + a + a;
     // align-items
     case 5187:
-      return L + a + O(a, /(\w+).+(:[^]+)/, L + "box-$1$2" + B + "flex-$1$2") + a;
+      return L + a + g(a, /(\w+).+(:[^]+)/, L + "box-$1$2" + B + "flex-$1$2") + a;
     // align-self
     case 5443:
-      return L + a + B + "flex-item-" + O(a, /flex-|-self/g, "") + (v0(a, /flex-|baseline/) ? "" : B + "grid-row-" + O(a, /flex-|-self/g, "")) + a;
+      return L + a + B + "flex-item-" + g(a, /flex-|-self/g, "") + (v0(a, /flex-|baseline/) ? "" : B + "grid-row-" + g(a, /flex-|-self/g, "")) + a;
     // align-content
     case 4675:
-      return L + a + B + "flex-line-pack" + O(a, /align-content|flex-|-self/g, "") + a;
+      return L + a + B + "flex-line-pack" + g(a, /align-content|flex-|-self/g, "") + a;
     // flex-shrink
     case 5548:
-      return L + a + B + O(a, "shrink", "negative") + a;
+      return L + a + B + g(a, "shrink", "negative") + a;
     // flex-basis
     case 5292:
-      return L + a + B + O(a, "basis", "preferred-size") + a;
+      return L + a + B + g(a, "basis", "preferred-size") + a;
     // flex-grow
     case 6060:
-      return L + "box-" + O(a, "-grow", "") + L + a + B + O(a, "grow", "positive") + a;
+      return L + "box-" + g(a, "-grow", "") + L + a + B + g(a, "grow", "positive") + a;
     // transition
     case 4554:
-      return L + O(a, /([^-])(transform)/g, "$1" + L + "$2") + a;
+      return L + g(a, /([^-])(transform)/g, "$1" + L + "$2") + a;
     // cursor
     case 6187:
-      return O(O(O(a, /(zoom-|grab)/, L + "$1"), /(image-set)/, L + "$1"), a, "") + a;
+      return g(g(g(a, /(zoom-|grab)/, L + "$1"), /(image-set)/, L + "$1"), a, "") + a;
     // background, background-image
     case 5495:
     case 3959:
-      return O(a, /(image-set\([^]*)/, L + "$1$`$1");
+      return g(a, /(image-set\([^]*)/, L + "$1$`$1");
     // justify-content
     case 4968:
-      return O(O(a, /(.+:)(flex-)?(.*)/, L + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + L + a + a;
+      return g(g(a, /(.+:)(flex-)?(.*)/, L + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + L + a + a;
     // justify-self
     case 4200:
       if (!v0(a, /flex-|baseline/)) return B + "grid-column-align" + D0(a, e) + a;
@@ -1036,25 +1036,25 @@ function Mq0(a, e, t) {
     // grid-template-(columns|rows)
     case 2592:
     case 3360:
-      return B + O(a, "template-", "") + a;
+      return B + g(a, "template-", "") + a;
     // grid-(row|column)-start
     case 4384:
     case 3616:
       return t && t.some(function(p, o) {
         return e = o, v0(p.props, /grid-\w+-end/);
-      }) ? ~l1(a + (t = t[e].value), "span", 0) ? a : B + O(a, "-start", "") + a + B + "grid-row-span:" + (~l1(t, "span", 0) ? v0(t, /\d+/) : +v0(t, /\d+/) - +v0(a, /\d+/)) + ";" : B + O(a, "-start", "") + a;
+      }) ? ~l1(a + (t = t[e].value), "span", 0) ? a : B + g(a, "-start", "") + a + B + "grid-row-span:" + (~l1(t, "span", 0) ? v0(t, /\d+/) : +v0(t, /\d+/) - +v0(a, /\d+/)) + ";" : B + g(a, "-start", "") + a;
     // grid-(row|column)-end
     case 4896:
     case 4128:
       return t && t.some(function(p) {
         return v0(p.props, /grid-\w+-start/);
-      }) ? a : B + O(O(a, "-end", "-span"), "span ", "") + a;
+      }) ? a : B + g(g(a, "-end", "-span"), "span ", "") + a;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return O(a, /(.+)-inline(.+)/, L + "$1$2") + a;
+      return g(a, /(.+)-inline(.+)/, L + "$1$2") + a;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -1076,32 +1076,32 @@ function Mq0(a, e, t) {
               break;
           // (f)ill-available, (f)it-content
           case 102:
-            return O(a, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + W0 + (G(a, e + 3) == 108 ? "$3" : "$2-$3")) + a;
+            return g(a, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + W0 + (G(a, e + 3) == 108 ? "$3" : "$2-$3")) + a;
           // (s)tretch
           case 115:
-            return ~l1(a, "stretch", 0) ? Mq0(O(a, "stretch", "fill-available"), e, t) + a : a;
+            return ~l1(a, "stretch", 0) ? Mq0(g(a, "stretch", "fill-available"), e, t) + a : a;
         }
       break;
     // grid-(column|row)
     case 5152:
     case 5920:
-      return O(a, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(p, o, i, s, A, v, f) {
+      return g(a, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(p, o, i, s, A, v, f) {
         return B + o + ":" + i + f + (s ? B + o + "-span:" + (A ? v : +v - +i) + f : "") + a;
       });
     // position: sticky
     case 4949:
       if (G(a, e + 6) === 121)
-        return O(a, ":", ":" + L) + a;
+        return g(a, ":", ":" + L) + 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 O(a, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + L + (G(a, 14) === 45 ? "inline-" : "") + "box$3$1" + L + "$2$3$1" + B + "$2box$3") + a;
+          return g(a, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + L + (G(a, 14) === 45 ? "inline-" : "") + "box$3$1" + L + "$2$3$1" + B + "$2box$3") + a;
         // (inline-)?gri(d)
         case 100:
-          return O(a, ":", ":" + B) + a;
+          return g(a, ":", ":" + B) + a;
       }
       break;
     // scroll-margin, scroll-margin-(top|right|bottom|left)
@@ -1110,7 +1110,7 @@ function Mq0(a, e, t) {
     case 2135:
     case 3927:
     case 2391:
-      return O(a, "scroll-", "scroll-snap-") + a;
+      return g(a, "scroll-", "scroll-snap-") + a;
   }
   return 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: O(a.value, "@", "@" + L) })], p);
+        return o1([$0(a, { value: g(a.value, "@", "@" + L) })], p);
       case A1:
         if (a.length)
           return Xa2(t = a.props, function(o) {
@@ -1163,11 +1163,11 @@ function ut2(a, e, t, p) {
               // :read-(only|write)
               case ":read-only":
               case ":read-write":
-                C0($0(a, { props: [O(o, /:(read-\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
+                C0($0(a, { props: [g(o, /:(read-\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
                 break;
               // :placeholder
               case "::placeholder":
-                C0($0(a, { props: [O(o, /:(plac\w+)/, ":" + L + "input-$1")] })), C0($0(a, { props: [O(o, /:(plac\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [O(o, /:(plac\w+)/, B + "input-$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
+                C0($0(a, { props: [g(o, /:(plac\w+)/, ":" + L + "input-$1")] })), C0($0(a, { props: [g(o, /:(plac\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [g(o, /:(plac\w+)/, B + "input-$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
                 break;
             }
             return "";
@@ -1497,13 +1497,13 @@ 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 g = function(S) {
+          var y = function(S) {
             return u1.get(S);
           }(h);
-          if (g === void 0) return "continue";
-          var V = i.names.get(g), F = s.getGroup(h);
+          if (y === void 0) return "continue";
+          var V = i.names.get(y), F = s.getGroup(h);
           if (V === void 0 || !V.size || F.length === 0) return "continue";
-          var k = "".concat(d0, ".g").concat(h, '[id="').concat(g, '"]'), U = "";
+          var k = "".concat(d0, ".g").concat(h, '[id="').concat(y, '"]'), U = "";
           V !== void 0 && V.forEach(function(S) {
             S.length > 0 && (U += "".concat(S, ","));
           }), v += "".concat(F).concat(k, '{content:"').concat(U, '"}').concat(d2);
@@ -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(g, V, F) {
-    return F.startsWith(t) && F.endsWith(t) && F.replaceAll(t, "").length > 0 ? ".".concat(e) : g;
+  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, V, F) {
+    return F.startsWith(t) && F.endsWith(t) && F.replaceAll(t, "").length > 0 ? ".".concat(e) : y;
   }, Z = v.slice();
-  Z.push(function(g) {
-    g.type === A1 && g.value.includes("&") && (g.props[0] = g.props[0].replace(Rt2, t).replace(p, f));
+  Z.push(function(y) {
+    y.type === A1 && y.value.includes("&") && (y.props[0] = y.props[0].replace(Rt2, t).replace(p, f));
   }), s.prefix && Z.push(ut2), Z.push(pt2);
-  var h = function(g, V, F, k) {
+  var h = function(y, V, F, k) {
     V === void 0 && (V = ""), F === void 0 && (F = ""), k === void 0 && (k = "&"), e = k, t = V, p = new RegExp("\\".concat(t, "\\b"), "g");
-    var U = g.replace(Tt2, ""), S = ct2(F || V ? "".concat(F, " ").concat(V, " { ").concat(U, " }") : U);
+    var U = y.replace(Tt2, ""), S = ct2(F || V ? "".concat(F, " ").concat(V, " { ").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(g, V) {
-    return V.name || q0(15), O0(g, V.name);
+  return h.hash = v.length ? v.reduce(function(y, V) {
+    return V.name || q0(15), O0(y, V.name);
   }, Pq0).toString() : "", h;
 }
 var Gt2 = new kq0(), B1 = zt2(), xq0 = r.createContext({ shouldForwardProp: void 0, styleSheet: Gt2, stylis: B1 });
@@ -1652,8 +1652,8 @@ 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 g = l8(E0(h, e, t, p));
-          v = O0(v, g + Z), f += g;
+          var y = l8(E0(h, e, t, p));
+          v = O0(v, y + Z), f += y;
         }
       }
       if (f) {
@@ -1668,13 +1668,13 @@ Tq0.Consumer;
 var L1 = {}, i8 = /* @__PURE__ */ new Set();
 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 M = typeof N != "string" ? "sc" : Y2(N);
-    L1[M] = (L1[M] || 0) + 1;
-    var y = "".concat(M, "-").concat($t2($1 + M + L1[M]));
-    return x ? "".concat(x, "-").concat(y) : y;
+    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;
   }(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, g = e.displayName && e.componentId ? "".concat(Y2(e.displayName), "-").concat(e.componentId) : e.componentId || f, V = p && o.attrs ? o.attrs.concat(A).filter(Boolean) : A, F = e.shouldForwardProp;
+  }(a) : Z, y = e.displayName && e.componentId ? "".concat(Y2(e.displayName), "-").concat(e.componentId) : e.componentId || f, V = p && o.attrs ? o.attrs.concat(A).filter(Boolean) : A, F = e.shouldForwardProp;
   if (p && o.shouldForwardProp) {
     var k = o.shouldForwardProp;
     if (e.shouldForwardProp) {
@@ -1684,42 +1684,42 @@ function _t2(a, e, t) {
       };
     } else F = k;
   }
-  var S = new Kt2(t, g, p ? o.componentStyle : void 0);
+  var S = new Kt2(t, y, p ? o.componentStyle : void 0);
   function E(N, x) {
-    return function(M, y, o0) {
-      var i0 = M.attrs, y1 = M.componentStyle, O1 = M.defaultProps, K0 = M.foldedComponentIds, t0 = M.styledComponentId, u0 = M.target, f0 = r.useContext(Tq0), _0 = m8(), M0 = M.shouldForwardProp || _0.shouldForwardProp;
+    return function(w, O, 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(y, f0, O1) || N0, Y = function(j0, s0, h0) {
+      var R0 = At2(O, 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, y, R0), A0 = Y.as || u0, Z0 = {};
-      for (var J in Y) Y[J] === void 0 || J[0] === "$" || J === "as" || J === "theme" && Y.theme === R0 || (J === "forwardedAs" ? Z0.as = Y.forwardedAs : M0 && !M0(J, A0) || (Z0[J] = Y[J], M0 || process.env.NODE_ENV !== "development" || Ja2(J) || i8.has(J) || !I1.has(A0) || (i8.add(J), console.warn('styled-components: it looks like an unknown prop "'.concat(J, '" 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.)')))));
+      }(i0, O, 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);
         return process.env.NODE_ENV !== "production" && G2(r0), r0;
       }(y1, Y);
-      process.env.NODE_ENV !== "production" && M.warnTooManyClasses && M.warnTooManyClasses(w0);
+      process.env.NODE_ENV !== "production" && w.warnTooManyClasses && w.warnTooManyClasses(w0);
       var T0 = g0(K0, t0);
       return w0 && (T0 += " " + w0), Y.className && (T0 += " " + Y.className), Z0[P1(A0) && !I1.has(A0) ? "class" : "className"] = T0, Z0.ref = o0, xa2(A0, Z0);
     }(D, N, x);
   }
   E.displayName = h;
   var D = r.forwardRef(E);
-  return D.attrs = V, D.componentStyle = S, D.displayName = h, D.shouldForwardProp = F, D.foldedComponentIds = p ? g0(o.foldedComponentIds, o.styledComponentId) : "", D.styledComponentId = g, D.target = p ? o.target : a, Object.defineProperty(D, "defaultProps", { get: function() {
+  return D.attrs = V, D.componentStyle = S, D.displayName = h, D.shouldForwardProp = F, D.foldedComponentIds = p ? g0(o.foldedComponentIds, o.styledComponentId) : "", D.styledComponentId = y, 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 M = [], y = 1; y < arguments.length; y++) M[y - 1] = arguments[y];
-      for (var o0 = 0, i0 = M; o0 < i0.length; o0++) k1(x, i0[o0], !0);
+      for (var w = [], O = 1; O < arguments.length; O++) w[O - 1] = arguments[O];
+      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, g), D.warnTooManyClasses = /* @__PURE__ */ function(N, x) {
-    var M = {}, y = !1;
+  } }), process.env.NODE_ENV !== "production" && (bt2(h, y), D.warnTooManyClasses = /* @__PURE__ */ function(N, x) {
+    var w = {}, O = !1;
     return function(o0) {
-      if (!y && (M[o0] = !0, Object.keys(M).length >= 200)) {
+      if (!O && (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 />`), y = !0, M = {};
+  <Component />`), O = !0, w = {};
       }
     };
-  }(h, g)), w2(D, function() {
+  }(h, y)), 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;
 }
@@ -1775,7 +1775,7 @@ var r1 = "__sc-".concat(d0, "__");
 process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[r1] || (window[r1] = 0), window[r1] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
 
 See https://s-c.sh/2BAXzed for more info.`), window[r1] += 1);
-const w = {
+const M = {
   base: {
     "--white": "#FFFFFF",
     "--black": "#000000"
@@ -1881,53 +1881,54 @@ const w = {
   }
 }, $ = {
   base: {
-    "--background": w.base["--white"],
-    "--text": w.base["--black"]
+    "--background": M.base["--white"],
+    "--text": M.base["--black"]
   },
   neutral: {
-    "--neutral-100": w.gray["--gray-100"],
-    "--neutral-200": w.gray["--gray-200"],
-    "--neutral-300": w.gray["--gray-300"],
-    "--neutral-400": w.gray["--gray-400"],
-    "--neutral-450": w.gray["--gray-450"],
-    "--neutral-500": w.gray["--gray-500"],
-    "--neutral-600": w.gray["--gray-600"]
+    "--neutral-100": M.gray["--gray-100"],
+    "--neutral-200": M.gray["--gray-200"],
+    "--neutral-300": M.gray["--gray-300"],
+    "--neutral-350": M.gray["--gray-350"],
+    "--neutral-400": M.gray["--gray-400"],
+    "--neutral-450": M.gray["--gray-450"],
+    "--neutral-500": M.gray["--gray-500"],
+    "--neutral-600": M.gray["--gray-600"]
   },
   branding: {
-    "--branding-100": w.purple["--purple-100"],
-    "--branding-200": w.purple["--purple-200"],
-    "--branding-300": w.purple["--purple-300"],
-    "--branding-400": w.purple["--purple-400"],
-    "--branding-450": w.purple["--purple-450"],
-    "--branding-500": w.purple["--purple-500"],
-    "--branding-550": w.purple["--purple-550"]
+    "--branding-100": M.purple["--purple-100"],
+    "--branding-200": M.purple["--purple-200"],
+    "--branding-300": M.purple["--purple-300"],
+    "--branding-400": M.purple["--purple-400"],
+    "--branding-450": M.purple["--purple-450"],
+    "--branding-500": M.purple["--purple-500"],
+    "--branding-550": M.purple["--purple-550"]
   },
   success: {
-    "--success-100": w.green["--green-50"],
-    "--success-200": w.green["--green-200"],
-    "--success-300": w.green["--green-300"],
-    "--success-400": w.green["--green-400"],
-    "--success-500": w.green["--green-500"],
-    "--success-600": w.green["--green-600"]
+    "--success-100": M.green["--green-50"],
+    "--success-200": M.green["--green-200"],
+    "--success-300": M.green["--green-300"],
+    "--success-400": M.green["--green-400"],
+    "--success-500": M.green["--green-500"],
+    "--success-600": M.green["--green-600"]
   },
   danger: {
-    "--danger-100": w.red["--red-50"],
-    "--danger-200": w.red["--red-200"],
-    "--danger-300": w.red["--red-300"],
-    "--danger-400": w.red["--red-400"],
-    "--danger-450": w.red["--red-450"],
-    "--danger-500": w.red["--red-500"],
-    "--danger-600": w.red["--red-600"]
+    "--danger-100": M.red["--red-50"],
+    "--danger-200": M.red["--red-200"],
+    "--danger-300": M.red["--red-300"],
+    "--danger-400": M.red["--red-400"],
+    "--danger-450": M.red["--red-450"],
+    "--danger-500": M.red["--red-500"],
+    "--danger-600": M.red["--red-600"]
   },
   warning: {
-    "--warning-100": w.yellow["--yellow-50"],
-    "--warning-200": w.yellow["--yellow-200"],
-    "--warning-300": w.yellow["--yellow-300"],
-    "--warning-400": w.yellow["--yellow-400"]
+    "--warning-100": M.yellow["--yellow-50"],
+    "--warning-200": M.yellow["--yellow-200"],
+    "--warning-300": M.yellow["--yellow-300"],
+    "--warning-400": M.yellow["--yellow-400"]
   },
   info: {
-    "--info-100": w.blue["--blue-50"],
-    "--info-200": w.blue["--blue-100"]
+    "--info-100": M.blue["--blue-50"],
+    "--info-200": M.blue["--blue-100"]
   }
 }, p0 = {
   width: {
@@ -2017,7 +2018,7 @@ const w = {
   // 72px
   "size-20": "5rem"
   // 80px
-}, K = {
+}, J = {
   xs: C["size-0.5"],
   // 2px
   sm: C["size-1"],
@@ -2038,7 +2039,7 @@ const w = {
   // Representa largura ou altura completa
 }, Xt2 = {
   xs: b0`
-    padding: ${C["size-1.5"]} ${K.xl};
+    padding: ${C["size-1.5"]} ${J.xl};
     font-size: ${C["size-3.5"]};
     icon-size: ${C["size-4"]};
   `,
@@ -2048,12 +2049,12 @@ const w = {
     icon-size: ${C["size-5"]};
   `,
   md: b0`
-    padding: ${K.lg} ${K["2xl"]};
+    padding: ${J.lg} ${J["2xl"]};
     font-size: ${C["size-4"]};
     icon-size: ${C["size-5"]};
   `,
   lg: b0`
-    padding: ${K.xl} ${K["2xl"]};
+    padding: ${J.xl} ${J["2xl"]};
     font-size: ${C["size-5"]};
     icon-size: ${C["size-6"]};
   `
@@ -2126,6 +2127,8 @@ const w = {
   cursor: pointer;
   transition: all 0.2s ease-in-out;
 
+  gap: ${J.md};
+
   ${({ size: a }) => Xt2[a]}
   ${({ variant: a }) => Qt2[a]}
 
@@ -2138,11 +2141,11 @@ const w = {
   }
 
   .icon-left {
-    margin-right: ${K.sm};
+    margin-right: ${J.sm};
   }
 
   .icon-right {
-    margin-left: ${K.sm};
+    margin-left: ${J.sm};
   }
 `;
 var e32 = Object.defineProperty, v1 = Object.getOwnPropertySymbols, Gq0 = Object.prototype.hasOwnProperty, Uq0 = Object.prototype.propertyIsEnumerable, v8 = (a, e, t) => e in a ? e32(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, a32 = (a, e) => {
@@ -64225,7 +64228,7 @@ const CC1 = l((a, e) => {
     "children",
     "weights"
   ]), h = fq0(PC1), {
-    color: g = "currentColor",
+    color: y = "currentColor",
     size: V,
     weight: F = "regular",
     mirrored: k = !1
@@ -64242,7 +64245,7 @@ const CC1 = l((a, e) => {
       xmlns: "http://www.w3.org/2000/svg",
       width: i ?? V,
       height: i ?? V,
-      fill: o ?? g,
+      fill: o ?? y,
       viewBox: "0 0 256 256",
       transform: A || k ? "scale(-1, 1)" : void 0
     }, U), Z),
@@ -80938,10 +80941,10 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   );
 }, mmt = {
-  xs: K.xs,
-  sm: K.sm,
-  md: K.md,
-  lg: K.lg
+  xs: J.xs,
+  sm: J.sm,
+  md: J.md,
+  lg: J.lg
 }, gmt = ({
   name: a,
   size: e = "md",
@@ -80956,17 +80959,17 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   gap: ${C["size-4"]};
 `, omt = Q.label`
   font-size: ${C["size-4"]};
-  color: ${$.neutral["--neutral-500"]};
+  color: ${$.neutral["--neutral-350"]};
   font-weight: 500;
 `, imt = Q.span`
   font-size: ${C["size-3"]};
-  color: ${({ $error: a }) => a ? $.danger["--danger-400"] : $.neutral["--neutral-450"]};
+  color: ${({ $error: a }) => a ? $.danger["--danger-400"] : $.neutral["--neutral-350"]};
 `, umt = Q.div`
   display: flex;
   align-items: center;
   padding: ${C["size-4"]};
   gap: ${C["size-2"]};
-  height: ${({ $size: a }) => K[a || "md"]};
+  height: ${({ $size: a }) => J[a || "md"]};
   border-radius: ${({ $radius: a }) => j2[a || "--border-1"]};
   box-shadow: ${({ $shadow: a }) => s1[a || "shadow"]};
   border: 1px solid
@@ -81010,7 +81013,8 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   supportText: v,
   size: f = "md",
   radius: Z = "--border-1",
-  shadow: h = "shadow"
+  shadow: h = "shadow",
+  style: y
 }) => /* @__PURE__ */ R.jsxs(pmt, { children: [
   A && /* @__PURE__ */ R.jsx(omt, { children: A }),
   /* @__PURE__ */ R.jsxs(
@@ -81026,6 +81030,7 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         /* @__PURE__ */ R.jsx(
           smt,
           {
+            style: y,
             type: a,
             placeholder: e,
             value: t,
@@ -81046,7 +81051,7 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   display: flex;
   justify-content: space-between;
   align-items: center;
-  font-size: ${K.sm};
+  font-size: ${J.sm};
   color: ${$.neutral["--neutral-500"]};
 `, Zmt = Q.span`
   display: flex;
@@ -81071,7 +81076,7 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   flex: 1;
   width: 100%;
   padding: ${C["size-4.5"]} ${C["size-6"]};
-  font-size: ${K.md};
+  font-size: ${J.md};
   color: ${$.neutral["--neutral-600"]};
   background: ${$.base["--background"]};
   border: none;
@@ -81082,7 +81087,7 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     color: ${$.neutral["--neutral-400"]};
   }
 `, $mt = Q.span`
-  font-size: ${K.sm};
+  font-size: ${J.sm};
   color: ${$.neutral["--neutral-400"]};
 `, Emt = ({
   label: a,
@@ -81097,19 +81102,169 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ] }),
   /* @__PURE__ */ R.jsx(hmt, { children: /* @__PURE__ */ R.jsx(Hmt, { ...o, children: p }) }),
   e && /* @__PURE__ */ R.jsx($mt, { children: e })
-] });
+] }), dmt = {
+  fontFamily: {
+    base: "'Mulish', sans-serif"
+  },
+  fontSizes: {
+    displayXL: "48px",
+    displayL: "36px",
+    displayM: "32px",
+    headingL: "28px",
+    headingM: "24px",
+    headingS: "20px",
+    bodyL: "18px",
+    bodyM: "16px",
+    bodyS: "14px",
+    labelL: "18px",
+    labelM: "16px",
+    labelS: "14px",
+    captionM: "12px",
+    captionS: "10px"
+  },
+  lineHeights: {
+    displayXL: "56px",
+    displayL: "44px",
+    displayM: "40px",
+    headingL: "34px",
+    headingM: "28px",
+    headingS: "26px",
+    bodyL: "24px",
+    bodyM: "22px",
+    bodyS: "20px",
+    labelL: "24px",
+    labelM: "22px",
+    labelS: "20px",
+    captionM: "16px",
+    captionS: "14px"
+  },
+  fontWeights: {
+    bold: "700",
+    semibold: "600",
+    medium: "500",
+    regular: "400"
+  },
+  letterSpacing: {
+    displayXL: "-4%",
+    displayL: "-3%",
+    displayM: "-2%",
+    headingL: "-1%",
+    default: "0%"
+  },
+  textStyles: {
+    displayXL: {
+      fontSize: "48px",
+      lineHeight: "56px",
+      fontWeight: "700",
+      // Bold
+      letterSpacing: "-4%"
+    },
+    displayL: {
+      fontSize: "36px",
+      lineHeight: "44px",
+      fontWeight: "600",
+      // Semibold
+      letterSpacing: "-3%"
+    },
+    displayM: {
+      fontSize: "32px",
+      lineHeight: "40px",
+      fontWeight: "600",
+      // Semibold
+      letterSpacing: "-2%"
+    },
+    headingL: {
+      fontSize: "28px",
+      lineHeight: "34px",
+      fontWeight: "600",
+      // Semibold
+      letterSpacing: "-1%"
+    },
+    headingM: {
+      fontSize: "24px",
+      lineHeight: "28px",
+      fontWeight: "500",
+      // Medium
+      letterSpacing: "0%"
+    },
+    headingS: {
+      fontSize: "20px",
+      lineHeight: "26px",
+      fontWeight: "500",
+      // Medium
+      letterSpacing: "0%"
+    },
+    bodyL: {
+      fontSize: "18px",
+      lineHeight: "24px",
+      fontWeight: "400",
+      // Regular
+      letterSpacing: "0%"
+    },
+    bodyM: {
+      fontSize: "16px",
+      lineHeight: "22px",
+      fontWeight: "400",
+      // Regular
+      letterSpacing: "0%"
+    },
+    bodyS: {
+      fontSize: "14px",
+      lineHeight: "20px",
+      fontWeight: "400",
+      // Regular
+      letterSpacing: "0%"
+    },
+    labelL: {
+      fontSize: "18px",
+      lineHeight: "24px",
+      fontWeight: "600",
+      // Semibold
+      letterSpacing: "0%"
+    },
+    labelM: {
+      fontSize: "16px",
+      lineHeight: "22px",
+      fontWeight: "500",
+      // Medium
+      letterSpacing: "0%"
+    },
+    labelS: {
+      fontSize: "14px",
+      lineHeight: "20px",
+      fontWeight: "500",
+      // Medium
+      letterSpacing: "0%"
+    },
+    captionM: {
+      fontSize: "12px",
+      lineHeight: "16px",
+      fontWeight: "500",
+      // Medium
+      letterSpacing: "0%"
+    },
+    captionS: {
+      fontSize: "10px",
+      lineHeight: "14px",
+      fontWeight: "500",
+      // Medium
+      letterSpacing: "0%"
+    }
+  }
+};
 export {
   Omt as Button,
   gmt as Icon,
   Vmt as Input,
   Emt as Select,
   p0 as primitiveBorders,
-  w as primitiveColors,
+  M as primitiveColors,
   F1 as primitiveShadows,
   C as primitiveSizes,
   ymt as semanticBorders,
   $ as semanticColors,
   j2 as semanticRadiusBorders,
   s1 as semanticShadows,
-  K as semanticSizes
+  J as semanticSizes,
+  dmt as typographyTokens
 };