prosperita-dumbo-react 0.0.6 → 0.0.8

package/dist/prosperita-dumbo-react.es.js

@@ -10,20 +10,20 @@ var zt = { exports: {} }, Ke = {};
  * LICENSE file in the root directory of this source tree.
  */
 var kr;
-function Eo() {
+function $o() {
   if (kr)
     return Ke;
   kr = 1;
   var e = J, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(u, d, y) {
-    var h, p = {}, v = null, m = null;
+    var h, g = {}, v = null, m = null;
     y !== void 0 && (v = "" + y), d.key !== void 0 && (v = "" + d.key), d.ref !== void 0 && (m = d.ref);
     for (h in d)
-      n.call(d, h) && !s.hasOwnProperty(h) && (p[h] = d[h]);
+      n.call(d, h) && !s.hasOwnProperty(h) && (g[h] = d[h]);
     if (u && u.defaultProps)
       for (h in d = u.defaultProps, d)
-        p[h] === void 0 && (p[h] = d[h]);
-    return { $$typeof: t, type: u, key: v, ref: m, props: p, _owner: l.current };
+        g[h] === void 0 && (g[h] = d[h]);
+    return { $$typeof: t, type: u, key: v, ref: m, props: g, _owner: l.current };
   }
   return Ke.Fragment = r, Ke.jsx = c, Ke.jsxs = c, Ke;
 }
@@ -38,26 +38,26 @@ var Xe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Sr;
-function $o() {
+function Eo() {
   return Sr || (Sr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = J, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), S = Symbol.iterator, D = "@@iterator";
+    var e = J, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), A = Symbol.iterator, D = "@@iterator";
     function M(a) {
       if (a === null || typeof a != "object")
         return null;
-      var f = S && a[S] || a[D];
+      var f = A && a[A] || a[D];
       return typeof f == "function" ? f : null;
     }
     var T = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function k(a) {
       {
-        for (var f = arguments.length, x = new Array(f > 1 ? f - 1 : 0), $ = 1; $ < f; $++)
-          x[$ - 1] = arguments[$];
-        E("error", a, x);
+        for (var f = arguments.length, x = new Array(f > 1 ? f - 1 : 0), E = 1; E < f; E++)
+          x[E - 1] = arguments[E];
+        $("error", a, x);
       }
     }
-    function E(a, f, x) {
+    function $(a, f, x) {
       {
-        var $ = T.ReactDebugCurrentFrame, H = $.getStackAddendum();
+        var E = T.ReactDebugCurrentFrame, H = E.getStackAddendum();
         H !== "" && (f += "%s", x = x.concat([H]));
         var j = x.map(function(_) {
           return String(_);
@@ -68,16 +68,16 @@ function $o() {
     var L = !1, P = !1, C = !1, w = !1, K = !1, te;
     te = Symbol.for("react.module.reference");
     function be(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === n || a === s || K || a === l || a === y || a === h || w || a === m || L || P || C || typeof a == "object" && a !== null && (a.$$typeof === v || a.$$typeof === p || a.$$typeof === c || a.$$typeof === u || a.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof a == "string" || typeof a == "function" || a === n || a === s || K || a === l || a === y || a === h || w || a === m || L || P || C || typeof a == "object" && a !== null && (a.$$typeof === v || a.$$typeof === g || a.$$typeof === c || a.$$typeof === u || a.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       a.$$typeof === te || a.getModuleId !== void 0));
     }
     function ke(a, f, x) {
-      var $ = a.displayName;
-      if ($)
-        return $;
+      var E = a.displayName;
+      if (E)
+        return E;
       var H = f.displayName || f.name || "";
       return H !== "" ? x + "(" + H + ")" : x;
     }
@@ -115,9 +115,9 @@ function $o() {
             return xe(x._context) + ".Provider";
           case d:
             return ke(a, a.render, "ForwardRef");
-          case p:
-            var $ = a.displayName || null;
-            return $ !== null ? $ : Y(a.type) || "Memo";
+          case g:
+            var E = a.displayName || null;
+            return E !== null ? E : Y(a.type) || "Memo";
           case v: {
             var H = a, j = H._payload, _ = H._init;
             try {
@@ -198,8 +198,8 @@ function $o() {
           try {
             throw Error();
           } catch (H) {
-            var $ = H.stack.trim().match(/\n( *(at )?)/);
-            me = $ && $[1] || "";
+            var E = H.stack.trim().match(/\n( *(at )?)/);
+            me = E && E[1] || "";
           }
         return `
 ` + me + a;
@@ -218,7 +218,7 @@ function $o() {
         if (x !== void 0)
           return x;
       }
-      var $;
+      var E;
       de = !0;
       var H = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -237,14 +237,14 @@ function $o() {
             try {
               Reflect.construct(_, []);
             } catch (re) {
-              $ = re;
+              E = re;
             }
             Reflect.construct(a, [], _);
           } else {
             try {
               _.call();
             } catch (re) {
-              $ = re;
+              E = re;
             }
             a.call(_.prototype);
           }
@@ -252,14 +252,14 @@ function $o() {
           try {
             throw Error();
           } catch (re) {
-            $ = re;
+            E = re;
           }
           a();
         }
       } catch (re) {
-        if (re && $ && typeof re.stack == "string") {
+        if (re && E && typeof re.stack == "string") {
           for (var O = re.stack.split(`
-`), ee = $.stack.split(`
+`), ee = E.stack.split(`
 `), W = O.length - 1, Z = ee.length - 1; W >= 1 && Z >= 0 && O[W] !== ee[Z]; )
             Z--;
           for (; W >= 1 && Z >= 0; W--, Z--)
@@ -305,10 +305,10 @@ function $o() {
         switch (a.$$typeof) {
           case d:
             return eo(a.render);
-          case p:
+          case g:
             return ot(a.type, f, x);
           case v: {
-            var $ = a, H = $._payload, j = $._init;
+            var E = a, H = E._payload, j = E._init;
             try {
               return ot(j(H), f, x);
             } catch {
@@ -325,7 +325,7 @@ function $o() {
       } else
         dr.setExtraStackFrame(null);
     }
-    function ro(a, f, x, $, H) {
+    function ro(a, f, x, E, H) {
       {
         var j = Function.call.bind(Ye);
         for (var _ in a)
@@ -333,14 +333,14 @@ function $o() {
             var O = void 0;
             try {
               if (typeof a[_] != "function") {
-                var ee = Error(($ || "React class") + ": " + x + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var ee = Error((E || "React class") + ": " + x + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ee.name = "Invariant Violation", ee;
               }
-              O = a[_](f, _, $, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              O = a[_](f, _, E, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (W) {
               O = W;
             }
-            O && !(O instanceof Error) && (at(H), k("%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).", $ || "React class", x, _, typeof O), at(null)), O instanceof Error && !(O.message in cr) && (cr[O.message] = !0, at(H), k("Failed %s type: %s", x, O.message), at(null));
+            O && !(O instanceof Error) && (at(H), k("%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).", E || "React class", x, _, typeof O), at(null)), O instanceof Error && !(O.message in cr) && (cr[O.message] = !0, at(H), k("Failed %s type: %s", x, O.message), at(null));
           }
       }
     }
@@ -419,7 +419,7 @@ function $o() {
         });
       }
     }
-    var po = function(a, f, x, $, H, j, _) {
+    var po = function(a, f, x, E, H, j, _) {
       var O = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -440,7 +440,7 @@ function $o() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: $
+        value: E
       }), Object.defineProperty(O, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -448,7 +448,7 @@ function $o() {
         value: H
       }), Object.freeze && (Object.freeze(O.props), Object.freeze(O)), O;
     };
-    function go(a, f, x, $, H) {
+    function go(a, f, x, E, H) {
       {
         var j, _ = {}, O = null, ee = null;
         x !== void 0 && (fr(x), O = "" + x), so(f) && (fr(f.key), O = "" + f.key), lo(f) && (ee = f.ref, co(f, H));
@@ -463,7 +463,7 @@ function $o() {
           var Z = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
           O && uo(_, Z), ee && fo(_, Z);
         }
-        return po(a, O, ee, H, $, qe.current, _);
+        return po(a, O, ee, H, E, qe.current, _);
       }
     }
     var Lt = T.ReactCurrentOwner, hr = T.ReactDebugCurrentFrame;
@@ -524,8 +524,8 @@ Check the top-level render call using <` + x + ">.");
         if (br[x])
           return;
         br[x] = !0;
-        var $ = "";
-        a && a._owner && a._owner !== Lt.current && ($ = " It was passed a child from " + Y(a._owner.type) + "."), Be(a), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, $), Be(null);
+        var E = "";
+        a && a._owner && a._owner !== Lt.current && (E = " It was passed a child from " + Y(a._owner.type) + "."), Be(a), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, E), Be(null);
       }
     }
     function vr(a, f) {
@@ -534,8 +534,8 @@ Check the top-level render call using <` + x + ">.");
           return;
         if (It(a))
           for (var x = 0; x < a.length; x++) {
-            var $ = a[x];
-            Rt($) && xr($, f);
+            var E = a[x];
+            Rt(E) && xr(E, f);
           }
         else if (Rt(a))
           a._store && (a._store.validated = !0);
@@ -557,13 +557,13 @@ Check the top-level render call using <` + x + ">.");
           x = f.propTypes;
         else if (typeof f == "object" && (f.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        f.$$typeof === p))
+        f.$$typeof === g))
           x = f.propTypes;
         else
           return;
         if (x) {
-          var $ = Y(f);
-          ro(x, a.props, "prop", $, a);
+          var E = Y(f);
+          ro(x, a.props, "prop", E, a);
         } else if (f.PropTypes !== void 0 && !Dt) {
           Dt = !0;
           var H = Y(f);
@@ -575,9 +575,9 @@ Check the top-level render call using <` + x + ">.");
     function xo(a) {
       {
         for (var f = Object.keys(a.props), x = 0; x < f.length; x++) {
-          var $ = f[x];
-          if ($ !== "children" && $ !== "key") {
-            Be(a), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), Be(null);
+          var E = f[x];
+          if (E !== "children" && E !== "key") {
+            Be(a), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Be(null);
             break;
           }
         }
@@ -585,7 +585,7 @@ Check the top-level render call using <` + x + ">.");
       }
     }
     var mr = {};
-    function wr(a, f, x, $, H, j) {
+    function wr(a, f, x, E, H, j) {
       {
         var _ = be(a);
         if (!_) {
@@ -602,7 +602,7 @@ Check the top-level render call using <` + x + ">.");
         if (_) {
           var ae = f.children;
           if (ae !== void 0)
-            if ($)
+            if (E)
               if (It(ae)) {
                 for (var Oe = 0; Oe < ae.length; Oe++)
                   vr(ae[Oe], a);
@@ -639,9 +639,9 @@ React keys must be passed directly to JSX without using spread:
     Xe.Fragment = n, Xe.jsx = wo, Xe.jsxs = Co;
   }()), Xe;
 }
-process.env.NODE_ENV === "production" ? zt.exports = Eo() : zt.exports = $o();
+process.env.NODE_ENV === "production" ? zt.exports = $o() : zt.exports = Eo();
 var tr = zt.exports;
-const A = tr.Fragment, o = tr.jsx, b = tr.jsxs;
+const S = tr.Fragment, o = tr.jsx, b = tr.jsxs;
 var ne = function() {
   return ne = Object.assign || function(t) {
     for (var r, n = 1, l = arguments.length; n < l; n++) {
@@ -729,7 +729,7 @@ function _o() {
 function fe() {
   return U = le < Cn ? q(We, le++) : 0, Ve++, U === 10 && (Ve = 1, Ct++), U;
 }
-function $e() {
+function Ee() {
   return q(We, le);
 }
 function ft() {
@@ -780,14 +780,14 @@ function Ot(e) {
   return mn(St(le - 1, Zt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Vo(e) {
-  for (; (U = $e()) && U < 33; )
+  for (; (U = Ee()) && U < 33; )
     fe();
   return Wt(e) > 2 || Wt(U) > 3 ? "" : " ";
 }
 function jo(e, t) {
   for (; --t && fe() && !(U < 48 || U > 102 || U > 57 && U < 65 || U > 70 && U < 97); )
     ;
-  return St(e, ft() + (t < 6 && $e() == 32 && fe() == 32));
+  return St(e, ft() + (t < 6 && Ee() == 32 && fe() == 32));
 }
 function Zt(e) {
   for (; fe(); )
@@ -809,12 +809,12 @@ function Zt(e) {
 }
 function Fo(e, t) {
   for (; fe() && e + U !== 47 + 10; )
-    if (e + U === 42 + 42 && $e() === 47)
+    if (e + U === 42 + 42 && Ee() === 47)
       break;
   return "/*" + St(t, le - 1) + "*" + nr(e === 47 ? e : fe());
 }
 function No(e) {
-  for (; !Wt($e()); )
+  for (; !Wt(Ee()); )
     fe();
   return St(e, le);
 }
@@ -822,10 +822,10 @@ function zo(e) {
   return Mo(pt("", null, null, null, [""], e = Ho(e), 0, [0], e));
 }
 function pt(e, t, r, n, l, s, c, u, d) {
-  for (var y = 0, h = 0, p = c, v = 0, m = 0, S = 0, D = 1, M = 1, T = 1, k = 0, E = "", L = l, P = s, C = n, w = E; M; )
-    switch (S = k, k = fe()) {
+  for (var y = 0, h = 0, g = c, v = 0, m = 0, A = 0, D = 1, M = 1, T = 1, k = 0, $ = "", L = l, P = s, C = n, w = $; M; )
+    switch (A = k, k = fe()) {
       case 40:
-        if (S != 108 && q(w, p - 1) == 58) {
+        if (A != 108 && q(w, g - 1) == 58) {
           ut(w += R(Ot(k), "&", "&\f"), "&\f", vn(y ? u[y - 1] : 0)) != -1 && (T = -1);
           break;
         }
@@ -838,13 +838,13 @@ function pt(e, t, r, n, l, s, c, u, d) {
       case 10:
       case 13:
       case 32:
-        w += Vo(S);
+        w += Vo(A);
         break;
       case 92:
         w += jo(ft() - 1, 7);
         continue;
       case 47:
-        switch ($e()) {
+        switch (Ee()) {
           case 42:
           case 47:
             Qe(Go(Fo(fe(), ft()), t, r, d), d);
@@ -863,30 +863,30 @@ function pt(e, t, r, n, l, s, c, u, d) {
           case 125:
             M = 0;
           case 59 + h:
-            T == -1 && (w = R(w, /\f/g, "")), m > 0 && pe(w) - p && Qe(m > 32 ? $r(w + ";", n, r, p - 1, d) : $r(R(w, " ", "") + ";", n, r, p - 2, d), d);
+            T == -1 && (w = R(w, /\f/g, "")), m > 0 && pe(w) - g && Qe(m > 32 ? Er(w + ";", n, r, g - 1, d) : Er(R(w, " ", "") + ";", n, r, g - 2, d), d);
             break;
           case 59:
             w += ";";
           default:
-            if (Qe(C = Er(w, t, r, y, h, l, u, E, L = [], P = [], p, s), s), k === 123)
+            if (Qe(C = $r(w, t, r, y, h, l, u, $, L = [], P = [], g, s), s), k === 123)
               if (h === 0)
-                pt(w, t, C, C, L, s, p, u, P);
+                pt(w, t, C, C, L, s, g, u, P);
               else
                 switch (v === 99 && q(w, 3) === 110 ? 100 : v) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    pt(e, C, C, n && Qe(Er(e, C, C, 0, 0, l, u, E, l, L = [], p, P), P), l, P, p, u, n ? L : P);
+                    pt(e, C, C, n && Qe($r(e, C, C, 0, 0, l, u, $, l, L = [], g, P), P), l, P, g, u, n ? L : P);
                     break;
                   default:
                     pt(w, C, C, C, [""], P, 0, u, P);
                 }
         }
-        y = h = m = 0, D = T = 1, E = w = "", p = c;
+        y = h = m = 0, D = T = 1, $ = w = "", g = c;
         break;
       case 58:
-        p = 1 + pe(w), m = S;
+        g = 1 + pe(w), m = A;
       default:
         if (D < 1) {
           if (k == 123)
@@ -902,24 +902,24 @@ function pt(e, t, r, n, l, s, c, u, d) {
             u[y++] = (pe(w) - 1) * T, T = 1;
             break;
           case 64:
-            $e() === 45 && (w += Ot(fe())), v = $e(), h = p = pe(E = w += No(ft())), k++;
+            Ee() === 45 && (w += Ot(fe())), v = Ee(), h = g = pe($ = w += No(ft())), k++;
             break;
           case 45:
-            S === 45 && pe(w) == 2 && (D = 0);
+            A === 45 && pe(w) == 2 && (D = 0);
         }
     }
   return s;
 }
-function Er(e, t, r, n, l, s, c, u, d, y, h, p) {
-  for (var v = l - 1, m = l === 0 ? s : [""], S = wn(m), D = 0, M = 0, T = 0; D < n; ++D)
-    for (var k = 0, E = Me(e, v + 1, v = vn(M = c[D])), L = e; k < S; ++k)
-      (L = mn(M > 0 ? m[k] + " " + E : R(E, /&\f/g, m[k]))) && (d[T++] = L);
-  return kt(e, t, r, l === 0 ? wt : u, d, y, h, p);
+function $r(e, t, r, n, l, s, c, u, d, y, h, g) {
+  for (var v = l - 1, m = l === 0 ? s : [""], A = wn(m), D = 0, M = 0, T = 0; D < n; ++D)
+    for (var k = 0, $ = Me(e, v + 1, v = vn(M = c[D])), L = e; k < A; ++k)
+      (L = mn(M > 0 ? m[k] + " " + $ : R($, /&\f/g, m[k]))) && (d[T++] = L);
+  return kt(e, t, r, l === 0 ? wt : u, d, y, h, g);
 }
 function Go(e, t, r, n) {
   return kt(e, t, r, bn, nr(Oo()), Me(e, 2, -2), 0, n);
 }
-function $r(e, t, r, n, l) {
+function Er(e, t, r, n, l) {
   return kt(e, t, r, rr, Me(e, 0, n), Me(e, n + 1, -1), n, l);
 }
 function kn(e, t, r) {
@@ -1194,7 +1194,7 @@ To resolve this only create new StyledComponents outside of any render method an
       console.error = l;
     }
   }
-}, Et = Object.freeze([]), je = Object.freeze({});
+}, $t = Object.freeze([]), je = Object.freeze({});
 function Jo(e, t, r) {
   return r === void 0 && (r = je), e.theme !== r.theme && e.theme || t || r.theme;
 }
@@ -1211,15 +1211,15 @@ function Yt(e) {
     r = Tr(t % lt) + r;
   return (Tr(t % lt) + r).replace(ta, "$1-$2");
 }
-var _t, En = 5381, Ae = function(e, t) {
+var _t, $n = 5381, Ae = function(e, t) {
   for (var r = t.length; r; )
     e = 33 * e ^ t.charCodeAt(--r);
   return e;
-}, $n = function(e) {
-  return Ae(En, e);
+}, En = function(e) {
+  return Ae($n, e);
 };
 function Pn(e) {
-  return Yt($n(e) >>> 0);
+  return Yt(En(e) >>> 0);
 }
 function In(e) {
   return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
@@ -1260,7 +1260,7 @@ function Fe(e) {
 function ar(e) {
   return typeof e == "object" && "styledComponentId" in e;
 }
-function Ee(e, t) {
+function $e(e, t) {
   return e && t ? "".concat(e, " ").concat(t) : e || t || "";
 }
 function qt(e, t) {
@@ -1477,19 +1477,19 @@ var Bn = function(e) {
     var l = this;
     this.options = ne(ne({}, ka), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && xt && Or && (Or = !1, Br(this)), ir(this, function() {
       return function(s) {
-        for (var c = s.getTag(), u = c.length, d = "", y = function(p) {
+        for (var c = s.getTag(), u = c.length, d = "", y = function(g) {
           var v = function(T) {
             return vt.get(T);
-          }(p);
+          }(g);
           if (v === void 0)
             return "continue";
-          var m = s.names.get(v), S = c.getGroup(p);
-          if (m === void 0 || !m.size || S.length === 0)
+          var m = s.names.get(v), A = c.getGroup(g);
+          if (m === void 0 || !m.size || A.length === 0)
             return "continue";
-          var D = "".concat(Te, ".g").concat(p, '[id="').concat(v, '"]'), M = "";
+          var D = "".concat(Te, ".g").concat(g, '[id="').concat(v, '"]'), M = "";
           m !== void 0 && m.forEach(function(T) {
             T.length > 0 && (M += "".concat(T, ","));
-          }), d += "".concat(S).concat(D, '{content:"').concat(M, '"}').concat(or);
+          }), d += "".concat(A).concat(D, '{content:"').concat(M, '"}').concat(or);
         }, h = 0; h < u; h++)
           y(h);
         return d;
@@ -1536,27 +1536,27 @@ function _n(e, t) {
     })), Array.isArray(r.children) && r.type !== "@keyframes" && (r.children = _n(r.children, t)), r;
   });
 }
-function Ea(e) {
-  var t, r, n, l = e === void 0 ? je : e, s = l.options, c = s === void 0 ? je : s, u = l.plugins, d = u === void 0 ? Et : u, y = function(v, m, S) {
-    return S.startsWith(r) && S.endsWith(r) && S.replaceAll(r, "").length > 0 ? ".".concat(t) : v;
+function $a(e) {
+  var t, r, n, l = e === void 0 ? je : e, s = l.options, c = s === void 0 ? je : s, u = l.plugins, d = u === void 0 ? $t : u, y = function(v, m, A) {
+    return A.startsWith(r) && A.endsWith(r) && A.replaceAll(r, "").length > 0 ? ".".concat(t) : v;
   }, h = d.slice();
   h.push(function(v) {
     v.type === wt && v.value.includes("&") && (v.props[0] = v.props[0].replace(Sa, r).replace(n, y));
   }), c.prefix && h.push(Yo), h.push(Wo);
-  var p = function(v, m, S, D) {
-    m === void 0 && (m = ""), S === void 0 && (S = ""), D === void 0 && (D = "&"), t = D, r = m, n = new RegExp("\\".concat(r, "\\b"), "g");
-    var M = v.replace(Aa, ""), T = zo(S || m ? "".concat(S, " ").concat(m, " { ").concat(M, " }") : M);
+  var g = function(v, m, A, D) {
+    m === void 0 && (m = ""), A === void 0 && (A = ""), D === void 0 && (D = "&"), t = D, r = m, n = new RegExp("\\".concat(r, "\\b"), "g");
+    var M = v.replace(Aa, ""), T = zo(A || m ? "".concat(A, " ").concat(m, " { ").concat(M, " }") : M);
     c.namespace && (T = _n(T, c.namespace));
     var k = [];
-    return bt(T, Zo(h.concat(Uo(function(E) {
-      return k.push(E);
+    return bt(T, Zo(h.concat(Uo(function($) {
+      return k.push($);
     })))), k;
   };
-  return p.hash = d.length ? d.reduce(function(v, m) {
+  return g.hash = d.length ? d.reduce(function(v, m) {
     return m.name || Ze(15), Ae(v, m.name);
-  }, En).toString() : "", p;
+  }, $n).toString() : "", g;
 }
-var $a = new On(), Xt = Ea(), Hn = J.createContext({ shouldForwardProp: void 0, styleSheet: $a, stylis: Xt });
+var Ea = new On(), Xt = $a(), Hn = J.createContext({ shouldForwardProp: void 0, styleSheet: Ea, stylis: Xt });
 Hn.Consumer;
 J.createContext(void 0);
 function _r() {
@@ -1610,7 +1610,7 @@ function Pe(e, t, r, n) {
     return process.env.NODE_ENV === "production" || typeof l != "object" || Array.isArray(l) || l instanceof Jt || Ne(l) || l === null || console.error("".concat(In(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.")), Pe(l, t, r, n);
   }
   var s;
-  return e instanceof Jt ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : Ne(e) ? Vn(e) : Array.isArray(e) ? Array.prototype.concat.apply(Et, e.map(function(c) {
+  return e instanceof Jt ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : Ne(e) ? Vn(e) : Array.isArray(e) ? Array.prototype.concat.apply($t, e.map(function(c) {
     return Pe(c, t, r, n);
   })) : [e.toString()];
 }
@@ -1622,7 +1622,7 @@ function Ia(e) {
   }
   return !0;
 }
-var Ta = $n(At), La = function() {
+var Ta = En(At), La = function() {
   function e(t, r, n) {
     this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && Ia(t), this.componentId = r, this.baseHash = Ae(Ta, r), this.baseStyle = n, On.registerId(r);
   }
@@ -1630,28 +1630,28 @@ var Ta = $n(At), La = function() {
     var l = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
     if (this.isStatic && !n.hash)
       if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId))
-        l = Ee(l, this.staticRulesId);
+        l = $e(l, this.staticRulesId);
       else {
         var s = qt(Pe(this.rules, t, r, n)), c = Yt(Ae(this.baseHash, s) >>> 0);
         if (!r.hasNameForId(this.componentId, c)) {
           var u = n(s, ".".concat(c), void 0, this.componentId);
           r.insertRules(this.componentId, c, u);
         }
-        l = Ee(l, c), this.staticRulesId = c;
+        l = $e(l, c), this.staticRulesId = c;
       }
     else {
       for (var d = Ae(this.baseHash, n.hash), y = "", h = 0; h < this.rules.length; h++) {
-        var p = this.rules[h];
-        if (typeof p == "string")
-          y += p, process.env.NODE_ENV !== "production" && (d = Ae(d, p));
-        else if (p) {
-          var v = qt(Pe(p, t, r, n));
+        var g = this.rules[h];
+        if (typeof g == "string")
+          y += g, process.env.NODE_ENV !== "production" && (d = Ae(d, g));
+        else if (g) {
+          var v = qt(Pe(g, t, r, n));
           d = Ae(d, v + h), y += v;
         }
       }
       if (y) {
         var m = Yt(d >>> 0);
-        r.hasNameForId(this.componentId, m) || r.insertRules(this.componentId, m, n(y, ".".concat(m), void 0, this.componentId)), l = Ee(l, m);
+        r.hasNameForId(this.componentId, m) || r.insertRules(this.componentId, m, n(y, ".".concat(m), void 0, this.componentId)), l = $e(l, m);
       }
     }
     return l;
@@ -1660,23 +1660,23 @@ var Ta = $n(At), La = function() {
 jn.Consumer;
 var Mt = {}, Mr = /* @__PURE__ */ new Set();
 function Da(e, t, r) {
-  var n = ar(e), l = e, s = !Ht(e), c = t.attrs, u = c === void 0 ? Et : c, d = t.componentId, y = d === void 0 ? function(L, P) {
+  var n = ar(e), l = e, s = !Ht(e), c = t.attrs, u = c === void 0 ? $t : c, d = t.componentId, y = d === void 0 ? function(L, P) {
     var C = typeof L != "string" ? "sc" : Ir(L);
     Mt[C] = (Mt[C] || 0) + 1;
     var w = "".concat(C, "-").concat(Pn(At + C + Mt[C]));
     return P ? "".concat(P, "-").concat(w) : w;
-  }(t.displayName, t.parentComponentId) : d, h = t.displayName, p = h === void 0 ? function(L) {
+  }(t.displayName, t.parentComponentId) : d, h = t.displayName, g = h === void 0 ? function(L) {
     return Ht(L) ? "styled.".concat(L) : "Styled(".concat(In(L), ")");
-  }(e) : h, v = t.displayName && t.componentId ? "".concat(Ir(t.displayName), "-").concat(t.componentId) : t.componentId || y, m = n && l.attrs ? l.attrs.concat(u).filter(Boolean) : u, S = t.shouldForwardProp;
+  }(e) : h, v = t.displayName && t.componentId ? "".concat(Ir(t.displayName), "-").concat(t.componentId) : t.componentId || y, m = n && l.attrs ? l.attrs.concat(u).filter(Boolean) : u, A = t.shouldForwardProp;
   if (n && l.shouldForwardProp) {
     var D = l.shouldForwardProp;
     if (t.shouldForwardProp) {
       var M = t.shouldForwardProp;
-      S = function(L, P) {
+      A = function(L, P) {
         return D(L, P) && M(L, P);
       };
     } else
-      S = D;
+      A = D;
   }
   var T = new La(r, v, n ? l.componentStyle : void 0);
   function k(L, P) {
@@ -1687,9 +1687,9 @@ function Da(e, t, r) {
         for (var ce, de = ne(ne({}, ge), { className: void 0, theme: me }), we = 0; we < De.length; we += 1) {
           var Re = Fe(ce = De[we]) ? ce(de) : ce;
           for (var ue in Re)
-            de[ue] = ue === "className" ? Ee(de[ue], Re[ue]) : ue === "style" ? ne(ne({}, de[ue]), Re[ue]) : Re[ue];
+            de[ue] = ue === "className" ? $e(de[ue], Re[ue]) : ue === "style" ? ne(ne({}, de[ue]), Re[ue]) : Re[ue];
         }
-        return ge.className && (de.className = Ee(de.className, ge.className)), de;
+        return ge.className && (de.className = $e(de.className, ge.className)), de;
       }(te, w, se), oe = X.as || B, ve = {};
       for (var Q in X)
         X[Q] === void 0 || Q[0] === "$" || Q === "as" || Q === "theme" && X.theme === se || (Q === "forwardedAs" ? ve.as = X.forwardedAs : G && !G(Q, oe) || (ve[Q] = X[Q], G || process.env.NODE_ENV !== "development" || To(Q) || Mr.has(Q) || !Ut.has(oe) || (Mr.add(Q), console.warn('styled-components: it looks like an unknown prop "'.concat(Q, '" 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.)')))));
@@ -1698,13 +1698,13 @@ function Da(e, t, r) {
         return process.env.NODE_ENV !== "production" && Cr(ce), ce;
       }(be, X);
       process.env.NODE_ENV !== "production" && C.warnTooManyClasses && C.warnTooManyClasses(Le);
-      var Ue = Ee(xe, Y);
+      var Ue = $e(xe, Y);
       return Le && (Ue += " " + Le), X.className && (Ue += " " + X.className), ve[Ht(oe) && !Ut.has(oe) ? "class" : "className"] = Ue, ve.ref = K, yn(oe, ve);
-    }(E, L, P);
+    }($, L, P);
   }
-  k.displayName = p;
-  var E = J.forwardRef(k);
-  return E.attrs = m, E.componentStyle = T, E.displayName = p, E.shouldForwardProp = S, E.foldedComponentIds = n ? Ee(l.foldedComponentIds, l.styledComponentId) : "", E.styledComponentId = v, E.target = n ? l.target : e, Object.defineProperty(E, "defaultProps", { get: function() {
+  k.displayName = g;
+  var $ = J.forwardRef(k);
+  return $.attrs = m, $.componentStyle = T, $.displayName = g, $.shouldForwardProp = A, $.foldedComponentIds = n ? $e(l.foldedComponentIds, l.styledComponentId) : "", $.styledComponentId = v, $.target = n ? l.target : e, Object.defineProperty($, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(L) {
     this._foldedDefaultProps = n ? function(P) {
@@ -1714,7 +1714,7 @@ function Da(e, t, r) {
         Kt(P, te[K], !0);
       return P;
     }({}, l.defaultProps, L) : L;
-  } }), process.env.NODE_ENV !== "production" && (Xo(p, v), E.warnTooManyClasses = function(L, P) {
+  } }), process.env.NODE_ENV !== "production" && (Xo(g, v), $.warnTooManyClasses = function(L, P) {
     var C = {}, w = !1;
     return function(K) {
       if (!w && (C[K] = !0, Object.keys(C).length >= 200)) {
@@ -1731,9 +1731,9 @@ Example:
   <Component />`), w = !0, C = {};
       }
     };
-  }(p, v)), ir(E, function() {
-    return ".".concat(E.styledComponentId);
-  }), s && Rn(E, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), E;
+  }(g, v)), ir($, function() {
+    return ".".concat($.styledComponentId);
+  }), s && Rn($, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), $;
 }
 function Vr(e, t) {
   for (var r = [e[0]], n = 0, l = t.length; n < l; n += 1)
@@ -1743,11 +1743,11 @@ function Vr(e, t) {
 var jr = function(e) {
   return Object.assign(e, { isCss: !0 });
 };
-function $t(e) {
+function Et(e) {
   for (var t = [], r = 1; r < arguments.length; r++)
     t[r - 1] = arguments[r];
   if (Fe(e) || Ne(e))
-    return jr(Pe(Vr(Et, Ie([e], t, !0))));
+    return jr(Pe(Vr($t, Ie([e], t, !0))));
   var n = e;
   return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? Pe(n) : jr(Pe(Vr(n, t)));
 }
@@ -1757,7 +1757,7 @@ function Qt(e, t, r) {
   var n = function(l) {
     for (var s = [], c = 1; c < arguments.length; c++)
       s[c - 1] = arguments[c];
-    return e(t, r, $t.apply(void 0, Ie([l], s, !1)));
+    return e(t, r, Et.apply(void 0, Ie([l], s, !1)));
   };
   return n.attrs = function(l) {
     return Qt(e, t, ne(ne({}, r), { attrs: Array.prototype.concat(r.attrs, l).filter(Boolean) }));
@@ -1767,15 +1767,15 @@ function Qt(e, t, r) {
 }
 var Fn = function(e) {
   return Qt(Da, e);
-}, g = Fn;
+}, p = Fn;
 Ut.forEach(function(e) {
-  g[e] = Fn(e);
+  p[e] = Fn(e);
 });
 function Nn(e) {
   for (var t = [], r = 1; r < arguments.length; r++)
     t[r - 1] = arguments[r];
   process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var n = qt($t.apply(void 0, Ie([e], t, !1))), l = Pn(n);
+  var n = qt(Et.apply(void 0, Ie([e], t, !1))), l = Pn(n);
   return new Jt(l, n);
 }
 process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
@@ -2788,9 +2788,9 @@ const ze = {
   dangerGhost: i.textOnColor,
   ghost: i.focus,
   dangerPrimary: i.textOnColor
-}, zr = ({ kind: e, disabled: t }) => t ? Nr.disabled : Nr[e], za = ({ kind: e }) => e === "tertiary" || e === "dangerTertiary" ? `1px solid ${i.buttonDisabled}` : "0", Ga = ({ kind: e }) => e === "tertiary" ? `1px solid ${i.buttonTertiary}` : e === "dangerTertiary" ? `1px solid ${i.buttonDangerSecondary}` : "0", Wa = ({ kind: e, size: t }) => e === "ghost" || e === "dangerGhost" ? ze.ghost[t] : ze.default[t], Za = g.div`
+}, zr = ({ kind: e, disabled: t }) => t ? Nr.disabled : Nr[e], za = ({ kind: e }) => e === "tertiary" || e === "dangerTertiary" ? `1px solid ${i.buttonDisabled}` : "0", Ga = ({ kind: e }) => e === "tertiary" ? `1px solid ${i.buttonTertiary}` : e === "dangerTertiary" ? `1px solid ${i.buttonDangerSecondary}` : "0", Wa = ({ kind: e, size: t }) => e === "ghost" || e === "dangerGhost" ? ze.ghost[t] : ze.default[t], Za = p.div`
   width: ${({ full: e }) => e ? "100%" : "auto"};
-`, Gr = g.button`
+`, Gr = p.button`
   width: 100%;
   background-color: ${({ disabled: e, kind: t }) => e ? Je[t].disabled : Je[t].default};
   padding: ${({ size: e, label: t }) => t ? Wa : ze.onlyIcon[e]};
@@ -2831,14 +2831,14 @@ const ze = {
   @media (min-width: 876px) {
     padding: ${({ forModal: e }) => e && "1.7em"};
   }
-`, Wr = g.img`
+`, Wr = p.img`
   position: ${({ label: e }) => e ? "absolute" : "static"};
   right: 15px;
   width: 20px;
   padding: 0;
   margin: 0 auto;
   font-size: 18px;
-`, Zr = g.span`
+`, Zr = p.span`
   font-family: IBM Plex Sans;
   font-size: 15px;
   font-style: normal;
@@ -2856,35 +2856,35 @@ function Ua({ baseColor: e, highlightColor: t, width: r, height: n, borderRadius
 }
 function ye({ count: e = 1, wrapper: t, className: r, containerClassName: n, containerTestId: l, circle: s = !1, style: c, ...u }) {
   var d, y, h;
-  const p = J.useContext(Gn), v = { ...u };
-  for (const [E, L] of Object.entries(u))
-    typeof L > "u" && delete v[E];
+  const g = J.useContext(Gn), v = { ...u };
+  for (const [$, L] of Object.entries(u))
+    typeof L > "u" && delete v[$];
   const m = {
-    ...p,
+    ...g,
     ...v,
     circle: s
-  }, S = {
+  }, A = {
     ...c,
     ...Ua(m)
   };
   let D = "react-loading-skeleton";
   r && (D += ` ${r}`);
   const M = (d = m.inline) !== null && d !== void 0 ? d : !1, T = [], k = Math.ceil(e);
-  for (let E = 0; E < k; E++) {
-    let L = S;
-    if (k > e && E === k - 1) {
+  for (let $ = 0; $ < k; $++) {
+    let L = A;
+    if (k > e && $ === k - 1) {
       const C = (y = L.width) !== null && y !== void 0 ? y : "100%", w = e % 1, K = typeof C == "number" ? C * w : `calc(${C} * ${w})`;
       L = { ...L, width: K };
     }
-    const P = J.createElement("span", { className: D, style: L, key: E }, "‌");
+    const P = J.createElement("span", { className: D, style: L, key: $ }, "‌");
     M ? T.push(P) : T.push(J.createElement(
       J.Fragment,
-      { key: E },
+      { key: $ },
       P,
       J.createElement("br", null)
     ));
   }
-  return J.createElement("span", { className: n, "data-testid": l, "aria-live": "polite", "aria-busy": (h = m.enableAnimation) !== null && h !== void 0 ? h : Wn }, t ? T.map((E, L) => J.createElement(t, { key: L }, E)) : T);
+  return J.createElement("span", { className: n, "data-testid": l, "aria-live": "polite", "aria-busy": (h = m.enableAnimation) !== null && h !== void 0 ? h : Wn }, t ? T.map(($, L) => J.createElement(t, { key: L }, $)) : T);
 }
 function Pt({ children: e, ...t }) {
   return J.createElement(Gn.Provider, { value: t }, e);
@@ -2947,7 +2947,7 @@ const Zn = (e) => {
 }, mt = (e) => {
   const { disabled: t, error: r } = e;
   return t ? "2px solid transparent" : r ? `2px solid ${i.supportError}` : "2px solid transparent";
-}, jt = g.input`
+}, jt = p.input`
   height: ${({ size: e }) => e && qa[e]};
   box-sizing: border-box;
   padding: ${({ size: e }) => e && Ya[e]};
@@ -2997,7 +2997,7 @@ const Zn = (e) => {
     opacity: 0;
     -moz-appearance: textfield;
   }
-`, Ur = g.textarea`
+`, Ur = p.textarea`
   resize: none;
   border-radius: 8px;
   height: auto;
@@ -3033,7 +3033,7 @@ const Zn = (e) => {
 `, Ka = (e) => {
   const { error: t, warning: r } = e;
   return t ? i.supportError : r ? i.textPrimary : i.textSecondary;
-}, Yr = g.label`
+}, Yr = p.label`
   font-family: IBM Plex Sans;
   font-size: 12px;
   font-style: normal;
@@ -3045,7 +3045,7 @@ const Zn = (e) => {
   margin-top: 5px;
   color: ${Ka};
   opacity: ${({ disabled: e }) => e ? 0.5 : 1};
-`, qr = g.label`
+`, qr = p.label`
   font-family: IBM Plex Sans;
   font-size: 12px;
   font-style: normal;
@@ -3058,7 +3058,7 @@ const Zn = (e) => {
   height: auto;
   color: ${i.textSecondary};
   opacity: ${({ disabled: e }) => e ? 0.5 : 1};
-`, Kr = g.label`
+`, Kr = p.label`
   color: #525252;
   font-family: "IBM Plex Sans";
   font-size: 14px;
@@ -3074,7 +3074,7 @@ const Zn = (e) => {
   color: ${i.textSecondary};
   opacity: ${({ disabled: e }) => e ? 0.6 : 1};
   top: 0;
-`, Ft = g.div`
+`, Ft = p.div`
   margin: 0 auto;
   position: relative;
   padding: 0;
@@ -3084,7 +3084,7 @@ const Zn = (e) => {
   height: auto;
   flex-direction: column;
   align-items: flex-start;
-`, Nt = g.div`
+`, Nt = p.div`
   position: relative;
   margin: 0.1em;
   height: auto;
@@ -3106,12 +3106,12 @@ const Zn = (e) => {
   password: "40px",
   number: "72px",
   date: "45px"
-}, Xr = g.img`
+}, Xr = p.img`
   z-index: 1;
   position: absolute;
   top: ${({ type: e, size: t = "large" }) => e === "textarea" || e === "password" ? Xa : Un[t]};
   right: ${({ type: e }) => Ja[e || "text"] || "10px"};
-`, Qa = g.label`
+`, Qa = p.label`
   width: 70%;
   position: absolute;
   bottom: 0;
@@ -3140,11 +3140,11 @@ const Zn = (e) => {
     return "35px";
   if (r !== "password" && t)
     return "35px";
-}, ri = g.label`
+}, ri = p.label`
   position: absolute;
   right: 25px;
   top: ${({ size: e }) => Un[e || "large"]};
-`, ni = g.span`
+`, ni = p.span`
   z-index: 1;
   position: absolute;
   display: flex;
@@ -3164,7 +3164,7 @@ const Zn = (e) => {
   }
 
   box-sizing: border-box;
-`, Jr = g.button`
+`, Jr = p.button`
   padding: 0;
   outline: none;
   margin: 0;
@@ -3332,7 +3332,7 @@ const Zn = (e) => {
   }
 );
 i.iconPrimary;
-const di = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+const di = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "100%",
@@ -3349,7 +3349,7 @@ const di = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       }
     )
   }
-) }), ui = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+) }), ui = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "100%",
@@ -3366,7 +3366,7 @@ const di = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       }
     )
   }
-) }), fi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+) }), fi = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "15",
@@ -3383,7 +3383,7 @@ const di = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       }
     )
   }
-) }), pi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ b("g", { id: "Checkbox--checked", children: [
+) }), pi = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ b("g", { id: "Checkbox--checked", children: [
   /* @__PURE__ */ o("rect", { width: "100%", height: "100%" }),
   /* @__PURE__ */ o(
     "path",
@@ -3417,7 +3417,7 @@ const Yn = /* @__PURE__ */ o(
   }
 );
 i.iconPrimary;
-const gi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+const gi = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "16",
@@ -3437,7 +3437,7 @@ const gi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       )
     ] })
   }
-) }), hi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+) }), hi = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "17",
@@ -3454,7 +3454,7 @@ const gi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       }
     ) })
   }
-) }), qn = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+) }), qn = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "16",
@@ -3476,7 +3476,7 @@ const gi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   }
 ) });
 i.iconPrimary;
-const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+const yi = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "16",
@@ -3500,7 +3500,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       ] })
     ] })
   }
-) }), bi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+) }), bi = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "16",
@@ -3524,7 +3524,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       ] })
     ] })
   }
