@akad/design-system 0.2.0-beta.10 → 0.2.0-beta.12

package/react/react-lib.js

@@ -1,5 +1,5 @@
 import { jsx as c, jsxs as O, Fragment as tt } from "react/jsx-runtime";
-import be, { useMemo as Ce, useState as j, useEffect as K, useRef as Je, useCallback as Te, useLayoutEffect as _n, createElement as vn } from "react";
+import be, { useMemo as Ce, useState as j, useEffect as J, useRef as Je, useCallback as Ae, useLayoutEffect as _n, createElement as vn } from "react";
 function kn(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
@@ -17,7 +17,7 @@ function bn() {
   if (Lt)
     return H;
   Lt = 1;
-  var a = typeof Symbol == "function" && Symbol.for, e = a ? Symbol.for("react.element") : 60103, t = a ? Symbol.for("react.portal") : 60106, s = a ? Symbol.for("react.fragment") : 60107, n = a ? Symbol.for("react.strict_mode") : 60108, i = a ? Symbol.for("react.profiler") : 60114, r = a ? Symbol.for("react.provider") : 60109, l = a ? Symbol.for("react.context") : 60110, u = a ? Symbol.for("react.async_mode") : 60111, d = a ? Symbol.for("react.concurrent_mode") : 60111, h = a ? Symbol.for("react.forward_ref") : 60112, f = a ? Symbol.for("react.suspense") : 60113, _ = a ? Symbol.for("react.suspense_list") : 60120, v = a ? Symbol.for("react.memo") : 60115, y = a ? Symbol.for("react.lazy") : 60116, m = a ? Symbol.for("react.block") : 60121, b = a ? Symbol.for("react.fundamental") : 60117, F = a ? Symbol.for("react.responder") : 60118, P = a ? Symbol.for("react.scope") : 60119;
+  var a = typeof Symbol == "function" && Symbol.for, e = a ? Symbol.for("react.element") : 60103, t = a ? Symbol.for("react.portal") : 60106, s = a ? Symbol.for("react.fragment") : 60107, n = a ? Symbol.for("react.strict_mode") : 60108, i = a ? Symbol.for("react.profiler") : 60114, r = a ? Symbol.for("react.provider") : 60109, l = a ? Symbol.for("react.context") : 60110, u = a ? Symbol.for("react.async_mode") : 60111, d = a ? Symbol.for("react.concurrent_mode") : 60111, h = a ? Symbol.for("react.forward_ref") : 60112, f = a ? Symbol.for("react.suspense") : 60113, _ = a ? Symbol.for("react.suspense_list") : 60120, v = a ? Symbol.for("react.memo") : 60115, C = a ? Symbol.for("react.lazy") : 60116, y = a ? Symbol.for("react.block") : 60121, m = a ? Symbol.for("react.fundamental") : 60117, F = a ? Symbol.for("react.responder") : 60118, P = a ? Symbol.for("react.scope") : 60119;
   function A(p) {
     if (typeof p == "object" && p !== null) {
       var S = p.$$typeof;
@@ -35,7 +35,7 @@ function bn() {
               switch (p = p && p.$$typeof, p) {
                 case l:
                 case h:
-                case y:
+                case C:
                 case v:
                 case r:
                   return p;
@@ -51,7 +51,7 @@ function bn() {
   function x(p) {
     return A(p) === d;
   }
-  return H.AsyncMode = u, H.ConcurrentMode = d, H.ContextConsumer = l, H.ContextProvider = r, H.Element = e, H.ForwardRef = h, H.Fragment = s, H.Lazy = y, H.Memo = v, H.Portal = t, H.Profiler = i, H.StrictMode = n, H.Suspense = f, H.isAsyncMode = function(p) {
+  return H.AsyncMode = u, H.ConcurrentMode = d, H.ContextConsumer = l, H.ContextProvider = r, H.Element = e, H.ForwardRef = h, H.Fragment = s, H.Lazy = C, H.Memo = v, H.Portal = t, H.Profiler = i, H.StrictMode = n, H.Suspense = f, H.isAsyncMode = function(p) {
     return x(p) || A(p) === u;
   }, H.isConcurrentMode = x, H.isContextConsumer = function(p) {
     return A(p) === l;
@@ -64,7 +64,7 @@ function bn() {
   }, H.isFragment = function(p) {
     return A(p) === s;
   }, H.isLazy = function(p) {
-    return A(p) === y;
+    return A(p) === C;
   }, H.isMemo = function(p) {
     return A(p) === v;
   }, H.isPortal = function(p) {
@@ -76,7 +76,7 @@ function bn() {
   }, H.isSuspense = function(p) {
     return A(p) === f;
   }, H.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === s || p === d || p === i || p === n || p === f || p === _ || typeof p == "object" && p !== null && (p.$$typeof === y || p.$$typeof === v || p.$$typeof === r || p.$$typeof === l || p.$$typeof === h || p.$$typeof === b || p.$$typeof === F || p.$$typeof === P || p.$$typeof === m);
+    return typeof p == "string" || typeof p == "function" || p === s || p === d || p === i || p === n || p === f || p === _ || typeof p == "object" && p !== null && (p.$$typeof === C || p.$$typeof === v || p.$$typeof === r || p.$$typeof === l || p.$$typeof === h || p.$$typeof === m || p.$$typeof === F || p.$$typeof === P || p.$$typeof === y);
   }, H.typeOf = A, H;
 }
 var W = {};
@@ -91,10 +91,10 @@ var W = {};
 var Pt;
 function Cn() {
   return Pt || (Pt = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = typeof Symbol == "function" && Symbol.for, e = a ? Symbol.for("react.element") : 60103, t = a ? Symbol.for("react.portal") : 60106, s = a ? Symbol.for("react.fragment") : 60107, n = a ? Symbol.for("react.strict_mode") : 60108, i = a ? Symbol.for("react.profiler") : 60114, r = a ? Symbol.for("react.provider") : 60109, l = a ? Symbol.for("react.context") : 60110, u = a ? Symbol.for("react.async_mode") : 60111, d = a ? Symbol.for("react.concurrent_mode") : 60111, h = a ? Symbol.for("react.forward_ref") : 60112, f = a ? Symbol.for("react.suspense") : 60113, _ = a ? Symbol.for("react.suspense_list") : 60120, v = a ? Symbol.for("react.memo") : 60115, y = a ? Symbol.for("react.lazy") : 60116, m = a ? Symbol.for("react.block") : 60121, b = a ? Symbol.for("react.fundamental") : 60117, F = a ? Symbol.for("react.responder") : 60118, P = a ? Symbol.for("react.scope") : 60119;
+    var a = typeof Symbol == "function" && Symbol.for, e = a ? Symbol.for("react.element") : 60103, t = a ? Symbol.for("react.portal") : 60106, s = a ? Symbol.for("react.fragment") : 60107, n = a ? Symbol.for("react.strict_mode") : 60108, i = a ? Symbol.for("react.profiler") : 60114, r = a ? Symbol.for("react.provider") : 60109, l = a ? Symbol.for("react.context") : 60110, u = a ? Symbol.for("react.async_mode") : 60111, d = a ? Symbol.for("react.concurrent_mode") : 60111, h = a ? Symbol.for("react.forward_ref") : 60112, f = a ? Symbol.for("react.suspense") : 60113, _ = a ? Symbol.for("react.suspense_list") : 60120, v = a ? Symbol.for("react.memo") : 60115, C = a ? Symbol.for("react.lazy") : 60116, y = a ? Symbol.for("react.block") : 60121, m = a ? Symbol.for("react.fundamental") : 60117, F = a ? Symbol.for("react.responder") : 60118, P = a ? Symbol.for("react.scope") : 60119;
     function A(k) {
       return typeof k == "string" || typeof k == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      k === s || k === d || k === i || k === n || k === f || k === _ || typeof k == "object" && k !== null && (k.$$typeof === y || k.$$typeof === v || k.$$typeof === r || k.$$typeof === l || k.$$typeof === h || k.$$typeof === b || k.$$typeof === F || k.$$typeof === P || k.$$typeof === m);
+      k === s || k === d || k === i || k === n || k === f || k === _ || typeof k == "object" && k !== null && (k.$$typeof === C || k.$$typeof === v || k.$$typeof === r || k.$$typeof === l || k.$$typeof === h || k.$$typeof === m || k.$$typeof === F || k.$$typeof === P || k.$$typeof === y);
     }
     function x(k) {
       if (typeof k == "object" && k !== null) {
@@ -115,7 +115,7 @@ function Cn() {
                 switch (Vt) {
                   case l:
                   case h:
-                  case y:
+                  case C:
                   case v:
                   case r:
                     return Vt;
@@ -128,14 +128,14 @@ function Cn() {
         }
       }
     }
-    var p = u, S = d, B = l, q = r, V = e, ae = h, ce = s, de = y, we = v, me = t, Le = i, oe = n, ye = f, Fe = !1;
+    var p = u, S = d, B = l, q = r, V = e, ae = h, ce = s, de = C, Fe = v, me = t, Le = i, oe = n, ye = f, Ie = !1;
     function Ne(k) {
-      return Fe || (Fe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), g(k) || x(k) === u;
+      return Ie || (Ie = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), g(k) || x(k) === u;
     }
     function g(k) {
       return x(k) === d;
     }
-    function C(k) {
+    function b(k) {
       return x(k) === l;
     }
     function $(k) {
@@ -151,7 +151,7 @@ function Cn() {
       return x(k) === s;
     }
     function N(k) {
-      return x(k) === y;
+      return x(k) === C;
     }
     function L(k) {
       return x(k) === v;
@@ -168,7 +168,7 @@ function Cn() {
     function Q(k) {
       return x(k) === f;
     }
-    W.AsyncMode = p, W.ConcurrentMode = S, W.ContextConsumer = B, W.ContextProvider = q, W.Element = V, W.ForwardRef = ae, W.Fragment = ce, W.Lazy = de, W.Memo = we, W.Portal = me, W.Profiler = Le, W.StrictMode = oe, W.Suspense = ye, W.isAsyncMode = Ne, W.isConcurrentMode = g, W.isContextConsumer = C, W.isContextProvider = $, W.isElement = R, W.isForwardRef = D, W.isFragment = T, W.isLazy = N, W.isMemo = L, W.isPortal = U, W.isProfiler = w, W.isStrictMode = z, W.isSuspense = Q, W.isValidElementType = A, W.typeOf = x;
+    W.AsyncMode = p, W.ConcurrentMode = S, W.ContextConsumer = B, W.ContextProvider = q, W.Element = V, W.ForwardRef = ae, W.Fragment = ce, W.Lazy = de, W.Memo = Fe, W.Portal = me, W.Profiler = Le, W.StrictMode = oe, W.Suspense = ye, W.isAsyncMode = Ne, W.isConcurrentMode = g, W.isContextConsumer = b, W.isContextProvider = $, W.isElement = R, W.isForwardRef = D, W.isFragment = T, W.isLazy = N, W.isMemo = L, W.isPortal = U, W.isProfiler = w, W.isStrictMode = z, W.isSuspense = Q, W.isValidElementType = A, W.typeOf = x;
   }()), W;
 }
 var jt;
@@ -270,8 +270,8 @@ function En() {
               throw _.name = "Invariant Violation", _;
             }
             f = i[h](r, h, u, l, null, e);
-          } catch (y) {
-            f = y;
+          } catch (C) {
+            f = C;
           }
           if (f && !(f instanceof Error) && a(
             (u || "React class") + ": type specification of " + l + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof f + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
@@ -310,9 +310,9 @@ function xn() {
   return St = function(l, u) {
     var d = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function f(g) {
-      var C = g && (d && g[d] || g[h]);
-      if (typeof C == "function")
-        return C;
+      var b = g && (d && g[d] || g[h]);
+      if (typeof b == "function")
+        return b;
     }
     var _ = "<<anonymous>>", v = {
       array: F("array"),
@@ -333,18 +333,18 @@ function xn() {
       oneOf: B,
       oneOfType: V,
       shape: de,
-      exact: we
+      exact: Fe
     };
-    function y(g, C) {
-      return g === C ? g !== 0 || 1 / g === 1 / C : g !== g && C !== C;
+    function C(g, b) {
+      return g === b ? g !== 0 || 1 / g === 1 / b : g !== g && b !== b;
     }
-    function m(g, C) {
-      this.message = g, this.data = C && typeof C == "object" ? C : {}, this.stack = "";
+    function y(g, b) {
+      this.message = g, this.data = b && typeof b == "object" ? b : {}, this.stack = "";
     }
-    m.prototype = Error.prototype;
-    function b(g) {
+    y.prototype = Error.prototype;
+    function m(g) {
       if (process.env.NODE_ENV !== "production")
-        var C = {}, $ = 0;
+        var b = {}, $ = 0;
       function R(T, N, L, U, w, z, Q) {
         if (U = U || _, z = z || L, Q !== t) {
           if (u) {
@@ -354,42 +354,42 @@ function xn() {
             throw k.name = "Invariant Violation", k;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var Se = U + ":" + L;
-            !C[Se] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !b[Se] && // Avoid spamming the console because they are often not actionable except for lib authors
             $ < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + z + "` prop on `" + U + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), C[Se] = !0, $++);
+            ), b[Se] = !0, $++);
           }
         }
-        return N[L] == null ? T ? N[L] === null ? new m("The " + w + " `" + z + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new m("The " + w + " `" + z + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : g(N, L, U, w, z);
+        return N[L] == null ? T ? N[L] === null ? new y("The " + w + " `" + z + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new y("The " + w + " `" + z + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : g(N, L, U, w, z);
       }
       var D = R.bind(null, !1);
       return D.isRequired = R.bind(null, !0), D;
     }
     function F(g) {
-      function C($, R, D, T, N, L) {
+      function b($, R, D, T, N, L) {
         var U = $[R], w = oe(U);
         if (w !== g) {
           var z = ye(U);
-          return new m(
+          return new y(
             "Invalid " + T + " `" + N + "` of type " + ("`" + z + "` supplied to `" + D + "`, expected ") + ("`" + g + "`."),
             { expectedType: g }
           );
         }
         return null;
       }
-      return b(C);
+      return m(b);
     }
     function P() {
-      return b(r);
+      return m(r);
     }
     function A(g) {
-      function C($, R, D, T, N) {
+      function b($, R, D, T, N) {
         if (typeof g != "function")
-          return new m("Property `" + N + "` of component `" + D + "` has invalid PropType notation inside arrayOf.");
+          return new y("Property `" + N + "` of component `" + D + "` has invalid PropType notation inside arrayOf.");
         var L = $[R];
         if (!Array.isArray(L)) {
           var U = oe(L);
-          return new m("Invalid " + T + " `" + N + "` of type " + ("`" + U + "` supplied to `" + D + "`, expected an array."));
+          return new y("Invalid " + T + " `" + N + "` of type " + ("`" + U + "` supplied to `" + D + "`, expected an array."));
         }
         for (var w = 0; w < L.length; w++) {
           var z = g(L, w, D, T, N + "[" + w + "]", t);
@@ -398,64 +398,64 @@ function xn() {
         }
         return null;
       }
-      return b(C);
+      return m(b);
     }
     function x() {
-      function g(C, $, R, D, T) {
-        var N = C[$];
+      function g(b, $, R, D, T) {
+        var N = b[$];
         if (!l(N)) {
           var L = oe(N);
-          return new m("Invalid " + D + " `" + T + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected a single ReactElement."));
+          return new y("Invalid " + D + " `" + T + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return b(g);
+      return m(g);
     }
     function p() {
-      function g(C, $, R, D, T) {
-        var N = C[$];
+      function g(b, $, R, D, T) {
+        var N = b[$];
         if (!a.isValidElementType(N)) {
           var L = oe(N);
-          return new m("Invalid " + D + " `" + T + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected a single ReactElement type."));
+          return new y("Invalid " + D + " `" + T + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return b(g);
+      return m(g);
     }
     function S(g) {
-      function C($, R, D, T, N) {
+      function b($, R, D, T, N) {
         if (!($[R] instanceof g)) {
           var L = g.name || _, U = Ne($[R]);
-          return new m("Invalid " + T + " `" + N + "` of type " + ("`" + U + "` supplied to `" + D + "`, expected ") + ("instance of `" + L + "`."));
+          return new y("Invalid " + T + " `" + N + "` of type " + ("`" + U + "` supplied to `" + D + "`, expected ") + ("instance of `" + L + "`."));
         }
         return null;
       }
-      return b(C);
+      return m(b);
     }
     function B(g) {
       if (!Array.isArray(g))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), r;
-      function C($, R, D, T, N) {
+      function b($, R, D, T, N) {
         for (var L = $[R], U = 0; U < g.length; U++)
-          if (y(L, g[U]))
+          if (C(L, g[U]))
             return null;
         var w = JSON.stringify(g, function(Q, k) {
           var Se = ye(k);
           return Se === "symbol" ? String(k) : k;
         });
-        return new m("Invalid " + T + " `" + N + "` of value `" + String(L) + "` " + ("supplied to `" + D + "`, expected one of " + w + "."));
+        return new y("Invalid " + T + " `" + N + "` of value `" + String(L) + "` " + ("supplied to `" + D + "`, expected one of " + w + "."));
       }
-      return b(C);
+      return m(b);
     }
     function q(g) {
-      function C($, R, D, T, N) {
+      function b($, R, D, T, N) {
         if (typeof g != "function")
-          return new m("Property `" + N + "` of component `" + D + "` has invalid PropType notation inside objectOf.");
+          return new y("Property `" + N + "` of component `" + D + "` has invalid PropType notation inside objectOf.");
         var L = $[R], U = oe(L);
         if (U !== "object")
-          return new m("Invalid " + T + " `" + N + "` of type " + ("`" + U + "` supplied to `" + D + "`, expected an object."));
+          return new y("Invalid " + T + " `" + N + "` of type " + ("`" + U + "` supplied to `" + D + "`, expected an object."));
         for (var w in L)
           if (s(L, w)) {
             var z = g(L, w, D, T, N + "." + w, t);
@@ -464,16 +464,16 @@ function xn() {
           }
         return null;
       }
-      return b(C);
+      return m(b);
     }
     function V(g) {
       if (!Array.isArray(g))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), r;
-      for (var C = 0; C < g.length; C++) {
-        var $ = g[C];
+      for (var b = 0; b < g.length; b++) {
+        var $ = g[b];
         if (typeof $ != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Fe($) + " at index " + C + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Ie($) + " at index " + b + "."
           ), r;
       }
       function R(D, T, N, L, U) {
@@ -484,26 +484,26 @@ function xn() {
           k.data && s(k.data, "expectedType") && w.push(k.data.expectedType);
         }
         var Se = w.length > 0 ? ", expected one of type [" + w.join(", ") + "]" : "";
-        return new m("Invalid " + L + " `" + U + "` supplied to " + ("`" + N + "`" + Se + "."));
+        return new y("Invalid " + L + " `" + U + "` supplied to " + ("`" + N + "`" + Se + "."));
       }
-      return b(R);
+      return m(R);
     }
     function ae() {
-      function g(C, $, R, D, T) {
-        return me(C[$]) ? null : new m("Invalid " + D + " `" + T + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+      function g(b, $, R, D, T) {
+        return me(b[$]) ? null : new y("Invalid " + D + " `" + T + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
-      return b(g);
+      return m(g);
     }
-    function ce(g, C, $, R, D) {
-      return new m(
-        (g || "React class") + ": " + C + " type `" + $ + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + D + "`."
+    function ce(g, b, $, R, D) {
+      return new y(
+        (g || "React class") + ": " + b + " type `" + $ + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + D + "`."
       );
     }
     function de(g) {
-      function C($, R, D, T, N) {
+      function b($, R, D, T, N) {
         var L = $[R], U = oe(L);
         if (U !== "object")
-          return new m("Invalid " + T + " `" + N + "` of type `" + U + "` " + ("supplied to `" + D + "`, expected `object`."));
+          return new y("Invalid " + T + " `" + N + "` of type `" + U + "` " + ("supplied to `" + D + "`, expected `object`."));
         for (var w in g) {
           var z = g[w];
           if (typeof z != "function")
@@ -514,20 +514,20 @@ function xn() {
         }
         return null;
       }
-      return b(C);
+      return m(b);
     }
-    function we(g) {
-      function C($, R, D, T, N) {
+    function Fe(g) {
+      function b($, R, D, T, N) {
         var L = $[R], U = oe(L);
         if (U !== "object")
-          return new m("Invalid " + T + " `" + N + "` of type `" + U + "` " + ("supplied to `" + D + "`, expected `object`."));
+          return new y("Invalid " + T + " `" + N + "` of type `" + U + "` " + ("supplied to `" + D + "`, expected `object`."));
         var w = e({}, $[R], g);
         for (var z in w) {
           var Q = g[z];
           if (s(g, z) && typeof Q != "function")
             return ce(D, T, N, z, ye(Q));
           if (!Q)
-            return new m(
+            return new y(
               "Invalid " + T + " `" + N + "` key `" + z + "` supplied to `" + D + "`.\nBad object: " + JSON.stringify($[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
@@ -537,7 +537,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
         }
         return null;
       }
-      return b(C);
+      return m(b);
     }
     function me(g) {
       switch (typeof g) {
@@ -552,10 +552,10 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             return g.every(me);
           if (g === null || l(g))
             return !0;
-          var C = f(g);
-          if (C) {
-            var $ = C.call(g), R;
-            if (C !== g.entries) {
+          var b = f(g);
+          if (b) {
+            var $ = b.call(g), R;
+            if (b !== g.entries) {
               for (; !(R = $.next()).done; )
                 if (!me(R.value))
                   return !1;
@@ -572,37 +572,37 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
           return !1;
       }
     }
-    function Le(g, C) {
-      return g === "symbol" ? !0 : C ? C["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && C instanceof Symbol : !1;
+    function Le(g, b) {
+      return g === "symbol" ? !0 : b ? b["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && b instanceof Symbol : !1;
     }
     function oe(g) {
-      var C = typeof g;
-      return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : Le(C, g) ? "symbol" : C;
+      var b = typeof g;
+      return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : Le(b, g) ? "symbol" : b;
     }
     function ye(g) {
       if (typeof g > "u" || g === null)
         return "" + g;
-      var C = oe(g);
-      if (C === "object") {
+      var b = oe(g);
+      if (b === "object") {
         if (g instanceof Date)
           return "date";
         if (g instanceof RegExp)
           return "regexp";
       }
-      return C;
+      return b;
     }
-    function Fe(g) {
-      var C = ye(g);
-      switch (C) {
+    function Ie(g) {
+      var b = ye(g);
+      switch (b) {
         case "array":
         case "object":
-          return "an " + C;
+          return "an " + b;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + C;
+          return "a " + b;
         default:
-          return C;
+          return b;
       }
     }
     function Ne(g) {
@@ -853,7 +853,7 @@ const o = /* @__PURE__ */ kn(Fn), Gt = {
   regular: 400,
   light: 300,
   extralight: 200
-}, Z = ({
+}, K = ({
   image: a = ue.props.image.default,
   color: e = ue.props.color.default,
   className: t,
@@ -884,7 +884,7 @@ const o = /* @__PURE__ */ kn(Fn), Gt = {
     }
   );
 };
-Z.propTypes = {
+K.propTypes = {
   color: o.oneOf(ue.props.color.options),
   image: o.string,
   fontVariationSettings: o.object,
@@ -893,7 +893,7 @@ Z.propTypes = {
   weight: o.oneOf(ue.props.weight.options),
   onClick: o.func
 };
-Z.displayName = "DsIcon";
+K.displayName = "DsIcon";
 const pt = ({
   children: a,
   className: e,
@@ -910,17 +910,17 @@ const pt = ({
   iconPosition: _ = Y.props.iconPosition.default,
   fullSize: v = Y.props.fullSize.default
 }) => {
-  const y = s && Y.props.size.options.find((S) => S === s) ? `${Y.class}--${s}` : `${Y.class}__${Y.props.size.default}`, m = n && `${Y.class}--disabled`, b = `${Y.class}__${h}--${d}`, F = u && `${Y.class}--elevation-${u}`, P = i && `${Y.class}--with-icon`, A = v ? `${Y.class}--full-size` : "", x = _ === "right" ? `${Y.class}__icon` : `${Y.class}__icon--left`, p = _ === "right" ? `${Y.class}__text` : `${Y.class}__text--reversed`;
+  const C = s && Y.props.size.options.find((S) => S === s) ? `${Y.class}--${s}` : `${Y.class}__${Y.props.size.default}`, y = n && `${Y.class}--disabled`, m = `${Y.class}__${h}--${d}`, F = u && `${Y.class}--elevation-${u}`, P = i && `${Y.class}--with-icon`, A = v ? `${Y.class}--full-size` : "", x = _ === "right" ? `${Y.class}__icon` : `${Y.class}__icon--left`, p = _ === "right" ? `${Y.class}__text` : `${Y.class}__text--reversed`;
   return /* @__PURE__ */ c(
     "button",
     {
       className: [
         Y.class,
         A,
-        m,
-        P,
         y,
-        b,
+        P,
+        C,
+        m,
         F,
         P,
         e && e
@@ -932,7 +932,7 @@ const pt = ({
       children: /* @__PURE__ */ O("span", { className: ["ds-button__text", p].join(" "), children: [
         a,
         i && /* @__PURE__ */ c(
-          Z,
+          K,
           {
             className: ["ds-button__icon", x].join(" "),
             fill: f,
@@ -1128,20 +1128,20 @@ const re = {
     changeByChecked: u = re.props.changeByChecked.default,
     onChangeHandler: d
   }, h) => {
-    const f = u || !1, _ = r || !1, [v, y] = j(_), m = {
+    const f = u || !1, _ = r || !1, [v, C] = j(_), y = {
       image: v ? "check_box" : "check_box_outline_blank",
       class: v ? `${re.class}__icon--checked` : `${re.class}__icon--unchecked`
-    }, b = l && `${re.class}--disabled`, F = (P) => {
-      l || (y((A) => !A), d && d(P));
+    }, m = l && `${re.class}--disabled`, F = (P) => {
+      l || (C((A) => !A), d && d(P));
     };
-    return K(() => {
-      f && y(r);
+    return J(() => {
+      f && C(r);
     }, [r, f]), /* @__PURE__ */ O(
       "label",
       {
         className: [
           re.class,
-          b,
+          m,
           e && e
         ].join(" "),
         htmlFor: a || t,
@@ -1160,11 +1160,11 @@ const re = {
             }
           ),
           /* @__PURE__ */ c(
-            Z,
+            K,
             {
-              className: `${re.class}__icon ${m.class}`,
+              className: `${re.class}__icon ${y.class}`,
               fill: !0,
-              image: m.image,
+              image: y.image,
               size: "xxl",
               testId: `${s}-icon`
             }
@@ -1865,7 +1865,7 @@ class M {
   }
 }
 I.ChangeDetails = M;
-class Ae {
+class we {
   /** Tail value as string */
   /** Tail start position */
   /** Start position */
@@ -2007,11 +2007,11 @@ class ne {
   }
   /** Extracts tail in range */
   extractTail(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new Ae(this.extractInput(e, t), e);
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new we(this.extractInput(e, t), e);
   }
   /** Appends tail */
   appendTail(e) {
-    return $e(e) && (e = new Ae(String(e))), e.appendTo(this);
+    return $e(e) && (e = new we(String(e))), e.appendTo(this);
   }
   /** Appends char */
   _appendCharRaw(e, t) {
@@ -2066,7 +2066,7 @@ class ne {
   append(e, t, s) {
     if (!$e(e))
       throw new Error("value should be string");
-    const n = $e(s) ? new Ae(String(s)) : s;
+    const n = $e(s) ? new we(String(s)) : s;
     t != null && t.tail && (t._beforeTailState = this.state);
     let i;
     [e, i] = this.doPrepare(e, t);
@@ -2167,11 +2167,11 @@ class Ue {
   extend(e) {
     if (!String(e))
       return;
-    e = $e(e) ? new Ae(String(e)) : e;
+    e = $e(e) ? new we(String(e)) : e;
     const t = this.chunks[this.chunks.length - 1], s = t && // if stops are same or tail has no stop
     (t.stop === e.stop || e.stop == null) && // if tail chunk goes just after last chunk
     e.from === t.from + t.toString().length;
-    if (e instanceof Ae)
+    if (e instanceof we)
       s ? t.extend(e.toString()) : this.chunks.push(e);
     else if (e instanceof Ue) {
       if (e.stop == null) {
@@ -2184,7 +2184,7 @@ class Ue {
   }
   appendTo(e) {
     if (!(e instanceof I.MaskedPattern))
-      return new Ae(this.toString()).appendTo(e);
+      return new we(this.toString()).appendTo(e);
     const t = new M();
     for (let s = 0; s < this.chunks.length; ++s) {
       const n = this.chunks[s], i = e._mapPosToBlock(e.displayValue.length), r = n.stop;
@@ -2219,7 +2219,7 @@ class Ue {
       ...s
     } = e;
     Object.assign(this, s), this.chunks = t.map((n) => {
-      const i = "chunks" in n ? new Ue() : new Ae();
+      const i = "chunks" in n ? new Ue() : new we();
       return i.state = n, i;
     });
   }
@@ -2430,10 +2430,10 @@ class Js {
     return this.isFilled || (this._value = e.inserted = this.char), e;
   }
   extractTail() {
-    return new Ae("");
+    return new we("");
   }
   appendTail(e) {
-    return $e(e) && (e = new Ae(String(e))), e.appendTo(this);
+    return $e(e) && (e = new we(String(e))), e.appendTo(this);
   }
   append(e, t, s) {
     const n = this._appendChar(e[0], t);
@@ -2636,22 +2636,22 @@ class ie extends ne {
           const {
             expose: _,
             repeat: v,
-            ...y
-          } = Qe(this.blocks[f]), m = {
+            ...C
+          } = Qe(this.blocks[f]), y = {
             lazy: this.lazy,
             eager: this.eager,
             placeholderChar: this.placeholderChar,
             displayChar: this.displayChar,
             overwrite: this.overwrite,
             autofix: this.autofix,
-            ...y,
+            ...C,
             repeat: v,
             parent: this
-          }, b = v != null ? new I.RepeatBlock(
-            m
+          }, m = v != null ? new I.RepeatBlock(
+            y
             /* TODO */
-          ) : Be(m);
-          b && (this._blocks.push(b), _ && (this.exposeBlock = b), this._maskedBlocks[f] || (this._maskedBlocks[f] = []), this._maskedBlocks[f].push(this._blocks.length - 1)), i += f.length - 1;
+          ) : Be(y);
+          m && (this._blocks.push(m), _ && (this.exposeBlock = m), this._maskedBlocks[f] || (this._maskedBlocks[f] = []), this._maskedBlocks[f].push(this._blocks.length - 1)), i += f.length - 1;
           continue;
         }
       }
@@ -3353,7 +3353,7 @@ class _t extends ie {
     });
   }
   extractTail(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new Ae("", e);
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new we("", e);
   }
   remove(e, t) {
     if (e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), e === t)
@@ -3856,60 +3856,60 @@ function Yn(a, e) {
     defaultUnmaskedValue: r,
     defaultTypedValue: l
   } = e === void 0 ? {} : e;
-  const u = Je(null), [d, h] = j({}), [f, _] = j(""), [v, y] = j(""), [m, b] = j(), F = Te(() => {
+  const u = Je(null), [d, h] = j({}), [f, _] = j(""), [v, C] = j(""), [y, m] = j(), F = Ae(() => {
     var p;
     (p = u.current) == null || p.destroy(), u.current = null;
-  }, []), P = Te(() => {
+  }, []), P = Ae(() => {
     const p = u.current;
     p && (h({
       value: p.value,
       unmaskedValue: p.unmaskedValue,
       typedValue: p.typedValue
-    }), b(p.typedValue), y(p.unmaskedValue), _(p.value));
-  }, []), A = Te((p) => {
+    }), m(p.typedValue), C(p.unmaskedValue), _(p.value));
+  }, []), A = Ae((p) => {
     const S = u.current;
     S && (P(), t == null || t(S.value, S, p));
-  }, [t]), x = Te((p) => u.current && (s == null ? void 0 : s(u.current.value, u.current, p)), [s]);
-  return K(() => {
+  }, [t]), x = Ae((p) => u.current && (s == null ? void 0 : s(u.current.value, u.current, p)), [s]);
+  return J(() => {
     const {
       value: p,
       ...S
     } = d, B = u.current;
     !B || f === void 0 || (p !== f && (B.value = f, B.value !== f && A()), h(S));
-  }, [f]), K(() => {
+  }, [f]), J(() => {
     const {
       unmaskedValue: p,
       ...S
     } = d, B = u.current;
     !B || v === void 0 || (p !== v && (B.unmaskedValue = v, B.unmaskedValue !== v && A()), h(S));
-  }, [v]), K(() => {
+  }, [v]), J(() => {
     const {
       typedValue: p,
       ...S
     } = d, B = u.current;
-    !B || m === void 0 || (p !== m && (B.typedValue = m, B.masked.typedValueEquals(m) || A()), h(S));
-  }, [m]), K(() => {
+    !B || y === void 0 || (p !== y && (B.typedValue = y, B.masked.typedValueEquals(y) || A()), h(S));
+  }, [y]), J(() => {
     const p = n.current;
     if (!p || !(a != null && a.mask))
       return F();
     const S = u.current;
-    S ? S == null || S.updateOptions(a) : p && a != null && a.mask && (u.current = I(p, a), P(), i !== void 0 && _(i), r !== void 0 && y(r), l !== void 0 && b(l));
-  }, [a, F, A]), K(() => {
+    S ? S == null || S.updateOptions(a) : p && a != null && a.mask && (u.current = I(p, a), P(), i !== void 0 && _(i), r !== void 0 && C(r), l !== void 0 && m(l));
+  }, [a, F, A]), J(() => {
     if (!u.current)
       return;
     const p = u.current;
     return p.on("accept", A), p.on("complete", x), () => {
       p.off("accept", A), p.off("complete", x);
     };
-  }, [A, x]), K(() => F, [F]), {
+  }, [A, x]), J(() => F, [F]), {
     ref: n,
     maskRef: u,
     value: f,
     setValue: _,
     unmaskedValue: v,
-    setUnmaskedValue: y,
-    typedValue: m,
-    setTypedValue: b
+    setUnmaskedValue: C,
+    typedValue: y,
+    setTypedValue: m
   };
 }
 const ls = {
@@ -4079,7 +4079,7 @@ const ls = {
   Center: "center",
   End: "end",
   Initial: "initial"
-}, Ie = {
+}, Ee = {
   name: "Tooltip",
   class: "ds-tooltip",
   props: {
@@ -4096,102 +4096,104 @@ const ls = {
     text: {
       type: String,
       default: ""
+    },
+    testId: {
+      type: String,
+      default: "ds-tooltip"
     }
   }
 }, We = ({
   children: a,
-  position: e = Ie.props.position.default,
-  placement: t = Ie.props.placement.default,
-  text: s = Ie.props.text.default,
-  className: n
+  position: e = Ee.props.position.default,
+  placement: t = Ee.props.placement.default,
+  text: s = Ee.props.text.default,
+  testId: n = Ee.props.testId.default,
+  className: i
 }) => {
-  const i = Je(null), [r, l] = j(0), [u, d] = j(0), [h, f] = j(!1), _ = e && Ie.props.position.options.find(
+  const r = Je(null), [l, u] = j(0), [d, h] = j(0), [f, _] = j(!1), v = e && Ee.props.position.options.find(
     (F) => F === e
-  ) && `${Ie.class}--${e}`, v = t && Ie.props.placement.options.find(
+  ) && `${Ee.class}--${e}`, C = t && Ee.props.placement.options.find(
     (F) => F === t
-  ) && `${Ie.class}--${t}`;
+  ) && `${Ee.class}--${t}`;
   let y;
   _n(() => {
     var F, P;
-    i.current && (l((F = i == null ? void 0 : i.current) == null ? void 0 : F.offsetHeight), d((P = i == null ? void 0 : i.current) == null ? void 0 : P.offsetWidth));
-  }, []), K(() => (document.addEventListener("mousedown", b), () => {
-    document.removeEventListener("mousedown", b);
-  }), []);
+    r.current && (u((F = r == null ? void 0 : r.current) == null ? void 0 : F.offsetHeight), h((P = r == null ? void 0 : r.current) == null ? void 0 : P.offsetWidth));
+  }, []);
   const m = 9;
   switch (e) {
     case "top":
       t === "initial" ? y = {
-        bottom: r + m,
+        bottom: l + m,
         left: -m
       } : t === "end" ? y = {
-        bottom: r + m,
+        bottom: l + m,
         right: -m
       } : y = {
-        bottom: r + m,
+        bottom: l + m,
         left: "50%",
         transform: "translateX(-50%)"
       };
       break;
     case "bottom":
       t === "initial" ? y = {
-        top: r + m,
+        top: l + m,
         left: -m
       } : t === "end" ? y = {
-        top: r + m,
+        top: l + m,
         right: -m
       } : y = {
-        top: r + m,
+        top: l + m,
         left: "50%",
         transform: "translateX(-50%)"
       };
       break;
     case "left":
       t === "initial" ? y = {
-        right: u + m,
+        right: d + m,
         top: -m
       } : t === "end" ? y = {
-        right: u + m,
+        right: d + m,
         bottom: -m
       } : y = {
-        right: u + m,
+        right: d + m,
         top: "50%",
         transform: "translateY(-50%)"
       };
       break;
     case "right":
       t === "initial" ? y = {
-        left: u + m,
+        left: d + m,
         top: -m
       } : t === "end" ? y = {
-        left: u + m,
+        left: d + m,
         bottom: -m
       } : y = {
-        left: u + m,
+        left: d + m,
         top: "50%",
         transform: "translateY(-50%)"
       };
       break;
   }
-  const b = ({ target: F }) => {
-    i.current && i.current.contains(F) || f(!1);
-  };
   return /* @__PURE__ */ O(
-    "span",
+    "div",
     {
-      className: [Ie.class, n].join(" "),
-      "data-testid": "ds-tooltip",
-      onClick: () => f(!h),
-      ref: i,
+      className: [Ee.class, i].join(" "),
+      "data-testid": n,
+      onMouseEnter: () => _(!0),
+      onMouseLeave: () => _(!1),
+      ref: r,
+      role: "tooltip",
       children: [
         a,
-        h && /* @__PURE__ */ c(
-          "span",
+        f && /* @__PURE__ */ c(
+          "div",
           {
-            className: [_, v].filter((F) => F).join(" "),
+            className: [v, C].filter((F) => F).join(" "),
             children: /* @__PURE__ */ c(
               "span",
               {
-                className: `${Ie.class}__wrapper`,
+                className: `${Ee.class}__wrapper`,
                 "data-testid": "ds-tooltip-wrapper",
                 style: y,
                 children: s
@@ -4206,7 +4208,8 @@ const ls = {
 We.propTypes = {
   position: o.string,
   placement: o.string,
-  text: o.oneOfType([o.string, o.node])
+  text: o.oneOfType([o.string, o.node]),
+  testId: o.string
 };
 We.displayName = "DsTooltip";
 const et = be.forwardRef(
@@ -4225,9 +4228,9 @@ const et = be.forwardRef(
     tooltipPosition: f = X.props.tooltipPosition.default,
     tooltipPlacement: _ = X.props.tooltipPlacement.default,
     icon: v = X.props.icon.default,
-    status: y = X.props.status.default,
-    feedback: m,
-    hasFeedback: b = X.props.hasFeedback.default,
+    status: C = X.props.status.default,
+    feedback: y,
+    hasFeedback: m = X.props.hasFeedback.default,
     noMargin: F = X.props.noMargin.default,
     disabled: P = X.props.disabled.default,
     className: A,
@@ -4237,7 +4240,7 @@ const et = be.forwardRef(
     onKeyDownHandler: B,
     onFocusHandler: q
   }, V) => {
-    const [ae, ce] = j(!1), [de, we] = j(!1), me = !!p && !!x, Le = (w, z, Q) => {
+    const [ae, ce] = j(!1), [de, Fe] = j(!1), me = !!p && !!x, Le = (w, z, Q) => {
       if (me && Q) {
         const k = {
           ...Q,
@@ -4256,7 +4259,7 @@ const et = be.forwardRef(
       min: u,
       max: d,
       lazy: !0
-    } : { mask: x || "", min: u, max: d, lazy: !0 }, [x]), { ref: ye, setUnmaskedValue: Fe } = Yn(
+    } : { mask: x || "", min: u, max: d, lazy: !0 }, [x]), { ref: ye, setUnmaskedValue: Ie } = Yn(
       oe,
       {
         onAccept: Le
@@ -4265,25 +4268,25 @@ const et = be.forwardRef(
       p && !me && p(w);
     }, g = (w) => {
       B && B(w);
-    }, C = (w) => {
+    }, b = (w) => {
       ce(!1), S && S(w);
     }, $ = (w) => {
       ce(!0), q && q(w);
     }, R = () => {
-      we((w) => !w);
+      Fe((w) => !w);
     }, D = Ce(() => de && t === "password" ? "text" : t, [de, t]), T = () => {
       const w = [`${X.class}`];
-      return n && w.push(`${X.class}--${n}`), s && w.push(`${X.class}--animated`), F && w.push(`${X.class}--no-margin`), v && w.push(`${X.class}--with-icon`), y && w.push(`${X.class}--${y}`), A && w.push(A), w.join(" ");
+      return n && w.push(`${X.class}--${n}`), s && w.push(`${X.class}--animated`), F && w.push(`${X.class}--no-margin`), v && w.push(`${X.class}--with-icon`), C && w.push(`${X.class}--${C}`), A && w.push(A), w.join(" ");
     }, N = Ce(() => {
       const w = [`${X.class}__label`];
       return (ae || l) && w.push(`${X.class}__label--active`), w.join(" ");
-    }, [l, ae]), L = () => !s && r ? r : "", U = () => y && y === "error" ? "info" : "check_circle";
-    return K(() => {
-      x && Fe(l || "");
-    }, [l, x, Fe]), /* @__PURE__ */ O("div", { className: T(), ref: V, children: [
-      b && /* @__PURE__ */ c("div", { className: "ds-input__feedback", children: m && /* @__PURE__ */ O(tt, { children: [
-        /* @__PURE__ */ c(Z, { image: U() }),
-        m
+    }, [l, ae]), L = () => !s && r ? r : "", U = () => C && C === "error" ? "info" : "check_circle";
+    return J(() => {
+      x && Ie(l || "");
+    }, [l, x, Ie]), /* @__PURE__ */ O("div", { className: T(), ref: V, children: [
+      m && /* @__PURE__ */ c("div", { className: "ds-input__feedback", children: y && /* @__PURE__ */ O(tt, { children: [
+        /* @__PURE__ */ c(K, { image: U() }),
+        y
       ] }) }),
       /* @__PURE__ */ c(
         "input",
@@ -4295,7 +4298,7 @@ const et = be.forwardRef(
           max: d,
           min: u,
           name: a,
-          onBlur: C,
+          onBlur: b,
           onChange: Ne,
           onFocus: $,
           onInput: Ne,
@@ -4315,13 +4318,13 @@ const et = be.forwardRef(
             placement: _,
             position: f,
             text: h,
-            children: /* @__PURE__ */ c(Z, { className: "ds-input__icon", image: "info" })
+            children: /* @__PURE__ */ c(K, { className: "ds-input__icon", image: "info" })
           }
         )
       ] }),
-      v && /* @__PURE__ */ c(Z, { className: "ds-input__icon", image: v }),
+      v && /* @__PURE__ */ c(K, { className: "ds-input__icon", image: v }),
       t === "password" && /* @__PURE__ */ c(
-        Z,
+        K,
         {
           className: "ds-input__password-icon",
           image: de ? "visibility_off" : "visibility",
@@ -4518,7 +4521,7 @@ const Oe = {
       }
     ),
     /* @__PURE__ */ c(
-      Z,
+      K,
       {
         className: `${Oe.class}__icon`,
         image: l ? "radio_button_checked" : "radio_button_unchecked",
@@ -4870,7 +4873,7 @@ const xs = {
   Right: "right",
   Bottom: "bottom",
   Left: "left"
-}, J = {
+}, Z = {
   name: "Select",
   class: "ds-select",
   props: {
@@ -4947,32 +4950,32 @@ const xs = {
   ({
     label: a,
     className: e,
-    disabled: t = J.props.disabled.default,
-    animated: s = J.props.animated.default,
-    multiple: n = J.props.multiple.default,
-    testId: i = J.props.testId.default,
+    disabled: t = Z.props.disabled.default,
+    animated: s = Z.props.animated.default,
+    multiple: n = Z.props.multiple.default,
+    testId: i = Z.props.testId.default,
     name: r,
     options: l,
     value: u,
     placeholder: d,
     onChange: h,
     onChangeHandler: f,
-    size: _ = J.props.size.default,
-    status: v = J.props.status.default,
-    tooltip: y,
-    tooltipPosition: m = J.props.tooltipPosition.default,
-    tooltipPlacement: b = J.props.tooltipPlacement.default,
+    size: _ = Z.props.size.default,
+    status: v = Z.props.status.default,
+    tooltip: C,
+    tooltipPosition: y = Z.props.tooltipPosition.default,
+    tooltipPlacement: m = Z.props.tooltipPlacement.default,
     feedback: F,
     ...P
   }, A) => {
     const [x, p] = j(!1), S = (V) => {
       p(!1), h && h(V, V.target.value), f && f(V, V.target.value);
     }, B = () => {
-      const V = [J.class, "select-placeholder"];
-      return V.push(`${J.class}--${_}`), v && V.push(`${J.class}--${v}`), x && V.push(`${J.class}--active`), t && V.push(`${J.class}--disabled`), e && V.push(e), V.join(" ");
+      const V = [Z.class, "select-placeholder"];
+      return V.push(`${Z.class}--${_}`), v && V.push(`${Z.class}--${v}`), x && V.push(`${Z.class}--active`), t && V.push(`${Z.class}--disabled`), e && V.push(e), V.join(" ");
     }, q = Ce(() => {
-      const V = [`${J.class}__label`];
-      return !s && V.push(`${J.class}__label--not-animated`), u && V.push(`${J.class}__label--has-value`), s && !u && !y && V.push(`${J.class}__label--hidden`), V.join(" ");
+      const V = [`${Z.class}__label`];
+      return !s && V.push(`${Z.class}__label--not-animated`), u && V.push(`${Z.class}__label--has-value`), s && !u && !C && V.push(`${Z.class}__label--hidden`), V.join(" ");
     }, [u]);
     return /* @__PURE__ */ O("div", { className: B(), "data-testid": "ds-select-component", children: [
       a && /* @__PURE__ */ O(
@@ -4983,17 +4986,17 @@ const xs = {
           htmlFor: r,
           children: [
             a,
-            y && /* @__PURE__ */ c(
+            C && /* @__PURE__ */ c(
               We,
               {
-                className: `${J.class}__tooltip`,
-                placement: b,
-                position: m,
-                text: y,
+                className: `${Z.class}__tooltip`,
+                placement: m,
+                position: y,
+                text: C,
                 children: /* @__PURE__ */ c(
-                  Z,
+                  K,
                   {
-                    className: `${J.class}__icon`,
+                    className: `${Z.class}__icon`,
                     image: "info"
                   }
                 )
@@ -5010,29 +5013,28 @@ const xs = {
           id: r,
           multiple: n,
           name: r,
-          onChange: (V) => S(V),
-          value: u || "",
-          ...P,
           onBlur: () => p(!1),
+          onChange: (V) => S(V),
           onFocus: () => p(!0),
           ref: A,
-          required: !0,
+          value: u ?? "",
+          ...P,
           children: [
             (d || s) && /* @__PURE__ */ c("option", { disabled: !0, value: "", children: d ?? a }),
             l == null ? void 0 : l.map((V, ae) => {
               var ce;
-              return "options" in V ? /* @__PURE__ */ c("optgroup", { label: V.label, children: (ce = V.options) == null ? void 0 : ce.map((de, we) => /* @__PURE__ */ c(
+              return "options" in V ? /* @__PURE__ */ c("optgroup", { label: V.label, children: (ce = V.options) == null ? void 0 : ce.map((de, Fe) => /* @__PURE__ */ c(
                 "option",
                 {
-                  className: `${J.class}__option-select`,
+                  className: `${Z.class}__option-select`,
                   value: de.value,
                   children: de.label || de.value
                 },
-                we
+                Fe
               )) }, ae) : /* @__PURE__ */ c(
                 "option",
                 {
-                  className: `${J.class}__option-select`,
+                  className: `${Z.class}__option-select`,
                   value: V.value,
                   children: V.label || V.value
                 },
@@ -5044,7 +5046,7 @@ const xs = {
       ),
       F && /* @__PURE__ */ O("div", { className: "ds-select__feedback-container", children: [
         /* @__PURE__ */ c(
-          Z,
+          K,
           {
             className: "ds-select__icon",
             image: v === "success" ? "check_circle" : "info"
@@ -5068,8 +5070,8 @@ rn.propTypes = {
   onChange: o.func,
   onChangeHandler: o.func,
   value: o.oneOfType([o.string, o.number]),
-  size: o.oneOf(J.props.size.options),
-  status: o.oneOf(J.props.status.options),
+  size: o.oneOf(Z.props.size.options),
+  status: o.oneOf(Z.props.status.options),
   tooltip: o.string,
   tooltipPosition: o.string,
   tooltipPlacement: o.string,
@@ -5225,9 +5227,9 @@ const Is = {
     status: f = te.props.status.default,
     feedback: _,
     disabled: v = te.props.disabled.default,
-    required: y,
-    className: m,
-    resize: b = te.props.resize.default,
+    required: C,
+    className: y,
+    resize: m = te.props.resize.default,
     onChangeHandler: F,
     onBlurHandler: P,
     onKeyDownHandler: A,
@@ -5237,32 +5239,32 @@ const Is = {
     description: B,
     style: q
   }, V) => {
-    const [ae, ce] = j(!1), [de, we] = j(0), [me, Le] = j(Math.random());
-    K(() => {
+    const [ae, ce] = j(!1), [de, Fe] = j(0), [me, Le] = j(Math.random());
+    J(() => {
       r == null && Le(Math.random());
     }, [r]);
     const oe = (T) => {
-      we(T.target.value.length), F && F(T);
+      Fe(T.target.value.length), F && F(T);
     }, ye = (T) => {
       A && A(T);
-    }, Fe = (T) => {
+    }, Ie = (T) => {
       ce(!1), P && P(T);
     }, Ne = (T) => {
       ce(!0), x && x(T);
     }, g = () => {
       const T = [`${te.class}`];
-      return s && T.push(`${te.class}--${s}`), t && T.push(`${te.class}--animated`), d && T.push(`${te.class}--with-icon`), f && T.push(`${te.class}--${f}`), m && T.push(m), T.join(" ");
-    }, C = Ce(() => {
+      return s && T.push(`${te.class}--${s}`), t && T.push(`${te.class}--animated`), d && T.push(`${te.class}--with-icon`), f && T.push(`${te.class}--${f}`), y && T.push(y), T.join(" ");
+    }, b = Ce(() => {
       const T = [`${te.class}__label`];
       return (ae || r) && T.push(`${te.class}__label--active`), T.join(" ");
     }, [r, ae]), $ = () => !t && i ? i : "", R = () => f && f === "error" ? "info" : "check_circle", D = {
-      resize: b,
+      resize: m,
       ...q || {}
     };
     return /* @__PURE__ */ O("div", { className: g(), children: [
       B && /* @__PURE__ */ c("span", { className: "ds-textarea__description", children: B }),
       _ && /* @__PURE__ */ O("div", { className: "ds-textarea__feedback", children: [
-        /* @__PURE__ */ c(Z, { image: R() }),
+        /* @__PURE__ */ c(K, { image: R() }),
         _
       ] }),
       /* @__PURE__ */ c(
@@ -5277,18 +5279,18 @@ const Is = {
           maxLength: u,
           minLength: l,
           name: a,
-          onBlur: Fe,
+          onBlur: Ie,
           onChange: oe,
           onFocus: Ne,
           onKeyDown: ye,
           placeholder: $(),
           ref: V,
-          required: y,
+          required: C,
           rows: p,
           style: D
         }
       ),
-      /* @__PURE__ */ c("label", { className: C, htmlFor: a, children: n }),
+      /* @__PURE__ */ c("label", { className: b, htmlFor: a, children: n }),
       u && /* @__PURE__ */ O("span", { className: "ds-textarea__count", children: [
         de,
         "/",
@@ -5300,7 +5302,7 @@ const Is = {
           className: "ds-textarea__tooltip",
           placement: "end",
           text: d,
-          children: /* @__PURE__ */ c(Z, { className: "ds-textarea__icon", image: h })
+          children: /* @__PURE__ */ c(K, { className: "ds-textarea__icon", image: h })
         }
       )
     ] }, me);
@@ -5375,7 +5377,7 @@ Mt.propTypes = {
 Mt.displayName = "DsContainer";
 const Rs = () => typeof window < "u" && window.innerWidth ? window.innerWidth : 0, Kn = ({ children: a, grid: e }) => {
   const { row: t, col: s, mobileRow: n, mobileCol: i } = e, [r, l] = j(Rs());
-  K(() => {
+  J(() => {
     const d = () => {
       l(Rs());
     };
@@ -5460,7 +5462,7 @@ function Zn() {
   const [a, e] = j(
     Ms()
   );
-  return K(() => {
+  return J(() => {
     function t() {
       e(Ms());
     }
@@ -5482,11 +5484,11 @@ const ln = ({
     (A) => A === i
   ) ? `${ee.class}--h-${i}` : null, _ = r && ee.props.verticalAlign.options.find(
     (A) => A === r
-  ) ? `${ee.class}--v-${r}` : null, { width: v } = Zn(), [y, m] = j("auto");
-  K(() => {
-    v <= 768 ? m("6") : m("12");
+  ) ? `${ee.class}--v-${r}` : null, { width: v } = Zn(), [C, y] = j("auto");
+  J(() => {
+    v <= 768 ? y("6") : y("12");
   }, [v]);
-  const b = (A) => /^[+-]?\d+$/.test(A), F = () => e.split(",").map((x) => (x = x.trim(), x === "0" || x === "*" || x === "auto" ? "auto" : b(x) ? x + "fr" : x)).join(" "), P = () => `repeat(${y}, minmax(0, 1fr))`;
+  const m = (A) => /^[+-]?\d+$/.test(A), F = () => e.split(",").map((x) => (x = x.trim(), x === "0" || x === "*" || x === "auto" ? "auto" : m(x) ? x + "fr" : x)).join(" "), P = () => `repeat(${C}, minmax(0, 1fr))`;
   return /* @__PURE__ */ c(
     "div",
     {
@@ -5523,7 +5525,7 @@ ln.propTypes = {
   verticalAlign: o.oneOf(ee.props.verticalAlign.options)
 };
 ln.displayName = "DsGridLayout";
-const Ee = {
+const xe = {
   None: "none",
   Quark: "quark",
   Nano: "nano",
@@ -5537,28 +5539,28 @@ const Ee = {
   props: {
     space: {
       type: String,
-      default: Ee.ExtraSmall,
-      options: Object.values(Ee)
+      default: xe.ExtraSmall,
+      options: Object.values(xe)
     },
     top: {
       type: String,
-      default: Ee.None,
-      options: Object.values(Ee)
+      default: xe.None,
+      options: Object.values(xe)
     },
     right: {
       type: String,
-      default: Ee.None,
-      options: Object.values(Ee)
+      default: xe.None,
+      options: Object.values(xe)
     },
     bottom: {
       type: String,
-      default: Ee.None,
-      options: Object.values(Ee)
+      default: xe.None,
+      options: Object.values(xe)
     },
     left: {
       type: String,
-      default: Ee.None,
-      options: Object.values(Ee)
+      default: xe.None,
+      options: Object.values(xe)
     }
   }
 }, Ze = ({
@@ -5646,7 +5648,7 @@ const wt = {
             children: [
               a,
               /* @__PURE__ */ c(
-                Z,
+                K,
                 {
                   className: `${He.class}__icon`,
                   color: "neutral-90",
@@ -5675,11 +5677,11 @@ const un = ({
   onClick: t
 }) => {
   const [s, n] = j(-1);
-  K(() => {
+  J(() => {
     a.map((r, l) => {
       r.active && n(l);
     });
-  }, [a]), K(() => {
+  }, [a]), J(() => {
     e != null && n(e);
   }, [e]);
   const i = (r) => {
@@ -5724,7 +5726,7 @@ const Jn = ({
           children: [
             /* @__PURE__ */ O(Ve, { alignItems: "center", gap: "nano", children: [
               /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(
-                Z,
+                K,
                 {
                   className: "active-tags__icon",
                   color: s.hiddenClose ? "neutral-00" : "neutral-90",
@@ -5736,7 +5738,7 @@ const Jn = ({
               /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(Re, { type: "small", children: s.text }) })
             ] }),
             !s.hiddenClose && /* @__PURE__ */ c(
-              Z,
+              K,
               {
                 image: "close",
                 onClick: () => t(n),
@@ -5765,7 +5767,7 @@ const Ye = {
   imageMaxWidth: i
 }) => {
   const [r, l] = j(0), [u, d] = j(!1), h = Je(null);
-  K(() => (u || (h.current = setInterval(() => {
+  J(() => (u || (h.current = setInterval(() => {
     l((v) => v === a.length - 1 ? 0 : v + 1);
   }, e)), () => {
     h.current && clearInterval(h.current);
@@ -5789,11 +5791,11 @@ const Ye = {
               maxHeight: n,
               maxWidth: i
             },
-            children: a.map((v, y) => /* @__PURE__ */ c(
+            children: a.map((v, C) => /* @__PURE__ */ c(
               "img",
               {
                 alt: v.title,
-                className: `${Ye.class}__image ${y === r ? "active" : "inactive"}`,
+                className: `${Ye.class}__image ${C === r ? "active" : "inactive"}`,
                 height: t,
                 src: v.image,
                 style: {
@@ -5802,7 +5804,7 @@ const Ye = {
                 },
                 width: s
               },
-              y
+              C
             ))
           }
         ),
@@ -5810,14 +5812,14 @@ const Ye = {
         /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Bt, { className: "color__primary--default", type: "heading-4", children: a[r].title }) }),
         /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Re, { type: "large", children: a[r].description }) }),
         /* @__PURE__ */ c(ge, { vertical: "xxs" }),
-        /* @__PURE__ */ c("div", { className: `${Ye.class}__dots`, children: /* @__PURE__ */ c("div", { className: `${Ye.class}__dots-wrapper`, children: a.map((v, y) => /* @__PURE__ */ c(
+        /* @__PURE__ */ c("div", { className: `${Ye.class}__dots`, children: /* @__PURE__ */ c("div", { className: `${Ye.class}__dots-wrapper`, children: a.map((v, C) => /* @__PURE__ */ c(
           "button",
           {
-            "aria-label": `Go to slide ${y + 1}`,
-            className: `dot ${r === y ? "dot--active" : ""}`,
-            onClick: () => l(y)
+            "aria-label": `Go to slide ${C + 1}`,
+            className: `dot ${r === C ? "dot--active" : ""}`,
+            onClick: () => l(C)
           },
-          y
+          C
         )) }) })
       ]
     }
@@ -5934,16 +5936,16 @@ const $s = {
   status: f = G.props.status.default,
   onBlurHandler: _ = G.props.onBlurHandler.default,
   onFocusHandler: v = G.props.onFocusHandler.default,
-  animated: y = G.props.animated.default,
-  placeholder: m = G.props.placeholder.default,
-  loading: b
+  animated: C = G.props.animated.default,
+  placeholder: y = G.props.placeholder.default,
+  loading: m
 }) => {
   const [F, P] = j(!1), [A, x] = j(s), p = (q) => {
-    r(q), (b == null && q.currentTarget.value.length || !b && q.currentTarget.value.length > 2) && P(!0);
+    r(q), (m == null && q.currentTarget.value.length || !m && q.currentTarget.value.length > 2) && P(!0);
   }, S = (q) => {
     l(q), _(), x(Math.random().toString()), P(!1);
   };
-  K(() => {
+  J(() => {
     s.length === 0 && P(!1);
   }, [s]);
   const B = () => n.length > 0 ? n.map((q, V) => /* @__PURE__ */ c(
@@ -5968,7 +5970,7 @@ const $s = {
     /* @__PURE__ */ c(
       et,
       {
-        animated: y,
+        animated: C,
         className: `${G.class}__input`,
         disabled: h,
         label: a,
@@ -5976,7 +5978,7 @@ const $s = {
         onBlurHandler: _,
         onChangeHandler: p,
         onFocusHandler: v,
-        placeholder: m,
+        placeholder: y,
         size: i,
         status: f,
         testId: t,
@@ -5984,7 +5986,7 @@ const $s = {
       },
       A
     ),
-    (u || b) && (b ? /* @__PURE__ */ c(
+    (u || m) && (m ? /* @__PURE__ */ c(
       "div",
       {
         className: `${G.class}__loading ${G.class}__loading--${i}`,
@@ -5992,7 +5994,7 @@ const $s = {
         children: /* @__PURE__ */ c(Nt, { fullscreen: !1 })
       }
     ) : u && /* @__PURE__ */ c(
-      Z,
+      K,
       {
         className: `${G.class}__icon ${G.class}__icon--${i}`,
         image: u
@@ -6027,7 +6029,7 @@ const Ge = {
   current: e = Ge.props.current.default
 }) => {
   const [t, s] = j(e), n = (r) => r < t ? `${Ge.class}__step--older` : r === t ? `${Ge.class}__step--active` : "";
-  K(() => {
+  J(() => {
     s(e);
   }, [e]);
   const i = [];
@@ -6087,20 +6089,20 @@ const Ge = {
   onChangeHandler: r
 }) => {
   const l = Je(null), [u, d] = j(!1), [h, f] = j("");
-  K(() => {
+  J(() => {
     f(e ?? "");
   }, [e]);
-  const _ = (b) => {
-    b.key === "Enter" && v(b);
+  const _ = (m) => {
+    m.key === "Enter" && v(m);
   };
-  function v(b) {
-    d(!1), r && (n && parseInt(n) >= parseInt(h === "" ? n : h) ? (b.currentTarget.value = n, f(n)) : i && parseInt(i) < parseInt(h) ? (b.currentTarget.value = i, f(i)) : b.currentTarget.value = h, r(b));
-  }
-  const y = (b) => {
-    f(b.currentTarget.value);
-  }, m = async () => {
-    var b;
-    await d(!0), (b = l.current) == null || b.focus();
+  function v(m) {
+    d(!1), r && (n && parseInt(n) >= parseInt(h === "" ? n : h) ? (m.currentTarget.value = n, f(n)) : i && parseInt(i) < parseInt(h) ? (m.currentTarget.value = i, f(i)) : m.currentTarget.value = h, r(m));
+  }
+  const C = (m) => {
+    f(m.currentTarget.value);
+  }, y = async () => {
+    var m;
+    await d(!0), (m = l.current) == null || m.focus();
   };
   return /* @__PURE__ */ c("div", { className: ti.class, children: u ? /* @__PURE__ */ c(
     "input",
@@ -6111,7 +6113,7 @@ const Ge = {
       min: n,
       name: a,
       onBlur: v,
-      onChange: y,
+      onChange: C,
       onKeyDown: _,
       ref: l,
       type: "number",
@@ -6121,14 +6123,14 @@ const Ge = {
     "div",
     {
       "data-testid": "ds-inline-editible-div-click",
-      onClick: m,
+      onClick: y,
       children: /* @__PURE__ */ O(Ve, { alignItems: "center", gap: "nano", children: [
         /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(Re, { children: /* @__PURE__ */ O("b", { children: [
           t,
           e,
           s
         ] }) }) }),
-        /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(Z, { image: "edit_square" }) })
+        /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(K, { image: "edit_square" }) })
       ] })
     }
   ) });
@@ -6180,22 +6182,22 @@ const si = [1, 2, 3, 4], Vs = {
   onConfirm: h,
   ...f
 }) => {
-  const _ = i && fe.props.variant.options.find((b) => b === i) ? `${fe.class}--${i}` : `${fe.class}--${fe.props.variant.default}`, v = r && `${fe.class}--elevation-${r}`, y = h || d, m = Te(
-    (b) => {
-      b.keyCode === 27 && u();
+  const _ = i && fe.props.variant.options.find((m) => m === i) ? `${fe.class}--${i}` : `${fe.class}--${fe.props.variant.default}`, v = r && `${fe.class}--elevation-${r}`, C = h || d, y = Ae(
+    (m) => {
+      m.keyCode === 27 && u();
     },
     [u]
   );
-  return K(() => (l && window && !y && window.addEventListener("keyup", m), () => {
-    window.removeEventListener("keyup", m);
-  }), [y, m]), l ? /* @__PURE__ */ O(tt, { children: [
+  return J(() => (l && window && !C && window.addEventListener("keyup", y), () => {
+    window.removeEventListener("keyup", y);
+  }), [C, y]), l ? /* @__PURE__ */ O(tt, { children: [
     /* @__PURE__ */ c(
       "div",
       {
         className: "ds-modal-overlay",
         "data-testid": "ds-modal-overlay",
         ...f,
-        onClick: () => y ? () => {
+        onClick: () => C ? () => {
         } : u()
       }
     ),
@@ -6207,16 +6209,16 @@ const si = [1, 2, 3, 4], Vs = {
           _,
           v,
           a && a
-        ].filter((b) => b).join(" "),
+        ].filter((m) => m).join(" "),
         "data-testid": "ds-modal",
         children: [
-          !y && /* @__PURE__ */ c(
+          !C && /* @__PURE__ */ c(
             "button",
             {
               className: "ds-modal__closeBtn",
               "data-testid": "ds-modal-close-button",
               onClick: u,
-              children: /* @__PURE__ */ c(Z, { image: "close", size: "lg" })
+              children: /* @__PURE__ */ c(K, { image: "close", size: "lg" })
             }
           ),
           /* @__PURE__ */ O("div", { className: "ds-modal__content", children: [
@@ -6224,8 +6226,8 @@ const si = [1, 2, 3, 4], Vs = {
             e && /* @__PURE__ */ c(ge, { vertical: "xxxs" }),
             /* @__PURE__ */ c("div", { className: "ds-modal__content__content", children: t })
           ] }),
-          y && /* @__PURE__ */ c(ge, { vertical: "sm" }),
-          !y && /* @__PURE__ */ c(ge, { vertical: "xxs" }),
+          C && /* @__PURE__ */ c(ge, { vertical: "sm" }),
+          !C && /* @__PURE__ */ c(ge, { vertical: "xxs" }),
           /* @__PURE__ */ O("div", { className: "ds-modal__cta", children: [
             d && /* @__PURE__ */ c(
               pt,
@@ -6332,24 +6334,24 @@ const Ls = {
   handleClose: f,
   testId: _ = le.props.testId.default
 }) => {
-  const [v, y] = j(l), [m, b] = j(!1), [F, P] = j(!0), A = [
+  const [v, C] = j(l), [y, m] = j(!1), [F, P] = j(!0), A = [
     le.class,
     e && `${le.class}--${e}`,
     t && `${le.class}--${t}`,
     d && `${le.class}--elevation-${d}`,
     a && a
-  ].join(" "), x = () => y((q) => (q === 0 && P(!1), q - 100));
-  K(() => {
+  ].join(" "), x = () => C((q) => (q === 0 && P(!1), q - 100));
+  J(() => {
     !r && !u && P(!0);
     let q;
-    return !m && r && (q = setInterval(x, 100)), () => {
+    return !y && r && (q = setInterval(x, 100)), () => {
       clearInterval(q);
     };
-  }, [m, r, l, F, u]);
+  }, [y, r, l, F, u]);
   const p = () => {
-    b(!0);
+    m(!0);
   }, S = () => {
-    b(!1);
+    m(!1);
   }, B = (q) => {
     P(!1), f && f(q);
   };
@@ -6364,7 +6366,7 @@ const Ls = {
       children: [
         /* @__PURE__ */ c(Ze, { bottom: "nano", top: "nano", children: /* @__PURE__ */ O(Ve, { alignItems: "center", flexWrap: "nowrap", gap: "xxxs", children: [
           /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(
-            Z,
+            K,
             {
               color: e,
               fill: !0,
@@ -6378,7 +6380,7 @@ const Ls = {
               className: `${le.class}__button`,
               "data-testid": `${_}-close`,
               onClick: (q) => B(q),
-              children: /* @__PURE__ */ c(Ze, { children: /* @__PURE__ */ c(Z, { image: "close" }) })
+              children: /* @__PURE__ */ c(Ze, { children: /* @__PURE__ */ c(K, { image: "close" }) })
             }
           ) : /* @__PURE__ */ c(ge, { horizontal: "quark" }) })
         ] }) }),
@@ -6451,7 +6453,7 @@ const Ft = {
     score: 0,
     color: "danger",
     label: "Fraco"
-  }), [_, v] = j(!1), y = Te(
+  }), [_, v] = j(!1), C = Ae(
     (p) => {
       const S = e.map(
         (B) => B == null ? void 0 : B.rule(p)
@@ -6459,10 +6461,10 @@ const Ft = {
       return d(S), S;
     },
     [e]
-  ), m = Te(
+  ), y = Ae(
     (p) => {
       i(p.currentTarget.value);
-      const S = y(p.currentTarget.value), B = A(S);
+      const S = C(p.currentTarget.value), B = A(S);
       a({
         password: p.currentTarget.value,
         confirmationPassword: r,
@@ -6470,11 +6472,11 @@ const Ft = {
         feedback: B
       });
     },
-    [r, a, y]
-  ), b = Te(
+    [r, a, C]
+  ), m = Ae(
     (p) => {
       l(p.currentTarget.value);
-      const S = y(n), B = A(S);
+      const S = C(n), B = A(S);
       a({
         password: n,
         confirmationPassword: p.currentTarget.value,
@@ -6482,8 +6484,8 @@ const Ft = {
         feedback: B
       });
     },
-    [n, a, y]
-  ), F = Ce(() => n !== r && _ ? { status: "error", feedback: "As senhas são diferentes" } : { status: "", feedback: "" }, [n, r, _]), P = Te(
+    [n, a, C]
+  ), F = Ce(() => n !== r && _ ? { status: "error", feedback: "As senhas são diferentes" } : { status: "", feedback: "" }, [n, r, _]), P = Ae(
     (p) => {
       const S = {
         score: p,
@@ -6493,7 +6495,7 @@ const Ft = {
       return p > 30 && p < 75 ? (S.color = "warning", S.label = lt.medium) : p >= 75 && p < 100 ? (S.color = "success", S.label = lt.good) : p === 100 && (S.color = "success-dark", S.label = lt.strong), S;
     },
     []
-  ), A = Te(
+  ), A = Ae(
     (p) => {
       const S = p.reduce(
         (q, V) => {
@@ -6511,7 +6513,7 @@ const Ft = {
     const B = u[S] ? "ds-password-confirmation__list" : "ds-password-confirmation__list--disc";
     return /* @__PURE__ */ O("li", { className: B, children: [
       u[S] ? /* @__PURE__ */ c(
-        Z,
+        K,
         {
           color: "success-dark",
           image: "check",
@@ -6528,7 +6530,7 @@ const Ft = {
       {
         label: "Senha",
         name: "password",
-        onChangeHandler: m,
+        onChangeHandler: y,
         testId: `${s}-main-input`,
         type: "password",
         value: n
@@ -6552,7 +6554,7 @@ const Ft = {
         label: "Confirme a senha",
         name: "confirmPassword",
         onBlurHandler: () => v(!0),
-        onChangeHandler: b,
+        onChangeHandler: m,
         onFocusHandler: () => v(!0),
         status: F.status,
         testId: `${s}-confirm-input`,
@@ -6591,9 +6593,9 @@ const ve = {
     const u = [`${ve.class}__button`];
     return l !== r && u.push(`${ve.class}__button--round`), a[r] && a[r].disabled && u.push(`${ve.class}__button--disabled`), u.join(" ");
   };
-  return K(() => {
+  return J(() => {
     n(e);
-  }, [e]), K(() => {
+  }, [e]), J(() => {
     t(s);
   }, [s]), /* @__PURE__ */ O("div", { className: ve.class, children: [
     /* @__PURE__ */ O("span", { className: `${ve.class}__step-counter`, children: [
@@ -6611,7 +6613,7 @@ const ve = {
         onClick: () => n(l),
         children: /* @__PURE__ */ O("span", { className: `${ve.class}__text`, children: [
           s === l ? /* @__PURE__ */ c(Ze, { bottom: "none", left: "nano", right: "nano", top: "none", children: /* @__PURE__ */ c(
-            Z,
+            K,
             {
               className: `${ve.class}__icon`,
               fill: !0,
@@ -6619,7 +6621,7 @@ const ve = {
               testId: `ds-icon-${l}`
             }
           ) }) : /* @__PURE__ */ c(
-            Z,
+            K,
             {
               className: `${ve.class}__icon`,
               fill: !0,
@@ -6634,7 +6636,7 @@ const ve = {
   ] });
 };
 ii.displayName = "DsStepper";
-const xe = {
+const Te = {
   name: "Table",
   class: "ds-table",
   props: {
@@ -6651,13 +6653,13 @@ const xe = {
       default: []
     }
   }
-}, fn = ({ item: a, columns: e }) => /* @__PURE__ */ c("tr", { className: `${xe.class}__row`, children: e.map((t, s) => {
-  const n = t.align && `${xe.class}__cell--align-${t.align}`;
+}, fn = ({ item: a, columns: e }) => /* @__PURE__ */ c("tr", { className: `${Te.class}__row`, children: e.map((t, s) => {
+  const n = t.align && `${Te.class}__cell--align-${t.align}`;
   return /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
     "div",
     {
       className: [
-        `${xe.class}__cell`,
+        `${Te.class}__cell`,
         n,
         t.className
       ].filter((i) => i).join(" "),
@@ -6666,22 +6668,22 @@ const xe = {
   ) }, s);
 }) });
 fn.displayName = "DsTableRow";
-const ai = ({ columns: a, data: e, className: t }) => /* @__PURE__ */ c("div", { className: `${xe.class}__wrapper`, children: /* @__PURE__ */ O(
+const ai = ({ columns: a, data: e, className: t }) => /* @__PURE__ */ c("div", { className: `${Te.class}__wrapper`, children: /* @__PURE__ */ O(
   "table",
   {
-    className: [`${xe.class}`, t].filter((s) => s).join(" "),
+    className: [`${Te.class}`, t].filter((s) => s).join(" "),
     children: [
-      /* @__PURE__ */ c("thead", { className: `${xe.class}__head`, children: /* @__PURE__ */ c("tr", { className: `${xe.class}__row`, children: a && a.map((s, n) => /* @__PURE__ */ c("th", { style: { width: s.size }, children: /* @__PURE__ */ c(
+      /* @__PURE__ */ c("thead", { className: `${Te.class}__head`, children: /* @__PURE__ */ c("tr", { className: `${Te.class}__row`, children: a && a.map((s, n) => /* @__PURE__ */ c("th", { style: { width: s.size }, children: /* @__PURE__ */ c(
         "div",
         {
           className: [
-            `${xe.class}__cell`,
-            s.align && `${xe.class}__cell--align-${s.align}`
+            `${Te.class}__cell`,
+            s.align && `${Te.class}__cell--align-${s.align}`
           ].filter((i) => i).join(" "),
           children: s.label
         }
       ) }, n)) }) }),
-      /* @__PURE__ */ c("tbody", { className: `${xe.class}__body`, children: e && e.map((s, n) => /* @__PURE__ */ c(fn, { columns: a, item: s }, n)) })
+      /* @__PURE__ */ c("tbody", { className: `${Te.class}__body`, children: e && e.map((s, n) => /* @__PURE__ */ c(fn, { columns: a, item: s }, n)) })
     ]
   }
 ) });
@@ -6761,7 +6763,7 @@ const js = {
   const [i, r] = j(t), l = (u) => {
     r(u), n && n(u);
   };
-  return K(() => r(t), [t]), /* @__PURE__ */ O(
+  return J(() => r(t), [t]), /* @__PURE__ */ O(
     "div",
     {
       className: [Me.class, s && s].join(" "),
@@ -6933,7 +6935,7 @@ export {
   ln as DsGridLayout,
   Gs as DsHR,
   Bt as DsHeading,
-  Z as DsIcon,
+  K as DsIcon,
   di as DsIndicator,
   cn as DsInlineEditable,
   et as DsInput,