@akad/design-system 1.0.0-alpha.2 → 1.0.0-alpha.3

package/react/react-lib.js

@@ -16,7 +16,7 @@ var jt;
 function Sn() {
   if (jt) return z;
   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, E = 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;
+  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, o = 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, E = 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;
@@ -32,7 +32,7 @@ function Sn() {
               return p;
             default:
               switch (p = p && p.$$typeof, p) {
-                case l:
+                case o:
                 case h:
                 case E:
                 case y:
@@ -50,10 +50,10 @@ function Sn() {
   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 = E, z.Memo = y, z.Portal = s, z.Profiler = a, z.StrictMode = r, z.Suspense = f, z.isAsyncMode = function(p) {
+  return z.AsyncMode = u, z.ConcurrentMode = d, z.ContextConsumer = o, z.ContextProvider = i, z.Element = e, z.ForwardRef = h, z.Fragment = n, z.Lazy = E, z.Memo = y, z.Portal = s, z.Profiler = a, z.StrictMode = r, z.Suspense = f, z.isAsyncMode = function(p) {
     return C(p) || A(p) === u;
   }, z.isConcurrentMode = C, z.isContextConsumer = function(p) {
-    return A(p) === l;
+    return A(p) === o;
   }, z.isContextProvider = function(p) {
     return A(p) === i;
   }, z.isElement = function(p) {
@@ -75,7 +75,7 @@ function Sn() {
   }, z.isSuspense = function(p) {
     return A(p) === f;
   }, z.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 === E || p.$$typeof === y || p.$$typeof === i || p.$$typeof === l || p.$$typeof === h || p.$$typeof === m || p.$$typeof === F || p.$$typeof === j || p.$$typeof === v);
+    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 === E || p.$$typeof === y || p.$$typeof === i || p.$$typeof === o || p.$$typeof === h || p.$$typeof === m || p.$$typeof === F || p.$$typeof === j || p.$$typeof === v);
   }, z.typeOf = A, z;
 }
 var H = {};
@@ -90,10 +90,10 @@ var H = {};
 var Pt;
 function Cn() {
   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, E = 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;
+    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, o = 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, E = 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) {
       return typeof k == "string" || typeof k == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      k === n || k === d || k === a || k === r || k === f || k === _ || typeof k == "object" && k !== null && (k.$$typeof === E || k.$$typeof === y || k.$$typeof === i || k.$$typeof === l || k.$$typeof === h || k.$$typeof === m || k.$$typeof === F || k.$$typeof === j || k.$$typeof === v);
+      k === n || k === d || k === a || k === r || k === f || k === _ || typeof k == "object" && k !== null && (k.$$typeof === E || k.$$typeof === y || k.$$typeof === i || k.$$typeof === o || k.$$typeof === h || k.$$typeof === m || k.$$typeof === F || k.$$typeof === j || k.$$typeof === v);
     }
     function C(k) {
       if (typeof k == "object" && k !== null) {
@@ -112,7 +112,7 @@ function Cn() {
               default:
                 var Lt = tt && tt.$$typeof;
                 switch (Lt) {
-                  case l:
+                  case o:
                   case h:
                   case E:
                   case y:
@@ -127,7 +127,7 @@ function Cn() {
         }
       }
     }
-    var p = u, x = d, N = l, W = i, O = e, te = h, ue = n, ce = E, Ae = y, me = s, Ve = a, oe = r, ve = f, Te = !1;
+    var p = u, x = d, N = o, W = i, O = e, te = h, ue = n, ce = E, Ae = y, me = s, Ve = a, le = r, ve = f, Te = !1;
     function Ne(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;
     }
@@ -135,7 +135,7 @@ function Cn() {
       return C(k) === d;
     }
     function b(k) {
-      return C(k) === l;
+      return C(k) === o;
     }
     function V(k) {
       return C(k) === i;
@@ -167,7 +167,7 @@ function Cn() {
     function J(k) {
       return C(k) === f;
     }
-    H.AsyncMode = p, H.ConcurrentMode = x, H.ContextConsumer = N, H.ContextProvider = W, 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 = Ne, H.isConcurrentMode = g, H.isContextConsumer = b, H.isContextProvider = V, H.isElement = B, H.isForwardRef = R, 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.AsyncMode = p, H.ConcurrentMode = x, H.ContextConsumer = N, H.ContextProvider = W, H.Element = O, H.ForwardRef = te, H.Fragment = ue, H.Lazy = ce, H.Memo = Ae, H.Portal = me, H.Profiler = Ve, H.StrictMode = le, H.Suspense = ve, H.isAsyncMode = Ne, H.isConcurrentMode = g, H.isContextConsumer = b, H.isContextProvider = V, H.isElement = B, H.isForwardRef = R, 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;
 }
 var qt;
@@ -196,8 +196,8 @@ function xn() {
       var a = new String("abc");
       if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
         return !1;
-      for (var i = {}, l = 0; l < 10; l++)
-        i["_" + String.fromCharCode(l)] = l;
+      for (var i = {}, o = 0; o < 10; o++)
+        i["_" + String.fromCharCode(o)] = o;
       var u = Object.getOwnPropertyNames(i).map(function(h) {
         return i[h];
       });
@@ -212,14 +212,14 @@ function xn() {
     }
   }
   return vt = r() ? Object.assign : function(a, i) {
-    for (var l, u = n(a), d, h = 1; h < arguments.length; h++) {
-      l = Object(arguments[h]);
-      for (var f in l)
-        e.call(l, f) && (u[f] = l[f]);
+    for (var o, u = n(a), d, h = 1; h < arguments.length; h++) {
+      o = Object(arguments[h]);
+      for (var f in o)
+        e.call(o, f) && (u[f] = o[f]);
       if (t) {
-        d = t(l);
+        d = t(o);
         for (var _ = 0; _ < d.length; _++)
-          s.call(l, d[_]) && (u[d[_]] = l[d[_]]);
+          s.call(o, d[_]) && (u[d[_]] = o[d[_]]);
       }
     }
     return u;
@@ -253,7 +253,7 @@ function wn() {
       }
     };
   }
-  function r(a, i, l, u, d) {
+  function r(a, i, o, u, d) {
     if (process.env.NODE_ENV !== "production") {
       for (var h in a)
         if (n(a, h)) {
@@ -261,21 +261,21 @@ function wn() {
           try {
             if (typeof a[h] != "function") {
               var _ = Error(
-                (u || "React class") + ": " + l + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (u || "React class") + ": " + o + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw _.name = "Invariant Violation", _;
             }
-            f = a[h](i, h, u, l, null, e);
+            f = a[h](i, h, u, o, null, e);
           } catch (E) {
             f = E;
           }
           if (f && !(f instanceof Error) && t(
-            (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)."
+            (u || "React class") + ": type specification of " + o + " `" + 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)."
           ), f instanceof Error && !(f.message in s)) {
             s[f.message] = !0;
             var y = d ? d() : "";
             t(
-              "Failed " + l + " type: " + f.message + (y ?? "")
+              "Failed " + o + " type: " + f.message + (y ?? "")
             );
           }
         }
@@ -291,8 +291,8 @@ function An() {
   Yt = 1;
   var t = ss(), e = xn(), s = Rt(), n = ns(), r = wn(), a = function() {
   };
-  process.env.NODE_ENV !== "production" && (a = function(l) {
-    var u = "Warning: " + l;
+  process.env.NODE_ENV !== "production" && (a = function(o) {
+    var u = "Warning: " + o;
     typeof console < "u" && console.error(u);
     try {
       throw new Error(u);
@@ -302,7 +302,7 @@ function An() {
   function i() {
     return null;
   }
-  return bt = function(l, u) {
+  return bt = function(o, u) {
     var d = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function f(g) {
       var b = g && (d && g[d] || g[h]);
@@ -362,7 +362,7 @@ function An() {
     }
     function F(g) {
       function b(V, B, R, w, $, L) {
-        var U = V[B], T = oe(U);
+        var U = V[B], T = le(U);
         if (T !== g) {
           var q = ve(U);
           return new v(
@@ -383,7 +383,7 @@ function An() {
           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);
+          var U = le(L);
           return new v("Invalid " + w + " `" + $ + "` of type " + ("`" + U + "` supplied to `" + R + "`, expected an array."));
         }
         for (var T = 0; T < L.length; T++) {
@@ -398,8 +398,8 @@ function An() {
     function C() {
       function g(b, V, B, R, w) {
         var $ = b[V];
-        if (!l($)) {
-          var L = oe($);
+        if (!o($)) {
+          var L = le($);
           return new v("Invalid " + R + " `" + w + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
@@ -410,7 +410,7 @@ function An() {
       function g(b, V, B, R, w) {
         var $ = b[V];
         if (!t.isValidElementType($)) {
-          var L = oe($);
+          var L = le($);
           return new v("Invalid " + R + " `" + w + "` of type " + ("`" + L + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
@@ -448,7 +448,7 @@ function An() {
       function b(V, B, R, w, $) {
         if (typeof g != "function")
           return new v("Property `" + $ + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
-        var L = V[B], U = oe(L);
+        var L = V[B], U = le(L);
         if (U !== "object")
           return new v("Invalid " + w + " `" + $ + "` of type " + ("`" + U + "` supplied to `" + R + "`, expected an object."));
         for (var T in L)
@@ -496,7 +496,7 @@ function An() {
     }
     function ce(g) {
       function b(V, B, R, w, $) {
-        var L = V[B], U = oe(L);
+        var L = V[B], U = le(L);
         if (U !== "object")
           return new v("Invalid " + w + " `" + $ + "` of type `" + U + "` " + ("supplied to `" + R + "`, expected `object`."));
         for (var T in g) {
@@ -513,7 +513,7 @@ function An() {
     }
     function Ae(g) {
       function b(V, B, R, w, $) {
-        var L = V[B], U = oe(L);
+        var L = V[B], U = le(L);
         if (U !== "object")
           return new v("Invalid " + w + " `" + $ + "` of type `" + U + "` " + ("supplied to `" + R + "`, expected `object`."));
         var T = e({}, V[B], g);
@@ -545,7 +545,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
         case "object":
           if (Array.isArray(g))
             return g.every(me);
-          if (g === null || l(g))
+          if (g === null || o(g))
             return !0;
           var b = f(g);
           if (b) {
@@ -570,14 +570,14 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
     function Ve(g, b) {
       return g === "symbol" ? !0 : b ? b["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && b instanceof Symbol : !1;
     }
-    function oe(g) {
+    function le(g) {
       var b = typeof g;
       return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : Ve(b, g) ? "symbol" : b;
     }
     function ve(g) {
       if (typeof g > "u" || g === null)
         return "" + g;
-      var b = oe(g);
+      var b = le(g);
       if (b === "object") {
         if (g instanceof Date)
           return "date";
@@ -616,7 +616,7 @@ function Tn() {
   function s() {
   }
   return s.resetWarningCache = e, Et = function() {
-    function n(i, l, u, d, h, f) {
+    function n(i, o, u, d, h, f) {
       if (f !== t) {
         var _ = 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"
@@ -660,8 +660,8 @@ if (process.env.NODE_ENV !== "production") {
 } 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 l = /* @__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 || {}), ls = /* @__PURE__ */ ((t) => (t.Right = "right", t.Left = "left", t))(ls || {}), 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 = {
   name: "Button",
   class: "ds-button",
@@ -706,7 +706,7 @@ const Y = {
     iconPosition: {
       type: String,
       default: "right",
-      options: Object.values(os)
+      options: Object.values(ls)
     },
     id: {
       type: String,
@@ -730,7 +730,7 @@ const Y = {
     }
   }
 };
-var ls = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.PrimaryLightest = "primary-lightest", t.PrimaryLighter = "primary-lighter", t.PrimaryLight = "primary-light", t.PrimaryDark = "primary-dark", t.PrimaryDarker = "primary-darker", 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.Secondary = "secondary", t.SecondaryLightest = "secondary-lightest", t.SecondaryLighter = "secondary-lighter", t.SecondaryLight = "secondary-light", t.SecondaryDark = "secondary-dark", t.SecondaryDarker = "secondary-darker", t.Success = "success", t.SuccessLighter = "success-lighter", t.SuccessLight = "success-light", t.SuccessDark = "success-dark", t.Warning = "warning", t.WarningLighter = "warning-lighter", t.WarningLight = "warning-light", t.WarningDark = "warning-dark", t.Danger = "danger", t.DangerLighter = "danger-lighter", t.DangerLight = "danger-light", t.DangerDark = "danger-dark", t.Info = "info", t.InfoLighter = "info-lighter", t.InfoLight = "info-light", t.InfoDark = "info-dark", t))(ls || {}), us = /* @__PURE__ */ ((t) => (t.Outlined = "outlined", t.Rounded = "rounded", t.Sharp = "sharp", t))(us || {}), cs = /* @__PURE__ */ ((t) => (t.XXS = "xxs", t.XS = "xs", t.SM = "sm", t.MD = "md", t.LG = "lg", t.XL = "xl", t.XXL = "xxl", t.XXXL = "xxxl", t.Huge = "huge", t))(cs || {}), ds = /* @__PURE__ */ ((t) => (t.Bold = "bold", t.Semibold = "semibold", t.Medium = "medium", t.Regular = "regular", t.Light = "light", t.Extralight = "extralight", t))(ds || {});
+var os = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.PrimaryLightest = "primary-lightest", t.PrimaryLighter = "primary-lighter", t.PrimaryLight = "primary-light", t.PrimaryDark = "primary-dark", t.PrimaryDarker = "primary-darker", 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.Secondary = "secondary", t.SecondaryLightest = "secondary-lightest", t.SecondaryLighter = "secondary-lighter", t.SecondaryLight = "secondary-light", t.SecondaryDark = "secondary-dark", t.SecondaryDarker = "secondary-darker", t.Success = "success", t.SuccessLighter = "success-lighter", t.SuccessLight = "success-light", t.SuccessDark = "success-dark", t.Warning = "warning", t.WarningLighter = "warning-lighter", t.WarningLight = "warning-light", t.WarningDark = "warning-dark", t.Danger = "danger", t.DangerLighter = "danger-lighter", t.DangerLight = "danger-light", t.DangerDark = "danger-dark", t.Info = "info", t.InfoLighter = "info-lighter", t.InfoLight = "info-light", t.InfoDark = "info-dark", t))(os || {}), us = /* @__PURE__ */ ((t) => (t.Outlined = "outlined", t.Rounded = "rounded", t.Sharp = "sharp", t))(us || {}), cs = /* @__PURE__ */ ((t) => (t.XXS = "xxs", t.XS = "xs", t.SM = "sm", t.MD = "md", t.LG = "lg", t.XL = "xl", t.XXL = "xxl", t.XXXL = "xxxl", t.Huge = "huge", t))(cs || {}), ds = /* @__PURE__ */ ((t) => (t.Bold = "bold", t.Semibold = "semibold", t.Medium = "medium", t.Regular = "regular", t.Light = "light", t.Extralight = "extralight", t))(ds || {});
 const pe = {
   name: "Icon",
   class: "ds-icon",
@@ -738,7 +738,7 @@ const pe = {
     color: {
       type: String,
       default: "neutral-90",
-      options: Object.values(ls)
+      options: Object.values(os)
     },
     image: {
       type: String,
@@ -782,7 +782,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 || {});
+var ot = /* @__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))(ot || {});
 const Rn = {
   bold: 700,
   semibold: 600,
@@ -798,9 +798,9 @@ const Rn = {
   fill: r = pe.props.fill.default,
   weight: a = pe.props.weight.default,
   testId: i = pe.props.testId.default,
-  onClick: l = pe.props.onClick.default
+  onClick: o = 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(() => ({
+  const u = "material-symbols-rounded", d = e && pe.props.color.options.find((f) => f === e) && `color__${ot[e] ?? e}`, h = be(() => ({
     fontVariationSettings: `'FILL' ${r ? 1 : 0}, 'GRAD' 0,'wght' ${Rn[a]}, 'opsz' 48`
   }), [a, r]);
   return /* @__PURE__ */ c(
@@ -811,10 +811,10 @@ const Rn = {
         pe.class,
         u,
         d,
-        s && s
+        s
       ].filter((f) => f).join(" "),
       "data-testid": i,
-      onClick: l,
+      onClick: o,
       style: h,
       translate: "no",
       children: t
@@ -822,13 +822,13 @@ const Rn = {
   );
 };
 G.propTypes = {
-  color: o.oneOf(pe.props.color.options),
-  image: o.string,
-  fontVariationSettings: o.object,
-  size: o.oneOf(pe.props.size.options),
-  fill: o.bool,
-  weight: o.oneOf(pe.props.weight.options),
-  onClick: o.func
+  color: l.oneOf(pe.props.color.options),
+  image: l.string,
+  fontVariationSettings: l.object,
+  size: l.oneOf(pe.props.size.options),
+  fill: l.bool,
+  weight: l.oneOf(pe.props.weight.options),
+  onClick: l.func
 };
 G.displayName = "DsIcon";
 const ut = ({
@@ -839,7 +839,7 @@ const ut = ({
   disabled: r = Y.props.disabled.default,
   icon: a = Y.props.icon.default,
   id: i = Y.props.id.default,
-  testId: l = Y.props.testId.default,
+  testId: o = Y.props.testId.default,
   elevation: u,
   variant: d = Y.props.variant.default,
   color: h = Y.props.color.default,
@@ -863,7 +863,7 @@ const ut = ({
         C,
         e
       ].filter((W) => W).join(" "),
-      "data-testid": l,
+      "data-testid": o,
       "data-trackid": E,
       ...v && { "data-tracklabel": v },
       disabled: r,
@@ -885,18 +885,18 @@ 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),
-  disabled: o.bool,
-  icon: o.string,
-  iconFill: o.bool,
-  iconPosition: o.oneOf(Y.props.iconPosition.options),
-  testId: o.string,
-  id: o.string,
-  fullSize: o.bool,
-  trackId: o.string,
-  trackLabel: o.string
+  color: l.oneOf(Y.props.color.options),
+  variant: l.oneOf(Y.props.variant.options),
+  size: l.oneOf(Y.props.size.options),
+  disabled: l.bool,
+  icon: l.string,
+  iconFill: l.bool,
+  iconPosition: l.oneOf(Y.props.iconPosition.options),
+  testId: l.string,
+  id: l.string,
+  fullSize: l.bool,
+  trackId: l.string,
+  trackLabel: l.string
 };
 ut.displayName = "DsButton";
 const Nn = {
@@ -915,9 +915,9 @@ const Nn = {
   }
 );
 ps.propTypes = {
-  children: o.node.isRequired,
-  className: o.string,
-  testId: o.string
+  children: l.node.isRequired,
+  className: l.string,
+  testId: l.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 || {});
@@ -972,10 +972,10 @@ const Oe = {
   elevation: r = Oe.props.elevation.default,
   backgroundColor: a = Oe.props.backgroundColor.default,
   borderColor: i = Oe.props.borderColor.default,
-  trackId: l = Oe.props.trackId.default,
+  trackId: o = Oe.props.trackId.default,
   trackLabel: u
 }) => {
-  const d = r && `elevation-${r}`, h = i && `border-color__${lt[i] || i}`, f = a && `bg-color__${lt[a] || a}`;
+  const d = r && `elevation-${r}`, h = i && `border-color__${ot[i] ?? i}`, f = a && `bg-color__${ot[a] ?? a}`;
   return /* @__PURE__ */ c(
     "div",
     {
@@ -987,7 +987,7 @@ const Oe = {
         f
       ].filter((_) => _).join(" "),
       "data-testid": e,
-      "data-trackid": l,
+      "data-trackid": o,
       ...u && { "data-tracklabel": u },
       id: t,
       children: s
@@ -995,13 +995,13 @@ const Oe = {
   );
 };
 hs.propTypes = {
-  id: o.string,
-  testId: o.string,
-  backgroundColor: o.oneOf(Oe.props.backgroundColor.options),
-  borderColor: o.oneOf(Oe.props.borderColor.options),
-  elevation: o.oneOf(Oe.props.elevation.options),
-  trackId: o.string,
-  trackLabel: o.string
+  id: l.string,
+  testId: l.string,
+  backgroundColor: l.oneOf(Oe.props.backgroundColor.options),
+  borderColor: l.oneOf(Oe.props.borderColor.options),
+  elevation: l.oneOf(Oe.props.elevation.options),
+  trackId: l.string,
+  trackLabel: l.string
 };
 hs.displayName = "DsCard";
 const ie = {
@@ -1050,26 +1050,24 @@ const ie = {
     label: r = ie.props.label.default,
     description: a = ie.props.description.default,
     checked: i = ie.props.checked.default,
-    disabled: l = ie.props.disabled.default,
+    disabled: o = ie.props.disabled.default,
     changeByChecked: u = ie.props.changeByChecked.default,
     onChangeHandler: d
   }, h) => {
-    const f = u || !1, _ = i || !1, [y, E] = P(_), v = {
+    const f = u ?? !1, _ = i ?? !1, [y, E] = P(_), v = {
       image: y ? "check_box" : "check_box_outline_blank",
       class: y ? `${ie.class}__icon--checked` : `${ie.class}__icon--unchecked`
-    }, m = l && `${ie.class}--disabled`, F = (j) => {
-      l || (E((A) => !A), d && d(j));
+    }, m = o && `${ie.class}--disabled`, F = (j) => {
+      o || (E((A) => !A), d && d(j));
     };
     return Q(() => {
       f && E(i);
     }, [i, f]), /* @__PURE__ */ I(
       "label",
       {
-        className: [
-          ie.class,
-          m,
-          e && e
-        ].join(" "),
+        className: [ie.class, m, e].join(
+          " "
+        ),
         htmlFor: t || s,
         children: [
           /* @__PURE__ */ c(
@@ -1078,7 +1076,7 @@ const ie = {
               checked: y,
               className: `${ie.class}__input`,
               "data-testid": n,
-              disabled: l,
+              disabled: o,
               id: t || s,
               name: s,
               onChange: F,
@@ -1120,13 +1118,13 @@ const ie = {
   }
 );
 fs.propTypes = {
-  label: o.oneOfType([o.string, o.element]),
-  name: o.string,
-  className: o.string,
-  testId: o.string,
-  description: o.oneOfType([o.string, o.element]),
-  checked: o.bool,
-  disabled: o.bool
+  label: l.oneOfType([l.string, l.element]),
+  name: l.string,
+  className: l.string,
+  testId: l.string,
+  description: l.oneOfType([l.string, l.element]),
+  checked: l.bool,
+  disabled: l.bool
 };
 fs.displayName = "DsCheckbox";
 var gs = /* @__PURE__ */ ((t) => (t.Heading1 = "heading-1", t.Heading2 = "heading-2", t.Heading3 = "heading-3", t.Heading4 = "heading-4", t.Heading5 = "heading-5", t.Heading6 = "heading-6", t))(gs || {});
@@ -1164,9 +1162,9 @@ const Ke = {
   );
 };
 Nt.propTypes = {
-  className: o.string,
-  testId: o.string,
-  type: o.oneOf(Ke.props.type.options)
+  className: l.string,
+  testId: l.string,
+  type: l.oneOf(Ke.props.type.options)
 };
 Nt.displayName = "DsHeading";
 var ms = /* @__PURE__ */ ((t) => (t.None = "", t.Dashed = "dashed", t.Dotted = "dotted", t))(ms || {}), vs = /* @__PURE__ */ ((t) => (t.None = "", t.Small = "small", t.Large = "large", t))(vs || {});
@@ -1203,8 +1201,8 @@ const _s = ({
   );
 };
 _s.propTypes = {
-  size: o.oneOf(Pe.props.size.options),
-  borderStyle: o.oneOf(Pe.props.borderStyle.options)
+  size: l.oneOf(Pe.props.size.options),
+  borderStyle: l.oneOf(Pe.props.borderStyle.options)
 };
 _s.displayName = "DsHR";
 function $e(t) {
@@ -1254,9 +1252,9 @@ function ct(t, e) {
     const a = e instanceof Date, i = t instanceof Date;
     if (a && i) return e.getTime() == t.getTime();
     if (a != i) return !1;
-    const l = e instanceof RegExp, u = t instanceof RegExp;
-    if (l && u) return e.toString() == t.toString();
-    if (l != u) return !1;
+    const o = e instanceof RegExp, u = t instanceof RegExp;
+    if (o && u) return e.toString() == t.toString();
+    if (o != u) return !1;
     const d = Object.keys(e);
     for (r = 0; r < d.length; r++) if (!Object.prototype.hasOwnProperty.call(t, d[r])) return !1;
     for (r = 0; r < d.length; r++) if (!ct(t[d[r]], e[d[r]])) return !1;
@@ -1919,13 +1917,13 @@ class re {
     if ([e, a] = this.doPrepareChar(e, s), e && (a = a.aggregate(this._appendCharRaw(e, s)), !a.rawInserted && this.autofix === "pad")) {
       const i = this.state;
       this.state = r;
-      let l = this.pad(s);
+      let o = this.pad(s);
       const u = this._appendCharRaw(e, s);
-      l = l.aggregate(u), u.rawInserted || l.equals(a) ? a = l : this.state = i;
+      o = o.aggregate(u), u.rawInserted || o.equals(a) ? a = o : this.state = i;
     }
     if (a.inserted) {
-      let i, l = this.doValidate(s) !== !1;
-      if (l && n != null) {
+      let i, o = this.doValidate(s) !== !1;
+      if (o && n != null) {
         const u = this.state;
         if (this.overwrite === !0) {
           i = n.state;
@@ -1933,15 +1931,15 @@ class re {
             n.unshift(this.displayValue.length - a.tailShift);
         }
         let d = this.appendTail(n);
-        if (l = d.rawInserted.length === n.toString().length, !(l && d.inserted) && this.overwrite === "shift") {
+        if (o = d.rawInserted.length === n.toString().length, !(o && d.inserted) && this.overwrite === "shift") {
           this.state = u, i = n.state;
           for (let h = 0; h < a.rawInserted.length; ++h)
             n.shift();
-          d = this.appendTail(n), l = d.rawInserted.length === n.toString().length;
+          d = this.appendTail(n), o = d.rawInserted.length === n.toString().length;
         }
-        l && d.inserted && (this.state = u);
+        o && d.inserted && (this.state = u);
       }
-      l || (a = new M(), this.state = r, n && i && (n.state = i));
+      o || (a = new M(), this.state = r, n && i && (n.state = i));
     }
     return a;
   }
@@ -1961,9 +1959,9 @@ class re {
     let a;
     [e, a] = this.doPrepare(e, s);
     for (let i = 0; i < e.length; ++i) {
-      const l = this._appendChar(e[i], s, r);
-      if (!l.rawInserted && !this.doSkipInvalid(e[i], s, r)) break;
-      a.aggregate(l);
+      const o = this._appendChar(e[i], s, r);
+      if (!o.rawInserted && !this.doSkipInvalid(e[i], s, r)) break;
+      a.aggregate(o);
     }
     return (this.eager === !0 || this.eager === "append") && s != null && s.input && e && a.aggregate(this._appendEager()), r != null && (a.tailShift += this.appendTail(r).tailShift), a;
   }
@@ -2006,7 +2004,7 @@ class re {
     n === void 0 && (n = ""), r === void 0 && (r = S.NONE), a === void 0 && (a = {
       input: !0
     });
-    const i = e + s, l = this.extractTail(i), u = this.eager === !0 || this.eager === "remove";
+    const i = e + s, o = this.extractTail(i), u = this.eager === !0 || this.eager === "remove";
     let d;
     u && (r = $n(r), d = this.extractInput(0, i, {
       raw: !0
@@ -2020,8 +2018,8 @@ class re {
           f.aggregate(new M({
             tailShift: -1
           })).aggregate(this.remove(_ - 1));
-      } else r === S.FORCE_RIGHT && l.unshift();
-    return f.aggregate(this.append(n, a, l));
+      } else r === S.FORCE_RIGHT && o.unshift();
+    return f.aggregate(this.append(n, a, o));
   }
   maskEquals(e) {
     return this.mask === e;
@@ -2073,11 +2071,11 @@ class qe {
     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;
-      let l;
+      let o;
       if (i != null && // if block not found or stop is behind lastBlock
       (!a || a.index <= i) && ((r instanceof qe || // for continuous block also check if stop is exist
-      e._stops.indexOf(i) >= 0) && s.aggregate(e._appendPlaceholder(i)), l = r instanceof qe && e._blocks[i]), l) {
-        const u = l.appendTail(r);
+      e._stops.indexOf(i) >= 0) && s.aggregate(e._appendPlaceholder(i)), o = r instanceof qe && e._blocks[i]), o) {
+        const u = o.appendTail(r);
         s.aggregate(u);
         const d = r.toString().slice(u.rawInserted.length);
         d && s.aggregate(e.append(d, {
@@ -2346,7 +2344,7 @@ class dt {
       placeholderChar: r,
       displayChar: a,
       lazy: i,
-      eager: l,
+      eager: o,
       ...u
     } = e;
     this.masked = Ie(u), Object.assign(this, {
@@ -2355,7 +2353,7 @@ class dt {
       placeholderChar: r,
       displayChar: a,
       lazy: i,
-      eager: l
+      eager: o
     });
   }
   reset() {
@@ -2529,7 +2527,7 @@ class ae extends re {
           continue;
         }
       }
-      let i = s[a], l = i in e;
+      let i = s[a], o = i in e;
       if (i === ae.STOP_CHAR) {
         this._stops.push(this._blocks.length);
         continue;
@@ -2544,9 +2542,9 @@ class ae extends re {
       }
       if (i === ae.ESCAPE_CHAR) {
         if (++a, i = s[a], !i) break;
-        l = !1;
+        o = !1;
       }
-      const u = l ? new dt({
+      const u = o ? new dt({
         isOptional: r,
         lazy: this.lazy,
         eager: this.eager,
@@ -2650,9 +2648,9 @@ class ae extends re {
     s === void 0 && (s = {});
     const n = this._mapPosToBlock(this.displayValue.length), r = new M();
     if (!n) return r;
-    for (let i = n.index, l; l = this._blocks[i]; ++i) {
+    for (let i = n.index, o; o = this._blocks[i]; ++i) {
       var a;
-      const u = l._appendChar(e, {
+      const u = o._appendChar(e, {
         ...s,
         _beforeTailState: (a = s._beforeTailState) == null || (a = a._blocks) == null ? void 0 : a[i]
       });
@@ -2663,16 +2661,16 @@ class ae extends re {
   extractTail(e, s) {
     e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length);
     const n = new qe();
-    return e === s || this._forEachBlocksInRange(e, s, (r, a, i, l) => {
-      const u = r.extractTail(i, l);
+    return e === s || this._forEachBlocksInRange(e, s, (r, a, i, o) => {
+      const u = r.extractTail(i, o);
       u.stop = this._findStopBefore(a), u.from = this._blockStartPos(a), u instanceof qe && (u.blockIndex = a), n.extend(u);
     }), n;
   }
   extractInput(e, s, n) {
     if (e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), n === void 0 && (n = {}), e === s) return "";
     let r = "";
-    return this._forEachBlocksInRange(e, s, (a, i, l, u) => {
-      r += a.extractInput(l, u, n);
+    return this._forEachBlocksInRange(e, s, (a, i, o, u) => {
+      r += a.extractInput(o, u, n);
     }), r;
   }
   _findStopBefore(e) {
@@ -2693,8 +2691,8 @@ class ae extends re {
     const r = n.index, a = e ?? this._blocks.length;
     return this._blocks.slice(r, a).forEach((i) => {
       if (!i.lazy || e != null) {
-        var l;
-        s.aggregate(i._appendPlaceholder((l = i._blocks) == null ? void 0 : l.length));
+        var o;
+        s.aggregate(i._appendPlaceholder((o = i._blocks) == null ? void 0 : o.length));
       }
     }), s;
   }
@@ -2717,8 +2715,8 @@ class ae extends re {
     s === void 0 && (s = this.displayValue.length);
     const r = this._mapPosToBlock(e);
     if (r) {
-      const a = this._mapPosToBlock(s), i = a && r.index === a.index, l = r.offset, u = a && i ? a.offset : this._blocks[r.index].displayValue.length;
-      if (n(this._blocks[r.index], r.index, l, u), a && !i) {
+      const a = this._mapPosToBlock(s), i = a && r.index === a.index, o = r.offset, u = a && i ? a.offset : this._blocks[r.index].displayValue.length;
+      if (n(this._blocks[r.index], r.index, o, u), a && !i) {
         for (let d = r.index + 1; d < a.index; ++d)
           n(this._blocks[d], d, 0, this._blocks[d].displayValue.length);
         n(this._blocks[a.index], a.index, 0, a.offset);
@@ -2728,8 +2726,8 @@ class ae extends re {
   remove(e, s) {
     e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length);
     const n = super.remove(e, s);
-    return this._forEachBlocksInRange(e, s, (r, a, i, l) => {
-      n.aggregate(r.remove(i, l));
+    return this._forEachBlocksInRange(e, s, (r, a, i, o) => {
+      n.aggregate(r.remove(i, o));
     }), n;
   }
   nearestInputPos(e, s) {
@@ -2753,8 +2751,8 @@ class ae extends re {
   totalInputPositions(e, s) {
     e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length);
     let n = 0;
-    return this._forEachBlocksInRange(e, s, (r, a, i, l) => {
-      n += r.totalInputPositions(i, l);
+    return this._forEachBlocksInRange(e, s, (r, a, i, o) => {
+      n += r.totalInputPositions(i, o);
     }), n;
   }
   /** Get block by name */
@@ -2806,9 +2804,9 @@ class it extends ae {
       ...i
     } = e;
     this.to = s, this.from = n, this.maxLength = Math.max(String(s).length, r), this.autofix = a;
-    const l = String(this.from).padStart(this.maxLength, "0"), u = String(this.to).padStart(this.maxLength, "0");
+    const o = String(this.from).padStart(this.maxLength, "0"), u = String(this.to).padStart(this.maxLength, "0");
     let d = 0;
-    for (; d < u.length && u[d] === l[d]; ) ++d;
+    for (; d < u.length && u[d] === o[d]; ) ++d;
     i.mask = u.slice(0, d).replace(/0/g, "\\0") + "0".repeat(this.maxLength - d), super._update(i);
   }
   get isComplete() {
@@ -2985,12 +2983,12 @@ class gt extends re {
   }
   _applyDispatch(e, s, n) {
     e === void 0 && (e = ""), s === void 0 && (s = {}), n === void 0 && (n = "");
-    const r = s.tail && s._beforeTailState != null ? s._beforeTailState._value : this.value, a = this.rawInputValue, i = s.tail && s._beforeTailState != null ? s._beforeTailState._rawInputValue : a, l = a.slice(i.length), u = this.currentMask, d = new M(), h = u == null ? void 0 : u.state;
+    const r = s.tail && s._beforeTailState != null ? s._beforeTailState._value : this.value, a = this.rawInputValue, i = s.tail && s._beforeTailState != null ? s._beforeTailState._rawInputValue : a, o = a.slice(i.length), u = this.currentMask, d = new M(), h = u == null ? void 0 : u.state;
     return this.currentMask = this.doDispatch(e, {
       ...s
     }, n), this.currentMask && (this.currentMask !== u ? (this.currentMask.reset(), i && (this.currentMask.append(i, {
       raw: !0
-    }), d.tailShift = this.currentMask.value.length - r.length), l && (d.tailShift += this.currentMask.append(l, {
+    }), d.tailShift = this.currentMask.value.length - r.length), o && (d.tailShift += this.currentMask.append(o, {
       raw: !0,
       tail: !0
     }).tailShift)) : h && (this.currentMask.state = h)), d;
@@ -3097,7 +3095,7 @@ class gt extends re {
       currentMask: r,
       ...a
     } = e;
-    s && this.compiledMasks.forEach((i, l) => i.state = s[l]), n != null && (this.currentMask = n, this.currentMask.state = r), super.state = a;
+    s && this.compiledMasks.forEach((i, o) => i.state = s[o]), n != null && (this.currentMask = n, this.currentMask.state = r), super.state = a;
   }
   extractInput(e, s, n) {
     return this.currentMask ? this.currentMask.extractInput(e, s, n) : "";
@@ -3154,17 +3152,17 @@ gt.DEFAULTS = {
   ...re.DEFAULTS,
   dispatch: (t, e, s, n) => {
     if (!e.compiledMasks.length) return;
-    const r = e.rawInputValue, a = e.compiledMasks.map((i, l) => {
+    const r = e.rawInputValue, a = e.compiledMasks.map((i, o) => {
       const u = e.currentMask === i, d = u ? i.displayValue.length : i.nearestInputPos(i.displayValue.length, S.FORCE_LEFT);
       return i.rawInputValue !== r ? (i.reset(), i.append(r, {
         raw: !0
       })) : u || i.remove(d), i.append(t, e.currentMaskFlags(s)), i.appendTail(n), {
-        index: l,
+        index: o,
         weight: i.rawInputValue.length,
         totalInputPositions: i.totalInputPositions(0, Math.max(d, i.nearestInputPos(i.displayValue.length, S.FORCE_LEFT)))
       };
     });
-    return a.sort((i, l) => l.weight - i.weight || l.totalInputPositions - i.totalInputPositions), e.compiledMasks[a[0].index];
+    return a.sort((i, o) => o.weight - i.weight || o.totalInputPositions - i.totalInputPositions), e.compiledMasks[a[0].index];
   }
 };
 D.MaskedDynamic = gt;
@@ -3184,7 +3182,7 @@ class mt extends ae {
       ...n
     } = e;
     if (s) {
-      const r = s.map((l) => l.length), a = Math.min(...r), i = Math.max(...r) - a;
+      const r = s.map((o) => o.length), a = Math.min(...r), i = Math.max(...r) - a;
       n.mask = "*".repeat(a), i && (n.mask += "[" + "*".repeat(i) + "]"), this.enum = s;
     }
     super._update(n);
@@ -3193,9 +3191,9 @@ class mt extends ae {
     s === void 0 && (s = {});
     const n = Math.min(this.nearestInputPos(0, S.FORCE_RIGHT), this.value.length), r = this.enum.filter((a) => this.matchValue(a, this.unmaskedValue + e, n));
     if (r.length) {
-      r.length === 1 && this._forEachBlocksInRange(0, this.value.length, (i, l) => {
-        const u = r[0][l];
-        l >= this.value.length || u === i.value || (i.reset(), i._appendChar(u, s));
+      r.length === 1 && this._forEachBlocksInRange(0, this.value.length, (i, o) => {
+        const u = r[0][o];
+        o >= this.value.length || u === i.value || (i.reset(), i._appendChar(u, s));
       });
       const a = super._appendCharRaw(r[0][this.value.length], s);
       return r.length === 1 && r[0].slice(this.unmaskedValue.length).split("").forEach((i) => a.aggregate(super._appendCharRaw(i))), a;
@@ -3211,7 +3209,7 @@ class mt extends ae {
     if (e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), e === s) return new M();
     const n = Math.min(super.nearestInputPos(0, S.FORCE_RIGHT), this.value.length);
     let r;
-    for (r = e; r >= 0 && !(this.enum.filter((l) => this.matchValue(l, this.value.slice(n, r), n)).length > 1); --r)
+    for (r = e; r >= 0 && !(this.enum.filter((o) => this.matchValue(o, this.value.slice(n, r), n)).length > 1); --r)
       ;
     const a = super.remove(r, s);
     return a.tailShift += r - e, a;
@@ -3314,13 +3312,13 @@ class he extends re {
     const a = this._value;
     this._value += e;
     const i = this.number;
-    let l = !isNaN(i), u = !1;
-    if (l) {
+    let o = !isNaN(i), u = !1;
+    if (o) {
       let _;
-      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 = a === this._value && !s.tail)) : l = !1), l && (l = !!this._value.match(this._numberRegExp));
+      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 = a === this._value && !s.tail)) : o = !1), o && (o = !!this._value.match(this._numberRegExp));
     }
     let d;
-    l ? d = new M({
+    o ? d = new M({
       inserted: this._value.slice(a.length),
       rawInserted: u ? "" : e,
       skip: u
@@ -3485,18 +3483,18 @@ class Wn extends ae {
       ...i
     } = Je(e);
     this._blockOpts = Object.assign({}, this._blockOpts, i);
-    const l = Ie(this._blockOpts);
-    this.repeat = (s = (n = a ?? l.repeat) != null ? n : this.repeat) != null ? s : 1 / 0, super._update({
+    const o = Ie(this._blockOpts);
+    this.repeat = (s = (n = a ?? o.repeat) != null ? n : this.repeat) != null ? s : 1 / 0, super._update({
       mask: "m".repeat(Math.max(this.repeatTo === 1 / 0 && ((r = this._blocks) == null ? void 0 : r.length) || 0, this.repeatFrom)),
       blocks: {
-        m: l
+        m: o
       },
-      eager: l.eager,
-      overwrite: l.overwrite,
-      skipInvalid: l.skipInvalid,
-      lazy: l.lazy,
-      placeholderChar: l.placeholderChar,
-      displayChar: l.displayChar
+      eager: o.eager,
+      overwrite: o.overwrite,
+      skipInvalid: o.skipInvalid,
+      lazy: o.lazy,
+      placeholderChar: o.placeholderChar,
+      displayChar: o.displayChar
     });
   }
   _allocateBlock(e) {
@@ -3514,10 +3512,10 @@ class Wn extends ae {
       d = (i = this._blocks[u]) != null ? i : h = !h && this._allocateBlock(u);
       ++u
     ) {
-      var r, a, i, l;
+      var r, a, i, o;
       const f = d._appendChar(e, {
         ...s,
-        _beforeTailState: (l = s._beforeTailState) == null || (l = l._blocks) == null ? void 0 : l[u]
+        _beforeTailState: (o = s._beforeTailState) == null || (o = o._blocks) == null ? void 0 : o[u]
       });
       if (f.skip && h) {
         this._blocks.pop(), this.mask = this.mask.slice(1);
@@ -3533,10 +3531,10 @@ class Wn extends ae {
     const a = Math.max(((n = this._mapPosToBlock(e)) == null ? void 0 : n.index) || 0, this.repeatFrom, 0);
     let i;
     s != null && (i = (r = this._mapPosToBlock(s)) == null ? void 0 : r.index), i == null && (i = this._blocks.length - 1);
-    let l = 0;
-    for (let u = i; a <= u && !this._blocks[u].unmaskedValue; --u, ++l)
+    let o = 0;
+    for (let u = i; a <= u && !this._blocks[u].unmaskedValue; --u, ++o)
       ;
-    l && (this._blocks.splice(i - l + 1, l), this.mask = this.mask.slice(l));
+    o && (this._blocks.splice(i - o + 1, o), this.mask = this.mask.slice(o));
   }
   reset() {
     super.reset(), this._trimEmptyTail();
@@ -3563,50 +3561,50 @@ try {
 }
 const xs = {
   // 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,
-  unmask: o.oneOfType([o.bool, o.oneOf(["typed"])]),
-  prepare: o.func,
-  prepareChar: o.func,
-  validate: o.func,
-  commit: o.func,
-  overwrite: o.oneOfType([o.bool, o.oneOf(["shift"])]),
-  eager: o.oneOfType([o.bool, o.oneOf(["append", "remove"])]),
-  skipInvalid: o.bool,
+  mask: l.oneOfType([l.array, l.func, l.string, l.instanceOf(RegExp), l.oneOf([Date, Number, D.Masked]), l.instanceOf(D.Masked)]),
+  value: l.any,
+  unmask: l.oneOfType([l.bool, l.oneOf(["typed"])]),
+  prepare: l.func,
+  prepareChar: l.func,
+  validate: l.func,
+  commit: l.func,
+  overwrite: l.oneOfType([l.bool, l.oneOf(["shift"])]),
+  eager: l.oneOfType([l.bool, l.oneOf(["append", "remove"])]),
+  skipInvalid: l.bool,
   // events
-  onAccept: o.func,
-  onComplete: o.func,
+  onAccept: l.func,
+  onComplete: l.func,
   // pattern
-  placeholderChar: o.string,
-  displayChar: o.string,
-  lazy: o.bool,
-  definitions: o.object,
-  blocks: o.object,
+  placeholderChar: l.string,
+  displayChar: l.string,
+  lazy: l.bool,
+  definitions: l.object,
+  blocks: l.object,
   // enum
-  enum: o.arrayOf(o.string),
+  enum: l.arrayOf(l.string),
   // range
-  maxLength: o.number,
-  from: o.number,
-  to: o.number,
+  maxLength: l.number,
+  from: l.number,
+  to: l.number,
   // date
-  pattern: o.string,
-  format: o.func,
-  parse: o.func,
-  autofix: o.oneOfType([o.bool, o.oneOf(["pad"])]),
+  pattern: l.string,
+  format: l.func,
+  parse: l.func,
+  autofix: l.oneOfType([l.bool, l.oneOf(["pad"])]),
   // number
-  radix: o.string,
-  thousandsSeparator: o.string,
-  mapToRadix: o.arrayOf(o.string),
-  scale: o.number,
-  normalizeZeros: o.bool,
-  padFractionalZeros: o.bool,
-  min: o.oneOfType([o.number, o.instanceOf(Date)]),
-  max: o.oneOfType([o.number, o.instanceOf(Date)]),
+  radix: l.string,
+  thousandsSeparator: l.string,
+  mapToRadix: l.arrayOf(l.string),
+  scale: l.number,
+  normalizeZeros: l.bool,
+  padFractionalZeros: l.bool,
+  min: l.oneOfType([l.number, l.instanceOf(Date)]),
+  max: l.oneOfType([l.number, l.instanceOf(Date)]),
   // dynamic
-  dispatch: o.func,
+  dispatch: l.func,
   // ref
-  inputRef: o.oneOfType([o.func, o.shape({
-    current: o.object
+  inputRef: l.oneOfType([l.func, l.shape({
+    current: l.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) {
@@ -3623,8 +3621,8 @@ function Kn(t) {
       if (i.mask)
         this.maskRef ? (this.maskRef.updateOptions(i), "value" in a && a.value !== void 0 && (this.maskValue = a.value)) : this.initMask(i);
       else if (this.destroyMask(), "value" in a && a.value !== void 0) {
-        var l;
-        (l = this.element) != null && l.isContentEditable && this.element.tagName !== "INPUT" && this.element.tagName !== "TEXTAREA" ? this.element.textContent = a.value : this.element.value = a.value;
+        var o;
+        (o = this.element) != null && o.isContentEditable && this.element.tagName !== "INPUT" && this.element.tagName !== "TEXTAREA" ? this.element.textContent = a.value : this.element.value = a.value;
       }
     }
     componentWillUnmount() {
@@ -3643,16 +3641,16 @@ function Kn(t) {
       const {
         ...i
       } = a;
-      return Object.keys(i).filter((l) => Xn.indexOf(l) < 0).forEach((l) => {
-        delete i[l];
+      return Object.keys(i).filter((o) => Xn.indexOf(o) < 0).forEach((o) => {
+        delete i[o];
       }), i;
     }
     _extractNonMaskProps(a) {
       const {
         ...i
       } = a;
-      return ws.forEach((l) => {
-        l !== "maxLength" && delete i[l];
+      return ws.forEach((o) => {
+        o !== "maxLength" && delete i[o];
       }), "defaultValue" in i || (i.defaultValue = a.mask ? "" : i.value), delete i.value, i;
     }
     get maskValue() {
@@ -3700,7 +3698,7 @@ function Qn(t, e) {
     ref: r = Qe(null),
     defaultValue: a,
     defaultUnmaskedValue: i,
-    defaultTypedValue: l
+    defaultTypedValue: o
   } = e === void 0 ? {} : e;
   const u = Qe(null), [d, h] = P({}), [f, _] = P(""), [y, E] = P(""), [v, m] = P(), F = xe(() => {
     var p;
@@ -3738,7 +3736,7 @@ function Qn(t, e) {
     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 && E(i), l !== void 0 && m(l));
+    x ? x == null || x.updateOptions(t) : p && t != null && t.mask && (u.current = D(p, t), j(), a !== void 0 && _(a), i !== void 0 && E(i), o !== void 0 && m(o));
   }, [t, F, A]), Q(() => {
     if (!u.current) return;
     const p = u.current;
@@ -3925,7 +3923,7 @@ const Se = {
   testId: r = Se.props.testId.default,
   className: a
 }) => {
-  const i = Qe(null), [l, u] = P(0), [d, h] = P(0), [f, _] = P(!1), y = e && Se.props.position.options.find(
+  const i = Qe(null), [o, u] = P(0), [d, h] = P(0), [f, _] = P(!1), y = e && Se.props.position.options.find(
     (F) => F === e
   ) && `${Se.class}--${e}`, E = s && Se.props.placement.options.find(
     (F) => F === s
@@ -3939,26 +3937,26 @@ const Se = {
   switch (e) {
     case "top":
       s === "initial" ? v = {
-        bottom: l + m,
+        bottom: o + m,
         left: -m
       } : s === "end" ? v = {
-        bottom: l + m,
+        bottom: o + m,
         right: -m
       } : v = {
-        bottom: l + m,
+        bottom: o + m,
         left: "50%",
         transform: "translateX(-50%)"
       };
       break;
     case "bottom":
       s === "initial" ? v = {
-        top: l + m,
+        top: o + m,
         left: -m
       } : s === "end" ? v = {
-        top: l + m,
+        top: o + m,
         right: -m
       } : v = {
-        top: l + m,
+        top: o + m,
         left: "50%",
         transform: "translateX(-50%)"
       };
@@ -4021,10 +4019,10 @@ const Se = {
   );
 };
 He.propTypes = {
-  position: o.string,
-  placement: o.string,
-  text: o.oneOfType([o.string, o.node]),
-  testId: o.string
+  position: l.string,
+  placement: l.string,
+  text: l.oneOfType([l.string, l.node]),
+  testId: l.string
 };
 He.displayName = "DsTooltip";
 const et = ke.forwardRef(
@@ -4036,7 +4034,7 @@ const et = ke.forwardRef(
     size: r = K.props.size.default,
     label: a,
     placeholder: i,
-    value: l,
+    value: o,
     min: u,
     max: d,
     tooltip: h = K.props.tooltip.default,
@@ -4069,13 +4067,13 @@ const et = ke.forwardRef(
         };
         p(k);
       }
-    }, oe = be(() => typeof C == "object" ? { lazy: !0, ...C } : Qt[C] ? {
+    }, le = be(() => typeof C == "object" ? { lazy: !0, ...C } : Qt[C] ? {
       ...Qt[C],
       min: u,
       max: d,
       lazy: !0
-    } : { mask: C || "", min: u, max: d, lazy: !0 }, [C]), { ref: ve, setUnmaskedValue: Te } = Qn(
-      oe,
+    } : { mask: C ?? "", min: u, max: d, lazy: !0 }, [C]), { ref: ve, setUnmaskedValue: Te } = Qn(
+      le,
       {
         onAccept: Ve
       }
@@ -4094,11 +4092,11 @@ const et = ke.forwardRef(
       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`), E && T.push(`${K.class}--${E}`), A && T.push(A), T.join(" ");
     }, $ = be(() => {
       const T = [`${K.class}__label`];
-      return (te || l) && T.push(`${K.class}__label--active`), T.join(" ");
-    }, [l, te]), L = () => !n && i ? i : "", U = () => E && E === "error" ? "info" : "check_circle";
+      return (te || o) && T.push(`${K.class}__label--active`), T.join(" ");
+    }, [o, te]), L = () => !n && i ? i : "", U = () => E && E === "error" ? "info" : "check_circle";
     return Q(() => {
-      C && Te(l || "");
-    }, [l, C, Te]), /* @__PURE__ */ I("div", { className: w(), ref: O, children: [
+      C && Te(o ?? "");
+    }, [o, C, Te]), /* @__PURE__ */ I("div", { className: w(), ref: O, children: [
       m && /* @__PURE__ */ c("div", { className: "ds-input__feedback", children: v && /* @__PURE__ */ I(pt, { children: [
         /* @__PURE__ */ c(G, { image: U() }),
         v
@@ -4121,7 +4119,7 @@ const et = ke.forwardRef(
           placeholder: L(),
           ref: ve,
           type: R,
-          ...!C && { value: l || "" }
+          ...!C && { value: o ?? "" }
         }
       ),
       /* @__PURE__ */ I("label", { className: $, htmlFor: t, children: [
@@ -4151,28 +4149,28 @@ const et = ke.forwardRef(
   }
 );
 et.propTypes = {
-  name: o.string,
-  testId: o.string,
-  type: o.oneOf(K.props.type.options),
-  animated: o.bool,
-  size: o.oneOf(K.props.size.options),
-  label: o.string,
-  placeholder: o.string,
-  value: o.oneOfType([o.string]),
-  min: o.string,
-  max: o.string,
-  tooltip: o.string,
-  tooltipPosition: o.string,
-  tooltipPlacement: o.string,
-  icon: o.string,
-  status: o.oneOf(K.props.status.options),
-  feedback: o.string,
-  hasFeedback: o.bool,
-  noMargin: o.bool,
-  disabled: o.bool,
-  mask: o.oneOfType([o.string, o.object]),
-  onChangeHandler: o.func,
-  onFocusHandler: o.func
+  name: l.string,
+  testId: l.string,
+  type: l.oneOf(K.props.type.options),
+  animated: l.bool,
+  size: l.oneOf(K.props.size.options),
+  label: l.string,
+  placeholder: l.string,
+  value: l.oneOfType([l.string]),
+  min: l.string,
+  max: l.string,
+  tooltip: l.string,
+  tooltipPosition: l.string,
+  tooltipPlacement: l.string,
+  icon: l.string,
+  status: l.oneOf(K.props.status.options),
+  feedback: l.string,
+  hasFeedback: l.bool,
+  noMargin: l.bool,
+  disabled: l.bool,
+  mask: l.oneOfType([l.string, l.object]),
+  onChangeHandler: l.func,
+  onFocusHandler: l.func
 };
 et.displayName = "DsInput";
 var Ns = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(Ns || {}), Bs = /* @__PURE__ */ ((t) => (t.None = "", t.Neutral20 = "neutral-20", t.Neutral10 = "neutral-10", t.Neutral05 = "neutral-05", t.Neutral00 = "neutral-00", t))(Bs || {});
@@ -4216,13 +4214,13 @@ const de = {
   fullscreen: a = de.props.fullscreen.default,
   backgroundColor: i = de.props.backgroundColor.default
 }) => {
-  const l = !a && `${de.class}--absolute`, u = n && `${de.class}__dots--${n}`, d = i && de.props.backgroundColor.options.find(
+  const o = !a && `${de.class}--absolute`, u = n && `${de.class}__dots--${n}`, d = i && de.props.backgroundColor.options.find(
     (f) => f === i
   ) && `${de.class}__background--${i}`, h = r && `${de.class}__background--opacity`;
   return /* @__PURE__ */ I(
     "div",
     {
-      className: [de.class, s, l].filter((f) => f).join(" "),
+      className: [de.class, s, o].filter((f) => f).join(" "),
       "data-testid": e,
       id: t,
       children: [
@@ -4248,12 +4246,12 @@ const de = {
   );
 };
 $t.propTypes = {
-  id: o.string,
-  testId: o.string,
-  size: o.oneOf(de.props.size.options),
-  opacity: o.bool,
-  fullscreen: o.bool,
-  backgroundColor: o.string
+  id: l.string,
+  testId: l.string,
+  size: l.oneOf(de.props.size.options),
+  opacity: l.bool,
+  fullscreen: l.bool,
+  backgroundColor: l.string
 };
 $t.displayName = "DsLoading";
 const Fe = {
@@ -4302,13 +4300,13 @@ const Fe = {
   label: e,
   detail: s,
   name: n,
-  testId: r = n || "ds-option-test",
+  testId: r = n ?? "ds-option-test",
   disabled: a = Fe.props.disabled.default,
   value: i,
-  checked: l = Fe.props.checked.default,
+  checked: o = Fe.props.checked.default,
   onChangeHandler: u = Fe.props.onChangeHandler.default
 }) => {
-  const [d] = P(Math.random());
+  const [d] = P(crypto.randomUUID());
   return /* @__PURE__ */ I("div", { className: (() => {
     const f = [Fe.class];
     return a && f.push(`${Fe.class}--disabled`), f.join(" ");
@@ -4316,10 +4314,10 @@ const Fe = {
     /* @__PURE__ */ c(
       "input",
       {
-        checked: l,
+        checked: o,
         "data-testid": r,
         disabled: a,
-        id: t || String(d),
+        id: t ?? String(d),
         name: n,
         onChange: u,
         type: "radio",
@@ -4330,7 +4328,7 @@ const Fe = {
       G,
       {
         className: `${Fe.class}__icon`,
-        image: l ? "radio_button_checked" : "radio_button_unchecked",
+        image: o ? "radio_button_checked" : "radio_button_unchecked",
         size: "xxl"
       }
     ),
@@ -4339,7 +4337,7 @@ const Fe = {
         "label",
         {
           className: `${Fe.class}__label`,
-          htmlFor: t || String(d),
+          htmlFor: t ?? String(d),
           children: e
         }
       ),
@@ -4347,7 +4345,7 @@ const Fe = {
         "label",
         {
           className: `${Fe.class}__detail`,
-          htmlFor: t || String(d),
+          htmlFor: t ?? String(d),
           children: s
         }
       )
@@ -4355,19 +4353,19 @@ const Fe = {
   ] });
 };
 $s.propTypes = {
-  id: o.string,
-  name: o.string,
-  testId: o.string,
-  label: o.oneOfType([o.string, o.node]),
-  value: o.oneOfType([o.string, o.number]),
-  detail: o.string,
-  disabled: o.bool,
-  checked: o.bool,
-  onChangeHandler: o.func
+  id: l.string,
+  name: l.string,
+  testId: l.string,
+  label: l.oneOfType([l.string, l.node]),
+  value: l.oneOfType([l.string, l.number]),
+  detail: l.string,
+  disabled: l.bool,
+  checked: l.bool,
+  onChangeHandler: l.func
 };
 $s.displayName = "DsOption";
 var Ms = /* @__PURE__ */ ((t) => (t.Default = "", t.Large = "large", t.Small = "small", t))(Ms || {});
-const ot = {
+const lt = {
   name: "Paragraph",
   class: "ds-paragraph",
   props: {
@@ -4381,22 +4379,22 @@ const ot = {
   children: t,
   className: e,
   testId: s = "ds-paragraph-test",
-  type: n = ot.props.type.default
+  type: n = lt.props.type.default
 }) => {
-  const r = n && `${ot.class}--${n}`;
+  const r = n && `${lt.class}--${n}`;
   return /* @__PURE__ */ c(
     "p",
     {
-      className: [ot.class, r, e].filter((a) => a).join(" "),
+      className: [lt.class, r, e].filter((a) => a).join(" "),
       "data-testid": s,
       children: t
     }
   );
 };
 Re.propTypes = {
-  className: o.string,
-  testId: o.string,
-  type: o.oneOf(ot.props.type.options)
+  className: l.string,
+  testId: l.string,
+  type: l.oneOf(lt.props.type.options)
 };
 Re.displayName = "DsParagraph";
 var Vs = /* @__PURE__ */ ((t) => (t.Success = "success", t.SuccessDark = "success-dark", t.Warning = "warning", t.Danger = "danger", t))(Vs || {});
@@ -4474,7 +4472,7 @@ const Le = {
   flexDirection: r = Le.props.flexDirection.default,
   flexWrap: a = Le.props.flexWrap.default,
   width: i = Le.props.width.default,
-  height: l,
+  height: o,
   gap: u
 }) => {
   const d = () => {
@@ -4487,20 +4485,20 @@ const Le = {
     flexDirection: r,
     flexWrap: a,
     width: i,
-    height: l,
+    height: o,
     gap: u
   });
   return /* @__PURE__ */ c("div", { className: d(), style: h(), children: t });
 };
 Me.propTypes = {
-  className: o.string,
-  justifyContent: o.string,
-  alignItems: o.string,
-  flexDirection: o.string,
-  flexWrap: o.string,
-  width: o.string,
-  height: o.string,
-  gap: o.string
+  className: l.string,
+  justifyContent: l.string,
+  alignItems: l.string,
+  flexDirection: l.string,
+  flexWrap: l.string,
+  width: l.string,
+  height: l.string,
+  gap: l.string
 };
 Me.displayName = "DsFlexLayout";
 const Ct = {
@@ -4529,8 +4527,8 @@ const Ct = {
   return /* @__PURE__ */ c("div", { className: n(), style: r(), children: t });
 };
 ne.propTypes = {
-  className: o.string,
-  flex: o.string
+  className: l.string,
+  flex: l.string
 };
 ne.displayName = "DsFlexElement";
 var Dt = /* @__PURE__ */ ((t) => (t.None = "none", t.Quark = "quark", t.Nano = "nano", t.XXXS = "xxxs", t.XXS = "xxs", t.XS = "xs", t.SM = "sm", t))(Dt || {});
@@ -4563,8 +4561,8 @@ const Ge = {
   );
 };
 ge.propTypes = {
-  vertical: o.oneOf(Ge.props.vertical.options),
-  horizontal: o.oneOf(Ge.props.horizontal.options)
+  vertical: l.oneOf(Ge.props.vertical.options),
+  horizontal: l.oneOf(Ge.props.horizontal.options)
 };
 ge.displayName = "DsSpacer";
 const zs = ({
@@ -4613,9 +4611,9 @@ const zs = ({
   ] }) });
 };
 zs.propTypes = {
-  label: o.string,
-  progress: o.number,
-  color: o.string
+  label: l.string,
+  progress: l.number,
+  color: l.string
 };
 var Hs = /* @__PURE__ */ ((t) => (t.Small = "sm", t.Medium = "md", t.Large = "lg", t))(Hs || {}), Ws = /* @__PURE__ */ ((t) => (t.Default = "", t.Error = "error", t.Success = "success", t))(Ws || {}), Ys = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Initial = "initial", t))(Ys || {}), Xs = /* @__PURE__ */ ((t) => (t.Top = "top", t.Right = "right", t.Bottom = "bottom", t.Left = "left", t))(Xs || {});
 const Z = {
@@ -4701,7 +4699,7 @@ const Z = {
     multiple: r = Z.props.multiple.default,
     testId: a = Z.props.testId.default,
     name: i,
-    options: l,
+    options: o,
     value: u,
     placeholder: d,
     onChange: h,
@@ -4767,14 +4765,14 @@ const Z = {
           ...j,
           children: [
             (d || n) && /* @__PURE__ */ c("option", { disabled: !0, value: "", children: d ?? t }),
-            l == null ? void 0 : l.map((O, te) => {
+            o == null ? void 0 : o.map((O, te) => {
               var ue;
               return "options" in O ? /* @__PURE__ */ c("optgroup", { label: O.label, children: (ue = O.options) == null ? void 0 : ue.map((ce, Ae) => /* @__PURE__ */ c(
                 "option",
                 {
                   className: `${Z.class}__option-select`,
                   value: ce.value,
-                  children: ce.label || ce.value
+                  children: ce.label ?? ce.value
                 },
                 Ae
               )) }, te) : /* @__PURE__ */ c(
@@ -4782,7 +4780,7 @@ const Z = {
                 {
                   className: `${Z.class}__option-select`,
                   value: O.value,
-                  children: O.label || O.value
+                  children: O.label ?? O.value
                 },
                 te
               );
@@ -4804,24 +4802,24 @@ const Z = {
   }
 );
 Ks.propTypes = {
-  label: o.string.isRequired,
-  className: o.string,
-  disabled: o.bool,
-  animated: o.bool,
-  multiple: o.bool,
-  name: o.string,
-  testId: o.string,
-  options: o.array.isRequired,
-  placeholder: o.string,
-  onChange: o.func,
-  onChangeHandler: o.func,
-  value: o.oneOfType([o.string, o.number]),
-  size: o.oneOf(Z.props.size.options),
-  status: o.oneOf(Z.props.status.options),
-  tooltip: o.string,
-  tooltipPosition: o.string,
-  tooltipPlacement: o.string,
-  feedback: o.string
+  label: l.string.isRequired,
+  className: l.string,
+  disabled: l.bool,
+  animated: l.bool,
+  multiple: l.bool,
+  name: l.string,
+  testId: l.string,
+  options: l.array.isRequired,
+  placeholder: l.string,
+  onChange: l.func,
+  onChangeHandler: l.func,
+  value: l.oneOfType([l.string, l.number]),
+  size: l.oneOf(Z.props.size.options),
+  status: l.oneOf(Z.props.status.options),
+  tooltip: l.string,
+  tooltipPosition: l.string,
+  tooltipPlacement: l.string,
+  feedback: l.string
 };
 Ks.displayName = "DsSelect";
 var Gs = /* @__PURE__ */ ((t) => (t.Large = "large", t.Small = "small", t))(Gs || {});
@@ -4948,7 +4946,7 @@ const se = {
     label: r,
     placeholder: a,
     value: i,
-    minLength: l,
+    minLength: o,
     maxLength: u,
     tooltip: d,
     icon: h,
@@ -4967,11 +4965,11 @@ const se = {
     description: N,
     style: W
   }, O) => {
-    const [te, ue] = P(!1), [ce, Ae] = P(0), [me, Ve] = P(Math.random());
+    const [te, ue] = P(!1), [ce, Ae] = P(0), [me, Ve] = P(crypto.randomUUID());
     Q(() => {
-      i == null && Ve(Math.random());
+      i == null && Ve(crypto.randomUUID());
     }, [i]);
-    const oe = (w) => {
+    const le = (w) => {
       Ae(w.target.value.length), F && F(w);
     }, ve = (w) => {
       A && A(w);
@@ -4987,7 +4985,7 @@ const se = {
       return (te || i) && w.push(`${se.class}__label--active`), w.join(" ");
     }, [i, te]), V = () => !s && a ? a : "", B = () => f && f === "error" ? "info" : "check_circle", R = {
       resize: m,
-      ...W || {}
+      ...W ?? {}
     };
     return /* @__PURE__ */ I("div", { className: g(), children: [
       N && /* @__PURE__ */ c("span", { className: "ds-textarea__description", children: N }),
@@ -5001,14 +4999,14 @@ const se = {
           className: "ds-textarea__textarea",
           cols: x,
           "data-testid": e,
-          defaultValue: i || "",
+          defaultValue: i ?? "",
           disabled: y,
           id: t,
           maxLength: u,
-          minLength: l,
+          minLength: o,
           name: t,
           onBlur: Te,
-          onChange: oe,
+          onChange: le,
           onFocus: Ne,
           onKeyDown: ve,
           placeholder: V(),
@@ -5037,30 +5035,30 @@ const se = {
   }
 );
 tn.propTypes = {
-  name: o.string,
-  testId: o.string,
-  animated: o.bool,
-  size: o.oneOf(se.props.size.options),
-  label: o.string,
-  placeholder: o.string,
-  value: o.oneOfType([o.string]),
-  tooltip: o.string,
-  icon: o.string,
-  status: o.oneOf(se.props.status.options),
-  feedback: o.string,
-  minLength: o.number,
-  maxLength: o.number,
-  rows: o.number,
-  cols: o.number,
-  disabled: o.bool,
-  required: o.bool,
-  onChangeHandler: o.func,
-  onBlur: o.func,
-  onKeyDown: o.func,
-  onFocus: o.func,
-  resize: o.oneOf(se.props.resize.options).isRequired,
-  description: o.string,
-  style: o.object
+  name: l.string,
+  testId: l.string,
+  animated: l.bool,
+  size: l.oneOf(se.props.size.options),
+  label: l.string,
+  placeholder: l.string,
+  value: l.oneOfType([l.string]),
+  tooltip: l.string,
+  icon: l.string,
+  status: l.oneOf(se.props.status.options),
+  feedback: l.string,
+  minLength: l.number,
+  maxLength: l.number,
+  rows: l.number,
+  cols: l.number,
+  disabled: l.bool,
+  required: l.bool,
+  onChangeHandler: l.func,
+  onBlur: l.func,
+  onKeyDown: l.func,
+  onFocus: l.func,
+  resize: l.oneOf(se.props.resize.options).isRequired,
+  description: l.string,
+  style: l.object
 };
 tn.displayName = "DsTextArea";
 const nt = {
@@ -5095,11 +5093,11 @@ const nt = {
   );
 };
 Mt.propTypes = {
-  children: o.node,
-  fluid: o.bool,
-  className: o.string,
-  style: o.object,
-  testId: o.string
+  children: l.node,
+  fluid: l.bool,
+  className: l.string,
+  style: l.object,
+  testId: l.string
 };
 Mt.displayName = "DsContainer";
 var sn = /* @__PURE__ */ ((t) => (t.Quark = "quark", t.Nano = "nano", t.ExtraSmall = "xs", t.Small = "sm", t.Medium = "md", t.Large = "lg", t))(sn || {}), It = /* @__PURE__ */ ((t) => (t.Start = "start", t.End = "end", t.Center = "center", t.Stretch = "stretch", t.SpaceAround = "space-around", t.SpaceBetween = "space-between", t.SpaceEvenly = "space-evenly", t))(It || {});
@@ -5171,7 +5169,7 @@ const nn = ({
   hGap: r = ee.props.hGap.default,
   horizontalAlign: a = ee.props.horizontalAlign.default,
   verticalAlign: i = ee.props.verticalAlign.default,
-  width: l = ee.props.width.default,
+  width: o = ee.props.width.default,
   height: u = ee.props.height.default
 }) => {
   const d = n && `${ee.class}__v-gap--${s}`, h = r && `${ee.class}__h-gap--${s}`, f = a && ee.props.horizontalAlign.options.find(
@@ -5194,7 +5192,7 @@ const nn = ({
         h
       ].filter((A) => A).join(" "),
       style: {
-        width: l,
+        width: o,
         height: u,
         gridTemplateColumns: j(),
         gridTemplateRows: F()
@@ -5204,35 +5202,35 @@ const nn = ({
   );
 };
 nn.propTypes = {
-  children: o.oneOfType([
-    o.arrayOf(o.node),
-    o.node,
-    o.func
+  children: l.oneOfType([
+    l.arrayOf(l.node),
+    l.node,
+    l.func
   ]),
-  rows: o.string,
-  gap: o.oneOf(ee.props.gap.options),
-  vGap: o.bool,
-  hGap: o.bool,
-  width: o.string,
-  height: o.string,
-  horizontalAlign: o.oneOf(
+  rows: l.string,
+  gap: l.oneOf(ee.props.gap.options),
+  vGap: l.bool,
+  hGap: l.bool,
+  width: l.string,
+  height: l.string,
+  horizontalAlign: l.oneOf(
     ee.props.horizontalAlign.options
   ),
-  verticalAlign: o.oneOf(ee.props.verticalAlign.options)
+  verticalAlign: l.oneOf(ee.props.verticalAlign.options)
 };
 nn.displayName = "DsGridLayout";
 const ts = () => typeof window < "u" && window.innerWidth ? window.innerWidth : 0, tr = ({ children: t, grid: e }) => {
-  const { row: s, col: n, mobileRow: r, mobileCol: a } = e, [i, l] = P(ts());
+  const { row: s, col: n, mobileRow: r, mobileCol: a } = e, [i, o] = P(ts());
   Q(() => {
     const d = () => {
-      l(ts());
+      o(ts());
     };
     if (typeof window < "u")
       return window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
   }, []);
   const u = be(() => i <= 768 ? {
-    gridRow: r || s,
-    gridColumn: a || n
+    gridRow: r ?? s,
+    gridColumn: a ?? n
   } : {
     gridRow: s,
     gridColumn: n
@@ -5292,14 +5290,14 @@ const _e = {
   bottom: r = _e.props.bottom.default,
   left: a = _e.props.left.default
 }) => {
-  const i = s && `${_e.class}__top--${s}`, l = n && `${_e.class}__right--${n}`, u = r && `${_e.class}__bottom--${r}`, d = a && `${_e.class}__left--${a}`, h = e && `${_e.class}--${e}`;
+  const i = s && `${_e.class}__top--${s}`, o = n && `${_e.class}__right--${n}`, u = r && `${_e.class}__bottom--${r}`, d = a && `${_e.class}__left--${a}`, h = e && `${_e.class}--${e}`;
   return /* @__PURE__ */ c(
     "div",
     {
       className: [
         _e.class,
         i,
-        l,
+        o,
         u,
         d,
         h
@@ -5386,10 +5384,10 @@ const wt = {
   );
 };
 Vt.propTypes = {
-  active: o.bool,
-  title: o.oneOfType([o.element, o.string]),
-  content: o.oneOfType([o.element, o.string]),
-  disabled: o.bool
+  active: l.bool,
+  title: l.oneOfType([l.element, l.string]),
+  content: l.oneOfType([l.element, l.string]),
+  disabled: l.bool
 };
 Vt.displayName = "DsAccordionItem";
 const rn = ({
@@ -5399,8 +5397,8 @@ const rn = ({
 }) => {
   const [n, r] = P(-1);
   Q(() => {
-    t.map((i, l) => {
-      i.active && r(l);
+    t.map((i, o) => {
+      i.active && r(o);
     });
   }, [t]), Q(() => {
     e != null && r(e);
@@ -5410,23 +5408,23 @@ 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: wt.class, children: t.map((i, o) => /* @__PURE__ */ c(
     Vt,
     {
-      active: n === l,
+      active: n === o,
       content: i.content,
       disabled: i.disabled,
       onToggle: () => {
-        a(l);
+        a(o);
       },
       title: i.title
     },
-    l
+    o
   )) });
 };
 rn.propTypes = {
-  items: o.array,
-  activeItem: o.number
+  items: l.array,
+  activeItem: l.number
 };
 rn.displayName = "DsAccordion";
 const sr = ({
@@ -5505,9 +5503,9 @@ const mr = {
   imageMaxHeight: r,
   imageMaxWidth: a
 }) => {
-  const [i, l] = P(0), [u, d] = P(!1), h = Qe(null);
+  const [i, o] = P(0), [u, d] = P(!1), h = Qe(null);
   Q(() => (u || (h.current = setInterval(() => {
-    l((y) => y === t.length - 1 ? 0 : y + 1);
+    o((y) => y === t.length - 1 ? 0 : y + 1);
   }, e)), () => {
     h.current && clearInterval(h.current);
   }), [u, e, t.length]);
@@ -5556,7 +5554,7 @@ const mr = {
           {
             "aria-label": `Go to slide ${E + 1}`,
             className: `dot ${i === E ? "dot--active" : ""}`,
-            onClick: () => l(E)
+            onClick: () => o(E)
           },
           E
         )) }) })
@@ -5565,19 +5563,19 @@ const mr = {
   );
 };
 nr.propTypes = {
-  slides: o.arrayOf(
-    o.shape({
-      title: o.string.isRequired,
-      image: o.string.isRequired,
-      description: o.string.isRequired
+  slides: l.arrayOf(
+    l.shape({
+      title: l.string.isRequired,
+      image: l.string.isRequired,
+      description: l.string.isRequired
     })
   ).isRequired,
-  interval: o.number,
+  interval: l.number,
   // in milliseconds
-  imageHeight: o.oneOfType([o.number, o.string]),
-  imageWidth: o.oneOfType([o.number, o.string]),
-  imageMaxHeight: o.oneOfType([o.number, o.string]),
-  imageMaxWidth: o.oneOfType([o.number, o.string])
+  imageHeight: l.oneOfType([l.number, l.string]),
+  imageWidth: l.oneOfType([l.number, l.string]),
+  imageMaxHeight: l.oneOfType([l.number, l.string]),
+  imageMaxWidth: l.oneOfType([l.number, l.string])
 };
 var an = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(an || {});
 const X = {
@@ -5665,7 +5663,7 @@ const X = {
   options: r = X.props.options.default,
   size: a = X.props.size.default,
   onChangeHandler: i = X.props.onChangeHandler.default,
-  onSelectHandler: l = X.props.onSelectHandler.default,
+  onSelectHandler: o = X.props.onSelectHandler.default,
   icon: u = X.props.icon.default,
   noOptionsMessage: d = X.props.noOptionsMessage.default,
   disabled: h = X.props.disabled.default,
@@ -5679,7 +5677,7 @@ const X = {
   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) => {
-    l(O), _(), C(Math.random().toString()), j(!1);
+    o(O), _(), C(crypto.randomUUID().toString()), j(!1);
   }, N = (O) => {
     h || x(O);
   };
@@ -5690,7 +5688,7 @@ const X = {
     "button",
     {
       className: `${X.class}__option  ${X.class}__option--${a}`,
-      "data-testid": `ds-option-${O.id || O.label}`,
+      "data-testid": `ds-option-${O.id ?? O.label}`,
       onClick: () => N(O),
       children: O.label
     },
@@ -5816,7 +5814,7 @@ const Ye = {
       }
     }
   }
-}, on = ({
+}, ln = ({
   name: t,
   value: e,
   prefix: s,
@@ -5825,7 +5823,7 @@ const Ye = {
   max: a,
   onChangeHandler: i
 }) => {
-  const l = Qe(null), [u, d] = P(!1), [h, f] = P("");
+  const o = Qe(null), [u, d] = P(!1), [h, f] = P("");
   Q(() => {
     f(e ?? "");
   }, [e]);
@@ -5839,7 +5837,7 @@ const Ye = {
     f(m.currentTarget.value);
   }, v = async () => {
     var m;
-    await d(!0), (m = l.current) == null || m.focus();
+    await d(!0), (m = o.current) == null || m.focus();
   };
   return /* @__PURE__ */ c("div", { className: ar.class, children: u ? /* @__PURE__ */ c(
     "input",
@@ -5852,7 +5850,7 @@ const Ye = {
       onBlur: y,
       onChange: E,
       onKeyDown: _,
-      ref: l,
+      ref: o,
       type: "number",
       value: h
     }
@@ -5872,11 +5870,11 @@ const Ye = {
     }
   ) });
 };
-on.propTypes = {
-  value: o.string
+ln.propTypes = {
+  value: l.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 || {});
+ln.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 || {}), on = /* @__PURE__ */ ((t) => (t.Squared = "squared", t.Rounded = "rounded", t))(on || {});
 const fe = {
   name: "Modal",
   class: "ds-modal",
@@ -5894,7 +5892,7 @@ const fe = {
     variant: {
       type: String,
       default: "rounded",
-      options: Object.values(ln)
+      options: Object.values(on)
     },
     cancelBtnText: {
       type: String,
@@ -5917,7 +5915,7 @@ const fe = {
   confirmBtnText: r = fe.props.confirmBtnText.default,
   variant: a = fe.props.variant.default,
   elevation: i,
-  isModalOpen: l = fe.props.isModalOpen.default,
+  isModalOpen: o = fe.props.isModalOpen.default,
   onClose: u,
   onCancel: d,
   onConfirm: h,
@@ -5929,9 +5927,9 @@ const fe = {
     },
     [u]
   );
-  return Q(() => (l && window && !E && window.addEventListener("keyup", v), () => {
+  return Q(() => (o && window && !E && window.addEventListener("keyup", v), () => {
     window.removeEventListener("keyup", v);
-  }), [E, v]), l ? /* @__PURE__ */ I(pt, { children: [
+  }), [E, v]), o ? /* @__PURE__ */ I(pt, { children: [
     /* @__PURE__ */ c(
       "div",
       {
@@ -5945,12 +5943,7 @@ const fe = {
     /* @__PURE__ */ I(
       "div",
       {
-        className: [
-          fe.class,
-          _,
-          y,
-          t && t
-        ].filter((m) => m).join(" "),
+        className: [fe.class, _, y, t].filter((m) => m).join(" "),
         "data-testid": "ds-modal",
         children: [
           !E && /* @__PURE__ */ c(
@@ -5995,18 +5988,18 @@ const fe = {
   ] }) : null;
 };
 un.propTypes = {
-  firstButtonText: o.string,
-  confirmBtnText: o.string,
-  cancelBtnText: o.string,
-  variant: o.oneOf(fe.props.variant.options),
-  elevation: o.oneOf(fe.props.elevation.options),
-  isModalOpen: o.bool,
-  title: o.node,
-  content: o.node
+  firstButtonText: l.string,
+  confirmBtnText: l.string,
+  cancelBtnText: l.string,
+  variant: l.oneOf(fe.props.variant.options),
+  elevation: l.oneOf(fe.props.elevation.options),
+  isModalOpen: l.bool,
+  title: l.node,
+  content: l.node
 };
 un.displayName = "DsModal";
 var cn = /* @__PURE__ */ ((t) => (t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Info = "info", t))(cn || {}), dn = /* @__PURE__ */ ((t) => (t.Rounded = "rounded", t.Squared = "squared", t))(dn || {});
-const le = {
+const oe = {
   name: "DsNotification",
   class: "ds-notification",
   props: {
@@ -6052,25 +6045,25 @@ const le = {
 var pn = /* @__PURE__ */ ((t) => (t.success = "check", t.danger = "error", t.warning = "warning", t.info = "info", t))(pn || {});
 const hn = ({
   className: t,
-  type: e = le.props.type.default,
-  variant: s = le.props.variant.default,
+  type: e = oe.props.type.default,
+  variant: s = oe.props.variant.default,
   id: n,
   children: r,
   message: a,
-  autoClose: i = le.props.autoClose.default,
-  autoCloseTimer: l = le.props.autoCloseTimer.default,
-  dismissible: u = le.props.dismissible.default,
+  autoClose: i = oe.props.autoClose.default,
+  autoCloseTimer: o = oe.props.autoCloseTimer.default,
+  dismissible: u = oe.props.dismissible.default,
   elevation: d,
-  progressBar: h = le.props.progressBar.default,
+  progressBar: h = oe.props.progressBar.default,
   handleClose: f,
-  testId: _ = le.props.testId.default
+  testId: _ = oe.props.testId.default
 }) => {
-  const [y, E] = P(l), [v, m] = P(!1), [F, j] = P(!0), A = [
-    le.class,
-    e && `${le.class}--${e}`,
-    s && `${le.class}--${s}`,
-    d && `${le.class}--elevation-${d}`,
-    t && t
+  const [y, E] = P(o), [v, m] = P(!1), [F, j] = P(!0), A = [
+    oe.class,
+    e && `${oe.class}--${e}`,
+    s && `${oe.class}--${s}`,
+    d && `${oe.class}--elevation-${d}`,
+    t
   ].join(" "), C = () => E((W) => (W === 0 && j(!1), W - 100));
   Q(() => {
     !i && !u && j(!0);
@@ -6078,7 +6071,7 @@ const hn = ({
     return !v && i && (W = setInterval(C, 100)), () => {
       clearInterval(W);
     };
-  }, [v, i, l, F, u]);
+  }, [v, i, o, F, u]);
   const p = () => {
     m(!0);
   }, x = () => {
@@ -6108,7 +6101,7 @@ const hn = ({
           /* @__PURE__ */ c(ne, { children: u ? /* @__PURE__ */ c(
             "div",
             {
-              className: `${le.class}__button`,
+              className: `${oe.class}__button`,
               "data-testid": `${_}-close`,
               onClick: (W) => N(W),
               children: /* @__PURE__ */ c(Ze, { children: /* @__PURE__ */ c(G, { image: "close" }) })
@@ -6118,10 +6111,10 @@ const hn = ({
         h && i && /* @__PURE__ */ c(
           "div",
           {
-            className: `${le.class}__progress-bar ${le.class}__progress-bar--${e}`,
+            className: `${oe.class}__progress-bar ${oe.class}__progress-bar--${e}`,
             "data-testid": `${_}-progress-bar`,
             style: {
-              width: `${y / l * 100}%`
+              width: `${y / o * 100}%`
             }
           }
         )
@@ -6180,7 +6173,7 @@ const At = {
   instructionLabel: s = At.props.instructionLabel.default,
   testId: n = At.props.testId.default
 }) => {
-  const [r, a] = P(""), [i, l] = P(""), [u, d] = P([]), [h, f] = P({
+  const [r, a] = P(""), [i, o] = P(""), [u, d] = P([]), [h, f] = P({
     score: 0,
     color: "danger",
     label: "Fraco"
@@ -6206,7 +6199,7 @@ const At = {
     [i, t, E]
   ), m = xe(
     (p) => {
-      l(p.currentTarget.value);
+      o(p.currentTarget.value);
       const x = E(r), N = A(x);
       t({
         password: r,
@@ -6296,10 +6289,10 @@ const At = {
   ] });
 };
 fn.propTypes = {
-  onChange: o.func,
-  validationList: o.array,
-  instructionLabel: o.string,
-  testId: o.string
+  onChange: l.func,
+  validationList: l.array,
+  instructionLabel: l.string,
+  testId: l.string
 };
 fn.displayName = "DsPasswordConfirmation";
 const ye = {
@@ -6315,14 +6308,14 @@ const ye = {
       default: 0
     }
   }
-}, or = ({
+}, lr = ({
   steps: t,
   selectedStep: e = ye.props.selectedStep.default,
   onChange: s
 }) => {
-  const [n, r] = P(e), a = (i, l) => {
+  const [n, r] = P(e), a = (i, o) => {
     const u = [`${ye.class}__button`];
-    return l !== i && u.push(`${ye.class}__button--round`), t[i] && t[i].disabled && u.push(`${ye.class}__button--disabled`), u.join(" ");
+    return o !== i && u.push(`${ye.class}__button--round`), t[i] && t[i].disabled && u.push(`${ye.class}__button--disabled`), u.join(" ");
   };
   return Q(() => {
     r(e);
@@ -6335,25 +6328,25 @@ const ye = {
       " de ",
       t == null ? void 0 : t.length
     ] }),
-    /* @__PURE__ */ c("div", { className: `${ye.class}__step`, children: t.map((i, l) => /* @__PURE__ */ c(
+    /* @__PURE__ */ c("div", { className: `${ye.class}__step`, children: t.map((i, o) => /* @__PURE__ */ c(
       "div",
       {
         className: `${ye.class}__content`,
         children: /* @__PURE__ */ c(
           "button",
           {
-            className: a(l, n),
-            "data-testid": `ds-button-${l}`,
+            className: a(o, n),
+            "data-testid": `ds-button-${o}`,
             disabled: i.disabled,
-            onClick: () => r(l),
+            onClick: () => r(o),
             children: /* @__PURE__ */ I("span", { className: `${ye.class}__text`, children: [
-              n === l ? /* @__PURE__ */ c(Ze, { bottom: "none", left: "nano", right: "nano", top: "none", children: /* @__PURE__ */ c(
+              n === o ? /* @__PURE__ */ c(Ze, { bottom: "none", left: "nano", right: "nano", top: "none", children: /* @__PURE__ */ c(
                 G,
                 {
                   className: `${ye.class}__icon`,
                   fill: !0,
                   image: i.icon,
-                  testId: `ds-icon-${l}`
+                  testId: `ds-icon-${o}`
                 }
               ) }) : /* @__PURE__ */ c(
                 G,
@@ -6361,10 +6354,10 @@ const ye = {
                   className: `${ye.class}__icon`,
                   fill: !0,
                   image: i.icon,
-                  testId: `ds-icon-${l}`
+                  testId: `ds-icon-${o}`
                 }
               ),
-              n === l && i.label
+              n === o && i.label
             ] })
           }
         )
@@ -6373,7 +6366,7 @@ const ye = {
     )) })
   ] });
 };
-or.displayName = "DsStepper";
+lr.displayName = "DsStepper";
 const Ce = {
   name: "Table",
   class: "ds-table",
@@ -6406,7 +6399,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 or = ({ 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(" "),
@@ -6425,7 +6418,7 @@ const lr = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", {
     ]
   }
 ) });
-lr.displayName = "DsTable";
+or.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",
@@ -6462,16 +6455,16 @@ const Be = {
   name: r,
   index: a,
   title: i,
-  onClick: l
+  onClick: o
 }) => {
   const u = [
     `${Be.class}__tab`,
     `${Be.class}__tab-color--${s}`,
     t && `${Be.class}__tab--active`,
     n && `${Be.class}__tab--disabled`,
-    e && e
+    e
   ].join(" "), d = (h) => {
-    l && !n && l(h);
+    o && !n && o(h);
   };
   return /* @__PURE__ */ c(
     "div",
@@ -6490,7 +6483,7 @@ const Be = {
   className: n,
   onChange: r
 }) => {
-  const [a, i] = P(s), l = (u) => {
+  const [a, i] = P(s), o = (u) => {
     i(u), r && r(u);
   };
   return Q(() => i(s), [s]), /* @__PURE__ */ I(
@@ -6507,7 +6500,7 @@ const Be = {
             color: e,
             index: d,
             key: d,
-            onClick: () => l(d)
+            onClick: () => o(d)
           }
         )) }),
         /* @__PURE__ */ c("div", { className: `${Be.class}__content`, children: t[a].content })
@@ -6519,9 +6512,9 @@ function cr({ 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 = {
-  library: o.string,
-  children: o.node.isRequired,
-  theme: o.string
+  library: l.string,
+  children: l.node.isRequired,
+  theme: l.string
 };
 var vn = /* @__PURE__ */ ((t) => (t.TopLeft = "top-left", t.TopCenter = "top-center", t.TopRight = "top-right", t.BottomLeft = "bottom-left", t.BottomCenter = "bottom-center", t.BottomRight = "bottom-right", t))(vn || {});
 const je = {
@@ -6553,12 +6546,12 @@ const je = {
     je.class,
     `${je.class}--${e}`,
     s && `${je.class}--fluid`,
-    t && t
-  ].join(" "), i = (l) => {
-    r && r(l);
+    t
+  ].join(" "), i = (o) => {
+    r && r(o);
   };
-  return /* @__PURE__ */ c("div", { className: a, "data-testid": "ds-notification-list", children: n.map((l) => {
-    const u = l.autoClose ?? !0, d = l.autoCloseTimer ?? 4e3, h = l.dismissible ?? !0, f = l.elevation ?? 2, _ = l.progressBar ?? !0;
+  return /* @__PURE__ */ c("div", { className: a, "data-testid": "ds-notification-list", children: n.map((o) => {
+    const u = o.autoClose ?? !0, d = o.autoCloseTimer ?? 4e3, h = o.dismissible ?? !0, f = o.elevation ?? 2, _ = o.progressBar ?? !0;
     return /* @__PURE__ */ c(
       hn,
       {
@@ -6566,21 +6559,21 @@ const je = {
         autoCloseTimer: d,
         dismissible: h,
         elevation: f,
-        handleClose: () => i(l.id),
-        id: l.id,
-        message: l.message,
+        handleClose: () => i(o.id),
+        id: o.id,
+        message: o.message,
         progressBar: _,
-        type: l.type
+        type: o.type
       },
-      l.id
+      o.id
     );
   }) });
 };
 _n.propTypes = {
-  position: o.oneOf(je.props.position.options),
-  fluid: o.bool,
-  notifications: o.array,
-  removeNotification: o.func
+  position: l.oneOf(je.props.position.options),
+  fluid: l.bool,
+  notifications: l.array,
+  removeNotification: l.func
 };
 _n.displayName = "DsNotificationList";
 const Xe = {
@@ -6592,7 +6585,7 @@ const Xe = {
   rightBackgroundColor: n,
   reverseOnMobile: r = !1
 }) => {
-  const a = s ? `bg-color__${s}` : "", i = n ? `bg-color__${n}` : "", l = r ? `${Xe.class}__content--mobile-order-2` : "", u = r ? `${Xe.class}__content--mobile-order-1` : "", d = `${Xe.class}__content ${a} ${l}`, h = `${Xe.class}__content ${i} ${u}`;
+  const a = s ? `bg-color__${s}` : "", i = n ? `bg-color__${n}` : "", o = r ? `${Xe.class}__content--mobile-order-2` : "", u = r ? `${Xe.class}__content--mobile-order-1` : "", d = `${Xe.class}__content ${a} ${o}`, h = `${Xe.class}__content ${i} ${u}`;
   return /* @__PURE__ */ I("div", { className: Xe.class, children: [
     /* @__PURE__ */ c("div", { className: d, children: t }),
     /* @__PURE__ */ c("div", { className: h, children: e })
@@ -6628,16 +6621,16 @@ const at = {
   /* @__PURE__ */ c(ge, { vertical: "sm" })
 ] });
 yn.propTypes = {
-  breadcrumb: o.node,
-  header: o.node,
-  main: o.node,
-  sidebar: o.node
+  breadcrumb: l.node,
+  header: l.node,
+  main: l.node,
+  sidebar: l.node
 };
 yn.displayName = "DsTwoColumns";
 export {
   rs as ButtonColor,
   In as ButtonElevation,
-  os as ButtonIconPosition,
+  ls as ButtonIconPosition,
   is as ButtonSize,
   as as ButtonVariant,
   Ft as CardColor,
@@ -6660,7 +6653,7 @@ export {
   Nt as DsHeading,
   G as DsIcon,
   vr as DsIndicator,
-  on as DsInlineEditable,
+  ln as DsInlineEditable,
   et as DsInput,
   $t as DsLoading,
   un as DsModal,
@@ -6673,9 +6666,9 @@ export {
   Ks as DsSelect,
   ge as DsSpacer,
   dr as DsSplitLayout,
-  or as DsStepper,
+  lr as DsStepper,
   Jn as DsSubtitle,
-  lr as DsTable,
+  or as DsTable,
   _r as DsTabs,
   tn as DsTextArea,
   He as DsTooltip,
@@ -6692,7 +6685,7 @@ export {
   ms as HRBorderStyle,
   vs as HRSize,
   gs as HeadingType,
-  ls as IconColor,
+  os as IconColor,
   cs as IconSize,
   us as IconVariation,
   ds as IconWeight,
@@ -6704,7 +6697,7 @@ export {
   Bs as LoadingBackgroundColor,
   Ns as LoadingSize,
   ir as ModalElevation,
-  ln as ModalVariant,
+  on as ModalVariant,
   vn as NotificationListPosition,
   cn as NotificationType,
   dn as NotificationVariant,
@@ -6747,10 +6740,10 @@ export {
   K as inputConfig,
   de as loadingConfig,
   fe as modalConfig,
-  le as notificationConfig,
+  oe as notificationConfig,
   je as notificationListConfig,
   Fe as optionConfig,
-  ot as paragraphConfig,
+  lt as paragraphConfig,
   At as passwordConfirmationConfig,
   Jt as progressConfig,
   Z as selectConfig,