-) }), xi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+) }), xi = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "19",
@@ -3559,7 +3559,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       ] })
     ] })
   }
-) }), vi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+) }), vi = /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
   "svg",
   {
     width: "20",
@@ -3576,7 +3576,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       }
     ) })
   }
-) }), Vl = ({
+) }), Wl = ({
   TextHelp: e,
   label: t,
   type: r,
@@ -3588,14 +3588,14 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   size: d,
   cols: y,
   readOnly: h,
-  loading: p,
+  loading: g,
   placeholder: v,
   value: m,
-  name: S,
+  name: A,
   forModal: D,
   onChange: M
 }) => {
-  const [T, k] = ie(s || m), [E, L] = ie("password"), [P, C] = ie(r === "number" ? 0 : ""), w = rt(null);
+  const [T, k] = ie(s || m), [$, L] = ie("password"), [P, C] = ie(r === "number" ? 0 : ""), w = rt(null);
   nt(() => {
     k(s);
   }, [s]);
@@ -3615,7 +3615,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       C(I.toString());
       const F = {
         value: I.toString(),
-        name: S
+        name: A
       };
       M && M({ target: F });
     }
@@ -3625,7 +3625,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       C(I.toString());
       const F = {
         value: I.toString(),
-        name: S
+        name: A
       };
       M && M({ target: F });
     }
