@akad/design-system 1.0.0-alpha.5 → 1.0.0-alpha.6

package/react/react-lib.js

@@ -1,9 +1,29 @@
 import { jsx as c, jsxs as I, Fragment as pt } from "react/jsx-runtime";
-import ke, { useMemo as be, useState as P, useEffect as Q, useRef as Qe, useCallback as xe, useLayoutEffect as kn, createElement as bn } from "react";
-function En(t) {
+import ke, { useMemo as be, useState as P, useEffect as Q, useRef as Qe, useCallback as we, useLayoutEffect as kn, createElement as bn } from "react";
+const En = "pushClickEvent: missing required field(s). Required: eventLabel";
+function Sn(t) {
+  return !!(t.eventLabel && typeof t.eventLabel == "string" && t.eventLabel.trim());
+}
+function Cn(t) {
+  var n;
+  if (!Sn(t))
+    throw new Error(En);
+  if (!((n = globalThis.window) != null && n.dataLayer)) return;
+  const e = {};
+  Object.keys(t).forEach((r) => {
+    const a = t[r];
+    a != null && (typeof a == "string" && !a.trim() || (e[r] = a));
+  });
+  const s = {
+    event: "clickEvent",
+    userClick: e
+  };
+  globalThis.window.dataLayer.push(s);
+}
+function wn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Tt = { exports: {} }, st = { exports: {} }, z = {};
+var Tt = { exports: {} }, st = { exports: {} }, H = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -13,14 +33,14 @@ var Tt = { exports: {} }, st = { exports: {} }, z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var jt;
-function Sn() {
-  if (jt) return z;
+function xn() {
+  if (jt) return H;
   jt = 1;
   var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, s = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, r = t ? Symbol.for("react.strict_mode") : 60108, a = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, l = t ? Symbol.for("react.context") : 60110, u = t ? Symbol.for("react.async_mode") : 60111, d = t ? Symbol.for("react.concurrent_mode") : 60111, h = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, _ = t ? Symbol.for("react.suspense_list") : 60120, y = t ? Symbol.for("react.memo") : 60115, b = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, m = t ? Symbol.for("react.fundamental") : 60117, F = t ? Symbol.for("react.responder") : 60118, j = t ? Symbol.for("react.scope") : 60119;
   function A(p) {
     if (typeof p == "object" && p !== null) {
-      var x = p.$$typeof;
-      switch (x) {
+      var w = p.$$typeof;
+      switch (w) {
         case e:
           switch (p = p.type, p) {
             case u:
@@ -39,46 +59,46 @@ function Sn() {
                 case i:
                   return p;
                 default:
-                  return x;
+                  return w;
               }
           }
         case s:
-          return x;
+          return w;
       }
     }
   }
   function C(p) {
     return A(p) === d;
   }
-  return z.AsyncMode = u, z.ConcurrentMode = d, z.ContextConsumer = l, z.ContextProvider = i, z.Element = e, z.ForwardRef = h, z.Fragment = n, z.Lazy = b, z.Memo = y, z.Portal = s, z.Profiler = a, z.StrictMode = r, z.Suspense = f, z.isAsyncMode = function(p) {
+  return H.AsyncMode = u, H.ConcurrentMode = d, H.ContextConsumer = l, H.ContextProvider = i, H.Element = e, H.ForwardRef = h, H.Fragment = n, H.Lazy = b, H.Memo = y, H.Portal = s, H.Profiler = a, H.StrictMode = r, H.Suspense = f, H.isAsyncMode = function(p) {
     return C(p) || A(p) === u;
-  }, z.isConcurrentMode = C, z.isContextConsumer = function(p) {
+  }, H.isConcurrentMode = C, H.isContextConsumer = function(p) {
     return A(p) === l;
-  }, z.isContextProvider = function(p) {
+  }, H.isContextProvider = function(p) {
     return A(p) === i;
-  }, z.isElement = function(p) {
+  }, H.isElement = function(p) {
     return typeof p == "object" && p !== null && p.$$typeof === e;
-  }, z.isForwardRef = function(p) {
+  }, H.isForwardRef = function(p) {
     return A(p) === h;
-  }, z.isFragment = function(p) {
+  }, H.isFragment = function(p) {
     return A(p) === n;
-  }, z.isLazy = function(p) {
+  }, H.isLazy = function(p) {
     return A(p) === b;
-  }, z.isMemo = function(p) {
+  }, H.isMemo = function(p) {
     return A(p) === y;
-  }, z.isPortal = function(p) {
+  }, H.isPortal = function(p) {
     return A(p) === s;
-  }, z.isProfiler = function(p) {
+  }, H.isProfiler = function(p) {
     return A(p) === a;
-  }, z.isStrictMode = function(p) {
+  }, H.isStrictMode = function(p) {
     return A(p) === r;
-  }, z.isSuspense = function(p) {
+  }, H.isSuspense = function(p) {
     return A(p) === f;
-  }, z.isValidElementType = function(p) {
+  }, H.isValidElementType = function(p) {
     return typeof p == "string" || typeof p == "function" || p === n || p === d || p === a || p === r || p === f || p === _ || typeof p == "object" && p !== null && (p.$$typeof === b || p.$$typeof === y || p.$$typeof === i || p.$$typeof === l || p.$$typeof === h || p.$$typeof === m || p.$$typeof === F || p.$$typeof === j || p.$$typeof === v);
-  }, z.typeOf = A, z;
+  }, H.typeOf = A, H;
 }
-var H = {};
+var W = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -88,7 +108,7 @@ var H = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Pt;
-function Cn() {
+function An() {
   return Pt || (Pt = 1, process.env.NODE_ENV !== "production" && function() {
     var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, s = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, r = t ? Symbol.for("react.strict_mode") : 60108, a = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, l = t ? Symbol.for("react.context") : 60110, u = t ? Symbol.for("react.async_mode") : 60111, d = t ? Symbol.for("react.concurrent_mode") : 60111, h = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, _ = t ? Symbol.for("react.suspense_list") : 60120, y = t ? Symbol.for("react.memo") : 60115, b = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, m = t ? Symbol.for("react.fundamental") : 60117, F = t ? Symbol.for("react.responder") : 60118, j = t ? Symbol.for("react.scope") : 60119;
     function A(k) {
@@ -127,7 +147,7 @@ function Cn() {
         }
       }
     }
-    var p = u, x = d, R = l, X = i, O = e, te = h, ue = n, ce = b, Ae = y, me = s, Ve = a, oe = r, ve = f, Te = !1;
+    var p = u, w = d, N = l, z = i, O = e, te = h, ue = n, ce = b, Ae = y, me = s, Ve = a, oe = r, ve = f, Te = !1;
     function Re(k) {
       return Te || (Te = !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) || C(k) === u;
     }
@@ -143,10 +163,10 @@ function Cn() {
     function B(k) {
       return typeof k == "object" && k !== null && k.$$typeof === e;
     }
-    function N(k) {
+    function R(k) {
       return C(k) === h;
     }
-    function w(k) {
+    function x(k) {
       return C(k) === n;
     }
     function $(k) {
@@ -167,12 +187,12 @@ function Cn() {
     function J(k) {
       return C(k) === f;
     }
-    H.AsyncMode = p, H.ConcurrentMode = x, H.ContextConsumer = R, H.ContextProvider = X, H.Element = O, H.ForwardRef = te, H.Fragment = ue, H.Lazy = ce, H.Memo = Ae, H.Portal = me, H.Profiler = Ve, H.StrictMode = oe, H.Suspense = ve, H.isAsyncMode = Re, H.isConcurrentMode = g, H.isContextConsumer = E, H.isContextProvider = V, H.isElement = B, H.isForwardRef = N, H.isFragment = w, H.isLazy = $, H.isMemo = L, H.isPortal = U, H.isProfiler = T, H.isStrictMode = q, H.isSuspense = J, H.isValidElementType = A, H.typeOf = C;
-  }()), H;
+    W.AsyncMode = p, W.ConcurrentMode = w, W.ContextConsumer = N, W.ContextProvider = z, W.Element = O, W.ForwardRef = te, W.Fragment = ue, W.Lazy = ce, W.Memo = Ae, W.Portal = me, W.Profiler = Ve, W.StrictMode = oe, W.Suspense = ve, W.isAsyncMode = Re, W.isConcurrentMode = g, W.isContextConsumer = E, W.isContextProvider = V, W.isElement = B, W.isForwardRef = R, W.isFragment = x, W.isLazy = $, W.isMemo = L, W.isPortal = U, W.isProfiler = T, W.isStrictMode = q, W.isSuspense = J, W.isValidElementType = A, W.typeOf = C;
+  }()), W;
 }
 var qt;
 function ss() {
-  return qt || (qt = 1, process.env.NODE_ENV === "production" ? st.exports = Sn() : st.exports = Cn()), st.exports;
+  return qt || (qt = 1, process.env.NODE_ENV === "production" ? st.exports = xn() : st.exports = An()), st.exports;
 }
 /*
 object-assign
@@ -180,7 +200,7 @@ object-assign
 @license MIT
 */
 var vt, Ut;
-function xn() {
+function Tn() {
   if (Ut) return vt;
   Ut = 1;
   var t = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
@@ -237,7 +257,7 @@ function ns() {
   return Ht || (Ht = 1, yt = Function.call.bind(Object.prototype.hasOwnProperty)), yt;
 }
 var kt, Wt;
-function wn() {
+function Fn() {
   if (Wt) return kt;
   Wt = 1;
   var t = function() {
@@ -286,10 +306,10 @@ function wn() {
   }, kt = r, kt;
 }
 var bt, Yt;
-function An() {
+function On() {
   if (Yt) return bt;
   Yt = 1;
-  var t = ss(), e = xn(), s = Rt(), n = ns(), r = wn(), a = function() {
+  var t = ss(), e = Tn(), s = Rt(), n = ns(), r = Fn(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(l) {
     var u = "Warning: " + l;
@@ -322,10 +342,10 @@ function An() {
       arrayOf: A,
       element: C(),
       elementType: p(),
-      instanceOf: x,
+      instanceOf: w,
       node: te(),
-      objectOf: X,
-      oneOf: R,
+      objectOf: z,
+      oneOf: N,
       oneOfType: O,
       shape: ce,
       exact: Ae
@@ -340,7 +360,7 @@ function An() {
     function m(g) {
       if (process.env.NODE_ENV !== "production")
         var E = {}, V = 0;
-      function B(w, $, L, U, T, q, J) {
+      function B(x, $, L, U, T, q, J) {
         if (U = U || _, q = q || L, J !== s) {
           if (u) {
             var k = new Error(
@@ -355,18 +375,18 @@ function An() {
             ), E[Ee] = !0, V++);
           }
         }
-        return $[L] == null ? w ? $[L] === null ? new v("The " + T + " `" + q + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new v("The " + T + " `" + q + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : g($, L, U, T, q);
+        return $[L] == null ? x ? $[L] === null ? new v("The " + T + " `" + q + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new v("The " + T + " `" + q + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : g($, L, U, T, q);
       }
-      var N = B.bind(null, !1);
-      return N.isRequired = B.bind(null, !0), N;
+      var R = B.bind(null, !1);
+      return R.isRequired = B.bind(null, !0), R;
     }
     function F(g) {
-      function E(V, B, N, w, $, L) {
+      function E(V, B, R, x, $, L) {
         var U = V[B], T = oe(U);
         if (T !== g) {
           var q = ve(U);
           return new v(
-            "Invalid " + w + " `" + $ + "` of type " + ("`" + q + "` supplied to `" + N + "`, expected ") + ("`" + g + "`."),
+            "Invalid " + x + " `" + $ + "` of type " + ("`" + q + "` supplied to `" + R + "`, expected ") + ("`" + g + "`."),
             { expectedType: g }
           );
         }
@@ -378,16 +398,16 @@ function An() {
       return m(i);
     }
     function A(g) {
-      function E(V, B, N, w, $) {
+      function E(V, B, R, x, $) {
         if (typeof g != "function")
-          return new v("Property `" + $ + "` of component `" + N + "` has invalid PropType notation inside arrayOf.");
+          return new v("Property `" + $ + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
         var L = V[B];
         if (!Array.isArray(L)) {
           var U = oe(L);
-          return new v("Invalid " + w + " `" + $ + "` of type " + ("`" + U + "` supplied to `" + N + "`, expected an array."));
+          return new v("Invalid " + x + " `" + $ + "` of type " + ("`" + U + "` supplied to `" + R + "`, expected an array."));
         }
         for (var T = 0; T < L.length; T++) {
-          var q = g(L, T, N, w, $ + "[" + T + "]", s);
+          var q = g(L, T, R, x, $ + "[" + T + "]", s);
           if (q instanceof Error)
             return q;
         }
@@ -396,43 +416,43 @@ function An() {
       return m(E);
     }
     function C() {
-      function g(E, V, B, N, w) {
+      function g(E, V, B, R, x) {
         var $ = E[V];
         if (!l($)) {
           var L = oe($);
-          return new v("Invalid " + N + " `" + w + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected a single ReactElement."));
+          return new v("Invalid " + R + " `" + x + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
       }
       return m(g);
     }
     function p() {
-      function g(E, V, B, N, w) {
+      function g(E, V, B, R, x) {
         var $ = E[V];
         if (!t.isValidElementType($)) {
           var L = oe($);
-          return new v("Invalid " + N + " `" + w + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected a single ReactElement type."));
+          return new v("Invalid " + R + " `" + x + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return m(g);
     }
-    function x(g) {
-      function E(V, B, N, w, $) {
+    function w(g) {
+      function E(V, B, R, x, $) {
         if (!(V[B] instanceof g)) {
           var L = g.name || _, U = Re(V[B]);
-          return new v("Invalid " + w + " `" + $ + "` of type " + ("`" + U + "` supplied to `" + N + "`, expected ") + ("instance of `" + L + "`."));
+          return new v("Invalid " + x + " `" + $ + "` of type " + ("`" + U + "` supplied to `" + R + "`, expected ") + ("instance of `" + L + "`."));
         }
         return null;
       }
       return m(E);
     }
-    function R(g) {
+    function N(g) {
       if (!Array.isArray(g))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "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])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), i;
-      function E(V, B, N, w, $) {
+      function E(V, B, R, x, $) {
         for (var L = V[B], U = 0; U < g.length; U++)
           if (b(L, g[U]))
             return null;
@@ -440,20 +460,20 @@ function An() {
           var Ee = ve(k);
           return Ee === "symbol" ? String(k) : k;
         });
-        return new v("Invalid " + w + " `" + $ + "` of value `" + String(L) + "` " + ("supplied to `" + N + "`, expected one of " + T + "."));
+        return new v("Invalid " + x + " `" + $ + "` of value `" + String(L) + "` " + ("supplied to `" + R + "`, expected one of " + T + "."));
       }
       return m(E);
     }
-    function X(g) {
-      function E(V, B, N, w, $) {
+    function z(g) {
+      function E(V, B, R, x, $) {
         if (typeof g != "function")
-          return new v("Property `" + $ + "` of component `" + N + "` has invalid PropType notation inside objectOf.");
+          return new v("Property `" + $ + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
         var L = V[B], U = oe(L);
         if (U !== "object")
-          return new v("Invalid " + w + " `" + $ + "` of type " + ("`" + U + "` supplied to `" + N + "`, expected an object."));
+          return new v("Invalid " + x + " `" + $ + "` of type " + ("`" + U + "` supplied to `" + R + "`, expected an object."));
         for (var T in L)
           if (n(L, T)) {
-            var q = g(L, T, N, w, $ + "." + T, s);
+            var q = g(L, T, R, x, $ + "." + T, s);
             if (q instanceof Error)
               return q;
           }
@@ -471,9 +491,9 @@ function An() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Te(V) + " at index " + E + "."
           ), i;
       }
-      function B(N, w, $, L, U) {
+      function B(R, x, $, L, U) {
         for (var T = [], q = 0; q < g.length; q++) {
-          var J = g[q], k = J(N, w, $, L, U, s);
+          var J = g[q], k = J(R, x, $, L, U, s);
           if (k == null)
             return null;
           k.data && n(k.data, "expectedType") && T.push(k.data.expectedType);
@@ -484,26 +504,26 @@ function An() {
       return m(B);
     }
     function te() {
-      function g(E, V, B, N, w) {
-        return me(E[V]) ? null : new v("Invalid " + N + " `" + w + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+      function g(E, V, B, R, x) {
+        return me(E[V]) ? null : new v("Invalid " + R + " `" + x + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
       return m(g);
     }
-    function ue(g, E, V, B, N) {
+    function ue(g, E, V, B, R) {
       return new v(
-        (g || "React class") + ": " + E + " type `" + V + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + N + "`."
+        (g || "React class") + ": " + E + " type `" + V + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
       );
     }
     function ce(g) {
-      function E(V, B, N, w, $) {
+      function E(V, B, R, x, $) {
         var L = V[B], U = oe(L);
         if (U !== "object")
-          return new v("Invalid " + w + " `" + $ + "` of type `" + U + "` " + ("supplied to `" + N + "`, expected `object`."));
+          return new v("Invalid " + x + " `" + $ + "` of type `" + U + "` " + ("supplied to `" + R + "`, expected `object`."));
         for (var T in g) {
           var q = g[T];
           if (typeof q != "function")
-            return ue(N, w, $, T, ve(q));
-          var J = q(L, T, N, w, $ + "." + T, s);
+            return ue(R, x, $, T, ve(q));
+          var J = q(L, T, R, x, $ + "." + T, s);
           if (J)
             return J;
         }
@@ -512,21 +532,21 @@ function An() {
       return m(E);
     }
     function Ae(g) {
-      function E(V, B, N, w, $) {
+      function E(V, B, R, x, $) {
         var L = V[B], U = oe(L);
         if (U !== "object")
-          return new v("Invalid " + w + " `" + $ + "` of type `" + U + "` " + ("supplied to `" + N + "`, expected `object`."));
+          return new v("Invalid " + x + " `" + $ + "` of type `" + U + "` " + ("supplied to `" + R + "`, expected `object`."));
         var T = e({}, V[B], g);
         for (var q in T) {
           var J = g[q];
           if (n(g, q) && typeof J != "function")
-            return ue(N, w, $, q, ve(J));
+            return ue(R, x, $, q, ve(J));
           if (!J)
             return new v(
-              "Invalid " + w + " `" + $ + "` key `" + q + "` supplied to `" + N + "`.\nBad object: " + JSON.stringify(V[B], null, "  ") + `
+              "Invalid " + x + " `" + $ + "` key `" + q + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(V[B], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
-          var k = J(L, q, N, w, $ + "." + q, s);
+          var k = J(L, q, R, x, $ + "." + q, s);
           if (k)
             return k;
         }
@@ -556,8 +576,8 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
                   return !1;
             } else
               for (; !(B = V.next()).done; ) {
-                var N = B.value;
-                if (N && !me(N[1]))
+                var R = B.value;
+                if (R && !me(R[1]))
                   return !1;
               }
           } else
@@ -607,7 +627,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
   }, bt;
 }
 var Et, Xt;
-function Tn() {
+function Dn() {
   if (Xt) return Et;
   Xt = 1;
   var t = Rt();
@@ -655,14 +675,14 @@ function Tn() {
   }, Et;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Fn = ss(), On = !0;
-  Tt.exports = An()(Fn.isElement, On);
+  var In = ss(), Rn = !0;
+  Tt.exports = On()(In.isElement, Rn);
 } else
-  Tt.exports = Tn()();
-var Dn = Tt.exports;
-const o = /* @__PURE__ */ En(Dn);
-var rs = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.Secondary = "secondary", t.Info = "info", t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Neutral = "neutral", t))(rs || {}), as = /* @__PURE__ */ ((t) => (t.Solid = "solid", t.Outline = "outline", t.Text = "text", t))(as || {}), is = /* @__PURE__ */ ((t) => (t.Large = "lg", t.Medium = "md", t.Small = "sm", t))(is || {}), os = /* @__PURE__ */ ((t) => (t.Right = "right", t.Left = "left", t))(os || {}), In = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(In || {});
-const Y = {
+  Tt.exports = Dn()();
+var Nn = Tt.exports;
+const o = /* @__PURE__ */ wn(Nn);
+var rs = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.Secondary = "secondary", t.Info = "info", t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Neutral = "neutral", t))(rs || {}), as = /* @__PURE__ */ ((t) => (t.Solid = "solid", t.Outline = "outline", t.Text = "text", t))(as || {}), is = /* @__PURE__ */ ((t) => (t.Large = "lg", t.Medium = "md", t.Small = "sm", t))(is || {}), os = /* @__PURE__ */ ((t) => (t.Right = "right", t.Left = "left", t))(os || {}), Bn = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(Bn || {});
+const X = {
   name: "Button",
   class: "ds-button",
   props: {
@@ -719,10 +739,6 @@ const Y = {
     fullSize: {
       type: Boolean,
       default: !1
-    },
-    trackLabel: {
-      type: String,
-      default: ""
     }
   }
 };
@@ -779,7 +795,7 @@ const pe = {
   }
 };
 var lt = /* @__PURE__ */ ((t) => (t["primary-darker"] = "primary--darker", t["primary-dark"] = "primary--dark", t["primary-light"] = "primary--light", t["primary-lighter"] = "primary--lighter", t["primary-lightest"] = "primary--lightest", t["secondary-darker"] = "secondary--darker", t["secondary-dark"] = "secondary--dark", t["secondary-light"] = "secondary--light", t["secondary-lighter"] = "secondary--lighter", t["secondary-lightest"] = "secondary--lightest", t["success-dark"] = "success--dark", t["success-light"] = "success--light", t["success-lighter"] = "success--lighter", t["warning-dark"] = "warning--dark", t["warning-light"] = "warning--light", t["warning-lighter"] = "warning--lighter", t["danger-dark"] = "danger--dark", t["danger-light"] = "danger--light", t["danger-lighter"] = "danger--lighter", t["info-dark"] = "info--dark", t["info-light"] = "info--light", t["info-lighter"] = "info--lighter", t))(lt || {});
-const Rn = {
+const $n = {
   bold: 700,
   semibold: 600,
   medium: 500,
@@ -797,7 +813,7 @@ const Rn = {
   onClick: l = pe.props.onClick.default
 }) => {
   const u = "material-symbols-rounded", d = e && pe.props.color.options.find((f) => f === e) && `color__${lt[e] ?? e}`, h = be(() => ({
-    fontVariationSettings: `'FILL' ${r ? 1 : 0}, 'GRAD' 0,'wght' ${Rn[a]}, 'opsz' 48`
+    fontVariationSettings: `'FILL' ${r ? 1 : 0}, 'GRAD' 0,'wght' ${$n[a]}, 'opsz' 48`
   }), [a, r]);
   return /* @__PURE__ */ c(
     "i",
@@ -831,25 +847,27 @@ const ut = ({
   children: t,
   className: e,
   onClick: s,
-  size: n = Y.props.size.default,
-  disabled: r = Y.props.disabled.default,
-  icon: a = Y.props.icon.default,
-  id: i = Y.props.id.default,
-  testId: l = Y.props.testId.default,
+  size: n = X.props.size.default,
+  disabled: r = X.props.disabled.default,
+  icon: a = X.props.icon.default,
+  id: i = X.props.id.default,
+  testId: l = X.props.testId.default,
   elevation: u,
-  variant: d = Y.props.variant.default,
-  color: h = Y.props.color.default,
-  iconFill: f = Y.props.iconFill.default,
-  iconPosition: _ = Y.props.iconPosition.default,
-  fullSize: y = Y.props.fullSize.default,
-  trackLabel: b
+  variant: d = X.props.variant.default,
+  color: h = X.props.color.default,
+  iconFill: f = X.props.iconFill.default,
+  iconPosition: _ = X.props.iconPosition.default,
+  fullSize: y = X.props.fullSize.default,
+  trackingData: b
 }) => {
-  const v = n && Y.props.size.options.find((R) => R === n) ? `${Y.class}--${n}` : `${Y.class}__${Y.props.size.default}`, m = r && `${Y.class}--disabled`, F = `${Y.class}__${h}--${d}`, j = u && `${Y.class}--elevation-${u}`, A = a && `${Y.class}--with-icon`, C = y ? `${Y.class}--full-size` : "", p = _ === "right" ? `${Y.class}__icon` : `${Y.class}__icon--left`, x = _ === "right" ? `${Y.class}__text` : `${Y.class}__text--reversed`;
+  const v = n && X.props.size.options.find((z) => z === n) ? `${X.class}--${n}` : `${X.class}__${X.props.size.default}`, m = r && `${X.class}--disabled`, F = `${X.class}__${h}--${d}`, j = u && `${X.class}--elevation-${u}`, A = a && `${X.class}--with-icon`, C = y ? `${X.class}--full-size` : "", p = _ === "right" ? `${X.class}__icon` : `${X.class}__icon--left`, w = _ === "right" ? `${X.class}__text` : `${X.class}__text--reversed`, N = (z) => {
+    b && Cn(b), s && s(z);
+  };
   return /* @__PURE__ */ c(
     "button",
     {
       className: [
-        Y.class,
+        X.class,
         C,
         m,
         v,
@@ -857,13 +875,12 @@ const ut = ({
         j,
         A,
         e
-      ].filter((R) => R).join(" "),
+      ].filter((z) => z).join(" "),
       "data-testid": l,
-      ...b && { "data-tracklabel": b },
       disabled: r,
       id: i,
-      onClick: r ? void 0 : s,
-      children: /* @__PURE__ */ I("span", { className: ["ds-button__text", x].join(" "), children: [
+      onClick: r ? void 0 : N,
+      children: /* @__PURE__ */ I("span", { className: ["ds-button__text", w].join(" "), children: [
         t,
         a && /* @__PURE__ */ c(
           G,
@@ -879,20 +896,20 @@ const ut = ({
   );
 };
 ut.propTypes = {
-  color: o.oneOf(Y.props.color.options),
-  variant: o.oneOf(Y.props.variant.options),
-  size: o.oneOf(Y.props.size.options),
+  color: o.oneOf(X.props.color.options),
+  variant: o.oneOf(X.props.variant.options),
+  size: o.oneOf(X.props.size.options),
   disabled: o.bool,
   icon: o.string,
   iconFill: o.bool,
-  iconPosition: o.oneOf(Y.props.iconPosition.options),
+  iconPosition: o.oneOf(X.props.iconPosition.options),
   testId: o.string,
   id: o.string,
   fullSize: o.bool,
-  trackLabel: o.string
+  trackingData: o.object
 };
 ut.displayName = "DsButton";
-const Nn = {
+const Mn = {
   name: "Caption",
   class: "ds-caption"
 }, ps = ({
@@ -902,7 +919,7 @@ const Nn = {
 }) => /* @__PURE__ */ c(
   "p",
   {
-    className: [Nn.class, e].filter((n) => n).join(" "),
+    className: [Mn.class, e].filter((n) => n).join(" "),
     "data-testid": s,
     children: t
   }
@@ -913,7 +930,7 @@ ps.propTypes = {
   testId: o.string
 };
 ps.displayName = "DsCaption";
-var Ft = /* @__PURE__ */ ((t) => (t.None = "", t.PrimaryDarker = "primary-darker", t.PrimaryDark = "primary-dark", t.Primary = "primary", t.PrimaryLight = "primary-light", t.PrimaryLighter = "primary-lighter", t.PrimaryLightest = "primary-lightest", t.SecondaryDarker = "secondary-darker", t.SecondaryDark = "secondary-dark", t.Secondary = "secondary", t.SecondaryLight = "secondary-light", t.SecondaryLighter = "secondary-lighter", t.SecondaryLightest = "secondary-lightest", t.Neutral90 = "neutral-90", t.Neutral80 = "neutral-80", t.Neutral60 = "neutral-60", t.Neutral40 = "neutral-40", t.Neutral20 = "neutral-20", t.Neutral10 = "neutral-10", t.Neutral05 = "neutral-05", t.Neutral00 = "neutral-00", t.SuccessDark = "success-dark", t.Success = "success", t.SuccessLight = "success-light", t.SuccessLighter = "success-lighter", t.WarningDark = "warning-dark", t.Warning = "warning", t.WarningLight = "warning-light", t.WarningLighter = "warning-lighter", t.DangerDark = "danger-dark", t.Danger = "danger", t.DangerLight = "danger-light", t.DangerLighter = "danger-lighter", t.InfoDark = "info-dark", t.Info = "info", t.InfoLight = "info-light", t.InfoLighter = "info-lighter", t))(Ft || {}), Bn = /* @__PURE__ */ ((t) => (t[t.Elevation = 0] = "Elevation", t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(Bn || {});
+var Ft = /* @__PURE__ */ ((t) => (t.None = "", t.PrimaryDarker = "primary-darker", t.PrimaryDark = "primary-dark", t.Primary = "primary", t.PrimaryLight = "primary-light", t.PrimaryLighter = "primary-lighter", t.PrimaryLightest = "primary-lightest", t.SecondaryDarker = "secondary-darker", t.SecondaryDark = "secondary-dark", t.Secondary = "secondary", t.SecondaryLight = "secondary-light", t.SecondaryLighter = "secondary-lighter", t.SecondaryLightest = "secondary-lightest", t.Neutral90 = "neutral-90", t.Neutral80 = "neutral-80", t.Neutral60 = "neutral-60", t.Neutral40 = "neutral-40", t.Neutral20 = "neutral-20", t.Neutral10 = "neutral-10", t.Neutral05 = "neutral-05", t.Neutral00 = "neutral-00", t.SuccessDark = "success-dark", t.Success = "success", t.SuccessLight = "success-light", t.SuccessLighter = "success-lighter", t.WarningDark = "warning-dark", t.Warning = "warning", t.WarningLight = "warning-light", t.WarningLighter = "warning-lighter", t.DangerDark = "danger-dark", t.Danger = "danger", t.DangerLight = "danger-light", t.DangerLighter = "danger-lighter", t.InfoDark = "info-dark", t.Info = "info", t.InfoLight = "info-light", t.InfoLighter = "info-lighter", t))(Ft || {}), Vn = /* @__PURE__ */ ((t) => (t[t.Elevation = 0] = "Elevation", t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(Vn || {});
 const Ne = {
   name: "Card",
   class: "ds-card",
@@ -947,10 +964,6 @@ const Ne = {
     testId: {
       type: String,
       default: "ds-card"
-    },
-    trackLabel: {
-      type: String,
-      default: ""
     }
   }
 }, hs = ({
@@ -960,22 +973,20 @@ const Ne = {
   className: n,
   elevation: r = Ne.props.elevation.default,
   backgroundColor: a = Ne.props.backgroundColor.default,
-  borderColor: i = Ne.props.borderColor.default,
-  trackLabel: l
+  borderColor: i = Ne.props.borderColor.default
 }) => {
-  const u = r && `elevation-${r}`, d = i && `border-color__${lt[i] ?? i}`, h = a && `bg-color__${lt[a] ?? a}`;
+  const l = r && `elevation-${r}`, u = i && `border-color__${lt[i] ?? i}`, d = a && `bg-color__${lt[a] ?? a}`;
   return /* @__PURE__ */ c(
     "div",
     {
       className: [
         Ne.class,
         n,
+        l,
         u,
-        d,
-        h
-      ].filter((f) => f).join(" "),
+        d
+      ].filter((h) => h).join(" "),
       "data-testid": e,
-      ...l && { "data-tracklabel": l },
       id: t,
       children: s
     }
@@ -986,8 +997,7 @@ hs.propTypes = {
   testId: o.string,
   backgroundColor: o.oneOf(Ne.props.backgroundColor.options),
   borderColor: o.oneOf(Ne.props.borderColor.options),
-  elevation: o.oneOf(Ne.props.elevation.options),
-  trackLabel: o.string
+  elevation: o.oneOf(Ne.props.elevation.options)
 };
 hs.displayName = "DsCard";
 const ie = {
@@ -1211,7 +1221,7 @@ const S = {
   RIGHT: "RIGHT",
   FORCE_RIGHT: "FORCE_RIGHT"
 };
-function $n(t) {
+function Ln(t) {
   switch (t) {
     case S.LEFT:
       return S.FORCE_LEFT;
@@ -1249,7 +1259,7 @@ function ct(t, e) {
     return e.toString() === t.toString();
   return !1;
 }
-class Mn {
+class jn {
   /** Current input value */
   /** Current cursor position */
   /** Old input value */
@@ -1377,7 +1387,7 @@ class Bt {
   /** */
 }
 D.MaskElement = Bt;
-const Zt = 90, Vn = 89;
+const Zt = 90, Pn = 89;
 class ht extends Bt {
   /** HTMLElement to use mask on */
   constructor(e) {
@@ -1396,7 +1406,7 @@ class ht extends Bt {
     this.input.addEventListener("keydown", this._onKeydown), this.input.addEventListener("input", this._onInput), this.input.addEventListener("beforeinput", this._onBeforeinput), this.input.addEventListener("compositionend", this._onCompositionEnd), this.input.addEventListener("drop", e.drop), this.input.addEventListener("click", e.click), this.input.addEventListener("focus", e.focus), this.input.addEventListener("blur", e.commit), this._handlers = e;
   }
   _onKeydown(e) {
-    if (this._handlers.redo && (e.keyCode === Zt && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === Vn && e.ctrlKey))
+    if (this._handlers.redo && (e.keyCode === Zt && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === Pn && e.ctrlKey))
       return e.preventDefault(), this._handlers.redo(e);
     if (this._handlers.undo && e.keyCode === Zt && (e.metaKey || e.ctrlKey))
       return e.preventDefault(), this._handlers.undo(e);
@@ -1420,7 +1430,7 @@ class ht extends Bt {
   }
 }
 D.HTMLMaskElement = ht;
-class Ln extends ht {
+class qn extends ht {
   /** InputElement to use mask on */
   constructor(e) {
     super(e), this.input = e;
@@ -1500,13 +1510,13 @@ class ft {
   }
 }
 ft.MAX_LENGTH = 100;
-class jn {
+class Un {
   /**
     View element
   */
   /** Internal {@link Masked} model */
   constructor(e, s) {
-    this.el = e instanceof Bt ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new bs(e) : new Ln(e), this.masked = De(s), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new ft(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
+    this.el = e instanceof Bt ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new bs(e) : new qn(e), this.masked = De(s), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new ft(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
   }
   maskEquals(e) {
     var s;
@@ -1665,7 +1675,7 @@ class jn {
   /** Handles view input event */
   _onInput(e) {
     this._inputEvent = e, this._abortUpdateCursor();
-    const s = new Mn({
+    const s = new jn({
       // new state
       value: this.el.value,
       cursorPos: this.cursorPos,
@@ -1709,7 +1719,7 @@ class jn {
     this._unbindEvents(), this._listeners.length = 0, delete this.el;
   }
 }
-D.InputMask = jn;
+D.InputMask = Un;
 class M {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
@@ -1742,7 +1752,7 @@ class M {
   }
 }
 D.ChangeDetails = M;
-class we {
+class xe {
   /** Tail value as string */
   /** Tail start position */
   /** Start position */
@@ -1882,11 +1892,11 @@ class re {
   }
   /** Extracts tail in range */
   extractTail(e, s) {
-    return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new we(this.extractInput(e, s), e);
+    return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new xe(this.extractInput(e, s), e);
   }
   /** Appends tail */
   appendTail(e) {
-    return $e(e) && (e = new we(String(e))), e.appendTo(this);
+    return $e(e) && (e = new xe(String(e))), e.appendTo(this);
   }
   /** Appends char */
   _appendCharRaw(e, s) {
@@ -1940,7 +1950,7 @@ class re {
   /** Appends symbols considering flags */
   append(e, s, n) {
     if (!$e(e)) throw new Error("value should be string");
-    const r = $e(n) ? new we(String(n)) : n;
+    const r = $e(n) ? new xe(String(n)) : n;
     s != null && s.tail && (s._beforeTailState = this.state);
     let a;
     [e, a] = this.doPrepare(e, s);
@@ -1992,7 +2002,7 @@ class re {
     });
     const i = e + s, l = this.extractTail(i), u = this.eager === !0 || this.eager === "remove";
     let d;
-    u && (r = $n(r), d = this.extractInput(0, i, {
+    u && (r = Ln(r), d = this.extractInput(0, i, {
       raw: !0
     }));
     let h = e;
@@ -2036,11 +2046,11 @@ class qe {
   }
   extend(e) {
     if (!String(e)) return;
-    e = $e(e) ? new we(String(e)) : e;
+    e = $e(e) ? new xe(String(e)) : e;
     const s = this.chunks[this.chunks.length - 1], n = s && // if stops are same or tail has no stop
     (s.stop === e.stop || e.stop == null) && // if tail chunk goes just after last chunk
     e.from === s.from + s.toString().length;
-    if (e instanceof we)
+    if (e instanceof xe)
       n ? s.extend(e.toString()) : this.chunks.push(e);
     else if (e instanceof qe) {
       if (e.stop == null) {
@@ -2053,7 +2063,7 @@ class qe {
   }
   appendTo(e) {
     if (!(e instanceof D.MaskedPattern))
-      return new we(this.toString()).appendTo(e);
+      return new xe(this.toString()).appendTo(e);
     const s = new M();
     for (let n = 0; n < this.chunks.length; ++n) {
       const r = this.chunks[n], a = e._mapPosToBlock(e.displayValue.length), i = r.stop;
@@ -2088,7 +2098,7 @@ class qe {
       ...n
     } = e;
     Object.assign(this, n), this.chunks = s.map((r) => {
-      const a = "chunks" in r ? new qe() : new we();
+      const a = "chunks" in r ? new qe() : new xe();
       return a.state = r, a;
     });
   }
@@ -2122,7 +2132,7 @@ class qe {
     return "";
   }
 }
-class Pn {
+class zn {
   constructor(e, s) {
     this.masked = e, this._log = [];
     const {
@@ -2290,10 +2300,10 @@ class Es {
     return this.isFilled || (this._value = e.inserted = this.char), e;
   }
   extractTail() {
-    return new we("");
+    return new xe("");
   }
   appendTail(e) {
-    return $e(e) && (e = new we(String(e))), e.appendTo(this);
+    return $e(e) && (e = new xe(String(e))), e.appendTo(this);
   }
   append(e, s, n) {
     const r = this._appendChar(e[0], s);
@@ -2441,7 +2451,7 @@ dt.DEFAULT_DEFINITIONS = {
   // http://stackoverflow.com/a/22075070
   "*": /./
 };
-class qn extends re {
+class Hn extends re {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -2455,7 +2465,7 @@ class qn extends re {
     s && (e.validate = (n) => n.search(s) >= 0), super._update(e);
   }
 }
-D.MaskedRegExp = qn;
+D.MaskedRegExp = Hn;
 class ae extends re {
   /** */
   /** */
@@ -2718,7 +2728,7 @@ class ae extends re {
   }
   nearestInputPos(e, s) {
     if (s === void 0 && (s = S.NONE), !this._blocks.length) return 0;
-    const n = new Pn(this, e);
+    const n = new zn(this, e);
     if (s === S.NONE)
       return n.pushRightBeforeInput() || (n.popState(), n.pushLeftBeforeInput()) ? n.pos : this.displayValue.length;
     if (s === S.LEFT || s === S.FORCE_LEFT) {
@@ -2833,7 +2843,7 @@ class it extends ae {
   }
 }
 D.MaskedRange = it;
-const Un = "d{.}`m{.}`Y";
+const Wn = "d{.}`m{.}`Y";
 class Oe extends ae {
   static extractPatternOptions(e) {
     const {
@@ -2926,7 +2936,7 @@ Oe.GET_DEFAULT_BLOCKS = () => ({
 Oe.DEFAULTS = {
   ...ae.DEFAULTS,
   mask: Date,
-  pattern: Un,
+  pattern: Wn,
   format: (t, e) => {
     if (!t) return "";
     const s = String(t.getDate()).padStart(2, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), r = t.getFullYear();
@@ -3189,7 +3199,7 @@ class mt extends ae {
     });
   }
   extractTail(e, s) {
-    return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new we("", e);
+    return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new xe("", e);
   }
   remove(e, s) {
     if (e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), e === s) return new M();
@@ -3209,7 +3219,7 @@ mt.DEFAULTS = {
   matchValue: (t, e, s) => t.indexOf(e, s) === s
 };
 D.MaskedEnum = mt;
-class zn extends re {
+class Yn extends re {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -3225,7 +3235,7 @@ class zn extends re {
     });
   }
 }
-D.MaskedFunction = zn;
+D.MaskedFunction = Yn;
 var Ss;
 class he extends re {
   /** Single char */
@@ -3441,13 +3451,13 @@ function Cs(t, e, s) {
   const n = De(t);
   return (r) => n.runIsolated((a) => (a[e] = r, a[s]));
 }
-function Hn(t, e, s, n) {
+function Xn(t, e, s, n) {
   return Cs(e, s, n)(t);
 }
 D.PIPE_TYPE = Ot;
 D.createPipe = Cs;
-D.pipe = Hn;
-class Wn extends ae {
+D.pipe = Xn;
+class Kn 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;
@@ -3540,12 +3550,12 @@ class Wn extends ae {
     this._blocks.length = e._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = e;
   }
 }
-D.RepeatBlock = Wn;
+D.RepeatBlock = Kn;
 try {
   globalThis.IMask = D;
 } catch {
 }
-const xs = {
+const ws = {
   // common
   mask: o.oneOfType([o.array, o.func, o.string, o.instanceOf(RegExp), o.oneOf([Date, Number, D.Masked]), o.instanceOf(D.Masked)]),
   value: o.any,
@@ -3592,8 +3602,8 @@ const xs = {
   inputRef: o.oneOfType([o.func, o.shape({
     current: o.object
   })])
-}, ws = Object.keys(xs).filter((t) => t !== "value"), Yn = ["value", "unmask", "onAccept", "onComplete", "inputRef"], Xn = ws.filter((t) => Yn.indexOf(t) < 0);
-function Kn(t) {
+}, xs = Object.keys(ws).filter((t) => t !== "value"), Gn = ["value", "unmask", "onAccept", "onComplete", "inputRef"], Zn = xs.filter((t) => Gn.indexOf(t) < 0);
+function Qn(t) {
   var e;
   const s = (e = class extends ke.Component {
     constructor(a) {
@@ -3627,7 +3637,7 @@ function Kn(t) {
       const {
         ...i
       } = a;
-      return Object.keys(i).filter((l) => Xn.indexOf(l) < 0).forEach((l) => {
+      return Object.keys(i).filter((l) => Zn.indexOf(l) < 0).forEach((l) => {
         delete i[l];
       }), i;
     }
@@ -3635,7 +3645,7 @@ function Kn(t) {
       const {
         ...i
       } = a;
-      return ws.forEach((l) => {
+      return xs.forEach((l) => {
         l !== "maxLength" && delete i[l];
       }), "defaultValue" in i || (i.defaultValue = a.mask ? "" : i.value), delete i.value, i;
     }
@@ -3658,12 +3668,12 @@ function Kn(t) {
       });
     }
   }, e.displayName = void 0, e.propTypes = void 0, e), n = t.displayName || t.name || "Component";
-  return s.displayName = "IMask(" + n + ")", s.propTypes = xs, ke.forwardRef((r, a) => ke.createElement(s, {
+  return s.displayName = "IMask(" + n + ")", s.propTypes = ws, ke.forwardRef((r, a) => ke.createElement(s, {
     ...r,
     ref: a
   }));
 }
-const Gn = Kn((t) => {
+const Jn = Qn((t) => {
   let {
     inputRef: e,
     ...s
@@ -3672,12 +3682,12 @@ const Gn = Kn((t) => {
     ...s,
     ref: e
   });
-}), Zn = (t, e) => ke.createElement(Gn, {
+}), er = (t, e) => ke.createElement(Jn, {
   ...t,
   ref: e
 });
-ke.forwardRef(Zn);
-function Qn(t, e) {
+ke.forwardRef(er);
+function tr(t, e) {
   let {
     onAccept: s,
     onComplete: n,
@@ -3686,43 +3696,43 @@ function Qn(t, e) {
     defaultUnmaskedValue: i,
     defaultTypedValue: l
   } = e === void 0 ? {} : e;
-  const u = Qe(null), [d, h] = P({}), [f, _] = P(""), [y, b] = P(""), [v, m] = P(), F = xe(() => {
+  const u = Qe(null), [d, h] = P({}), [f, _] = P(""), [y, b] = P(""), [v, m] = P(), F = we(() => {
     var p;
     (p = u.current) == null || p.destroy(), u.current = null;
-  }, []), j = xe(() => {
+  }, []), j = we(() => {
     const p = u.current;
     p && (h({
       value: p.value,
       unmaskedValue: p.unmaskedValue,
       typedValue: p.typedValue
     }), m(p.typedValue), b(p.unmaskedValue), _(p.value));
-  }, []), A = xe((p) => {
-    const x = u.current;
-    x && (j(), s == null || s(x.value, x, p));
-  }, [s]), C = xe((p) => u.current && (n == null ? void 0 : n(u.current.value, u.current, p)), [n]);
+  }, []), A = we((p) => {
+    const w = u.current;
+    w && (j(), s == null || s(w.value, w, p));
+  }, [s]), C = we((p) => u.current && (n == null ? void 0 : n(u.current.value, u.current, p)), [n]);
   return Q(() => {
     const {
       value: p,
-      ...x
-    } = d, R = u.current;
-    !R || f === void 0 || (p !== f && (R.value = f, R.value !== f && A()), h(x));
+      ...w
+    } = d, N = u.current;
+    !N || f === void 0 || (p !== f && (N.value = f, N.value !== f && A()), h(w));
   }, [f]), Q(() => {
     const {
       unmaskedValue: p,
-      ...x
-    } = d, R = u.current;
-    !R || y === void 0 || (p !== y && (R.unmaskedValue = y, R.unmaskedValue !== y && A()), h(x));
+      ...w
+    } = d, N = u.current;
+    !N || y === void 0 || (p !== y && (N.unmaskedValue = y, N.unmaskedValue !== y && A()), h(w));
   }, [y]), Q(() => {
     const {
       typedValue: p,
-      ...x
-    } = d, R = u.current;
-    !R || v === void 0 || (p !== v && (R.typedValue = v, R.masked.typedValueEquals(v) || A()), h(x));
+      ...w
+    } = d, N = u.current;
+    !N || v === void 0 || (p !== v && (N.typedValue = v, N.masked.typedValueEquals(v) || A()), h(w));
   }, [v]), Q(() => {
     const p = r.current;
     if (!p || !(t != null && t.mask)) return F();
-    const x = u.current;
-    x ? x == null || x.updateOptions(t) : p && t != null && t.mask && (u.current = D(p, t), j(), a !== void 0 && _(a), i !== void 0 && b(i), l !== void 0 && m(l));
+    const w = u.current;
+    w ? w == null || w.updateOptions(t) : p && t != null && t.mask && (u.current = D(p, t), j(), a !== void 0 && _(a), i !== void 0 && b(i), l !== void 0 && m(l));
   }, [t, F, A]), Q(() => {
     if (!u.current) return;
     const p = u.current;
@@ -4035,9 +4045,9 @@ const et = ke.forwardRef(
     className: A,
     mask: C,
     onChangeHandler: p = K.props.onChangeHandler.default,
-    onBlurHandler: x,
-    onKeyDownHandler: R,
-    onFocusHandler: X
+    onBlurHandler: w,
+    onKeyDownHandler: N,
+    onFocusHandler: z
   }, O) => {
     const [te, ue] = P(!1), [ce, Ae] = P(!1), me = !!p && !!C, Ve = (T, q, J) => {
       if (me && J) {
@@ -4058,7 +4068,7 @@ const et = ke.forwardRef(
       min: u,
       max: d,
       lazy: !0
-    } : { mask: C ?? "", min: u, max: d, lazy: !0 }, [C]), { ref: ve, setUnmaskedValue: Te } = Qn(
+    } : { mask: C ?? "", min: u, max: d, lazy: !0 }, [C]), { ref: ve, setUnmaskedValue: Te } = tr(
       oe,
       {
         onAccept: Ve
@@ -4066,14 +4076,14 @@ const et = ke.forwardRef(
     ), Re = (T) => {
       p && !me && p(T);
     }, g = (T) => {
-      R && R(T);
+      N && N(T);
     }, E = (T) => {
-      ue(!1), x && x(T);
+      ue(!1), w && w(T);
     }, V = (T) => {
-      ue(!0), X && X(T);
+      ue(!0), z && z(T);
     }, B = () => {
       Ae((T) => !T);
-    }, N = be(() => ce && s === "password" ? "text" : s, [ce, s]), w = () => {
+    }, R = be(() => ce && s === "password" ? "text" : s, [ce, s]), x = () => {
       const T = [`${K.class}`];
       return r && T.push(`${K.class}--${r}`), n && T.push(`${K.class}--animated`), F && T.push(`${K.class}--no-margin`), y && T.push(`${K.class}--with-icon`), b && T.push(`${K.class}--${b}`), A && T.push(A), T.join(" ");
     }, $ = be(() => {
@@ -4082,7 +4092,7 @@ const et = ke.forwardRef(
     }, [l, te]), L = () => !n && i ? i : "", U = () => b && b === "error" ? "info" : "check_circle";
     return Q(() => {
       C && Te(l ?? "");
-    }, [l, C, Te]), /* @__PURE__ */ I("div", { className: w(), ref: O, children: [
+    }, [l, C, Te]), /* @__PURE__ */ I("div", { className: x(), ref: O, children: [
       m && /* @__PURE__ */ c("div", { className: "ds-input__feedback", children: v && /* @__PURE__ */ I(pt, { children: [
         /* @__PURE__ */ c(G, { image: U() }),
         v
@@ -4104,7 +4114,7 @@ const et = ke.forwardRef(
           onKeyDown: g,
           placeholder: L(),
           ref: ve,
-          type: N,
+          type: R,
           ...!C && { value: l ?? "" }
         }
       ),
@@ -4698,20 +4708,20 @@ const Z = {
     feedback: F,
     ...j
   }, A) => {
-    const [C, p] = P(!1), x = (O) => {
+    const [C, p] = P(!1), w = (O) => {
       p(!1), h && h(O, O.target.value), f && f(O, O.target.value);
-    }, R = () => {
+    }, N = () => {
       const O = [Z.class, "select-placeholder"];
       return O.push(`${Z.class}--${_}`), y && O.push(`${Z.class}--${y}`), C && O.push(`${Z.class}--active`), s && O.push(`${Z.class}--disabled`), e && O.push(e), O.join(" ");
-    }, X = be(() => {
+    }, z = be(() => {
       const O = [`${Z.class}__label`];
       return !n && O.push(`${Z.class}__label--not-animated`), u && O.push(`${Z.class}__label--has-value`), n && !u && !b && O.push(`${Z.class}__label--hidden`), O.join(" ");
     }, [u]);
-    return /* @__PURE__ */ I("div", { className: R(), "data-testid": "ds-select-component", children: [
+    return /* @__PURE__ */ I("div", { className: N(), "data-testid": "ds-select-component", children: [
       t && /* @__PURE__ */ I(
         "label",
         {
-          className: X,
+          className: z,
           "data-testid": "ds-label-id",
           htmlFor: i,
           children: [
@@ -4744,7 +4754,7 @@ const Z = {
           multiple: r,
           name: i,
           onBlur: () => p(!1),
-          onChange: (O) => x(O),
+          onChange: (O) => w(O),
           onFocus: () => p(!0),
           ref: A,
           value: u ?? "",
@@ -4809,7 +4819,7 @@ Ks.propTypes = {
 };
 Ks.displayName = "DsSelect";
 var Gs = /* @__PURE__ */ ((t) => (t.Large = "large", t.Small = "small", t))(Gs || {});
-const xt = {
+const wt = {
   name: "Subtitle",
   class: "ds-subtitle",
   props: {
@@ -4819,23 +4829,23 @@ const xt = {
       options: Object.values(Gs)
     }
   }
-}, Jn = ({
+}, sr = ({
   children: t,
   className: e,
   testId: s = "ds-subtitle-test",
   type: n
 }) => {
-  const r = xt.props.type.options.find((a) => a === n) && `${xt.class}--${n}`;
+  const r = wt.props.type.options.find((a) => a === n) && `${wt.class}--${n}`;
   return /* @__PURE__ */ c(
     "p",
     {
-      className: [xt.class, r, e].filter((a) => a).join(" "),
+      className: [wt.class, r, e].filter((a) => a).join(" "),
       "data-testid": s,
       children: t
     }
   );
 };
-Jn.displayName = "DsSubtitle";
+sr.displayName = "DsSubtitle";
 var Zs = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(Zs || {}), Qs = /* @__PURE__ */ ((t) => (t.Text = "text", t))(Qs || {}), Js = /* @__PURE__ */ ((t) => (t.None = "", t.Error = "error", t.Success = "success", t))(Js || {}), en = /* @__PURE__ */ ((t) => (t.None = "none", t.Both = "both", t.Horizontal = "horizontal", t.Vertical = "vertical", t.Block = "block", t.Inline = "inline", t))(en || {});
 const se = {
   name: "TextArea",
@@ -4947,34 +4957,34 @@ const se = {
     onKeyDownHandler: A,
     onFocusHandler: C,
     rows: p = se.props.rows.default,
-    cols: x,
-    description: R,
-    style: X
+    cols: w,
+    description: N,
+    style: z
   }, O) => {
     const [te, ue] = P(!1), [ce, Ae] = P(0), [me, Ve] = P(crypto.randomUUID());
     Q(() => {
       i == null && Ve(crypto.randomUUID());
     }, [i]);
-    const oe = (w) => {
-      Ae(w.target.value.length), F && F(w);
-    }, ve = (w) => {
-      A && A(w);
-    }, Te = (w) => {
-      ue(!1), j && j(w);
-    }, Re = (w) => {
-      ue(!0), C && C(w);
+    const oe = (x) => {
+      Ae(x.target.value.length), F && F(x);
+    }, ve = (x) => {
+      A && A(x);
+    }, Te = (x) => {
+      ue(!1), j && j(x);
+    }, Re = (x) => {
+      ue(!0), C && C(x);
     }, g = () => {
-      const w = [`${se.class}`];
-      return n && w.push(`${se.class}--${n}`), s && w.push(`${se.class}--animated`), d && w.push(`${se.class}--with-icon`), f && w.push(`${se.class}--${f}`), v && w.push(v), w.join(" ");
+      const x = [`${se.class}`];
+      return n && x.push(`${se.class}--${n}`), s && x.push(`${se.class}--animated`), d && x.push(`${se.class}--with-icon`), f && x.push(`${se.class}--${f}`), v && x.push(v), x.join(" ");
     }, E = be(() => {
-      const w = [`${se.class}__label`];
-      return (te || i) && w.push(`${se.class}__label--active`), w.join(" ");
-    }, [i, te]), V = () => !s && a ? a : "", B = () => f && f === "error" ? "info" : "check_circle", N = {
+      const x = [`${se.class}__label`];
+      return (te || i) && x.push(`${se.class}__label--active`), x.join(" ");
+    }, [i, te]), V = () => !s && a ? a : "", B = () => f && f === "error" ? "info" : "check_circle", R = {
       resize: m,
-      ...X ?? {}
+      ...z ?? {}
     };
     return /* @__PURE__ */ I("div", { className: g(), children: [
-      R && /* @__PURE__ */ c("span", { className: "ds-textarea__description", children: R }),
+      N && /* @__PURE__ */ c("span", { className: "ds-textarea__description", children: N }),
       _ && /* @__PURE__ */ I("div", { className: "ds-textarea__feedback", children: [
         /* @__PURE__ */ c(G, { image: B() }),
         _
@@ -4983,7 +4993,7 @@ const se = {
         "textarea",
         {
           className: "ds-textarea__textarea",
-          cols: x,
+          cols: w,
           "data-testid": e,
           defaultValue: i ?? "",
           disabled: y,
@@ -4999,7 +5009,7 @@ const se = {
           ref: O,
           required: b,
           rows: p,
-          style: N
+          style: R
         }
       ),
       /* @__PURE__ */ c("label", { className: E, htmlFor: t, children: r }),
@@ -5136,7 +5146,7 @@ function es() {
     height: e
   };
 }
-function er() {
+function nr() {
   const [t, e] = P(
     es()
   );
@@ -5162,7 +5172,7 @@ const nn = ({
     (A) => A === a
   ) ? `${ee.class}--h-${a}` : null, _ = i && ee.props.verticalAlign.options.find(
     (A) => A === i
-  ) ? `${ee.class}--v-${i}` : null, { width: y } = er(), [b, v] = P("auto");
+  ) ? `${ee.class}--v-${i}` : null, { width: y } = nr(), [b, v] = P("auto");
   Q(() => {
     y <= 768 ? v("6") : v("12");
   }, [y]);
@@ -5205,7 +5215,7 @@ nn.propTypes = {
   verticalAlign: o.oneOf(ee.props.verticalAlign.options)
 };
 nn.displayName = "DsGridLayout";
-const ts = () => typeof window < "u" && window.innerWidth ? window.innerWidth : 0, tr = ({ children: t, grid: e }) => {
+const ts = () => typeof window < "u" && window.innerWidth ? window.innerWidth : 0, rr = ({ children: t, grid: e }) => {
   const { row: s, col: n, mobileRow: r, mobileCol: a } = e, [i, l] = P(ts());
   Q(() => {
     const d = () => {
@@ -5223,8 +5233,8 @@ const ts = () => typeof window < "u" && window.innerWidth ? window.innerWidth :
   }, [i, s, n, r, a]);
   return /* @__PURE__ */ c("div", { style: u, children: t });
 };
-tr.displayName = "DsGridElement";
-const gr = {
+rr.displayName = "DsGridElement";
+const _r = {
   name: "Grid-Element",
   class: "ds-grid-element",
   props: {
@@ -5293,7 +5303,7 @@ const _e = {
   );
 };
 Ze.displayName = "DsWrapper";
-const wt = {
+const xt = {
   name: "Accordion",
   class: "ds-accordion",
   props: {
@@ -5377,8 +5387,8 @@ Vt.propTypes = {
 };
 Vt.displayName = "DsAccordionItem";
 const rn = ({
-  items: t = wt.props.items.default,
-  activeItem: e = wt.props.activeItem.default,
+  items: t = xt.props.items.default,
+  activeItem: e = xt.props.activeItem.default,
   onClick: s
 }) => {
   const [n, r] = P(-1);
@@ -5394,7 +5404,7 @@ const rn = ({
       return s && s(-1), r(-1);
     r(i), s && s(i);
   };
-  return /* @__PURE__ */ c("ul", { className: wt.class, children: t.map((i, l) => /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("ul", { className: xt.class, children: t.map((i, l) => /* @__PURE__ */ c(
     Vt,
     {
       active: n === l,
@@ -5413,7 +5423,7 @@ rn.propTypes = {
   activeItem: o.number
 };
 rn.displayName = "DsAccordion";
-const sr = ({
+const ar = ({
   title: t,
   activeTags: e,
   handleTagClose: s
@@ -5458,8 +5468,8 @@ const sr = ({
     `ds-tooltip-key-${n.id}-${n.text}`
   )) })
 ] }) });
-sr.displayName = "DsActiveTags";
-const mr = {
+ar.displayName = "DsActiveTags";
+const yr = {
   name: "ActiveTags",
   class: "ds-active-tags",
   props: {
@@ -5481,7 +5491,7 @@ const mr = {
   name: "Carousel",
   class: "ds-carousel",
   props: {}
-}, nr = ({
+}, ir = ({
   slides: t,
   interval: e = 3e3,
   imageHeight: s = 100,
@@ -5548,7 +5558,7 @@ const mr = {
     }
   );
 };
-nr.propTypes = {
+ir.propTypes = {
   slides: o.arrayOf(
     o.shape({
       title: o.string.isRequired,
@@ -5564,7 +5574,7 @@ nr.propTypes = {
   imageMaxWidth: o.oneOfType([o.number, o.string])
 };
 var an = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(an || {});
-const W = {
+const Y = {
   name: "EditableSelect",
   class: "ds-editable-select",
   props: {
@@ -5641,58 +5651,58 @@ const W = {
       }
     }
   }
-}, rr = ({
-  label: t = W.props.label.default,
-  name: e = W.props.name.default,
-  testId: s = W.props.testId.default,
-  value: n = W.props.value.default,
-  options: r = W.props.options.default,
-  size: a = W.props.size.default,
-  onChangeHandler: i = 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: y = W.props.onFocusHandler.default,
-  animated: b = W.props.animated.default,
-  placeholder: v = W.props.placeholder.default,
+}, or = ({
+  label: t = Y.props.label.default,
+  name: e = Y.props.name.default,
+  testId: s = Y.props.testId.default,
+  value: n = Y.props.value.default,
+  options: r = Y.props.options.default,
+  size: a = Y.props.size.default,
+  onChangeHandler: i = Y.props.onChangeHandler.default,
+  onSelectHandler: l = Y.props.onSelectHandler.default,
+  icon: u = Y.props.icon.default,
+  noOptionsMessage: d = Y.props.noOptionsMessage.default,
+  disabled: h = Y.props.disabled.default,
+  status: f = Y.props.status.default,
+  onBlurHandler: _ = Y.props.onBlurHandler.default,
+  onFocusHandler: y = Y.props.onFocusHandler.default,
+  animated: b = Y.props.animated.default,
+  placeholder: v = Y.props.placeholder.default,
   loading: m
 }) => {
   const [F, j] = P(!1), [A, C] = P(n), p = (O) => {
     i(O), (m == null && O.currentTarget.value.length || !m && O.currentTarget.value.length > 2) && j(!0);
-  }, x = (O) => {
+  }, w = (O) => {
     l(O), _(), C(crypto.randomUUID().toString()), j(!1);
-  }, R = (O) => {
-    h || x(O);
+  }, N = (O) => {
+    h || w(O);
   };
   Q(() => {
     n.length === 0 && j(!1);
   }, [n]);
-  const X = () => r.length > 0 ? r.map((O, te) => /* @__PURE__ */ c(
+  const z = () => r.length > 0 ? r.map((O, te) => /* @__PURE__ */ c(
     "button",
     {
-      className: `${W.class}__option  ${W.class}__option--${a}`,
+      className: `${Y.class}__option  ${Y.class}__option--${a}`,
       "data-testid": `ds-option-${O.id ?? O.label}`,
-      onClick: () => R(O),
+      onClick: () => N(O),
       children: O.label
     },
     te
   )) : /* @__PURE__ */ c(
     "div",
     {
-      className: `${W.class}__option ${W.class}__option--not-found--${a}`,
+      className: `${Y.class}__option ${Y.class}__option--not-found--${a}`,
       children: d
     },
     "no_option"
   );
-  return /* @__PURE__ */ I("div", { className: `${W.class}__container`, children: [
+  return /* @__PURE__ */ I("div", { className: `${Y.class}__container`, children: [
     /* @__PURE__ */ c(
       et,
       {
         animated: b,
-        className: `${W.class}__input`,
+        className: `${Y.class}__input`,
         disabled: h,
         label: t,
         name: e,
@@ -5710,28 +5720,28 @@ const W = {
     (u || m) && (m ? /* @__PURE__ */ c(
       "div",
       {
-        className: `${W.class}__loading ${W.class}__loading--${a}`,
+        className: `${Y.class}__loading ${Y.class}__loading--${a}`,
         style: { width: "18px" },
         children: /* @__PURE__ */ c($t, { fullscreen: !1 })
       }
     ) : u && /* @__PURE__ */ c(
       G,
       {
-        className: `${W.class}__icon ${W.class}__icon--${a}`,
+        className: `${Y.class}__icon ${Y.class}__icon--${a}`,
         image: u
       }
     )),
     F && /* @__PURE__ */ c(
       "div",
       {
-        className: `${W.class}__list ${W.class}__list--${a}`,
+        className: `${Y.class}__list ${Y.class}__list--${a}`,
         "data-testid": "ds-list",
-        children: X()
+        children: z()
       }
     )
   ] });
 };
-rr.displayName = "DsEditableSelect";
+or.displayName = "DsEditableSelect";
 const Ye = {
   name: "DsIndicator",
   class: "ds-indicator",
@@ -5745,7 +5755,7 @@ const Ye = {
       required: !0
     }
   }
-}, vr = ({
+}, kr = ({
   length: t,
   current: e = Ye.props.current.default
 }) => {
@@ -5766,7 +5776,7 @@ const Ye = {
       )
     );
   return /* @__PURE__ */ c("div", { className: Ye.class, children: a });
-}, ar = {
+}, lr = {
   name: "DsInlineEditable",
   class: "ds-inline-editable",
   props: {
@@ -5825,7 +5835,7 @@ const Ye = {
     var m;
     await d(!0), (m = l.current) == null || m.focus();
   };
-  return /* @__PURE__ */ c("div", { className: ar.class, children: u ? /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("div", { className: lr.class, children: u ? /* @__PURE__ */ c(
     "input",
     {
       className: "ds-input__input",
@@ -5860,7 +5870,7 @@ on.propTypes = {
   value: o.string
 };
 on.displayName = "DsInlineEditable";
-var ir = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(ir || {}), ln = /* @__PURE__ */ ((t) => (t.Squared = "squared", t.Rounded = "rounded", t))(ln || {});
+var ur = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(ur || {}), ln = /* @__PURE__ */ ((t) => (t.Squared = "squared", t.Rounded = "rounded", t))(ln || {});
 const fe = {
   name: "Modal",
   class: "ds-modal",
@@ -5907,7 +5917,7 @@ const fe = {
   onConfirm: h,
   ...f
 }) => {
-  const _ = a && fe.props.variant.options.find((m) => m === a) ? `${fe.class}--${a}` : `${fe.class}--${fe.props.variant.default}`, y = i && `${fe.class}--elevation-${i}`, b = h || d, v = xe(
+  const _ = a && fe.props.variant.options.find((m) => m === a) ? `${fe.class}--${a}` : `${fe.class}--${fe.props.variant.default}`, y = i && `${fe.class}--elevation-${i}`, b = h || d, v = we(
     (m) => {
       m.keyCode === 27 && u();
     },
@@ -6050,20 +6060,20 @@ const hn = ({
     s && `${le.class}--${s}`,
     d && `${le.class}--elevation-${d}`,
     t
-  ].join(" "), C = () => b((X) => (X === 0 && j(!1), X - 100));
+  ].join(" "), C = () => b((z) => (z === 0 && j(!1), z - 100));
   Q(() => {
     !i && !u && j(!0);
-    let X;
-    return !v && i && (X = setInterval(C, 100)), () => {
-      clearInterval(X);
+    let z;
+    return !v && i && (z = setInterval(C, 100)), () => {
+      clearInterval(z);
     };
   }, [v, i, l, F, u]);
   const p = () => {
     m(!0);
-  }, x = () => {
+  }, w = () => {
     m(!1);
-  }, R = (X) => {
-    j(!1), f && f(X);
+  }, N = (z) => {
+    j(!1), f && f(z);
   };
   return F ? /* @__PURE__ */ I(
     "div",
@@ -6072,7 +6082,7 @@ const hn = ({
       "data-testid": _,
       id: n,
       onMouseEnter: p,
-      onMouseLeave: x,
+      onMouseLeave: w,
       children: [
         /* @__PURE__ */ c(Ze, { bottom: "nano", top: "nano", children: /* @__PURE__ */ I(Me, { alignItems: "center", flexWrap: "nowrap", gap: "xxxs", children: [
           /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(
@@ -6089,7 +6099,7 @@ const hn = ({
             {
               className: `${le.class}__button`,
               "data-testid": `${_}-close`,
-              onClick: (X) => R(X),
+              onClick: (z) => N(z),
               children: /* @__PURE__ */ c(Ze, { children: /* @__PURE__ */ c(G, { image: "close" }) })
             }
           ) : /* @__PURE__ */ c(ge, { horizontal: "quark" }) })
@@ -6163,66 +6173,66 @@ const At = {
     score: 0,
     color: "danger",
     label: "Fraco"
-  }), [_, y] = P(!1), b = xe(
+  }), [_, y] = P(!1), b = we(
     (p) => {
-      const x = e.map(
-        (R) => R == null ? void 0 : R.rule(p)
+      const w = e.map(
+        (N) => N == null ? void 0 : N.rule(p)
       );
-      return d(x), x;
+      return d(w), w;
     },
     [e]
-  ), v = xe(
+  ), v = we(
     (p) => {
       a(p.currentTarget.value);
-      const x = b(p.currentTarget.value), R = A(x);
+      const w = b(p.currentTarget.value), N = A(w);
       t({
         password: p.currentTarget.value,
         confirmationPassword: i,
         isEqual: i === p.currentTarget.value,
-        feedback: R
+        feedback: N
       });
     },
     [i, t, b]
-  ), m = xe(
+  ), m = we(
     (p) => {
       l(p.currentTarget.value);
-      const x = b(r), R = A(x);
+      const w = b(r), N = A(w);
       t({
         password: r,
         confirmationPassword: p.currentTarget.value,
         isEqual: r === p.currentTarget.value,
-        feedback: R
+        feedback: N
       });
     },
     [r, t, b]
-  ), F = be(() => r !== i && _ ? { status: "error", feedback: "As senhas são diferentes" } : { status: "", feedback: "" }, [r, i, _]), j = xe(
+  ), F = be(() => r !== i && _ ? { status: "error", feedback: "As senhas são diferentes" } : { status: "", feedback: "" }, [r, i, _]), j = we(
     (p) => {
-      const x = {
+      const w = {
         score: p,
         color: "danger",
         label: rt.weak
       };
-      return p > 30 && p < 75 ? (x.color = "warning", x.label = rt.medium) : p >= 75 && p < 100 ? (x.color = "success", x.label = rt.good) : p === 100 && (x.color = "success-dark", x.label = rt.strong), x;
+      return p > 30 && p < 75 ? (w.color = "warning", w.label = rt.medium) : p >= 75 && p < 100 ? (w.color = "success", w.label = rt.good) : p === 100 && (w.color = "success-dark", w.label = rt.strong), w;
     },
     []
-  ), A = xe(
+  ), A = we(
     (p) => {
-      const x = p.reduce(
-        (X, O) => {
-          let te = X;
-          return O ? (te++, te) : X;
+      const w = p.reduce(
+        (z, O) => {
+          let te = z;
+          return O ? (te++, te) : z;
         },
         0
-      ), R = j(
-        x * 100 / p.length
+      ), N = j(
+        w * 100 / p.length
       );
-      return f(R), R;
+      return f(N), N;
     },
     [j]
-  ), C = () => /* @__PURE__ */ c("ul", { children: e.map((p, x) => {
-    const R = u[x] ? "ds-password-confirmation__list" : "ds-password-confirmation__list--disc";
-    return /* @__PURE__ */ I("li", { className: R, children: [
-      u[x] ? /* @__PURE__ */ c(
+  ), C = () => /* @__PURE__ */ c("ul", { children: e.map((p, w) => {
+    const N = u[w] ? "ds-password-confirmation__list" : "ds-password-confirmation__list--disc";
+    return /* @__PURE__ */ I("li", { className: N, children: [
+      u[w] ? /* @__PURE__ */ c(
         G,
         {
           color: "success-dark",
@@ -6232,7 +6242,7 @@ const At = {
       ) : null,
       /* @__PURE__ */ c(ge, { horizontal: "quark" }),
       /* @__PURE__ */ c(Ie, { children: p.title })
-    ] }, x + p.title);
+    ] }, w + p.title);
   }) });
   return /* @__PURE__ */ I(Me, { className: "ds-password-confirmation", flexDirection: "column", children: [
     /* @__PURE__ */ c(ne, { children: /* @__PURE__ */ c(
@@ -6294,7 +6304,7 @@ const ye = {
       default: 0
     }
   }
-}, or = ({
+}, cr = ({
   steps: t,
   selectedStep: e = ye.props.selectedStep.default,
   onChange: s
@@ -6352,7 +6362,7 @@ const ye = {
     )) })
   ] });
 };
-or.displayName = "DsStepper";
+cr.displayName = "DsStepper";
 const Ce = {
   name: "Table",
   class: "ds-table",
@@ -6385,7 +6395,7 @@ const Ce = {
   ) }, n);
 }) });
 gn.displayName = "DsTableRow";
-const lr = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", { className: `${Ce.class}__wrapper`, children: /* @__PURE__ */ I(
+const dr = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", { className: `${Ce.class}__wrapper`, children: /* @__PURE__ */ I(
   "table",
   {
     className: [`${Ce.class}`, s].filter((n) => n).join(" "),
@@ -6404,7 +6414,7 @@ const lr = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", {
     ]
   }
 ) });
-lr.displayName = "DsTable";
+dr.displayName = "DsTable";
 var mn = /* @__PURE__ */ ((t) => (t.None = "", t.Primary = "primary", t.Secondary = "secondary", t.Neutral = "neutral", t.Success = "success", t.Warning = "warning", t.Danger = "danger", t.Info = "info", t))(mn || {});
 const Be = {
   name: "DsTabs",
@@ -6433,7 +6443,7 @@ const Be = {
       }
     }
   }
-}, ur = ({
+}, pr = ({
   active: t,
   className: e,
   color: s,
@@ -6462,7 +6472,7 @@ const Be = {
       children: i
     }
   );
-}, _r = ({
+}, br = ({
   tabs: t,
   color: e,
   selectedTab: s = Be.props.selectedTab.default,
@@ -6479,7 +6489,7 @@ const Be = {
       "data-testid": "ds-tabs",
       children: [
         /* @__PURE__ */ c("div", { className: `${Be.class}__header`, children: t.map((u, d) => /* @__PURE__ */ bn(
-          ur,
+          pr,
           {
             ...u,
             active: a === d,
@@ -6494,10 +6504,10 @@ const Be = {
     }
   );
 };
-function cr({ library: t, children: e, theme: s }) {
+function hr({ library: t, children: e, theme: s }) {
   return /* @__PURE__ */ c("div", { "data-library": t, "data-theme": s, children: /* @__PURE__ */ c("div", { className: "ds-theme", children: e }) });
 }
-cr.propTypes = {
+hr.propTypes = {
   library: o.string,
   children: o.node.isRequired,
   theme: o.string
@@ -6564,7 +6574,7 @@ _n.propTypes = {
 _n.displayName = "DsNotificationList";
 const Xe = {
   class: "ds-split-layout"
-}, dr = ({
+}, fr = ({
   leftContent: t,
   rightContent: e,
   leftBackgroundColor: s,
@@ -6577,7 +6587,7 @@ const Xe = {
     /* @__PURE__ */ c("div", { className: h, children: e })
   ] });
 };
-dr.displayName = "DsSplitLayout";
+fr.displayName = "DsSplitLayout";
 const at = {
   name: "TwoColumns",
   class: "ds-two-columns",
@@ -6615,30 +6625,30 @@ yn.propTypes = {
 yn.displayName = "DsTwoColumns";
 export {
   rs as ButtonColor,
-  In as ButtonElevation,
+  Bn as ButtonElevation,
   os as ButtonIconPosition,
   is as ButtonSize,
   as as ButtonVariant,
   Ft as CardColor,
-  Bn as CardElevation,
+  Vn as CardElevation,
   rn as DsAccordion,
   Vt as DsAccordionItem,
-  sr as DsActiveTags,
+  ar as DsActiveTags,
   ut as DsButton,
   ps as DsCaption,
   hs as DsCard,
-  nr as DsCarousel,
+  ir as DsCarousel,
   fs as DsCheckbox,
   Mt as DsContainer,
-  rr as DsEditableSelect,
+  or as DsEditableSelect,
   ne as DsFlexElement,
   Me as DsFlexLayout,
-  tr as DsGridElement,
+  rr as DsGridElement,
   nn as DsGridLayout,
   _s as DsHR,
   Nt as DsHeading,
   G as DsIcon,
-  vr as DsIndicator,
+  kr as DsIndicator,
   on as DsInlineEditable,
   et as DsInput,
   $t as DsLoading,
@@ -6651,11 +6661,11 @@ export {
   zs as DsProgress,
   Ks as DsSelect,
   ge as DsSpacer,
-  dr as DsSplitLayout,
-  or as DsStepper,
-  Jn as DsSubtitle,
-  lr as DsTable,
-  _r as DsTabs,
+  fr as DsSplitLayout,
+  cr as DsStepper,
+  sr as DsSubtitle,
+  dr as DsTable,
+  br as DsTabs,
   tn as DsTextArea,
   He as DsTooltip,
   yn as DsTwoColumns,
@@ -6682,7 +6692,7 @@ export {
   As as InputType,
   Bs as LoadingBackgroundColor,
   Ns as LoadingSize,
-  ir as ModalElevation,
+  ur as ModalElevation,
   ln as ModalVariant,
   vn as NotificationListPosition,
   cn as NotificationType,
@@ -6700,29 +6710,29 @@ export {
   Zs as TextAreaSize,
   Js as TextAreaStatus,
   Qs as TextAreaType,
-  cr as ThemeProvider,
+  hr as ThemeProvider,
   Rs as TooltipPlacement,
   Is as TooltipPosition,
   ze as WrapperSpace,
-  wt as accordionConfig,
+  xt as accordionConfig,
   Ue as accordionItemConfig,
-  mr as activeTagsConfig,
-  Y as buttonConfig,
-  Nn as captionConfig,
+  yr as activeTagsConfig,
+  X as buttonConfig,
+  Mn as captionConfig,
   Ne as cardConfig,
   We as carouselConfig,
   ie as checkboxConfig,
   nt as containerConfig,
-  W as editableSelectConfig,
+  Y as editableSelectConfig,
   Ct as flexElementConfig,
   Le as flexLayoutConfig,
-  gr as gridElementConfig,
+  _r as gridElementConfig,
   ee as gridLayoutConfig,
   Ke as headingConfig,
   Pe as horizontalRuleConfig,
   pe as iconConfig,
   Ye as indicatorConfig,
-  ar as inlineEditableConfig,
+  lr as inlineEditableConfig,
   K as inputConfig,
   de as loadingConfig,
   fe as modalConfig,
@@ -6735,7 +6745,7 @@ export {
   Z as selectConfig,
   Ge as spacerConfig,
   ye as stepperConfig,
-  xt as subtitleConfig,
+  wt as subtitleConfig,
   Ce as tableConfig,
   Be as tabsConfig,
   se as textAreaConfig,