@akad/design-system 0.2.0-beta.11 → 0.2.0-beta.13

package/react/react-lib.js

@@ -1,9 +1,9 @@
-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 { jsx as c, jsxs as D, Fragment as tt } from "react/jsx-runtime";
+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;
 }
-var It = { exports: {} }, nt = { exports: {} }, H = {};
+var It = { exports: {} }, nt = { exports: {} }, U = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -15,9 +15,9 @@ var It = { exports: {} }, nt = { exports: {} }, H = {};
 var Lt;
 function bn() {
   if (Lt)
-    return H;
+    return U;
   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,35 +51,35 @@ 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 U.AsyncMode = u, U.ConcurrentMode = d, U.ContextConsumer = l, U.ContextProvider = r, U.Element = e, U.ForwardRef = h, U.Fragment = s, U.Lazy = C, U.Memo = v, U.Portal = t, U.Profiler = i, U.StrictMode = n, U.Suspense = f, U.isAsyncMode = function(p) {
     return x(p) || A(p) === u;
-  }, H.isConcurrentMode = x, H.isContextConsumer = function(p) {
+  }, U.isConcurrentMode = x, U.isContextConsumer = function(p) {
     return A(p) === l;
-  }, H.isContextProvider = function(p) {
+  }, U.isContextProvider = function(p) {
     return A(p) === r;
-  }, H.isElement = function(p) {
+  }, U.isElement = function(p) {
     return typeof p == "object" && p !== null && p.$$typeof === e;
-  }, H.isForwardRef = function(p) {
+  }, U.isForwardRef = function(p) {
     return A(p) === h;
-  }, H.isFragment = function(p) {
+  }, U.isFragment = function(p) {
     return A(p) === s;
-  }, H.isLazy = function(p) {
-    return A(p) === y;
-  }, H.isMemo = function(p) {
+  }, U.isLazy = function(p) {
+    return A(p) === C;
+  }, U.isMemo = function(p) {
     return A(p) === v;
-  }, H.isPortal = function(p) {
+  }, U.isPortal = function(p) {
     return A(p) === t;
-  }, H.isProfiler = function(p) {
+  }, U.isProfiler = function(p) {
     return A(p) === i;
-  }, H.isStrictMode = function(p) {
+  }, U.isStrictMode = function(p) {
     return A(p) === n;
-  }, H.isSuspense = function(p) {
+  }, U.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);
-  }, H.typeOf = A, H;
+  }, U.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 === 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);
+  }, U.typeOf = A, U;
 }