@@ -3640,7 +3640,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     color: "red",
     borderRadius: "5px"
   };
-  return /* @__PURE__ */ o(A, { children: p ? /* @__PURE__ */ o(Ft, { type: r, loading: p, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ o(S, { children: g ? /* @__PURE__ */ o(Ft, { type: r, loading: g, children: /* @__PURE__ */ b(
     Pt,
     {
       baseColor: i.skeletonElement,
@@ -3651,7 +3651,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           /* @__PURE__ */ o(ye, { style: Y, count: 1 })
         ] }),
         /* @__PURE__ */ b(Nt, { style: { width: "100%" }, children: [
-          r === "textarea" ? /* @__PURE__ */ b(A, { children: [
+          r === "textarea" ? /* @__PURE__ */ b(S, { children: [
             /* @__PURE__ */ b(Kr, { children: [
               T,
               "/",
@@ -3671,7 +3671,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
                 onChange: (B) => K(B)
               }
             )
-          ] }) : /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+          ] }) : /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
             jt,
             {
               style: { width: "100%" },
@@ -3703,8 +3703,8 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
         children: t
       }
     ),
-    r === "textarea" ? /* @__PURE__ */ b(A, { children: [
-      !u && !h && /* @__PURE__ */ o(A, { children: (c || l) && /* @__PURE__ */ o(
+    r === "textarea" ? /* @__PURE__ */ b(S, { children: [
+      !u && !h && /* @__PURE__ */ o(S, { children: (c || l) && /* @__PURE__ */ o(
         Xr,
         {
           type: r,
@@ -3729,12 +3729,12 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           readOnly: h,
           disabled: u,
           placeholder: v,
-          name: S,
+          name: A,
           forModal: D
         }
       )
-    ] }) : /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(Ft, { children: [
-      /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(
+    ] }) : /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(Ft, { children: [
+      /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(
         ni,
         {
           type: r,
@@ -3753,16 +3753,16 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
                 src: c ? Ge : tt
               }
             ),
-            r === "password" && /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+            r === "password" && /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
               Qa,
               {
                 onClick: te,
                 size: d,
                 type: r,
-                children: E === "password" ? oi : ii
+                children: $ === "password" ? oi : ii
               }
             ) }),
-            r === "number" && /* @__PURE__ */ b(A, { children: [
+            r === "number" && /* @__PURE__ */ b(S, { children: [
               /* @__PURE__ */ o(
                 Jr,
                 {
@@ -3799,7 +3799,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           ]
         }
       ) }),
-      r === "date" ? /* @__PURE__ */ b(A, { children: [
+      r === "date" ? /* @__PURE__ */ b(S, { children: [
         /* @__PURE__ */ o(
           jt,
           {
@@ -3813,7 +3813,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
             onChange: (B) => be(B),
             value: P,
             readOnly: h,
-            name: S,
+            name: A,
             forModal: D
           }
         ),
@@ -3837,11 +3837,11 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
             ]
           }
         ) })
-      ] }) : /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+      ] }) : /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
         jt,
         {
           ref: w,
-          type: r === "password" ? E : r,
+          type: r === "password" ? $ : r,
           error: c,
           size: d,
           placeholder: v,
@@ -3849,7 +3849,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           onChange: (B) => be(B),
           value: P,
           readOnly: h,
-          name: S,
+          name: A,
           forModal: D
         }
       ) })
@@ -3866,7 +3866,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       }
     )
   ] }) });
-}, mi = g.div`
+}, mi = p.div`
   background-color: ${({ backgroundModal: e }) => e || "rgba(0, 0, 0, 0.5)"};
   position: fixed;
   top: 0;
@@ -3880,7 +3880,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   opacity: ${({ open: e }) => e ? "1" : "0"};
   transition: 0.2s linear all;
   z-index: 10;
-`, wi = g.div`
+`, wi = p.div`
   background: ${i.layer01};
   display: flex;
   box-sizing: border-box;
@@ -3911,14 +3911,14 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   @media (min-width: 1784px) {
     width: 60%;
   }
-`, Ci = g.div`
+`, Ci = p.div`
   width: 93%;
   margin: 0px auto;
   padding: 0;
   height: 310px;
   overflow-y: auto;
   overflow-x: hidden;
-`, ki = g.div`
+`, ki = p.div`
   padding: 0;
   margin: 0;
   width: 100%;
@@ -3926,7 +3926,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   overflow-x: hidden;
   box-sizing: border-box;
   border: 2px solid transparent;
-`, Si = g.div`
+`, Si = p.div`
   width: 100%;
   display: flex;
   justify-content: flex-end;
@@ -3935,7 +3935,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   flex-direction: row;
   padding: 0;
   gap: 1px;
-`, Ai = g.div`
+`, Ai = p.div`
   color: ${i.textPrimary};
   font-family: IBM Plex Sans;
   font-style: normal;
@@ -3946,7 +3946,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   width: 100%;
   justify-content: space-between;
   flex-direction: row;
-`, Ei = g.button`
+`, $i = p.button`
   cursor: pointer;
   border: 0;
   outline: 0;
@@ -3971,16 +3971,16 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     margin: 0;
     padding: 0;
   }
-`, $i = g.div`
+`, Ei = p.div`
   padding: 0.8em 0 0.5em 1em;
   width: 90%;
-`, Pi = g.h3`
+`, Pi = p.h3`
   padding: 0;
   margin: 0;
   font-size: 15px;
   word-wrap: break-word;
   width: 95%;
-`, Ii = g.p`
+`, Ii = p.p`
   padding: 0;
   margin: 0;
   font-size: 14px;
@@ -3995,14 +3995,14 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     children: s,
     backgroundModal: c,
     onClose: u
-  } = e, d = rt(null), y = (p) => {
-    d.current && !d.current.contains(p.target) && (u == null || u());
+  } = e, d = rt(null), y = (g) => {
+    d.current && !d.current.contains(g.target) && (u == null || u());
   };
   nt(() => (l && document.addEventListener("mousedown", y), () => {
     document.removeEventListener("mousedown", y);
   }), [l]);
-  const h = (p, v) => v === 0 && (n == null ? void 0 : n.length) === 3 ? "70%" : "50%";
-  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+  const h = (g, v) => v === 0 && (n == null ? void 0 : n.length) === 3 ? "70%" : "50%";
+  return /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
     mi,
     {
       backgroundModal: c,
@@ -4010,18 +4010,18 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       ...e,
       children: /* @__PURE__ */ b(wi, { open: l, ref: d, ...e, children: [
         /* @__PURE__ */ b(Ai, { children: [
-          /* @__PURE__ */ b($i, { children: [
+          /* @__PURE__ */ b(Ei, { children: [
             /* @__PURE__ */ o(Pi, { children: t }),
             /* @__PURE__ */ o(Ii, { children: r })
           ] }),
-          /* @__PURE__ */ o(Ei, { onClick: u, children: Yn })
+          /* @__PURE__ */ o($i, { onClick: u, children: Yn })
         ] }),
-        /* @__PURE__ */ o(ki, { onClick: (p) => p.stopPropagation(), children: /* @__PURE__ */ o(Ci, { children: s || /* @__PURE__ */ o(A, {}) }) }),
-        /* @__PURE__ */ o(Si, { children: n == null ? void 0 : n.map((p, v) => /* @__PURE__ */ o(
+        /* @__PURE__ */ o(ki, { onClick: (g) => g.stopPropagation(), children: /* @__PURE__ */ o(Ci, { children: s || /* @__PURE__ */ o(S, {}) }) }),
+        /* @__PURE__ */ o(Si, { children: n == null ? void 0 : n.map((g, v) => /* @__PURE__ */ o(
           "div",
           {
             style: {
-              width: h(p, v),
+              width: h(g, v),
               boxSizing: "border-box"
             },
             children: /* @__PURE__ */ o(
@@ -4029,11 +4029,11 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
               {
                 forModal: !0,
                 size: "large",
-                kind: p.kind || "secondary",
-                label: p.label,
-                icon: p.icon,
-                disabled: p.disabled,
-                onClick: p.onClick,
+                kind: g.kind || "secondary",
+                label: g.label,
+                icon: g.icon,
+                disabled: g.disabled,
+                onClick: g.onClick,
                 style: {
                   borderRadius: v === n.length - 1 ? "0 0 8px 0" : v === 0 ? "0 0 0 8px" : "0",
                   boxSizing: "border-box"
@@ -4046,7 +4046,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       ] })
     }
   ) });
-}, Li = g.label`
+}, Li = p.label`
   width: 17px;
   height: 17px;
   display: flex;
@@ -4055,7 +4055,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   padding: 0;
   margin: 0;
   position: relative;
-`, yt = g.label`
+`, yt = p.label`
   width: auto;
   height: auto;
   display: flex;
@@ -4068,7 +4068,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   left: 0;
   border-radius: 2px;
   border: ${({ error: e }) => e ? `1px solid ${i.supportError}` : "1px solid black"};
-`, Di = g.div`
+`, Di = p.div`
   display: flex;
   flex-direction: row;
   justify-content: start;
@@ -4076,12 +4076,12 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   width: auto;
   gap: 5px;
   margin: 3px 0 3px 0;
-`, Ri = g.div`
+`, Ri = p.div`
   width: 100%;
   min-width: ${({ label: e }) => e ? "16px" : "0px"};
   opacity: ${({ disabled: e, readOnly: t }) => e || t ? ".5" : "1"};
   heigth: auto;
-`, Kn = g.span`
+`, Kn = p.span`
   width: 100%;
   height: 100%;
   padding: 0;
@@ -4094,7 +4094,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   bottom: 0;
   left: 0;
   right: 0;
-`, Bi = g.input`
+`, Bi = p.input`
   display: none;
   cursor: pointer;
   &:checked + ${yt} {
@@ -4108,7 +4108,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:checked + ${yt} ~ ${Kn} {
     opacity: 1;
   }
-`, Oi = g.span`
+`, Oi = p.span`
   color: ${i.textPrimary};
   font-family: IBM Plex Sans;
   font-size: 14px;
@@ -4120,7 +4120,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   word-wrap: break-word;
   letter-spacing: 0.16px;
   text-align: start;
-`, _i = g.h1`
+`, _i = p.h1`
   color: ${i.textPrimary};
   font-family: IBM Plex Sans;
   font-size: 13px;
@@ -4130,7 +4130,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   letter-spacing: 0.32px;
   margin: 0 0 5px 0;
   text-align: start;
-`, jl = (e) => {
+`, Zl = (e) => {
   const {
     label: t,
     warning: r,
@@ -4142,9 +4142,9 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     name: d,
     indeterminate: y,
     onChange: h,
-    checked: p
+    checked: g
   } = e;
-  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(
     Ri,
     {
       label: t,
@@ -4153,7 +4153,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       ...e,
       children: [
         /* @__PURE__ */ o(_i, { children: c }),
-        /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(Di, { ...e, children: [
+        /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(Di, { ...e, children: [
           /* @__PURE__ */ b(Li, { id: "check", label: t, ...e, children: [
             /* @__PURE__ */ o(
               Bi,
@@ -4162,21 +4162,21 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
                 name: d,
                 disabled: s,
                 indeterminate: y,
-                checked: p,
+                checked: g,
                 readOnly: l,
                 onChange: h,
                 ...e
               }
             ),
             /* @__PURE__ */ o(yt, { disabled: s, ...e }),
-            /* @__PURE__ */ o(Kn, { children: l ? /* @__PURE__ */ o(A, { children: pi }) : /* @__PURE__ */ b(A, { children: [
+            /* @__PURE__ */ o(Kn, { children: l ? /* @__PURE__ */ o(S, { children: pi }) : /* @__PURE__ */ b(S, { children: [
               " ",
               y ? di : ui
             ] }) })
           ] }),
           /* @__PURE__ */ o(Oi, { children: t })
         ] }) }),
-        (n || r) && /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(
+        (n || r) && /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(
           "div",
           {
             style: {
@@ -4231,7 +4231,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     stroke-dashoffset: -235;
     visibility: hidden;
   }
-`, Vi = g.div`
+`, Vi = p.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4247,13 +4247,13 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   padding: 0;
   margin: 0;
   box-sizing: border-box;
-`, ji = $t`
+`, ji = Et`
   animation: ${Hi} 0.8s linear infinite;
-`, Fi = $t`
+`, Fi = Et`
   .circle-path {
     animation: ${Mi} 0.8s ease-in-out forwards;
   }
-`, Ni = g.svg`
+`, Ni = p.svg`
   ${({ active: e }) => e ? Fi : ji};
   padding: 0;
   margin: 0;
@@ -4300,13 +4300,13 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   small: "38px",
   medium: "45px",
   large: "57px"
-}, Wi = g.div`
+}, Wi = p.div`
   position: relative;
   width: 100%;
   display: flex;
   justify-content: ${({ variations: e, menuAlignment: t }) => e === "overflow" && t === "bottom end" ? "flex-end" : "flex-start"};
   outline: none;
-`, Zi = g.span`
+`, Zi = p.span`
   position: absolute;
   z-index: 2;
   top: 0;
@@ -4317,7 +4317,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   display: flex;
   align-items: center;
   justify-content: center;
-`, Ui = g.svg`
+`, Ui = p.svg`
   position: absolute;
   z-index: 2;
   top: 0;
@@ -4326,7 +4326,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   transform: ${({ size: e }) => e && ` translateY(${zi[e || "medium"]})`}
     ${({ drop: e }) => e ? "rotate(180deg)" : "rotate(0deg)"};
   transition: 0.2s linear transform;
-`, Yi = g.button`
+`, Yi = p.button`
   display: flex;
   padding: 8px;
   margin: 0;
@@ -4345,7 +4345,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:hover {
     background: ${i.backgroundActive};
   }
-`, qi = g.div`
+`, qi = p.div`
   min-width: 200px;
   width: 100%;
   position: relative;
@@ -4353,14 +4353,14 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   display: flex;
   justify-content: ${({ menuAlignment: e, variations: t }) => e === "bottom end" && t !== "overflow" ? "flex-end" : e === "bottom start" && t !== "overflow" ? "flex-start" : "center"};
   align-items: center;
-`, Ki = g.div`
+`, Ki = p.div`
   position: absolute;
   bottom: 0;
   top: ${({ size: e = "medium", variations: t }) => e && t !== "overflow" ? Gi[e] : "35px"};
   visibility: ${({ drop: e }) => e ? "visible" : "hidden"};
   z-index: 4;
   width: ${({ menuAlignment: e, variations: t }) => (e === "bottom end" || e === "bottom start") && t !== "overflow" ? "110%" : "100%"};
-`, Xi = g.ul`
+`, Xi = p.ul`
   margin: 8px 0 0 0;
   padding: 0;
   text-align: left;
@@ -4371,7 +4371,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`, Ji = g.li`
+`, Ji = p.li`
   position: relative;
   width: 100%;
   color: ${i.textSecondary};
@@ -4395,7 +4395,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:hover {
     background: ${i.layerHover01};
   }
-`, Fl = (e) => {
+`, Ul = (e) => {
   const { size: t, options: r, variations: n, label: l } = e, [s, c] = ie(!1), u = rt(null), d = () => {
     c((h) => !h);
   }, y = (h) => {
@@ -4404,7 +4404,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   return nt(() => (document.addEventListener("click", y), () => {
     document.removeEventListener("click", y);
   }), []), /* @__PURE__ */ b(qi, { ref: u, ...e, children: [
-    /* @__PURE__ */ o(Wi, { ...e, children: n === "default" || n === "combo button" ? /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b("div", { onClick: d, children: [
+    /* @__PURE__ */ o(Wi, { ...e, children: n === "default" || n === "combo button" ? /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b("div", { onClick: d, children: [
       /* @__PURE__ */ o(
         Zn,
         {
@@ -4437,8 +4437,8 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           ]
         }
       )
-    ] }) }) : /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(Yi, { onClick: d, ...e, children: xi }) }) }),
-    /* @__PURE__ */ o(Ki, { drop: s, ...e, children: /* @__PURE__ */ o(Xi, { ...e, children: r == null ? void 0 : r.map((h, p) => /* @__PURE__ */ b(
+    ] }) }) : /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(Yi, { onClick: d, ...e, children: xi }) }) }),
+    /* @__PURE__ */ o(Ki, { drop: s, ...e, children: /* @__PURE__ */ o(Xi, { ...e, children: r == null ? void 0 : r.map((h, g) => /* @__PURE__ */ b(
       Ji,
       {
         onClick: h.onClick,
@@ -4457,10 +4457,10 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           /* @__PURE__ */ o("span", { style: { position: "absolute", right: "12px" }, children: /* @__PURE__ */ o("img", { src: h.icon }) })
         ]
       },
-      p
+      g
     )) }) })
   ] });
-}, en = g.div`
+}, en = p.div`
   border-radius: 24px;
   display: flex;
   flex-direction: row;
@@ -4482,10 +4482,10 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   padding-left: ${({ renderIcon: e }) => e ? "0px" : "10px"};
   cursor: context-menu;
   position: relative;
-`, tn = g.p`
+`, tn = p.p`
   margin: 0;
   padding: 4px 0;
-`, rn = g.button`
+`, rn = p.button`
   margin: 0;
   border: 1px solid transparent;
   display: flex;
@@ -4518,9 +4518,9 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   gray: i.tagColorWarmGray,
   focus: i.focus,
   inverse: i.iconInverse
-}, Nl = (e) => {
+}, Yl = (e) => {
   const { type: t, label: r, filter: n, renderIcon: l, loading: s, children: c } = e;
-  return /* @__PURE__ */ o(A, { children: s ? /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(S, { children: s ? /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
     Pt,
     {
       baseColor: i.skeletonElement,
@@ -4554,10 +4554,10 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           }
         ),
         /* @__PURE__ */ o(tn, { ...e, children: r || "Tag content" }),
-        n && /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(rn, { type: t, ...e }) })
+        n && /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(rn, { type: t, ...e }) })
       ] })
     }
-  ) }) : /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(en, { type: t, ...e, children: [
+  ) }) : /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(en, { type: t, ...e, children: [
     l && /* @__PURE__ */ o(
       "img",
       {
@@ -4571,7 +4571,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       }
     ),
     /* @__PURE__ */ o(tn, { ...e, children: c || "Text Exemplo" }),
-    n && /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(rn, { type: t, ...e, children: /* @__PURE__ */ o(
+    n && /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(rn, { type: t, ...e, children: /* @__PURE__ */ o(
       "svg",
       {
         width: "15px",
@@ -4597,15 +4597,15 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   small: "7px 64px 7px 16px",
   large: "15px 64px 15px 16px",
   medium: "11px 64px 11px 16px"
-}, nn = g.div`
+}, nn = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   min-width: 200px;
   width: 100%;
-`, dt = g.input`
+`, dt = p.input`
   display: none;
-`, on = g.label`
+`, on = p.label`
   border-radius: 8px;
   background-color: ${({ disabled: e }) => e ? i.buttonDisabled : i.buttonPrimary};
   padding: ${({ size: e }) => e && Xn[e || "medium"]};
@@ -4618,7 +4618,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:hover {
     background-color: ${({ disabled: e }) => e ? i.buttonDisabled : i.buttonPrimaryHover};
   }
-`, an = g.label`
+`, an = p.label`
   background-color: transparent;
   font-family: IBM Plex Sans;
   width: 100%;
@@ -4629,7 +4629,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:hover {
     border: ${({ disabled: e, loading: t }) => e ? "1px solid gray" : t ? "" : `1px solid ${i.interactive}`};
   }
-`, ln = g.p`
+`, ln = p.p`
   padding: 2px 3em 4em 20px;
   text-align: left;
   width: 100%;
@@ -4638,12 +4638,12 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:hover {
     text-decoration: ${({ disabled: e }) => !e && "underline"};
   }
-`, el = g.ul`
+`, el = p.ul`
   list-style-type: none;
   padding: 0;
   margin: 10px 0;
   width: 100%;
-`, tl = g.li`
+`, tl = p.li`
   background-color: ${i.layer01};
   border: ${({ error: e }) => e ? `2px solid ${i.supportError}` : "1px solid #ddd"};
   border-radius: ${({ error: e }) => e ? "8px" : "4px"};
@@ -4659,7 +4659,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   flex-direction: ${({ error: e }) => e ? "column" : "row"};
   align-items: center;
   margin: 5px 0;
-`, rl = g.span`
+`, rl = p.span`
   color: ${i.textPrimary};
   font-family: IBM Plex Sans;
   font-size: 14px;
@@ -4668,7 +4668,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   line-height: 18px;
   margin-left:1em;
   letter-spacing: 0.16px; 
-`, nl = g.button`
+`, nl = p.button`
   color: ${i.iconPrimary};
   border: 0;
   cursor: pointer;
@@ -4681,12 +4681,12 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:focus {
     outline: 2px solid ${i.focus};
   }
-`, ol = g.div`
+`, ol = p.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
-`, al = g.div`
+`, al = p.div`
   display: flex;
   justify-content: center;
   flex-direction: row-reverse;
@@ -4694,10 +4694,10 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   width: auto;
   margin: 0 11px 0 0;
   gap: 7px;
-`, il = g.span`
+`, il = p.span`
   display: flex;
   cursor: pointer;
-`, ll = g.p`
+`, ll = p.p`
   margin: 0.6em 1em 0 1em;
   padding: 0;
   width: 100%;
@@ -4710,7 +4710,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   word-wrap: break-word;
   letter-spacing: 0.32px;
   width: 300px;
-`, sl = g.p`
+`, sl = p.p`
   margin: 0.8em 0 0 1em;
   padding: 0;
   width: 100%;
@@ -4723,14 +4723,14 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   word-wrap: break-word;
   letter-spacing: 0.32px;
   min-width: 300px;
-`, sn = g.p`
+`, sn = p.p`
   color: ${({ disabled: e }) => e ? i.buttonDisabled : i.textSecondary};
   position: ${({ loading: e }) => e && "relative"};
   margin: 0;
   align-self: start;
   word-wrap: break-word;
   width: 100%;
-`, cn = g.div`
+`, cn = p.div`
   font-family: IBM Plex Sans;
   font-size: 14px;
   font-style: normal;
@@ -4743,18 +4743,18 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   gap: 8px;
   width: 100%;
   margin-bottom: 10px;
-`, dn = g.p`
+`, dn = p.p`
   color: ${({ disabled: e }) => e ? i.buttonDisabled : i.textPrimary};
   position: ${({ loading: e }) => e && "relative"};
   margin: 0;
   align-self: start;
   width: 100%;
   word-wrap: break-word;
-`, un = g.div`
+`, un = p.div`
   display: flex;
   align-self: start;
   margin: 0;
-`, cl = g.p`
+`, cl = p.p`
   color: ${i.textSecondary};
   font-family: IBM Plex Sans;
   font-size: 12px;
@@ -4765,7 +4765,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   width: 100%;
   margin: 0;
   padding: 0;
-`, dl = g.div`
+`, dl = p.div`
   margin: 0;
   padding: 0;
   alignself: center;
@@ -4795,7 +4795,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       ]
     }
   );
-}, zl = (e) => {
+}, ql = (e) => {
   const {
     type: t,
     onChange: r,
@@ -4807,19 +4807,19 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     accept: d,
     loading: y,
     multiple: h,
-    headers: p,
+    headers: g,
     name: v,
     children: m
-  } = e, [S, D] = ie([]), [M, T] = ie(!1), [k, E] = ie([]), [L, P] = ie(!1), [C, w] = ie(null), K = (I) => {
-    const F = S[I];
+  } = e, [A, D] = ie([]), [M, T] = ie(!1), [k, $] = ie([]), [L, P] = ie(!1), [C, w] = ie(null), K = (I) => {
+    const F = A[I];
     F && (w(URL.createObjectURL(F)), P(!0));
   };
   nt(() => {
     const I = setTimeout(() => {
-      E(() => [...S.filter((G) => G.name).map((G) => G.name)]);
+      $(() => [...A.filter((G) => G.name).map((G) => G.name)]);
     }, 500);
     return () => clearTimeout(I);
-  }, [S]);
+  }, [A]);
   const te = (I) => {
     I.stopPropagation();
     const F = Array.from(I.target.files || []);
@@ -4830,7 +4830,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       return [...G, ...se];
     }), r && r(I);
   }, be = (I) => {
-    D((F) => F.filter((G, se) => se !== I)), E(
+    D((F) => F.filter((G, se) => se !== I)), $(
       (F) => F.filter((G) => G !== I)
     ), n && n(I);
   }, ke = (I) => {
@@ -4863,19 +4863,19 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     display: "flex",
     margin: "0"
   };
-  return /* @__PURE__ */ o(A, { children: y ? /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ o(S, { children: y ? /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(
     Pt,
     {
       baseColor: i.skeletonElement,
       highlightColor: i.skeletonBackground,
       children: [
-        ((p == null ? void 0 : p.label) || (p == null ? void 0 : p.TextLabel)) && /* @__PURE__ */ b(cn, { ...e, children: [
+        ((g == null ? void 0 : g.label) || (g == null ? void 0 : g.TextLabel)) && /* @__PURE__ */ b(cn, { ...e, children: [
           /* @__PURE__ */ o(un, { children: /* @__PURE__ */ b(dn, { style: { position: "relative" }, ...e, children: [
-            p == null ? void 0 : p.label,
+            g == null ? void 0 : g.label,
             /* @__PURE__ */ o(ye, { count: 1, style: B })
           ] }) }),
           /* @__PURE__ */ o(un, { children: /* @__PURE__ */ b(sn, { style: { position: "relative" }, ...e, children: [
-            p == null ? void 0 : p.TextLabel,
+            g == null ? void 0 : g.TextLabel,
             /* @__PURE__ */ o(ye, { count: 1, style: B })
           ] }) })
         ] }),
@@ -4890,10 +4890,10 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
         ] }) })
       ]
     }
-  ) }) : /* @__PURE__ */ b(A, { children: [
-    ((p == null ? void 0 : p.label) || (p == null ? void 0 : p.TextLabel)) && /* @__PURE__ */ b(cn, { ...e, children: [
-      /* @__PURE__ */ o(dn, { ...e, children: p == null ? void 0 : p.label }),
-      /* @__PURE__ */ o(sn, { ...e, children: p == null ? void 0 : p.TextLabel })
+  ) }) : /* @__PURE__ */ b(S, { children: [
+    ((g == null ? void 0 : g.label) || (g == null ? void 0 : g.TextLabel)) && /* @__PURE__ */ b(cn, { ...e, children: [
+      /* @__PURE__ */ o(dn, { ...e, children: g == null ? void 0 : g.label }),
+      /* @__PURE__ */ o(sn, { ...e, children: g == null ? void 0 : g.TextLabel })
     ] }),
     /* @__PURE__ */ b(nn, { ...e, children: [
       t === "default" ? /* @__PURE__ */ b(on, { ...e, children: [
@@ -4938,7 +4938,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
         }
       ),
       /* @__PURE__ */ b(el, { ...e, children: [
-        S.map((I, F) => /* @__PURE__ */ b(
+        A.map((I, F) => /* @__PURE__ */ b(
           tl,
           {
             error: Number((I.size / (1024 * 1024)).toFixed(5)) >= c,
@@ -4979,13 +4979,13 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           },
           I.name
         )),
-        S.length > 0 && /* @__PURE__ */ o(
+        A.length > 0 && /* @__PURE__ */ o(
           Ti,
           {
             buttons: [{ label: "Inframe Modal" }],
             open: L,
             onClose: () => P(!1),
-            children: C && /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+            children: C && /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
               "iframe",
               {
                 src: C,
@@ -5006,7 +5006,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       ] })
     ] })
   ] }) });
-}, er = g.div`
+}, er = p.div`
   background: ${i.layer01};
   display: flex;
   flex-direction: row-reverse;
@@ -5031,7 +5031,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     outline: none;
   }
   transition: 0.1s linear min-height;
-`, pl = g.h1`
+`, pl = p.h1`
   margin: 0;
   padding: 0;
   font-size: 20px;
@@ -5040,7 +5040,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   line-height: 28px;
   word-wrap: break-word;
   overflow-wrap: break-word;
-`, gl = g.label``, hl = g.p`
+`, gl = p.label``, hl = p.p`
   margin: 0;
   padding: 0;
   font-size: 14px;
@@ -5050,7 +5050,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   letter-spacing: 0.16px;
   word-wrap: break-word;
   overflow-wrap: break-word;
-`, Jn = g.span`
+`, Jn = p.span`
   align-self: ${({ variations: e }) => e === "clickable" || e === "expandable" ? "end" : "start"};
   outline: ${({ variations: e }) => e === "multi-selectable" && `1px solid ${i.iconPrimary}`};
   border-radius: ${({ variations: e }) => e === "multi-selectable" && "2px"};
@@ -5058,13 +5058,13 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   margin: 0;
   padding: 0;
   transform: ${({ expandable: e }) => e ? "rotate(180deg)" : ""};
-`, Qn = g.span`
+`, Qn = p.span`
   align-self: ${({ variations: e }) => e === "clickable" || e === "expandable" ? "end" : "start"};
   opacity: ${({ variations: e }) => e === "radio" || e === "multi-selectable" ? "0" : "1"};
   margin: 0;
   padding: 0;
   display: flex;
-`, yl = g.div`
+`, yl = p.div`
   align-self: start;
   margin: 0;
   padding: 0;
@@ -5072,7 +5072,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   display: flex;
   flex-direction: column;
   gap: 18px;
-`, fn = g.input`
+`, fn = p.input`
   display: none;
   &:checked + ${er} {
     border: 2px solid ${i.borderInverse};
@@ -5080,7 +5080,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:checked + ${er} ${Jn} ${Qn} {
     opacity: 1;
   }
-`, Gl = (e) => {
+`, Kl = (e) => {
   const {
     variations: t,
     checked: r,
@@ -5091,8 +5091,8 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     labelexpandable: u,
     value: d,
     name: y
-  } = e, [h, p] = ie(!1);
-  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(gl, { width: s, ...e, children: [
+  } = e, [h, g] = ie(!1);
+  return /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(gl, { width: s, ...e, children: [
     t === "radio" && /* @__PURE__ */ o(fn, { type: "radio", name: y, value: d, checked: r }),
     t === "multi-selectable" && /* @__PURE__ */ o(
       fn,
@@ -5107,7 +5107,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       er,
       {
         onClick: () => {
-          t === "expandable" && p((S) => !S);
+          t === "expandable" && g((A) => !A);
         },
         expandable: h,
         tabIndex: 1,
@@ -5141,14 +5141,14 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       }
     )
   ] }) });
-}, bl = g.div`
+}, bl = p.div`
   display: flex;
   flex-direction: ${({ orientation: e }) => e === "horizontal" ? "row" : "column"};
   margin: ${({ orientation: e }) => e === "horizontal" ? "0px" : "8px auto"};
   padding: 0;
   width: ${({ label: e, radio: t }) => e || t ? "auto" : "18px"};
   gap: ${({ orientation: e }) => e === "horizontal" ? "10px" : "6px"};
-`, xl = g.h1`
+`, xl = p.h1`
   color: ${({ disabled: e }) => e ? `${i.borderDisabled}` : ` ${i.textSecondary}`};
   font-family: IBM Plex Sans;
   font-size: 13px;
@@ -5161,7 +5161,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   width: 100%;
   margin: 0;
   padding: 0;
-`, pn = g.input`
+`, pn = p.input`
   appearance: none;
   width: 17px;
   height: 17px;
@@ -5185,7 +5185,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     margin: 0;
     padding: 0;
   }
-`, gn = g.div`
+`, gn = p.div`
   display: flex;
   align-items: center;
   justify-content: start;
@@ -5194,7 +5194,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   width: auto;
   align-self: start;
   gap: 8px;
-`, hn = g.label`
+`, hn = p.label`
   color: ${({ disabled: e }) => e ? `${i.borderDisabled}` : ` ${i.textPrimary}`};
   font-family: IBM Plex Sans;
   font-size: 14px;
@@ -5206,7 +5206,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   letter-spacing: 0.16px;
   text-align: start;
   cursor: pointer;
-`, vl = g.p`
+`, vl = p.p`
   color: ${({ disabled: e }) => e ? `${i.borderDisabled}` : ` ${i.textPrimary}`};
   font-family: IBM Plex Sans;
   font-size: 12px;
@@ -5219,7 +5219,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   text-align: start;
   cursor: pointer;
   margin: 0;
-`, Wl = (e) => {
+`, Xl = (e) => {
   const {
     warning: t,
     error: r,
@@ -5231,18 +5231,18 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     orientation: d,
     radio: y,
     label: h,
-    name: p,
+    name: g,
     value: v
   } = e;
-  return /* @__PURE__ */ b(A, { children: [
+  return /* @__PURE__ */ b(S, { children: [
     /* @__PURE__ */ o(xl, { ...e, children: l }),
-    /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+    /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
       bl,
       {
         orientation: d,
         label: h,
         ...e,
-        children: (y == null ? void 0 : y.map((m, S) => /* @__PURE__ */ yn(gn, { disabled: n, ...e, key: S }, /* @__PURE__ */ o(
+        children: (y == null ? void 0 : y.map((m, A) => /* @__PURE__ */ yn(gn, { disabled: n, ...e, key: A }, /* @__PURE__ */ o(
           pn,
           {
             type: "radio",
@@ -5253,8 +5253,8 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
             disabled: n,
             error: r
           },
-          S
-        ), /* @__PURE__ */ o(hn, { for: m.value, ...e, children: m.label })))) || /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(gn, { disabled: n, ...e, children: [
+          A
+        ), /* @__PURE__ */ o(hn, { for: m.value, ...e, children: m.label })))) || /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(gn, { disabled: n, ...e, children: [
           /* @__PURE__ */ o(
             pn,
             {
@@ -5262,7 +5262,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
               disabled: n,
               label: h,
               value: v,
-              name: p,
+              name: g,
               onChange: s,
               id: v,
               error: r
@@ -5272,9 +5272,9 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
         ] }) })
       }
     ) }),
-    /* @__PURE__ */ b(A, { children: [
+    /* @__PURE__ */ b(S, { children: [
       !r && !t && /* @__PURE__ */ o(vl, { disabled: n, ...e, children: u }),
-      (r || t) && /* @__PURE__ */ o(A, { children: /* @__PURE__ */ b(
+      (r || t) && /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(
         "div",
         {
           style: {
@@ -5335,11 +5335,11 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   large: "35px",
   small: "27px",
   medium: "29px"
-}, El = {
+}, $l = {
   large: "19px",
   small: "10px",
   medium: "15px"
-}, $l = g.div`
+}, El = p.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -5352,7 +5352,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   background: ${({ kind: e }) => e === "fluid" ? i.field01 : ""};
   border-radius: ${({ kind: e }) => e === "fluid" ? "8px" : ""};
   border: ${({ kind: e, error: t }) => e === "fluid" && t ? `2px solid ${i.supportError}` : "auto"};
-`, Pl = g.input`
+`, Pl = p.input`
   padding: ${({ size: e, kind: t }) => e && t === "default" ? ml[e] : t === "fluid" ? "2.7em 0 1em 1em" : ""};
   cursor: pointer;
   position: relative;
@@ -5375,7 +5375,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   &:focus {
     border: ${({ kind: e }) => e === "default" ? `2px solid ${i.focus}` : `2px solid ${i.focus}`};
   }
-`, Il = g.div`
+`, Il = p.div`
   position: absolute;
   width: 100%;
   display: ${({ show: e }) => e ? "flex" : "none"};
@@ -5388,9 +5388,9 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
   overflow-y: auto;
   z-index: 3;
-`, Tl = g.label`
+`, Tl = p.label`
   width: 100%;
-`, Ll = g.span`
+`, Ll = p.span`
   position: absolute;
   right: 10px;
   top: 15px;
@@ -5400,18 +5400,18 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     return kl[t || "medium"];
   if (t && !n && r)
     return Sl[t || "medium"];
-}, Rl = g.span`
+}, Rl = p.span`
   position: absolute;
   right: 18px;
   top: ${({ size: e, show: t, text: r }) => e && t && r ? wl[e || "medium"] : r ? Cl[e || "medium"] : Dl};
   padding: 0;
   transform: ${({ show: e }) => e ? "rotate(0deg)" : "rotate(180deg)"};
-`, Bl = g.img`
+`, Bl = p.img`
   position: absolute;
   right: ${({ kind: e }) => e == "fluid" ? "16px" : "40px"};
-  top: ${({ text: e, size: t, kind: r }) => e && t && r === "default" ? Al[t || "medium"] : r === "fluid" ? "auto" : El[t || "medium"]};
+  top: ${({ text: e, size: t, kind: r }) => e && t && r === "default" ? Al[t || "medium"] : r === "fluid" ? "auto" : $l[t || "medium"]};
   bottom: ${({ kind: e }) => e == "fluid" ? "5px" : "auto"};
-`, Ol = g.div`
+`, Ol = p.div`
   cursor: pointer;
   border: 1px solid transparent;
   position: relative;
@@ -5433,7 +5433,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     background-color: ${i.layerSelectedHover01};
     border-radius: 7px;
   }
-`, _l = g.p`
+`, _l = p.p`
   position: ${({ size: e, kind: t }) => e && t === "fluid" ? "absolute" : "auto"};
   display: flex;
   gap: 4px;
@@ -5451,7 +5451,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   letter-spacing: 0.16px;
   margin: 0;
   box-sizing: border-box;
-`, Hl = g.p`
+`, Hl = p.p`
   color: ${({ error: e, warning: t }) => e ? i.textError : t ? i.textPrimary : i.textSecondary};
   text-overflow: ellipsis;
   padding: ${({ kind: e, error: t, warning: r }) => e === "fluid" && (t || r) ? ".5em 0 .5em 1em" : "0"};
@@ -5463,17 +5463,17 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
   line-height: 16px;
   letter-spacing: 0.16px;
   margin: 0;
-`, Zl = (e) => {
+`, Jl = (e) => {
   const [t, r] = ie(null), [n, l] = ie(e.show), s = rt(null), {
     error: c,
     warning: u,
     text: d,
     kind: y,
     messege: h,
-    options: p,
+    options: g,
     onChange: v,
     placeholder: m,
-    value: S,
+    value: A,
     name: D,
     id: M,
     size: T
@@ -5483,14 +5483,14 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       value: C,
       name: D
     } });
-  }, E = (P) => {
+  }, $ = (P) => {
     P.preventDefault(), l((C) => !C);
   }, L = (P) => {
     s.current && !s.current.contains(P.target) && l(!1);
   };
   return nt(() => (document.addEventListener("mousedown", L), () => {
     document.removeEventListener("mousedown", L);
-  }), []), /* @__PURE__ */ b($l, { ...e, ref: s, children: [
+  }), []), /* @__PURE__ */ b(El, { ...e, ref: s, children: [
     /* @__PURE__ */ b(_l, { ...e, children: [
       d,
       y === "fluid" && ci
@@ -5499,12 +5499,12 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       Pl,
       {
         kind: y ?? "default",
-        onClick: E,
+        onClick: $,
         placeholder: m,
         id: M,
         size: T || "medium",
         onChange: v,
-        value: t || S,
+        value: t || A,
         name: D,
         ...e
       }
@@ -5515,7 +5515,7 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
       {
         size: T || "medium",
         show: n,
-        onClick: E,
+        onClick: $,
         ...e,
         children: qn
       }
@@ -5528,11 +5528,11 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
           width: "100%",
           margin: "2px auto 0 0"
         },
-        children: /* @__PURE__ */ o(Il, { show: n, ...e, children: p.map((P, C) => /* @__PURE__ */ o(Tl, { show: n, ...e, children: /* @__PURE__ */ b(
+        children: /* @__PURE__ */ o(Il, { show: n, ...e, children: g.map((P, C) => /* @__PURE__ */ o(Tl, { show: n, ...e, children: /* @__PURE__ */ b(
           Ol,
           {
             onClick: () => k(P),
-            BorderLastNone: C === p.length - 1,
+            BorderLastNone: C === g.length - 1,
             ...e,
             children: [
               t === P.label && /* @__PURE__ */ o(Ll, { ...e, children: gi }),
@@ -5544,18 +5544,107 @@ const yi = /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
     ),
     /* @__PURE__ */ o(Hl, { ...e, children: (y === "fluid" && (c || u) || y === "default") && h })
   ] });
+}, Ml = {
+  top: "center",
+  "top-left": "start",
+  "top-right": "end",
+  bottom: "center",
+  "bottom-left": "start",
+  "bottom-right": "end",
+  left: "start",
+  right: "end"
+}, Vl = p.div`
+  display: flex;
+  justify-content: center;
+  min-width: ${({ width: e }) => e || "150px"};
+  flex-direction: column;
+  position: relative;
+  font-family: IBM Plex Sans;
+  &:hover .tooltip {
+    visibility: visible;
+    opacity: 1;
+  }
+`, jl = p.div`
+  margin: 0;
+  padding: 0;
+`, Fl = p.div`
+  background: ${i.backgroundInverse};
+  position: relative;
+  word-wrap: break-word;
+  display: flex;
+  width: 100%;
+  &::after {
+    content: "";
+    position: absolute;
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent;
+    border-bottom: 10px solid ${i.backgroundInverse};
+    left: ${({ align: e }) => e === "top-left" || e === "bottom-left" ? "10%" : e === "top-right" || e === "bottom-right" ? "90%" : e === "left" ? "100%" : "50%"};
+    top: ${({ align: e }) => e === "bottom" || e === "bottom-left" || e === "bottom-right" ? "-6px" : e === "left" || e === "right" ? "50%" : "auto"};
+    bottom: ${({ align: e }) => e === "top" || e === "top-left" || e === "top-right" ? "-6px" : e === "left" || e === "right" ? "50%" : "auto"};
+    left: ${({ align: e }) => e === "right" ? "0%" : ""};
+    transform: translateX(-50%)
+      ${({ align: e }) => (e === "right" || e === "left") && "translateY(-50%)"}
+      ${({ align: e }) => e === "bottom" || e === "bottom-left" || e === "bottom-right" ? "rotate(0deg)" : e === "left" ? "rotate(90deg)" : e === "right" ? "rotate(-90deg)" : "rotate(180deg)"};
+  }
+`, Nl = p.div`
+  display: flex;
+  position: absolute;
+  align-items: center;
+  width: 100%;
+  visibility: hidden;
+  z-index: 6;
+  opacity: 1;
+  word-wrap: break-word;
+  justify-content: ${({ align: e }) => Ml[e || "top"]};
+  font-family: "IBM Plex Sans";
+  color: #fff;
+  word-wrap: break-word;
+  margin: 0 auto;
+  font-size: 14px;
+  transition: opacity 0.3s ease;
+  bottom: ${({ align: e }) => e === "top" || e === "top-left" || e === "top-right" ? "125%" : "auto"};
+  top: ${({ align: e }) => e === "bottom" || e === "bottom-left" || e === "bottom-right" ? "125%" : "auto"};
+  right: ${({ align: e }) => e === "left" && "105%"};
+  left: ${({ align: e }) => e === "right" && "105%"};
+`, zl = {
+  small: "5px",
+  large: "10px",
+  medium: "7px"
+}, Ql = (e) => {
+  const { children: t, size: r, label: n } = e;
+  return /* @__PURE__ */ o(S, { children: /* @__PURE__ */ b(Vl, { ...e, children: [
+    /* @__PURE__ */ o(jl, { ...e, children: t }),
+    /* @__PURE__ */ o(Nl, { className: "tooltip", ...e, children: /* @__PURE__ */ o(Fl, { ...e, children: /* @__PURE__ */ o(
+      "p",
+      {
+        style: {
+          wordWrap: "break-word",
+          width: "100%",
+          boxSizing: "border-box",
+          padding: zl[r || "large"],
+          margin: "0 auto",
+          display: "block",
+          textAlign: "center",
+          fontFamily: "IBM Plex Sans"
+        },
+        children: n || "Exemplo"
+      }
+    ) }) })
+  ] }) });
 };
 export {
   Zn as Button,
-  jl as Checkbox,
-  Zl as Dropdown,
-  zl as FileUploader,
+  Zl as Checkbox,
+  Jl as Dropdown,
+  ql as FileUploader,
   fl as InlineLoading,
-  Vl as Input,
+  Wl as Input,
   Qr as Loading,
-  Fl as MenuButton,
+  Ul as MenuButton,
   Ti as Modal,
-  Wl as Radio,
-  Nl as Tag,
-  Gl as Tile
+  Xl as Radio,
+  Yl as Tag,
+  Kl as Tile,
+  Ql as Tooltip
 };