-var W = {};
+var H = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -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,35 +128,35 @@ 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, R = l, G = r, I = e, se = 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) {
+    function V(k) {
       return x(k) === r;
     }
-    function R(k) {
+    function N(k) {
       return typeof k == "object" && k !== null && k.$$typeof === e;
     }
-    function D(k) {
+    function B(k) {
       return x(k) === h;
     }
     function T(k) {
       return x(k) === s;
     }
-    function N(k) {
-      return x(k) === y;
+    function M(k) {
+      return x(k) === C;
     }
     function L(k) {
       return x(k) === v;
     }
-    function U(k) {
+    function q(k) {
       return x(k) === t;
     }
     function w(k) {
@@ -168,8 +168,8 @@ 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;
+    H.AsyncMode = p, H.ConcurrentMode = S, H.ContextConsumer = R, H.ContextProvider = G, H.Element = I, H.ForwardRef = se, H.Fragment = ce, H.Lazy = de, H.Memo = Fe, H.Portal = me, H.Profiler = Le, H.StrictMode = oe, H.Suspense = ye, H.isAsyncMode = Ne, H.isConcurrentMode = g, H.isContextConsumer = b, H.isContextProvider = V, H.isElement = N, H.isForwardRef = B, H.isFragment = T, H.isLazy = M, H.isMemo = L, H.isPortal = q, H.isProfiler = w, H.isStrictMode = z, H.isSuspense = Q, H.isValidElementType = A, H.typeOf = x;
+  }()), H;
 }
 var jt;
 function qs() {
@@ -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"),
@@ -328,216 +328,216 @@ function xn() {
       element: x(),
       elementType: p(),
       instanceOf: S,
-      node: ae(),
-      objectOf: q,
-      oneOf: B,
-      oneOfType: V,
+      node: se(),
+      objectOf: G,
+      oneOf: R,
+      oneOfType: I,
       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;
-      function R(T, N, L, U, w, z, Q) {
-        if (U = U || _, z = z || L, Q !== t) {
+        var b = {}, V = 0;
+      function N(T, M, L, q, w, z, Q) {
+        if (q = q || _, z = z || L, Q !== t) {
           if (u) {
             var k = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             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
-            $ < 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, $++);
+            var Se = q + ":" + L;
+            !b[Se] && // Avoid spamming the console because they are often not actionable except for lib authors
+            V < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + z + "` prop on `" + q + "`. 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."
+            ), b[Se] = !0, V++);
           }
         }
-        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 M[L] == null ? T ? M[L] === null ? new y("The " + w + " `" + z + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new y("The " + w + " `" + z + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : g(M, L, q, w, z);
       }
-      var D = R.bind(null, !1);
-      return D.isRequired = R.bind(null, !0), D;
+      var B = N.bind(null, !1);
+      return B.isRequired = N.bind(null, !0), B;
     }
     function F(g) {
-      function C($, R, D, T, N, L) {
-        var U = $[R], w = oe(U);
+      function b(V, N, B, T, M, L) {
+        var q = V[N], w = oe(q);
         if (w !== g) {
-          var z = ye(U);
-          return new m(
-            "Invalid " + T + " `" + N + "` of type " + ("`" + z + "` supplied to `" + D + "`, expected ") + ("`" + g + "`."),
+          var z = ye(q);
+          return new y(
+            "Invalid " + T + " `" + M + "` of type " + ("`" + z + "` supplied to `" + B + "`, 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(V, N, B, T, M) {
         if (typeof g != "function")
-          return new m("Property `" + N + "` of component `" + D + "` has invalid PropType notation inside arrayOf.");
-        var L = $[R];
+          return new y("Property `" + M + "` of component `" + B + "` has invalid PropType notation inside arrayOf.");
+        var L = V[N];
         if (!Array.isArray(L)) {
-          var U = oe(L);
-          return new m("Invalid " + T + " `" + N + "` of type " + ("`" + U + "` supplied to `" + D + "`, expected an array."));
+          var q = oe(L);
+          return new y("Invalid " + T + " `" + M + "` of type " + ("`" + q + "` supplied to `" + B + "`, expected an array."));
         }
         for (var w = 0; w < L.length; w++) {
-          var z = g(L, w, D, T, N + "[" + w + "]", t);
+          var z = g(L, w, B, T, M + "[" + w + "]", t);
           if (z instanceof Error)
             return z;
         }
         return null;
       }
-      return b(C);
+      return m(b);
     }
     function x() {
-      function g(C, $, R, D, T) {
-        var N = C[$];
-        if (!l(N)) {
-          var L = oe(N);
-          return new m("Invalid " + D + " `" + T + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected a single ReactElement."));
+      function g(b, V, N, B, T) {
+        var M = b[V];
+        if (!l(M)) {
+          var L = oe(M);
+          return new y("Invalid " + B + " `" + T + "` of type " + ("`" + L + "` supplied to `" + N + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return b(g);
+      return m(g);
     }
     function p() {
-      function g(C, $, R, D, T) {
-        var N = C[$];
-        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."));
+      function g(b, V, N, B, T) {
+        var M = b[V];
+        if (!a.isValidElementType(M)) {
+          var L = oe(M);
+          return new y("Invalid " + B + " `" + T + "` of type " + ("`" + L + "` supplied to `" + N + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return b(g);
+      return m(g);
     }
     function S(g) {
-      function C($, 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 + "`."));
+      function b(V, N, B, T, M) {
+        if (!(V[N] instanceof g)) {
+          var L = g.name || _, q = Ne(V[N]);
+          return new y("Invalid " + T + " `" + M + "` of type " + ("`" + q + "` supplied to `" + B + "`, expected ") + ("instance of `" + L + "`."));
         }
         return null;
       }
-      return b(C);
+      return m(b);
     }
-    function B(g) {
+    function R(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) {
-        for (var L = $[R], U = 0; U < g.length; U++)
-          if (y(L, g[U]))
+      function b(V, N, B, T, M) {
+        for (var L = V[N], q = 0; q < g.length; q++)
+          if (C(L, g[q]))
             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 + " `" + M + "` of value `" + String(L) + "` " + ("supplied to `" + B + "`, expected one of " + w + "."));
       }
-      return b(C);
+      return m(b);
     }
-    function q(g) {
-      function C($, R, D, T, N) {
+    function G(g) {
+      function b(V, N, B, T, M) {
         if (typeof g != "function")
-          return new m("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("Property `" + M + "` of component `" + B + "` has invalid PropType notation inside objectOf.");
+        var L = V[N], q = oe(L);
+        if (q !== "object")
+          return new y("Invalid " + T + " `" + M + "` of type " + ("`" + q + "` supplied to `" + B + "`, expected an object."));
         for (var w in L)
           if (s(L, w)) {
-            var z = g(L, w, D, T, N + "." + w, t);
+            var z = g(L, w, B, T, M + "." + w, t);
             if (z instanceof Error)
               return z;
           }
         return null;
       }
-      return b(C);
+      return m(b);
     }
-    function V(g) {
+    function I(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];
-        if (typeof $ != "function")
+      for (var b = 0; b < g.length; b++) {
+        var V = g[b];
+        if (typeof V != "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(V) + " at index " + b + "."
           ), r;
       }
-      function R(D, T, N, L, U) {
+      function N(B, T, M, L, q) {
         for (var w = [], z = 0; z < g.length; z++) {
-          var Q = g[z], k = Q(D, T, N, L, U, t);
+          var Q = g[z], k = Q(B, T, M, L, q, t);
           if (k == null)
             return null;
           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 + " `" + q + "` supplied to " + ("`" + M + "`" + Se + "."));
       }
-      return b(R);
+      return m(N);
     }
-    function ae() {
-      function g(C, $, R, D, T) {
-        return me(C[$]) ? null : new m("Invalid " + D + " `" + T + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+    function se() {
+      function g(b, V, N, B, T) {
+        return me(b[V]) ? null : new y("Invalid " + B + " `" + T + "` supplied to " + ("`" + N + "`, 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, V, N, B) {
+      return new y(
+        (g || "React class") + ": " + b + " type `" + V + "." + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + B + "`."
       );
     }
     function de(g) {
-      function C($, 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`."));
+      function b(V, N, B, T, M) {
+        var L = V[N], q = oe(L);
+        if (q !== "object")
+          return new y("Invalid " + T + " `" + M + "` of type `" + q + "` " + ("supplied to `" + B + "`, expected `object`."));
         for (var w in g) {
           var z = g[w];
           if (typeof z != "function")
-            return ce(D, T, N, w, ye(z));
-          var Q = z(L, w, D, T, N + "." + w, t);
+            return ce(B, T, M, w, ye(z));
+          var Q = z(L, w, B, T, M + "." + w, t);
           if (Q)
             return Q;
         }
         return null;
       }
-      return b(C);
-    }
-    function we(g) {
-      function C($, 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`."));
-        var w = e({}, $[R], g);
+      return m(b);
+    }
+    function Fe(g) {
+      function b(V, N, B, T, M) {
+        var L = V[N], q = oe(L);
+        if (q !== "object")
+          return new y("Invalid " + T + " `" + M + "` of type `" + q + "` " + ("supplied to `" + B + "`, expected `object`."));
+        var w = e({}, V[N], 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));
+            return ce(B, T, M, z, ye(Q));
           if (!Q)
-            return new m(
-              "Invalid " + T + " `" + N + "` key `" + z + "` supplied to `" + D + "`.\nBad object: " + JSON.stringify($[R], null, "  ") + `
+            return new y(
+              "Invalid " + T + " `" + M + "` key `" + z + "` supplied to `" + B + "`.\nBad object: " + JSON.stringify(V[N], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
-          var k = Q(L, z, D, T, N + "." + z, t);
+          var k = Q(L, z, B, T, M + "." + z, t);
           if (k)
             return k;
         }
         return null;
       }
-      return b(C);
+      return m(b);
     }
     function me(g) {
       switch (typeof g) {
@@ -552,17 +552,17 @@ 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) {
-              for (; !(R = $.next()).done; )
-                if (!me(R.value))
+          var b = f(g);
+          if (b) {
+            var V = b.call(g), N;
+            if (b !== g.entries) {
+              for (; !(N = V.next()).done; )
+                if (!me(N.value))
                   return !1;
             } else
-              for (; !(R = $.next()).done; ) {
-                var D = R.value;
-                if (D && !me(D[1]))
+              for (; !(N = V.next()).done; ) {
+                var B = N.value;
+                if (B && !me(B[1]))
                   return !1;
               }
           } else
@@ -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
@@ -929,10 +929,10 @@ const pt = ({
       disabled: n,
       id: r,
       onClick: n ? void 0 : t,
-      children: /* @__PURE__ */ O("span", { className: ["ds-button__text", p].join(" "), children: [
+      children: /* @__PURE__ */ D("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);
-    }, [r, f]), /* @__PURE__ */ O(
+    return J(() => {
+      f && C(r);
+    }, [r, f]), /* @__PURE__ */ D(
       "label",
       {
         className: [
           re.class,
-          b,
+          m,
           e && e
         ].join(" "),
         htmlFor: a || t,
@@ -1160,16 +1160,16 @@ 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`
             }
           ),
-          (i || n) && /* @__PURE__ */ O("div", { className: `${re.class}__label`, children: [
+          (i || n) && /* @__PURE__ */ D("div", { className: `${re.class}__label`, children: [
             n && /* @__PURE__ */ c(
               "label",
               {
@@ -1411,28 +1411,28 @@ class Bn {
     this.oldSelection.end === this.oldSelection.start ? E.RIGHT : E.LEFT;
   }
 }
-function I(a, e) {
-  return new I.InputMask(a, e);
+function O(a, e) {
+  return new O.InputMask(a, e);
 }
 function Ks(a) {
   if (a == null)
     throw new Error("mask property should be defined");
-  return a instanceof RegExp ? I.MaskedRegExp : $e(a) ? I.MaskedPattern : a === Date ? I.MaskedDate : a === Number ? I.MaskedNumber : Array.isArray(a) || a === Array ? I.MaskedDynamic : I.Masked && a.prototype instanceof I.Masked ? a : I.Masked && a instanceof I.Masked ? a.constructor : a instanceof Function ? I.MaskedFunction : (console.warn("Mask not found for mask", a), I.Masked);
+  return a instanceof RegExp ? O.MaskedRegExp : $e(a) ? O.MaskedPattern : a === Date ? O.MaskedDate : a === Number ? O.MaskedNumber : Array.isArray(a) || a === Array ? O.MaskedDynamic : O.Masked && a.prototype instanceof O.Masked ? a : O.Masked && a instanceof O.Masked ? a.constructor : a instanceof Function ? O.MaskedFunction : (console.warn("Mask not found for mask", a), O.Masked);
 }
 function Qe(a) {
   if (!a)
     throw new Error("Options in not defined");
-  if (I.Masked) {
-    if (a.prototype instanceof I.Masked)
+  if (O.Masked) {
+    if (a.prototype instanceof O.Masked)
       return {
         mask: a
       };
     const {
       mask: e = void 0,
       ...t
-    } = a instanceof I.Masked ? {
+    } = a instanceof O.Masked ? {
       mask: a
-    } : rs(a) && a.mask instanceof I.Masked ? a : {};
+    } : rs(a) && a.mask instanceof O.Masked ? a : {};
     if (e) {
       const s = e.mask;
       return {
@@ -1450,14 +1450,14 @@ function Qe(a) {
   };
 }
 function Be(a) {
-  if (I.Masked && a instanceof I.Masked)
+  if (O.Masked && a instanceof O.Masked)
     return a;
   const e = Qe(a), t = Ks(e.mask);
   if (!t)
     throw new Error("Masked class is not found for provided mask " + e.mask + ", appropriate module needs to be imported manually before creating mask.");
   return e.mask === t && delete e.mask, e._mask && (e.mask = e._mask, delete e._mask), new t(e);
 }
-I.createMask = Be;
+O.createMask = Be;
 class Rt {
   /** */
   /** */
@@ -1496,7 +1496,7 @@ class Rt {
   /** */
   /** */
 }
-I.MaskElement = Rt;
+O.MaskElement = Rt;
 const os = 90, Rn = 89;
 class gt extends Rt {
   /** HTMLElement to use mask on */
@@ -1539,7 +1539,7 @@ class gt extends Rt {
     this.input.removeEventListener("keydown", this._onKeydown), this.input.removeEventListener("input", this._onInput), this.input.removeEventListener("beforeinput", this._onBeforeinput), this.input.removeEventListener("compositionend", this._onCompositionEnd), this.input.removeEventListener("drop", this._handlers.drop), this.input.removeEventListener("click", this._handlers.click), this.input.removeEventListener("focus", this._handlers.focus), this.input.removeEventListener("blur", this._handlers.commit), this._handlers = {};
   }
 }
-I.HTMLMaskElement = gt;
+O.HTMLMaskElement = gt;
 class Nn extends gt {
   /** InputElement to use mask on */
   constructor(e) {
@@ -1564,7 +1564,7 @@ class Nn extends gt {
     this.input.value = e;
   }
 }
-I.HTMLMaskElement = gt;
+O.HTMLMaskElement = gt;
 class Zs extends gt {
   /** Returns HTMLElement selection start */
   get _unsafeSelectionStart() {
@@ -1593,7 +1593,7 @@ class Zs extends gt {
     this.input.textContent = e;
   }
 }
-I.HTMLContenteditableMaskElement = Zs;
+O.HTMLContenteditableMaskElement = Zs;
 class mt {
   constructor() {
     this.states = [], this.currentIndex = 0;
@@ -1640,13 +1640,13 @@ class Mn {
   set mask(e) {
     if (this.maskEquals(e))
       return;
-    if (!(e instanceof I.Masked) && this.masked.constructor === Ks(e)) {
+    if (!(e instanceof O.Masked) && this.masked.constructor === Ks(e)) {
       this.masked.updateOptions({
         mask: e
       });
       return;
     }
-    const t = e instanceof I.Masked ? e : Be({
+    const t = e instanceof O.Masked ? e : Be({
       mask: e
     });
     t.unmaskedValue = this.masked.unmaskedValue, this.masked = t;
@@ -1832,14 +1832,14 @@ class Mn {
     this._unbindEvents(), this._listeners.length = 0, delete this.el;
   }
 }
-I.InputMask = Mn;
-class M {
+O.InputMask = Mn;
+class $ {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
   /** Raw inserted is used by dynamic mask */
   /** Can skip chars */
   static normalize(e) {
-    return Array.isArray(e) ? e : [e, new M()];
+    return Array.isArray(e) ? e : [e, new $()];
   }
   constructor(e) {
     Object.assign(this, {
@@ -1864,8 +1864,8 @@ class M {
     return this.inserted === e.inserted && this.tailShift === e.tailShift && this.rawInserted === e.rawInserted && this.skip === e.skip;
   }
 }
-I.ChangeDetails = M;
-class Ae {
+O.ChangeDetails = $;
+class we {
   /** Tail value as string */
   /** Tail start position */
   /** Start position */
@@ -1906,7 +1906,7 @@ class Ae {
     return this.value = this.value.slice(0, -1), e;
   }
 }
-class ne {
+class ie {
   /** */
   /** */
   /** Transforms value before mask processing */
@@ -1922,7 +1922,7 @@ class ne {
   /** */
   constructor(e) {
     this._value = "", this._update({
-      ...ne.DEFAULTS,
+      ...ie.DEFAULTS,
       ...e
     }), this._initialized = !0;
   }
@@ -2007,18 +2007,18 @@ 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) {
-    return e ? (this._value += e, new M({
+    return e ? (this._value += e, new $({
       inserted: e,
       rawInserted: e
-    })) : new M();
+    })) : new $();
   }
   /** Appends char */
   _appendChar(e, t, s) {
@@ -2050,23 +2050,23 @@ class ne {
         }
         l && d.inserted && (this.state = u);
       }
-      l || (i = new M(), this.state = n, s && r && (s.state = r));
+      l || (i = new $(), this.state = n, s && r && (s.state = r));
     }
     return i;
   }
   /** Appends optional placeholder at the end */
   _appendPlaceholder() {
-    return new M();
+    return new $();
   }
   /** Appends optional eager placeholder at the end */
   _appendEager() {
-    return new M();
+    return new $();
   }
   /** Appends symbols considering flags */
   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);
@@ -2079,7 +2079,7 @@ class ne {
     return (this.eager === !0 || this.eager === "append") && t != null && t.input && e && i.aggregate(this._appendEager()), n != null && (i.tailShift += this.appendTail(n).tailShift), i;
   }
   remove(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), this._value = this.displayValue.slice(0, e) + this.displayValue.slice(t), new M();
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), this._value = this.displayValue.slice(0, e) + this.displayValue.slice(t), new $();
   }
   /** Calls function and reapplies current value */
   withValueRefresh(e) {
@@ -2101,11 +2101,11 @@ class ne {
   }
   /** Prepares string before mask processing */
   doPrepare(e, t) {
-    return t === void 0 && (t = {}), M.normalize(this.prepare ? this.prepare(e, this, t) : e);
+    return t === void 0 && (t = {}), $.normalize(this.prepare ? this.prepare(e, this, t) : e);
   }
   /** Prepares each char before mask processing */
   doPrepareChar(e, t) {
-    return t === void 0 && (t = {}), M.normalize(this.prepareChar ? this.prepareChar(e, this, t) : e);
+    return t === void 0 && (t = {}), $.normalize(this.prepareChar ? this.prepareChar(e, this, t) : e);
   }
   /** Validates if value is acceptable */
   doValidate(e) {
@@ -2125,12 +2125,12 @@ class ne {
       raw: !0
     }));
     let h = e;
-    const f = new M();
+    const f = new $();
     if (n !== E.NONE && (h = this.nearestInputPos(e, t > 1 && e !== 0 && !u ? E.NONE : n), f.tailShift = h - e), f.aggregate(this.remove(h)), u && n !== E.NONE && d === this.rawInputValue)
       if (n === E.FORCE_LEFT) {
         let _;
         for (; d === this.rawInputValue && (_ = this.displayValue.length); )
-          f.aggregate(new M({
+          f.aggregate(new $({
             tailShift: -1
           })).aggregate(this.remove(_ - 1));
       } else
@@ -2145,17 +2145,17 @@ class ne {
   }
   typedValueEquals(e) {
     const t = this.typedValue;
-    return e === t || ne.EMPTY_VALUES.includes(e) && ne.EMPTY_VALUES.includes(t) || (this.format ? this.format(e, this) === this.format(this.typedValue, this) : !1);
+    return e === t || ie.EMPTY_VALUES.includes(e) && ie.EMPTY_VALUES.includes(t) || (this.format ? this.format(e, this) === this.format(this.typedValue, this) : !1);
   }
   pad(e) {
-    return new M();
+    return new $();
   }
 }
-ne.DEFAULTS = {
+ie.DEFAULTS = {
   skipInvalid: !0
 };
-ne.EMPTY_VALUES = [void 0, null, ""];
-I.Masked = ne;
+ie.EMPTY_VALUES = [void 0, null, ""];
+O.Masked = ie;
 class Ue {
   /** */
   constructor(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) {
@@ -2183,9 +2183,9 @@ class Ue {
     }
   }
   appendTo(e) {
-    if (!(e instanceof I.MaskedPattern))
-      return new Ae(this.toString()).appendTo(e);
-    const t = new M();
+    if (!(e instanceof O.MaskedPattern))
+      return new we(this.toString()).appendTo(e);
+    const t = new $();
     for (let s = 0; s < this.chunks.length; ++s) {
       const n = this.chunks[s], i = e._mapPosToBlock(e.displayValue.length), r = n.stop;
       let l;
@@ -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;
     });
   }
@@ -2383,7 +2383,7 @@ class Js {
     this._isRawInput = !1, this._value = "";
   }
   remove(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this._value.length), this._value = this._value.slice(0, e) + this._value.slice(t), this._value || (this._isRawInput = !1), new M();
+    return e === void 0 && (e = 0), t === void 0 && (t = this._value.length), this._value = this._value.slice(0, e) + this._value.slice(t), this._value || (this._isRawInput = !1), new $();
   }
   nearestInputPos(e, t) {
     t === void 0 && (t = E.NONE);
@@ -2413,8 +2413,8 @@ class Js {
   }
   _appendChar(e, t) {
     if (t === void 0 && (t = {}), this.isFilled)
-      return new M();
-    const s = this.eager === !0 || this.eager === "append", i = this.char === e && (this.isUnmasking || t.input || t.raw) && (!t.raw || !s) && !t.tail, r = new M({
+      return new $();
+    const s = this.eager === !0 || this.eager === "append", i = this.char === e && (this.isUnmasking || t.input || t.raw) && (!t.raw || !s) && !t.tail, r = new $({
       inserted: this.char,
       rawInserted: i ? this.char : ""
     });
@@ -2426,14 +2426,14 @@ class Js {
     });
   }
   _appendPlaceholder() {
-    const e = new M();
+    const e = new $();
     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);
@@ -2486,7 +2486,7 @@ class ft {
     this.isFilled = !1, this.masked.reset();
   }
   remove(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this.value.length), e === 0 && t >= 1 ? (this.isFilled = !1, this.masked.remove(e, t)) : new M();
+    return e === void 0 && (e = 0), t === void 0 && (t = this.value.length), e === 0 && t >= 1 ? (this.isFilled = !1, this.masked.remove(e, t)) : new $();
   }
   get value() {
     return this.masked.value || (this.isFilled && !this.isOptional ? this.placeholderChar : "");
@@ -2505,21 +2505,21 @@ class ft {
   }
   _appendChar(e, t) {
     if (t === void 0 && (t = {}), this.isFilled)
-      return new M();
+      return new $();
     const s = this.masked.state;
     let n = this.masked._appendChar(e, this.currentMaskFlags(t));
-    return n.inserted && this.doValidate(t) === !1 && (n = new M(), this.masked.state = s), !n.inserted && !this.isOptional && !this.lazy && !t.input && (n.inserted = this.placeholderChar), n.skip = !n.inserted && !this.isOptional, this.isFilled = !!n.inserted, n;
+    return n.inserted && this.doValidate(t) === !1 && (n = new $(), this.masked.state = s), !n.inserted && !this.isOptional && !this.lazy && !t.input && (n.inserted = this.placeholderChar), n.skip = !n.inserted && !this.isOptional, this.isFilled = !!n.inserted, n;
   }
   append(e, t, s) {
     return this.masked.append(e, this.currentMaskFlags(t), s);
   }
   _appendPlaceholder() {
-    return this.isFilled || this.isOptional ? new M() : (this.isFilled = !0, new M({
+    return this.isFilled || this.isOptional ? new $() : (this.isFilled = !0, new $({
       inserted: this.placeholderChar
     }));
   }
   _appendEager() {
-    return new M();
+    return new $();
   }
   extractTail(e, t) {
     return this.masked.extractTail(e, t);
@@ -2573,7 +2573,7 @@ class ft {
     };
   }
   pad(e) {
-    return new M();
+    return new $();
   }
 }
 ft.DEFAULT_DEFINITIONS = {
@@ -2582,7 +2582,7 @@ ft.DEFAULT_DEFINITIONS = {
   // http://stackoverflow.com/a/22075070
   "*": /./
 };
-class Vn extends ne {
+class Vn extends ie {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -2596,8 +2596,8 @@ class Vn extends ne {
     t && (e.validate = (s) => s.search(t) >= 0), super._update(e);
   }
 }
-I.MaskedRegExp = Vn;
-class ie extends ne {
+O.MaskedRegExp = Vn;
+class ae extends ie {
   /** */
   /** */
   /** Single char for empty input */
@@ -2609,7 +2609,7 @@ class ie extends ne {
   /** */
   constructor(e) {
     super({
-      ...ie.DEFAULTS,
+      ...ae.DEFAULTS,
       ...e,
       definitions: Object.assign({}, ft.DEFAULT_DEFINITIONS, e == null ? void 0 : e.definitions)
     });
@@ -2636,27 +2636,27 @@ 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 O.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;
         }
       }
       let r = t[i], l = r in e;
-      if (r === ie.STOP_CHAR) {
+      if (r === ae.STOP_CHAR) {
         this._stops.push(this._blocks.length);
         continue;
       }
@@ -2668,7 +2668,7 @@ class ie extends ne {
         n = !n;
         continue;
       }
-      if (r === ie.ESCAPE_CHAR) {
+      if (r === ae.ESCAPE_CHAR) {
         if (++i, r = t[i], !r)
           break;
         l = !1;
@@ -2765,7 +2765,7 @@ class ie extends ne {
   }
   _appendEager() {
     var e;
-    const t = new M();
+    const t = new $();
     let s = (e = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : e.index;
     if (s == null)
       return t;
@@ -2780,7 +2780,7 @@ class ie extends ne {
   }
   _appendCharRaw(e, t) {
     t === void 0 && (t = {});
-    const s = this._mapPosToBlock(this.displayValue.length), n = new M();
+    const s = this._mapPosToBlock(this.displayValue.length), n = new $();
     if (!s)
       return n;
     for (let r = s.index, l; l = this._blocks[r]; ++r) {
@@ -2823,7 +2823,7 @@ class ie extends ne {
   }
   /** Appends placeholder depending on laziness */
   _appendPlaceholder(e) {
-    const t = new M();
+    const t = new $();
     if (this.lazy && e == null)
       return t;
     const s = this._mapPosToBlock(this.displayValue.length);
@@ -2909,21 +2909,21 @@ class ie extends ne {
     return t ? t.map((s) => this._blocks[s]) : [];
   }
   pad(e) {
-    const t = new M();
+    const t = new $();
     return this._forEachBlocksInRange(0, this.displayValue.length, (s) => t.aggregate(s.pad(e))), t;
   }
 }
-ie.DEFAULTS = {
-  ...ne.DEFAULTS,
+ae.DEFAULTS = {
+  ...ie.DEFAULTS,
   lazy: !0,
   placeholderChar: "_"
 };
-ie.STOP_CHAR = "`";
-ie.ESCAPE_CHAR = "\\";
-ie.InputDefinition = ft;
-ie.FixedDefinition = Js;
-I.MaskedPattern = ie;
-class ct extends ie {
+ae.STOP_CHAR = "`";
+ae.ESCAPE_CHAR = "\\";
+ae.InputDefinition = ft;
+ae.FixedDefinition = Js;
+O.MaskedPattern = ae;
+class ct extends ae {
   /**
     Optionally sets max length of pattern.
     Used when pattern length is longer then `to` param length. Pads zeros at start in this case.
@@ -2981,7 +2981,7 @@ class ct extends ie {
     return this.from <= Number(i) && Number(n) <= this.to && super.doValidate(e);
   }
   pad(e) {
-    const t = new M();
+    const t = new $();
     if (this.value.length === this.maxLength)
       return t;
     const s = this.value, n = this.maxLength - this.value.length;
@@ -2994,8 +2994,8 @@ class ct extends ie {
     return t;
   }
 }
-I.MaskedRange = ct;
-class De extends ie {
+O.MaskedRange = ct;
+class De extends ae {
   static extractPatternOptions(e) {
     const {
       mask: t,
@@ -3085,7 +3085,7 @@ De.GET_DEFAULT_BLOCKS = () => ({
   }
 });
 De.DEFAULTS = {
-  ...ie.DEFAULTS,
+  ...ae.DEFAULTS,
   mask: Date,
   pattern: "d{.}`m{.}`Y",
   format: (a, e) => {
@@ -3099,8 +3099,8 @@ De.DEFAULTS = {
     return new Date(n, s - 1, t);
   }
 };
-I.MaskedDate = De;
-class yt extends ne {
+O.MaskedDate = De;
+class yt extends ie {
   constructor(e) {
     super({
       ...yt.DEFAULTS,
@@ -3131,7 +3131,7 @@ class yt extends ne {
   }
   _applyDispatch(e, t, s) {
     e === void 0 && (e = ""), t === void 0 && (t = {}), s === void 0 && (s = "");
-    const n = t.tail && t._beforeTailState != null ? t._beforeTailState._value : this.value, i = this.rawInputValue, r = t.tail && t._beforeTailState != null ? t._beforeTailState._rawInputValue : i, l = i.slice(r.length), u = this.currentMask, d = new M(), h = u == null ? void 0 : u.state;
+    const n = t.tail && t._beforeTailState != null ? t._beforeTailState._value : this.value, i = this.rawInputValue, r = t.tail && t._beforeTailState != null ? t._beforeTailState._rawInputValue : i, l = i.slice(r.length), u = this.currentMask, d = new $(), h = u == null ? void 0 : u.state;
     return this.currentMask = this.doDispatch(e, {
       ...t
     }, s), this.currentMask && (this.currentMask !== u ? (this.currentMask.reset(), r && (this.currentMask.append(r, {
@@ -3150,7 +3150,7 @@ class yt extends ne {
     return this.currentMask && e.aggregate(this.currentMask._appendEager()), e;
   }
   appendTail(e) {
-    const t = new M();
+    const t = new $();
     return e && t.aggregate(this._applyDispatch("", {}, e)), t.aggregate(this.currentMask ? this.currentMask.appendTail(e) : super.appendTail(e));
   }
   currentMaskFlags(e) {
@@ -3223,7 +3223,7 @@ class yt extends ne {
     return !!((e = this.currentMask) != null && e.isFilled);
   }
   remove(e, t) {
-    const s = new M();
+    const s = new $();
     return this.currentMask && s.aggregate(this.currentMask.remove(e, t)).aggregate(this._applyDispatch()), s;
   }
   get state() {
@@ -3298,7 +3298,7 @@ class yt extends ne {
   }
 }
 yt.DEFAULTS = {
-  ...ne.DEFAULTS,
+  ...ie.DEFAULTS,
   dispatch: (a, e, t, s) => {
     if (!e.compiledMasks.length)
       return;
@@ -3315,8 +3315,8 @@ yt.DEFAULTS = {
     return i.sort((r, l) => l.weight - r.weight || l.totalInputPositions - r.totalInputPositions), e.compiledMasks[i[0].index];
   }
 };
-I.MaskedDynamic = yt;
-class _t extends ie {
+O.MaskedDynamic = yt;
+class _t extends ae {
   constructor(e) {
     super({
       ..._t.DEFAULTS,
@@ -3348,16 +3348,16 @@ class _t extends ie {
       const i = super._appendCharRaw(n[0][this.value.length], t);
       return n.length === 1 && n[0].slice(this.unmaskedValue.length).split("").forEach((r) => i.aggregate(super._appendCharRaw(r))), i;
     }
-    return new M({
+    return new $({
       skip: !this.isComplete
     });
   }
   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)
-      return new M();
+      return new $();
     const s = Math.min(super.nearestInputPos(0, E.FORCE_RIGHT), this.value.length);
     let n;
     for (n = e; n >= 0 && !(this.enum.filter((l) => this.matchValue(l, this.value.slice(s, n), s)).length > 1); --n)
@@ -3370,11 +3370,11 @@ class _t extends ie {
   }
 }
 _t.DEFAULTS = {
-  ...ie.DEFAULTS,
+  ...ae.DEFAULTS,
   matchValue: (a, e, t) => a.indexOf(e, t) === t
 };
-I.MaskedEnum = _t;
-class Ln extends ne {
+O.MaskedEnum = _t;
+class Ln extends ie {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -3390,9 +3390,9 @@ class Ln extends ne {
     });
   }
 }
-I.MaskedFunction = Ln;
+O.MaskedFunction = Ln;
 var Qs;
-class he extends ne {
+class he extends ie {
   /** Single char */
   /** Single char */
   /** Array of single chars */
@@ -3469,11 +3469,11 @@ class he extends ne {
       this.min != null && this.min < 0 && this.number < this.min && (_ = this.min), this.max != null && this.max > 0 && this.number > this.max && (_ = this.max), _ != null && (this.autofix ? (this._value = this.format(_, this).replace(he.UNMASKED_RADIX, this.radix), u || (u = i === this._value && !t.tail)) : l = !1), l && (l = !!this._value.match(this._numberRegExp));
     }
     let d;
-    l ? d = new M({
+    l ? d = new $({
       inserted: this._value.slice(i.length),
       rawInserted: u ? "" : e,
       skip: u
-    }) : (this._value = i, d = new M()), this._value = this._insertThousandsSeparators(this._value);
+    }) : (this._value = i, d = new $()), this._value = this._insertThousandsSeparators(this._value);
     const h = t.tail && t._beforeTailState ? t._beforeTailState._value : this._value, f = this._separatorsCountFromSlice(h);
     return d.tailShift += (f - n) * this.thousandsSeparator.length, d;
   }
@@ -3496,7 +3496,7 @@ class he extends ne {
     const s = this.value.slice(0, e), n = this.value.slice(t), i = this._separatorsCount(s.length);
     this._value = this._insertThousandsSeparators(this._removeThousandsSeparators(s + n));
     const r = this._separatorsCountFromSlice(s);
-    return new M({
+    return new $({
       tailShift: (r - i) * this.thousandsSeparator.length
     });
   }
@@ -3580,9 +3580,9 @@ class he extends ne {
 }
 Qs = he;
 he.UNMASKED_RADIX = ".";
-he.EMPTY_VALUES = [...ne.EMPTY_VALUES, 0];
+he.EMPTY_VALUES = [...ie.EMPTY_VALUES, 0];
 he.DEFAULTS = {
-  ...ne.DEFAULTS,
+  ...ie.DEFAULTS,
   mask: Number,
   radix: ",",
   thousandsSeparator: "",
@@ -3598,7 +3598,7 @@ he.DEFAULTS = {
     maximumFractionDigits: 20
   })
 };
-I.MaskedNumber = he;
+O.MaskedNumber = he;
 const Ot = {
   MASKED: "value",
   UNMASKED: "unmaskedValue",
@@ -3612,10 +3612,10 @@ function en(a, e, t) {
 function Pn(a, e, t, s) {
   return en(e, t, s)(a);
 }
-I.PIPE_TYPE = Ot;
-I.createPipe = en;
-I.pipe = Pn;
-class jn extends ie {
+O.PIPE_TYPE = Ot;
+O.createPipe = en;
+O.pipe = Pn;
+class jn extends ae {
   get repeatFrom() {
     var e;
     return (e = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === 1 / 0 ? 0 : this.repeat) != null ? e : 0;
@@ -3659,7 +3659,7 @@ class jn extends ie {
   }
   _appendCharRaw(e, t) {
     t === void 0 && (t = {});
-    const s = new M();
+    const s = new $();
     for (
       let u = (n = (i = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : i.index) != null ? n : Math.max(this._blocks.length - 1, 0), d, h;
       // try to get a block or
@@ -3710,14 +3710,14 @@ class jn extends ie {
     this._blocks.length = e._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = e;
   }
 }
-I.RepeatBlock = jn;
+O.RepeatBlock = jn;
 try {
-  globalThis.IMask = I;
+  globalThis.IMask = O;
 } catch {
 }
 const tn = {
   // common
-  mask: o.oneOfType([o.array, o.func, o.string, o.instanceOf(RegExp), o.oneOf([Date, Number, I.Masked]), o.instanceOf(I.Masked)]),
+  mask: o.oneOfType([o.array, o.func, o.string, o.instanceOf(RegExp), o.oneOf([Date, Number, O.Masked]), o.instanceOf(O.Masked)]),
   value: o.any,
   unmask: o.oneOfType([o.bool, o.oneOf(["typed"])]),
   prepare: o.func,
@@ -3788,7 +3788,7 @@ function Un(a) {
       this.element = i, this.props.inputRef && (Object.prototype.hasOwnProperty.call(this.props.inputRef, "current") ? this.props.inputRef.current = i : this.props.inputRef(i));
     }
     initMask(i) {
-      i === void 0 && (i = this._extractMaskOptionsFromProps(this.props)), this.maskRef = I(this.element, i).on("accept", this._onAccept.bind(this)).on("complete", this._onComplete.bind(this)), "value" in this.props && this.props.value !== void 0 && (this.maskValue = this.props.value);
+      i === void 0 && (i = this._extractMaskOptionsFromProps(this.props)), this.maskRef = O(this.element, i).on("accept", this._onAccept.bind(this)).on("complete", this._onComplete.bind(this)), "value" in this.props && this.props.value !== void 0 && (this.maskValue = this.props.value);
     }
     destroyMask() {
       this.maskRef && (this.maskRef.destroy(), delete this.maskRef);
@@ -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(() => {
+    } = d, R = u.current;
+    !R || f === void 0 || (p !== f && (R.value = f, R.value !== f && A()), h(S));
+  }, [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(() => {
+    } = d, R = u.current;
+    !R || v === void 0 || (p !== v && (R.unmaskedValue = v, R.unmaskedValue !== v && A()), h(S));
+  }, [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(() => {
+    } = d, R = u.current;
+    !R || y === void 0 || (p !== y && (R.typedValue = y, R.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 = O(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",
+  return /* @__PURE__ */ D(
+    "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,19 +4228,19 @@ 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,
     mask: x,
     onChangeHandler: p = X.props.onChangeHandler.default,
     onBlurHandler: S,
-    onKeyDownHandler: B,
-    onFocusHandler: q
-  }, V) => {
-    const [ae, ce] = j(!1), [de, we] = j(!1), me = !!p && !!x, Le = (w, z, Q) => {
+    onKeyDownHandler: R,
+    onFocusHandler: G
+  }, I) => {
+    const [se, 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
@@ -4264,26 +4267,26 @@ const et = be.forwardRef(
     ), Ne = (w) => {
       p && !me && p(w);
     }, g = (w) => {
-      B && B(w);
-    }, C = (w) => {
+      R && R(w);
+    }, b = (w) => {
       ce(!1), S && S(w);
-    }, $ = (w) => {
-      ce(!0), q && q(w);
-    }, R = () => {
-      we((w) => !w);
-    }, D = Ce(() => de && t === "password" ? "text" : t, [de, t]), T = () => {
+    }, V = (w) => {
+      ce(!0), G && G(w);
+    }, N = () => {
+      Fe((w) => !w);
+    }, B = 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(" ");
-    }, N = Ce(() => {
+      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(" ");
+    }, M = 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
+      return (se || l) && w.push(`${X.class}__label--active`), w.join(" ");
+    }, [l, se]), L = () => !s && r ? r : "", q = () => C && C === "error" ? "info" : "check_circle";
+    return J(() => {
+      x && Ie(l || "");
+    }, [l, x, Ie]), /* @__PURE__ */ D("div", { className: T(), ref: I, children: [
+      m && /* @__PURE__ */ c("div", { className: "ds-input__feedback", children: y && /* @__PURE__ */ D(tt, { children: [
+        /* @__PURE__ */ c(K, { image: q() }),
+        y
       ] }) }),
       /* @__PURE__ */ c(
         "input",
@@ -4295,18 +4298,18 @@ const et = be.forwardRef(
           max: d,
           min: u,
           name: a,
-          onBlur: C,
+          onBlur: b,
           onChange: Ne,
-          onFocus: $,
+          onFocus: V,
           onInput: Ne,
           onKeyDown: g,
           placeholder: L(),
           ref: ye,
-          type: D,
+          type: B,
           ...!x && { value: l || "" }
         }
       ),
-      /* @__PURE__ */ O("label", { className: N, htmlFor: a, children: [
+      /* @__PURE__ */ D("label", { className: M, htmlFor: a, children: [
         i,
         h && /* @__PURE__ */ c(
           We,
@@ -4315,17 +4318,17 @@ 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",
-          onClick: R,
+          onClick: N,
           size: "xl"
         }
       )
@@ -4410,7 +4413,7 @@ const ms = {
   const l = !i && `${pe.class}--absolute`, u = s && `${pe.class}__dots--${s}`, d = r && pe.props.backgroundColor.options.find(
     (f) => f === r
   ) && `${pe.class}__background--${r}`, h = n && `${pe.class}__background--opacity`;
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ D(
     "div",
     {
       className: [pe.class, t, l].filter((f) => f).join(" "),
@@ -4500,7 +4503,7 @@ const Oe = {
   onChangeHandler: u = Oe.props.onChangeHandler.default
 }) => {
   const [d] = j(Math.random());
-  return /* @__PURE__ */ O("div", { className: (() => {
+  return /* @__PURE__ */ D("div", { className: (() => {
     const f = [Oe.class];
     return i && f.push(`${Oe.class}--disabled`), f.join(" ");
   })(), children: [
@@ -4518,14 +4521,14 @@ const Oe = {
       }
     ),
     /* @__PURE__ */ c(
-      Z,
+      K,
       {
         className: `${Oe.class}__icon`,
         image: l ? "radio_button_checked" : "radio_button_unchecked",
         size: "xxl"
       }
     ),
-    /* @__PURE__ */ O("div", { className: `${Oe.class}__text-container`, children: [
+    /* @__PURE__ */ D("div", { className: `${Oe.class}__text-container`, children: [
       e && /* @__PURE__ */ c(
         "label",
         {
@@ -4631,7 +4634,7 @@ const vs = {
       required: !1
     }
   }
-}, se = ({
+}, ne = ({
   children: a,
   flex: e = Tt.props.flex.default,
   className: t = Tt.props.className.default
@@ -4641,11 +4644,11 @@ const vs = {
   });
   return /* @__PURE__ */ c("div", { className: s(), style: n(), children: a });
 };
-se.propTypes = {
+ne.propTypes = {
   className: o.string,
   flex: o.string
 };
-se.displayName = "DsFlexElement";
+ne.displayName = "DsFlexElement";
 const bs = {
   Stretch: "stretch",
   FlexStart: "flex-start",
@@ -4815,8 +4818,8 @@ const an = ({
     () => `ds-progress__progress--${t}`,
     [t]
   ), i = Ce(() => t === "success-dark" ? "color__success--dark" : t === "warning" ? "color__warning--dark" : `color__${t}--default`, [t]);
-  return /* @__PURE__ */ c("div", { className: "ds-progress", children: /* @__PURE__ */ O(Ve, { flexDirection: "column", children: [
-    /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("div", { className: "ds-progress", children: /* @__PURE__ */ D(Ve, { flexDirection: "column", children: [
+    /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(
       "div",
       {
         "aria-valuemax": 100,
@@ -4834,7 +4837,7 @@ const an = ({
         )
       }
     ) }),
-    /* @__PURE__ */ c(se, { children: /* @__PURE__ */ O(
+    /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ D(
       Ve,
       {
         alignItems: "flex-end",
@@ -4870,7 +4873,7 @@ const xs = {
   Right: "right",
   Bottom: "bottom",
   Left: "left"
-}, J = {
+}, Z = {
   name: "Select",
   class: "ds-select",
   props: {
@@ -4947,53 +4950,53 @@ 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(" ");
-    }, 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 [x, p] = j(!1), S = (I) => {
+      p(!1), h && h(I, I.target.value), f && f(I, I.target.value);
+    }, R = () => {
+      const I = [Z.class, "select-placeholder"];
+      return I.push(`${Z.class}--${_}`), v && I.push(`${Z.class}--${v}`), x && I.push(`${Z.class}--active`), t && I.push(`${Z.class}--disabled`), e && I.push(e), I.join(" ");
+    }, G = Ce(() => {
+      const I = [`${Z.class}__label`];
+      return !s && I.push(`${Z.class}__label--not-animated`), u && I.push(`${Z.class}__label--has-value`), s && !u && !C && I.push(`${Z.class}__label--hidden`), I.join(" ");
     }, [u]);
-    return /* @__PURE__ */ O("div", { className: B(), "data-testid": "ds-select-component", children: [
-      a && /* @__PURE__ */ O(
+    return /* @__PURE__ */ D("div", { className: R(), "data-testid": "ds-select-component", children: [
+      a && /* @__PURE__ */ D(
         "label",
         {
-          className: q,
+          className: G,
           "data-testid": "ds-label-id",
           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"
                   }
                 )
@@ -5002,7 +5005,7 @@ const xs = {
           ]
         }
       ),
-      /* @__PURE__ */ O(
+      /* @__PURE__ */ D(
         "select",
         {
           "data-testid": i,
@@ -5010,41 +5013,40 @@ const xs = {
           id: r,
           multiple: n,
           name: r,
-          onChange: (V) => S(V),
-          value: u || "",
-          ...P,
           onBlur: () => p(!1),
+          onChange: (I) => S(I),
           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) => {
+            l == null ? void 0 : l.map((I, se) => {
               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 I ? /* @__PURE__ */ c("optgroup", { label: I.label, children: (ce = I.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
-              )) }, ae) : /* @__PURE__ */ c(
+                Fe
+              )) }, se) : /* @__PURE__ */ c(
                 "option",
                 {
-                  className: `${J.class}__option-select`,
-                  value: V.value,
-                  children: V.label || V.value
+                  className: `${Z.class}__option-select`,
+                  value: I.value,
+                  children: I.label || I.value
                 },
-                ae
+                se
               );
             })
           ]
         }
       ),
-      F && /* @__PURE__ */ O("div", { className: "ds-select__feedback-container", children: [
+      F && /* @__PURE__ */ D("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,44 +5227,44 @@ 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,
     onFocusHandler: x,
     rows: p = te.props.rows.default,
     cols: S,
-    description: B,
-    style: q
-  }, V) => {
-    const [ae, ce] = j(!1), [de, we] = j(0), [me, Le] = j(Math.random());
-    K(() => {
+    description: R,
+    style: G
+  }, I) => {
+    const [se, 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,
-      ...q || {}
+      return (se || r) && T.push(`${te.class}__label--active`), T.join(" ");
+    }, [r, se]), V = () => !t && i ? i : "", N = () => f && f === "error" ? "info" : "check_circle", B = {
+      resize: m,
+      ...G || {}
     };
-    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() }),
+    return /* @__PURE__ */ D("div", { className: g(), children: [
+      R && /* @__PURE__ */ c("span", { className: "ds-textarea__description", children: R }),
+      _ && /* @__PURE__ */ D("div", { className: "ds-textarea__feedback", children: [
+        /* @__PURE__ */ c(K, { image: N() }),
         _
       ] }),
       /* @__PURE__ */ c(
@@ -5277,19 +5279,19 @@ const Is = {
           maxLength: u,
           minLength: l,
           name: a,
-          onBlur: Fe,
+          onBlur: Ie,
           onChange: oe,
           onFocus: Ne,
           onKeyDown: ye,
-          placeholder: $(),
-          ref: V,
-          required: y,
+          placeholder: V(),
+          ref: I,
+          required: C,
           rows: p,
-          style: D
+          style: B
         }
       ),
-      /* @__PURE__ */ c("label", { className: C, htmlFor: a, children: n }),
-      u && /* @__PURE__ */ O("span", { className: "ds-textarea__count", children: [
+      /* @__PURE__ */ c("label", { className: b, htmlFor: a, children: n }),
+      u && /* @__PURE__ */ D("span", { className: "ds-textarea__count", children: [
         de,
         "/",
         u
@@ -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 = ({
@@ -5632,12 +5634,12 @@ const wt = {
   disabled: n = He.props.disabled.default
 }) => {
   const i = s && `${He.class}--active`;
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ D(
     "li",
     {
       className: [He.class, i].filter((r) => r).join(" "),
       children: [
-        /* @__PURE__ */ O(
+        /* @__PURE__ */ D(
           "button",
           {
             className: `${He.class}__button`,
@@ -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) => {
@@ -5710,21 +5712,21 @@ const Jn = ({
   title: a,
   activeTags: e,
   handleTagClose: t
-}) => /* @__PURE__ */ c("div", { className: "active-tags", children: e.length > 0 && /* @__PURE__ */ O(tt, { children: [
+}) => /* @__PURE__ */ c("div", { className: "active-tags", children: e.length > 0 && /* @__PURE__ */ D(tt, { children: [
   /* @__PURE__ */ c(Re, { className: "active-tags__title", children: a }),
   /* @__PURE__ */ c("div", { className: "active-tags__list", "data-testid": "ds-list", children: e.map((s, n) => /* @__PURE__ */ c(
     We,
     {
       text: `Filtro ${s.text} aplicado`,
-      children: /* @__PURE__ */ O(
+      children: /* @__PURE__ */ D(
         "div",
         {
           className: `active-tags__item ${s.hiddenClose && "active-tags__item--no-close"}`,
           "data-testid": `ds-active-tag-${n}`,
           children: [
-            /* @__PURE__ */ O(Ve, { alignItems: "center", gap: "nano", children: [
-              /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(
-                Z,
+            /* @__PURE__ */ D(Ve, { alignItems: "center", gap: "nano", children: [
+              /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(
+                K,
                 {
                   className: "active-tags__icon",
                   color: s.hiddenClose ? "neutral-00" : "neutral-90",
@@ -5733,10 +5735,10 @@ const Jn = ({
                   testId: `icon-${n}`
                 }
               ) }),
-              /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(Re, { type: "small", children: s.text }) })
+              /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(Re, { type: "small", children: s.text }) })
             ] }),
             !s.hiddenClose && /* @__PURE__ */ c(
-              Z,
+              K,
               {
                 image: "close",
                 onClick: () => t(n),
@@ -5765,13 +5767,13 @@ 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);
   }), [u, e, a.length]);
   const f = () => d(!0), _ = () => d(!1);
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ D(
     "div",
     {
       className: `${Ye.class}`,
@@ -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
         )) }) })
       ]
     }
@@ -5842,7 +5844,7 @@ const $s = {
   Small: "small",
   Medium: "medium",
   Large: "large"
-}, G = {
+}, W = {
   name: "EditableSelect",
   class: "ds-editable-select",
   props: {
@@ -5920,63 +5922,64 @@ const $s = {
     }
   }
 }, ei = ({
-  label: a = G.props.label.default,
-  name: e = G.props.name.default,
-  testId: t = G.props.testId.default,
-  value: s = G.props.value.default,
-  options: n = G.props.options.default,
-  size: i = G.props.size.default,
-  onChangeHandler: r = G.props.onChangeHandler.default,
-  onSelectHandler: l = G.props.onSelectHandler.default,
-  icon: u = G.props.icon.default,
-  noOptionsMessage: d = G.props.noOptionsMessage.default,
-  disabled: h = G.props.disabled.default,
-  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
+  label: a = W.props.label.default,
+  name: e = W.props.name.default,
+  testId: t = W.props.testId.default,
+  value: s = W.props.value.default,
+  options: n = W.props.options.default,
+  size: i = W.props.size.default,
+  onChangeHandler: r = W.props.onChangeHandler.default,
+  onSelectHandler: l = W.props.onSelectHandler.default,
+  icon: u = W.props.icon.default,
+  noOptionsMessage: d = W.props.noOptionsMessage.default,
+  disabled: h = W.props.disabled.default,
+  status: f = W.props.status.default,
+  onBlurHandler: _ = W.props.onBlurHandler.default,
+  onFocusHandler: v = W.props.onFocusHandler.default,
+  animated: C = W.props.animated.default,
+  placeholder: y = W.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);
-  }, S = (q) => {
-    l(q), _(), x(Math.random().toString()), P(!1);
+  const [F, P] = j(!1), [A, x] = j(s), p = (I) => {
+    r(I), (m == null && I.currentTarget.value.length || !m && I.currentTarget.value.length > 2) && P(!0);
+  }, S = (I) => {
+    l(I), _(), x(Math.random().toString()), P(!1);
+  }, R = (I) => {
+    h || S(I);
   };
-  K(() => {
+  J(() => {
     s.length === 0 && P(!1);
   }, [s]);
-  const B = () => n.length > 0 ? n.map((q, V) => /* @__PURE__ */ c(
-    "option",
+  const G = () => n.length > 0 ? n.map((I, se) => /* @__PURE__ */ c(
+    "button",
     {
-      className: `${G.class}__option  ${G.class}__option--${i}`,
-      "data-testid": `ds-option-${q.id || q.label}`,
-      onClick: () => !h && S(q),
-      value: V,
-      children: q.label
+      className: `${W.class}__option  ${W.class}__option--${i}`,
+      "data-testid": `ds-option-${I.id || I.label}`,
+      onClick: () => R(I),
+      children: I.label
     },
-    V
+    se
   )) : /* @__PURE__ */ c(
-    "option",
+    "div",
     {
-      className: `${G.class}__option ${G.class}__option--not-found--${i}`,
+      className: `${W.class}__option ${W.class}__option--not-found--${i}`,
       children: d
     },
     "no_option"
   );
-  return /* @__PURE__ */ O("div", { className: `${G.class}__container`, children: [
+  return /* @__PURE__ */ D("div", { className: `${W.class}__container`, children: [
     /* @__PURE__ */ c(
       et,
       {
-        animated: y,
-        className: `${G.class}__input`,
+        animated: C,
+        className: `${W.class}__input`,
         disabled: h,
         label: a,
         name: e,
         onBlurHandler: _,
         onChangeHandler: p,
         onFocusHandler: v,
-        placeholder: m,
+        placeholder: y,
         size: i,
         status: f,
         testId: t,
@@ -5984,26 +5987,26 @@ const $s = {
       },
       A
     ),
-    (u || b) && (b ? /* @__PURE__ */ c(
+    (u || m) && (m ? /* @__PURE__ */ c(
       "div",
       {
-        className: `${G.class}__loading ${G.class}__loading--${i}`,
+        className: `${W.class}__loading ${W.class}__loading--${i}`,
         style: { width: "18px" },
         children: /* @__PURE__ */ c(Nt, { fullscreen: !1 })
       }
     ) : u && /* @__PURE__ */ c(
-      Z,
+      K,
       {
-        className: `${G.class}__icon ${G.class}__icon--${i}`,
+        className: `${W.class}__icon ${W.class}__icon--${i}`,
         image: u
       }
     )),
     F && /* @__PURE__ */ c(
       "div",
       {
-        className: `${G.class}__list`,
+        className: `${W.class}__list ${W.class}__list--${i}`,
         "data-testid": "ds-list",
-        children: B()
+        children: G()
       }
     )
   ] });
@@ -6027,7 +6030,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 +6090,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 +6114,7 @@ const Ge = {
       min: n,
       name: a,
       onBlur: v,
-      onChange: y,
+      onChange: C,
       onKeyDown: _,
       ref: l,
       type: "number",
@@ -6121,14 +6124,14 @@ const Ge = {
     "div",
     {
       "data-testid": "ds-inline-editible-div-click",
-      onClick: m,
-      children: /* @__PURE__ */ O(Ve, { alignItems: "center", gap: "nano", children: [
-        /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(Re, { children: /* @__PURE__ */ O("b", { children: [
+      onClick: y,
+      children: /* @__PURE__ */ D(Ve, { alignItems: "center", gap: "nano", children: [
+        /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(Re, { children: /* @__PURE__ */ D("b", { children: [
           t,
           e,
           s
         ] }) }) }),
-        /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(Z, { image: "edit_square" }) })
+        /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(K, { image: "edit_square" }) })
       ] })
     }
   ) });
@@ -6180,26 +6183,26 @@ 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__ */ D(tt, { children: [
     /* @__PURE__ */ c(
       "div",
       {
         className: "ds-modal-overlay",
         "data-testid": "ds-modal-overlay",
         ...f,
-        onClick: () => y ? () => {
+        onClick: () => C ? () => {
         } : u()
       }
     ),
-    /* @__PURE__ */ O(
+    /* @__PURE__ */ D(
       "div",
       {
         className: [
@@ -6207,26 +6210,26 @@ 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: [
+          /* @__PURE__ */ D("div", { className: "ds-modal__content", children: [
             /* @__PURE__ */ c("div", { className: "ds-modal__content__title", children: e }),
             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" }),
-          /* @__PURE__ */ O("div", { className: "ds-modal__cta", children: [
+          C && /* @__PURE__ */ c(ge, { vertical: "sm" }),
+          !C && /* @__PURE__ */ c(ge, { vertical: "xxs" }),
+          /* @__PURE__ */ D("div", { className: "ds-modal__cta", children: [
             d && /* @__PURE__ */ c(
               pt,
               {
@@ -6332,28 +6335,28 @@ 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((G) => (G === 0 && P(!1), G - 100));
+  J(() => {
     !r && !u && P(!0);
-    let q;
-    return !m && r && (q = setInterval(x, 100)), () => {
-      clearInterval(q);
+    let G;
+    return !y && r && (G = setInterval(x, 100)), () => {
+      clearInterval(G);
     };
-  }, [m, r, l, F, u]);
+  }, [y, r, l, F, u]);
   const p = () => {
-    b(!0);
+    m(!0);
   }, S = () => {
-    b(!1);
-  }, B = (q) => {
-    P(!1), f && f(q);
+    m(!1);
+  }, R = (G) => {
+    P(!1), f && f(G);
   };
-  return F ? /* @__PURE__ */ O(
+  return F ? /* @__PURE__ */ D(
     "div",
     {
       className: A,
@@ -6362,23 +6365,23 @@ const Ls = {
       onMouseEnter: p,
       onMouseLeave: S,
       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,
+        /* @__PURE__ */ c(Ze, { bottom: "nano", top: "nano", children: /* @__PURE__ */ D(Ve, { alignItems: "center", flexWrap: "nowrap", gap: "xxxs", children: [
+          /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(
+            K,
             {
               color: e,
               fill: !0,
               image: ni[e]
             }
           ) }),
-          /* @__PURE__ */ c(se, { flex: "1", children: /* @__PURE__ */ c(Ze, { left: "none", right: "none", space: "nano", children: n ?? i }) }),
-          /* @__PURE__ */ c(se, { children: u ? /* @__PURE__ */ c(
+          /* @__PURE__ */ c(ne, { flex: "1", children: /* @__PURE__ */ c(Ze, { left: "none", right: "none", space: "nano", children: n ?? i }) }),
+          /* @__PURE__ */ c(ne, { children: u ? /* @__PURE__ */ c(
             "div",
             {
               className: `${le.class}__button`,
               "data-testid": `${_}-close`,
-              onClick: (q) => B(q),
-              children: /* @__PURE__ */ c(Ze, { children: /* @__PURE__ */ c(Z, { image: "close" }) })
+              onClick: (G) => R(G),
+              children: /* @__PURE__ */ c(Ze, { children: /* @__PURE__ */ c(K, { image: "close" }) })
             }
           ) : /* @__PURE__ */ c(ge, { horizontal: "quark" }) })
         ] }) }),
@@ -6451,39 +6454,39 @@ 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)
+        (R) => R == null ? void 0 : R.rule(p)
       );
       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), R = A(S);
       a({
         password: p.currentTarget.value,
         confirmationPassword: r,
         isEqual: r === p.currentTarget.value,
-        feedback: B
+        feedback: R
       });
     },
-    [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), R = A(S);
       a({
         password: n,
         confirmationPassword: p.currentTarget.value,
         isEqual: n === p.currentTarget.value,
-        feedback: B
+        feedback: R
       });
     },
-    [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,25 +6496,25 @@ 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) => {
-          let ae = q;
-          return V ? (ae++, ae) : q;
+        (G, I) => {
+          let se = G;
+          return I ? (se++, se) : G;
         },
         0
-      ), B = P(
+      ), R = P(
         S * 100 / p.length
       );
-      return f(B), B;
+      return f(R), R;
     },
     [P]
   ), x = () => /* @__PURE__ */ c("ul", { children: e.map((p, S) => {
-    const B = u[S] ? "ds-password-confirmation__list" : "ds-password-confirmation__list--disc";
-    return /* @__PURE__ */ O("li", { className: B, children: [
+    const R = u[S] ? "ds-password-confirmation__list" : "ds-password-confirmation__list--disc";
+    return /* @__PURE__ */ D("li", { className: R, children: [
       u[S] ? /* @__PURE__ */ c(
-        Z,
+        K,
         {
           color: "success-dark",
           image: "check",
@@ -6522,19 +6525,19 @@ const Ft = {
       /* @__PURE__ */ c(Re, { children: p.title })
     ] }, S + p.title);
   }) });
-  return /* @__PURE__ */ O(Ve, { className: "ds-password-confirmation", flexDirection: "column", children: [
-    /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ D(Ve, { className: "ds-password-confirmation", flexDirection: "column", children: [
+    /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(
       et,
       {
         label: "Senha",
         name: "password",
-        onChangeHandler: m,
+        onChangeHandler: y,
         testId: `${s}-main-input`,
         type: "password",
         value: n
       }
     ) }),
-    /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(
+    /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(
       an,
       {
         color: h == null ? void 0 : h.color,
@@ -6542,17 +6545,17 @@ const Ft = {
         progress: h == null ? void 0 : h.score
       }
     ) }),
-    /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(Re, { children: t }) }),
-    /* @__PURE__ */ c(se, { children: x() }),
+    /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(Re, { children: t }) }),
+    /* @__PURE__ */ c(ne, { children: x() }),
     /* @__PURE__ */ c(ge, { vertical: "xxs" }),
-    /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(
+    /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(
       et,
       {
         feedback: F.feedback,
         label: "Confirme a senha",
         name: "confirmPassword",
         onBlurHandler: () => v(!0),
-        onChangeHandler: b,
+        onChangeHandler: m,
         onFocusHandler: () => v(!0),
         status: F.status,
         testId: `${s}-confirm-input`,
@@ -6591,12 +6594,12 @@ 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: [
+  }, [s]), /* @__PURE__ */ D("div", { className: ve.class, children: [
+    /* @__PURE__ */ D("span", { className: `${ve.class}__step-counter`, children: [
       "Etapa ",
       s + 1,
       " de ",
@@ -6609,9 +6612,9 @@ const ve = {
         "data-testid": `ds-button-${l}`,
         disabled: r.disabled,
         onClick: () => n(l),
-        children: /* @__PURE__ */ O("span", { className: `${ve.class}__text`, children: [
+        children: /* @__PURE__ */ D("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 +6622,7 @@ const ve = {
               testId: `ds-icon-${l}`
             }
           ) }) : /* @__PURE__ */ c(
-            Z,
+            K,
             {
               className: `${ve.class}__icon`,
               fill: !0,
@@ -6634,7 +6637,7 @@ const ve = {
   ] });
 };
 ii.displayName = "DsStepper";
-const xe = {
+const Te = {
   name: "Table",
   class: "ds-table",
   props: {
@@ -6651,13 +6654,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 +6669,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__ */ D(
   "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 +6764,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__ */ D(
     "div",
     {
       className: [Me.class, s && s].join(" "),
@@ -6869,7 +6872,7 @@ const je = {
   reverseOnMobile: n = !1
 }) => {
   const i = t ? `${je.class}__content--${t}` : "", r = s ? `${je.class}__content--${s}` : "", l = n ? `${je.class}__content--mobile-order-2` : "", u = n ? `${je.class}__content--mobile-order-1` : "", d = `${je.class}__content ${i} ${l}`, h = `${je.class}__content ${r} ${u}`;
-  return /* @__PURE__ */ O("div", { className: je.class, children: [
+  return /* @__PURE__ */ D("div", { className: je.class, children: [
     /* @__PURE__ */ c("div", { className: d, children: a }),
     /* @__PURE__ */ c("div", { className: h, children: e })
   ] });
@@ -6891,11 +6894,11 @@ const ut = {
   main: e,
   sidebar: t,
   breadcrumb: s
-}) => /* @__PURE__ */ O(Mt, { children: [
-  /* @__PURE__ */ O("div", { className: "ds-grid", children: [
+}) => /* @__PURE__ */ D(Mt, { children: [
+  /* @__PURE__ */ D("div", { className: "ds-grid", children: [
     /* @__PURE__ */ c("div", { className: "ds-grid__row", children: /* @__PURE__ */ c("div", { className: "ds-grid__col ds-grid__col-12", children: s }) }),
-    /* @__PURE__ */ O("div", { className: `${ut.class}__content ds-grid__row`, children: [
-      /* @__PURE__ */ c("div", { className: "ds-grid__col ds-grid__col--lg-8 ds-grid__col--sm-12 ds-grid__col-12", children: /* @__PURE__ */ O(tt, { children: [
+    /* @__PURE__ */ D("div", { className: `${ut.class}__content ds-grid__row`, children: [
+      /* @__PURE__ */ c("div", { className: "ds-grid__col ds-grid__col--lg-8 ds-grid__col--sm-12 ds-grid__col-12", children: /* @__PURE__ */ D(tt, { children: [
         /* @__PURE__ */ c("div", { className: `${ut.class}__header`, children: a }),
         /* @__PURE__ */ c("div", { className: `${ut.class}__main`, children: e })
       ] }) }),
@@ -6927,13 +6930,13 @@ export {
   Ys as DsCheckbox,
   Mt as DsContainer,
   ei as DsEditableSelect,
-  se as DsFlexElement,
+  ne as DsFlexElement,
   Ve as DsFlexLayout,
   Kn as DsGridElement,
   ln as DsGridLayout,
   Gs as DsHR,
   Bt as DsHeading,
-  Z as DsIcon,
+  K as DsIcon,
   di as DsIndicator,
   cn as DsInlineEditable,
   et as DsInput,