@akad/design-system 1.1.8 → 1.1.9

package/react/react-lib.js

@@ -1,13 +1,13 @@
 import { jsx as c, jsxs as O, Fragment as yt } from "react/jsx-runtime";
-import Ce, { useMemo as ue, useState as U, useEffect as Z, useRef as Ye, useCallback as xe, useLayoutEffect as Rn, useId as us, forwardRef as Bn } from "react";
-const $n = "pushClickEvent: missing required field(s). Required: eventLabel";
-function Mn(t) {
+import De, { useMemo as ue, useState as U, useEffect as Z, useRef as Ye, useCallback as Ce, useLayoutEffect as Bn, useId as us, forwardRef as $n } from "react";
+const Mn = "pushClickEvent: missing required field(s). Required: eventLabel";
+function Vn(t) {
   return !!(t.eventLabel && typeof t.eventLabel == "string" && t.eventLabel.trim());
 }
-function Vn(t) {
+function Ln(t) {
   var n;
-  if (!Mn(t))
-    throw new Error($n);
+  if (!Vn(t))
+    throw new Error(Mn);
   if (!((n = globalThis.window) != null && n.dataLayer)) return;
   const e = {};
   Object.keys(t).forEach((a) => {
@@ -20,7 +20,7 @@ function Vn(t) {
   };
   globalThis.window.dataLayer.push(s);
 }
-function Ln(t) {
+function jn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Bt = { exports: {} }, ot = { exports: {} }, Y = {};
@@ -33,7 +33,7 @@ var Bt = { exports: {} }, ot = { exports: {} }, Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Yt;
-function jn() {
+function Pn() {
   if (Yt) return Y;
   Yt = 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, a = t ? Symbol.for("react.strict_mode") : 60108, r = 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, y = t ? Symbol.for("react.suspense_list") : 60120, _ = t ? Symbol.for("react.memo") : 60115, S = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, g = t ? Symbol.for("react.fundamental") : 60117, w = t ? Symbol.for("react.responder") : 60118, F = t ? Symbol.for("react.scope") : 60119;
@@ -98,7 +98,7 @@ function jn() {
     return typeof p == "string" || typeof p == "function" || p === n || p === d || p === r || p === a || p === f || p === y || typeof p == "object" && p !== null && (p.$$typeof === S || p.$$typeof === _ || p.$$typeof === i || p.$$typeof === o || p.$$typeof === h || p.$$typeof === g || p.$$typeof === w || p.$$typeof === F || p.$$typeof === v);
   }, Y.typeOf = x, Y;
 }
-var K = {};
+var X = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -107,9 +107,9 @@ var K = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Kt;
-function Pn() {
-  return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
+var Xt;
+function qn() {
+  return Xt || (Xt = 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, a = t ? Symbol.for("react.strict_mode") : 60108, r = 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, y = t ? Symbol.for("react.suspense_list") : 60120, _ = t ? Symbol.for("react.memo") : 60115, S = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, g = t ? Symbol.for("react.fundamental") : 60117, w = t ? Symbol.for("react.responder") : 60118, F = t ? Symbol.for("react.scope") : 60119;
     function x(k) {
       return typeof k == "string" || typeof k == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -147,9 +147,9 @@ function Pn() {
         }
       }
     }
-    var p = u, C = d, N = o, H = i, q = e, ae = h, $ = n, W = S, se = _, ne = s, he = r, re = a, le = f, Ee = !1;
+    var p = u, C = d, N = o, H = i, q = e, ae = h, $ = n, W = S, se = _, ne = s, he = r, re = a, le = f, we = !1;
     function ye(k) {
-      return Ee || (Ee = !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.")), m(k) || A(k) === u;
+      return we || (we = !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.")), m(k) || A(k) === u;
     }
     function m(k) {
       return A(k) === d;
@@ -187,12 +187,12 @@ function Pn() {
     function Q(k) {
       return A(k) === f;
     }
-    K.AsyncMode = p, K.ConcurrentMode = C, K.ContextConsumer = N, K.ContextProvider = H, K.Element = q, K.ForwardRef = ae, K.Fragment = $, K.Lazy = W, K.Memo = se, K.Portal = ne, K.Profiler = he, K.StrictMode = re, K.Suspense = le, K.isAsyncMode = ye, K.isConcurrentMode = m, K.isContextConsumer = E, K.isContextProvider = L, K.isElement = M, K.isForwardRef = B, K.isFragment = D, K.isLazy = V, K.isMemo = j, K.isPortal = z, K.isProfiler = b, K.isStrictMode = I, K.isSuspense = Q, K.isValidElementType = x, K.typeOf = A;
-  }()), K;
+    X.AsyncMode = p, X.ConcurrentMode = C, X.ContextConsumer = N, X.ContextProvider = H, X.Element = q, X.ForwardRef = ae, X.Fragment = $, X.Lazy = W, X.Memo = se, X.Portal = ne, X.Profiler = he, X.StrictMode = re, X.Suspense = le, X.isAsyncMode = ye, X.isConcurrentMode = m, X.isContextConsumer = E, X.isContextProvider = L, X.isElement = M, X.isForwardRef = B, X.isFragment = D, X.isLazy = V, X.isMemo = j, X.isPortal = z, X.isProfiler = b, X.isStrictMode = I, X.isSuspense = Q, X.isValidElementType = x, X.typeOf = A;
+  }()), X;
 }
-var Xt;
+var Kt;
 function cs() {
-  return Xt || (Xt = 1, process.env.NODE_ENV === "production" ? ot.exports = jn() : ot.exports = Pn()), ot.exports;
+  return Kt || (Kt = 1, process.env.NODE_ENV === "production" ? ot.exports = Pn() : ot.exports = qn()), ot.exports;
 }
 /*
 object-assign
@@ -200,7 +200,7 @@ object-assign
 @license MIT
 */
 var Et, Gt;
-function qn() {
+function Un() {
   if (Gt) return Et;
   Gt = 1;
   var t = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
@@ -257,7 +257,7 @@ function ds() {
   return Qt || (Qt = 1, At = Function.call.bind(Object.prototype.hasOwnProperty)), At;
 }
 var xt, Jt;
-function Un() {
+function zn() {
   if (Jt) return xt;
   Jt = 1;
   var t = function() {
@@ -306,10 +306,10 @@ function Un() {
   }, xt = a, xt;
 }
 var Ct, es;
-function zn() {
+function Hn() {
   if (es) return Ct;
   es = 1;
-  var t = cs(), e = qn(), s = Pt(), n = ds(), a = Un(), r = function() {
+  var t = cs(), e = Un(), s = Pt(), n = ds(), a = zn(), r = function() {
   };
   process.env.NODE_ENV !== "production" && (r = function(o) {
     var u = "Warning: " + o;
@@ -488,7 +488,7 @@ function zn() {
         var L = m[E];
         if (typeof L != "function")
           return r(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Ee(L) + " at index " + E + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + we(L) + " at index " + E + "."
           ), i;
       }
       function M(B, D, V, j, z) {
@@ -606,7 +606,7 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
       }
       return E;
     }
-    function Ee(m) {
+    function we(m) {
       var E = le(m);
       switch (E) {
         case "array":
@@ -627,7 +627,7 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
   }, Ct;
 }
 var Dt, ts;
-function Hn() {
+function Wn() {
   if (ts) return Dt;
   ts = 1;
   var t = Pt();
@@ -675,13 +675,13 @@ function Hn() {
   }, Dt;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Wn = cs(), Yn = !0;
-  Bt.exports = zn()(Wn.isElement, Yn);
+  var Yn = cs(), Xn = !0;
+  Bt.exports = Hn()(Yn.isElement, Xn);
 } else
-  Bt.exports = Hn()();
+  Bt.exports = Wn()();
 var Kn = Bt.exports;
-const l = /* @__PURE__ */ Ln(Kn);
-var ps = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.Secondary = "secondary", t.Info = "info", t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Neutral = "neutral", t))(ps || {}), hs = /* @__PURE__ */ ((t) => (t.Solid = "solid", t.Outline = "outline", t.Text = "text", t))(hs || {}), fs = /* @__PURE__ */ ((t) => (t.Large = "lg", t.Medium = "md", t.Small = "sm", t))(fs || {}), gs = /* @__PURE__ */ ((t) => (t.Right = "right", t.Left = "left", t))(gs || {}), Xn = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(Xn || {});
+const l = /* @__PURE__ */ jn(Kn);
+var ps = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.Secondary = "secondary", t.Info = "info", t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Neutral = "neutral", t))(ps || {}), hs = /* @__PURE__ */ ((t) => (t.Solid = "solid", t.Outline = "outline", t.Text = "text", t))(hs || {}), fs = /* @__PURE__ */ ((t) => (t.Large = "lg", t.Medium = "md", t.Small = "sm", t))(fs || {}), gs = /* @__PURE__ */ ((t) => (t.Right = "right", t.Left = "left", t))(gs || {}), Gn = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(Gn || {});
 const G = {
   name: "Button",
   class: "ds-button",
@@ -795,7 +795,7 @@ const be = {
   }
 };
 var nt = /* @__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))(nt || {});
-const Gn = {
+const Zn = {
   bold: 700,
   semibold: 600,
   medium: 500,
@@ -813,7 +813,7 @@ const Gn = {
   onClick: o = be.props.onClick.default
 }) => {
   const u = "material-symbols-rounded", d = e && be.props.color.options.find((f) => f === e) && `color__${nt[e] ?? e}`, h = ue(() => ({
-    fontVariationSettings: `'FILL' ${a ? 1 : 0}, 'GRAD' 0,'wght' ${Gn[r]}, 'opsz' 48`
+    fontVariationSettings: `'FILL' ${a ? 1 : 0}, 'GRAD' 0,'wght' ${Zn[r]}, 'opsz' 48`
   }), [r, a]);
   return /* @__PURE__ */ c(
     "i",
@@ -861,7 +861,7 @@ const ft = ({
   trackingData: S
 }) => {
   const v = n && G.props.size.options.find((H) => H === n) ? `${G.class}--${n}` : `${G.class}__${G.props.size.default}`, g = a && `${G.class}--disabled`, w = `${G.class}__${h}--${d}`, F = u && `${G.class}--elevation-${u}`, x = r && `${G.class}--with-icon`, A = _ ? `${G.class}--full-size` : "", p = y === "right" ? `${G.class}__icon` : `${G.class}__icon--left`, C = y === "right" ? `${G.class}__text` : `${G.class}__text--reversed`, N = (H) => {
-    S && Vn(S), s && s(H);
+    S && Ln(S), s && s(H);
   };
   return /* @__PURE__ */ c(
     "button",
@@ -909,7 +909,7 @@ ft.propTypes = {
   trackingData: l.object
 };
 ft.displayName = "DsButton";
-const Zn = {
+const Qn = {
   name: "Caption",
   class: "ds-caption"
 }, ks = ({
@@ -919,7 +919,7 @@ const Zn = {
 }) => /* @__PURE__ */ c(
   "p",
   {
-    className: [Zn.class, e].filter((n) => n).join(" "),
+    className: [Qn.class, e].filter((n) => n).join(" "),
     "data-testid": s,
     children: t
   }
@@ -930,8 +930,8 @@ ks.propTypes = {
   testId: l.string
 };
 ks.displayName = "DsCaption";
-var $t = /* @__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))($t || {}), Qn = /* @__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))(Qn || {});
-const Le = {
+var $t = /* @__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))($t || {}), bs = /* @__PURE__ */ ((t) => (t.None = "none", t.Quark = "quark", t.Nano = "nano", t.XXXS = "xxxs", t.XXS = "xxs", t.XS = "xs", t))(bs || {}), Jn = /* @__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))(Jn || {});
+const Se = {
   name: "Card",
   class: "ds-card",
   props: {
@@ -957,6 +957,11 @@ const Le = {
         /* Elevation4 */
       ]
     },
+    size: {
+      type: String,
+      default: "xxxs",
+      options: Object.values(bs)
+    },
     id: {
       type: String,
       default: ""
@@ -966,40 +971,42 @@ const Le = {
       default: "ds-card"
     }
   }
-}, bs = ({
+}, Ss = ({
   id: t,
-  testId: e = Le.props.testId.default,
+  testId: e = Se.props.testId.default,
   children: s,
   className: n,
-  elevation: a = Le.props.elevation.default,
-  backgroundColor: r = Le.props.backgroundColor.default,
-  borderColor: i = Le.props.borderColor.default
+  elevation: a = Se.props.elevation.default,
+  backgroundColor: r = Se.props.backgroundColor.default,
+  borderColor: i = Se.props.borderColor.default,
+  size: o = Se.props.size.default
 }) => {
-  const o = a && `elevation-${a}`, u = i && `border-color__${nt[i] ?? i}`, d = r && `bg-color__${nt[r] ?? r}`;
+  const u = a && `elevation-${a}`, d = i && `border-color__${nt[i] ?? i}`, h = r && `bg-color__${nt[r] ?? r}`, f = o && Se.props.size.options.find((y) => y === o) ? `${Se.class}--${o}` : `${Se.class}--${Se.props.size.default}`;
   return /* @__PURE__ */ c(
     "div",
     {
       className: [
-        Le.class,
+        Se.class,
         n,
-        o,
         u,
-        d
-      ].filter((h) => h).join(" "),
+        d,
+        h,
+        f
+      ].filter((y) => y).join(" "),
       "data-testid": e,
       id: t,
       children: s
     }
   );
 };
-bs.propTypes = {
+Ss.propTypes = {
   id: l.string,
   testId: l.string,
-  backgroundColor: l.oneOf(Le.props.backgroundColor.options),
-  borderColor: l.oneOf(Le.props.borderColor.options),
-  elevation: l.oneOf(Le.props.elevation.options)
+  backgroundColor: l.oneOf(Se.props.backgroundColor.options),
+  borderColor: l.oneOf(Se.props.borderColor.options),
+  elevation: l.oneOf(Se.props.elevation.options)
 };
-bs.displayName = "DsCard";
+Ss.displayName = "DsCard";
 const ge = {
   name: "Checkbox",
   class: "ds-checkbox",
@@ -1037,7 +1044,7 @@ const ge = {
       default: () => ({})
     }
   }
-}, Ss = Ce.forwardRef(
+}, Es = De.forwardRef(
   ({
     id: t,
     className: e,
@@ -1113,7 +1120,7 @@ const ge = {
     );
   }
 );
-Ss.propTypes = {
+Es.propTypes = {
   label: l.oneOfType([l.string, l.element]),
   name: l.string,
   className: l.string,
@@ -1122,21 +1129,21 @@ Ss.propTypes = {
   checked: l.bool,
   disabled: l.bool
 };
-Ss.displayName = "DsCheckbox";
-var Es = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.Secondary = "secondary", t.Info = "info", t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Neutral = "neutral", t))(Es || {}), ws = /* @__PURE__ */ ((t) => (t.Solid = "solid", t.Light = "light", t))(ws || {}), gt = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(gt || {});
-const Re = {
+Es.displayName = "DsCheckbox";
+var ws = /* @__PURE__ */ ((t) => (t.Primary = "primary", t.Secondary = "secondary", t.Info = "info", t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Neutral = "neutral", t))(ws || {}), As = /* @__PURE__ */ ((t) => (t.Solid = "solid", t.Light = "light", t))(As || {}), gt = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(gt || {});
+const Be = {
   name: "DsChip",
   class: "ds-chip",
   props: {
     color: {
       type: String,
       default: "primary",
-      options: Object.values(Es)
+      options: Object.values(ws)
     },
     variant: {
       type: String,
       default: "solid",
-      options: Object.values(ws)
+      options: Object.values(As)
     },
     iconPosition: {
       type: String,
@@ -1144,37 +1151,37 @@ const Re = {
       options: Object.values(gt)
     }
   }
-}, Ra = ({
+}, Ba = ({
   label: t,
-  color: e = Re.props.color.default,
-  variant: s = Re.props.variant.default,
+  color: e = Be.props.color.default,
+  variant: s = Be.props.variant.default,
   icon: n,
-  iconPosition: a = Re.props.iconPosition.default,
+  iconPosition: a = Be.props.iconPosition.default,
   className: r,
   title: i,
   testId: o = "ds-chip"
 }) => {
   const u = [
-    Re.class,
-    `${Re.class}__${e}--${s}`,
-    n && `${Re.class}--with-icon`,
-    n && `${Re.class}--icon-${a}`,
+    Be.class,
+    `${Be.class}__${e}--${s}`,
+    n && `${Be.class}--with-icon`,
+    n && `${Be.class}--icon-${a}`,
     r
   ].filter(Boolean).join(" "), d = n ? /* @__PURE__ */ c(
     "span",
     {
-      className: `${Re.class}__icon`,
+      className: `${Be.class}__icon`,
       "data-testid": `${o}-icon`,
       children: n
     }
   ) : null;
   return /* @__PURE__ */ O("span", { className: u, "data-testid": o, title: i, children: [
     a === gt.Left && d,
-    /* @__PURE__ */ c("span", { className: `${Re.class}__label`, children: t }),
+    /* @__PURE__ */ c("span", { className: `${Be.class}__label`, children: t }),
     a === gt.Right && d
   ] });
 };
-var As = /* @__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))(As || {});
+var xs = /* @__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))(xs || {});
 const et = {
   name: "Heading",
   class: "ds-heading",
@@ -1182,7 +1189,7 @@ const et = {
     type: {
       type: String,
       default: "heading-1",
-      options: Object.values(As)
+      options: Object.values(xs)
     }
   }
 }, qt = ({
@@ -1214,7 +1221,7 @@ qt.propTypes = {
   type: l.oneOf(et.props.type.options)
 };
 qt.displayName = "DsHeading";
-var xs = /* @__PURE__ */ ((t) => (t.None = "", t.Dashed = "dashed", t.Dotted = "dotted", t))(xs || {}), Cs = /* @__PURE__ */ ((t) => (t.None = "", t.Small = "small", t.Large = "large", t))(Cs || {});
+var Cs = /* @__PURE__ */ ((t) => (t.None = "", t.Dashed = "dashed", t.Dotted = "dotted", t))(Cs || {}), Ds = /* @__PURE__ */ ((t) => (t.None = "", t.Small = "small", t.Large = "large", t))(Ds || {});
 const He = {
   name: "HR",
   class: "ds-hr",
@@ -1222,12 +1229,12 @@ const He = {
     borderStyle: {
       type: String,
       default: "",
-      options: Object.values(xs)
+      options: Object.values(Cs)
     },
     size: {
       type: String,
       default: "",
-      options: Object.values(Cs)
+      options: Object.values(Ds)
     }
   }
 };
@@ -1235,7 +1242,7 @@ function ss(t, e, s) {
   const n = s.props[t];
   return n.options && n.options.some((a) => a === e) ? `${s.class}--${e}` : "";
 }
-const Ds = ({
+const Ts = ({
   size: t = He.props.size.default,
   borderStyle: e = He.props.borderStyle.default
 }) => {
@@ -1247,11 +1254,11 @@ const Ds = ({
     }
   );
 };
-Ds.propTypes = {
+Ts.propTypes = {
   size: l.oneOf(He.props.size.options),
   borderStyle: l.oneOf(He.props.borderStyle.options)
 };
-Ds.displayName = "DsHR";
+Ts.displayName = "DsHR";
 function je(t) {
   return typeof t == "string" || t instanceof String;
 }
@@ -1259,8 +1266,8 @@ function ns(t) {
   var e;
   return typeof t == "object" && t != null && (t == null || (e = t.constructor) == null ? void 0 : e.name) === "Object";
 }
-function Ts(t, e) {
-  return Array.isArray(e) ? Ts(t, (s, n) => e.includes(n)) : Object.entries(t).reduce((s, n) => {
+function Fs(t, e) {
+  return Array.isArray(e) ? Fs(t, (s, n) => e.includes(n)) : Object.entries(t).reduce((s, n) => {
     let [a, r] = n;
     return e(r, a) && (s[a] = r), s;
   }, {});
@@ -1272,7 +1279,7 @@ const T = {
   RIGHT: "RIGHT",
   FORCE_RIGHT: "FORCE_RIGHT"
 };
-function Jn(t) {
+function ea(t) {
   switch (t) {
     case T.LEFT:
       return T.FORCE_LEFT;
@@ -1310,7 +1317,7 @@ function mt(t, e) {
     return e.toString() === t.toString();
   return !1;
 }
-class ea {
+class ta {
   /** Current input value */
   /** Current cursor position */
   /** Old input value */
@@ -1360,7 +1367,7 @@ class ea {
 function R(t, e) {
   return new R.InputMask(t, e);
 }
-function Fs(t) {
+function Os(t) {
   if (t == null) throw new Error("mask property should be defined");
   return t instanceof RegExp ? R.MaskedRegExp : je(t) ? R.MaskedPattern : t === Date ? R.MaskedDate : t === Number ? R.MaskedNumber : Array.isArray(t) || t === Array ? R.MaskedDynamic : R.Masked && t.prototype instanceof R.Masked ? t : R.Masked && t instanceof R.Masked ? t.constructor : t instanceof Function ? R.MaskedFunction : (console.warn("Mask not found for mask", t), R.Masked);
 }
@@ -1379,7 +1386,7 @@ function at(t) {
     if (e) {
       const n = e.mask;
       return {
-        ...Ts(e, (a, r) => !r.startsWith("_")),
+        ...Fs(e, (a, r) => !r.startsWith("_")),
         mask: e.constructor,
         _mask: n,
         ...s
@@ -1392,13 +1399,13 @@ function at(t) {
     mask: t
   };
 }
-function Me(t) {
+function Ve(t) {
   if (R.Masked && t instanceof R.Masked) return t;
-  const e = at(t), s = Fs(e.mask);
+  const e = at(t), s = Os(e.mask);
   if (!s) throw new Error("Masked class is not found for provided mask " + e.mask + ", appropriate module needs to be imported manually before creating mask.");
   return e.mask === s && delete e.mask, e._mask && (e.mask = e._mask, delete e._mask), new s(e);
 }
-R.createMask = Me;
+R.createMask = Ve;
 class Ut {
   /** */
   /** */
@@ -1438,7 +1445,7 @@ class Ut {
   /** */
 }
 R.MaskElement = Ut;
-const as = 90, ta = 89;
+const as = 90, sa = 89;
 class _t extends Ut {
   /** HTMLElement to use mask on */
   constructor(e) {
@@ -1457,7 +1464,7 @@ class _t extends Ut {
     this.input.addEventListener("keydown", this._onKeydown), this.input.addEventListener("input", this._onInput), this.input.addEventListener("beforeinput", this._onBeforeinput), this.input.addEventListener("compositionend", this._onCompositionEnd), this.input.addEventListener("drop", e.drop), this.input.addEventListener("click", e.click), this.input.addEventListener("focus", e.focus), this.input.addEventListener("blur", e.commit), this._handlers = e;
   }
   _onKeydown(e) {
-    if (this._handlers.redo && (e.keyCode === as && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === ta && e.ctrlKey))
+    if (this._handlers.redo && (e.keyCode === as && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === sa && e.ctrlKey))
       return e.preventDefault(), this._handlers.redo(e);
     if (this._handlers.undo && e.keyCode === as && (e.metaKey || e.ctrlKey))
       return e.preventDefault(), this._handlers.undo(e);
@@ -1481,7 +1488,7 @@ class _t extends Ut {
   }
 }
 R.HTMLMaskElement = _t;
-class sa extends _t {
+class na extends _t {
   /** InputElement to use mask on */
   constructor(e) {
     super(e), this.input = e;
@@ -1506,7 +1513,7 @@ class sa extends _t {
   }
 }
 R.HTMLMaskElement = _t;
-class Os extends _t {
+class Is extends _t {
   /** Returns HTMLElement selection start */
   get _unsafeSelectionStart() {
     const e = this.rootElement, s = e.getSelection && e.getSelection(), n = s && s.anchorOffset, a = s && s.focusOffset;
@@ -1533,7 +1540,7 @@ class Os extends _t {
     this.input.textContent = e;
   }
 }
-R.HTMLContenteditableMaskElement = Os;
+R.HTMLContenteditableMaskElement = Is;
 class kt {
   constructor() {
     this.states = [], this.currentIndex = 0;
@@ -1561,13 +1568,13 @@ class kt {
   }
 }
 kt.MAX_LENGTH = 100;
-class na {
+class aa {
   /**
     View element
   */
   /** Internal {@link Masked} model */
   constructor(e, s) {
-    this.el = e instanceof Ut ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new Os(e) : new sa(e), this.masked = Me(s), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new kt(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
+    this.el = e instanceof Ut ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new Is(e) : new na(e), this.masked = Ve(s), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new kt(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
   }
   maskEquals(e) {
     var s;
@@ -1579,13 +1586,13 @@ class na {
   }
   set mask(e) {
     if (this.maskEquals(e)) return;
-    if (!(e instanceof R.Masked) && this.masked.constructor === Fs(e)) {
+    if (!(e instanceof R.Masked) && this.masked.constructor === Os(e)) {
       this.masked.updateOptions({
         mask: e
       });
       return;
     }
-    const s = e instanceof R.Masked ? e : Me({
+    const s = e instanceof R.Masked ? e : Ve({
       mask: e
     });
     s.unmaskedValue = this.masked.unmaskedValue, this.masked = s;
@@ -1726,7 +1733,7 @@ class na {
   /** Handles view input event */
   _onInput(e) {
     this._inputEvent = e, this._abortUpdateCursor();
-    const s = new ea({
+    const s = new ta({
       // new state
       value: this.el.value,
       cursorPos: this.cursorPos,
@@ -1770,7 +1777,7 @@ class na {
     this._unbindEvents(), this._listeners.length = 0, delete this.el;
   }
 }
-R.InputMask = na;
+R.InputMask = aa;
 class P {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
@@ -1803,7 +1810,7 @@ class P {
   }
 }
 R.ChangeDetails = P;
-class Ne {
+class Re {
   /** Tail value as string */
   /** Tail start position */
   /** Start position */
@@ -1943,11 +1950,11 @@ class de {
   }
   /** Extracts tail in range */
   extractTail(e, s) {
-    return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new Ne(this.extractInput(e, s), e);
+    return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new Re(this.extractInput(e, s), e);
   }
   /** Appends tail */
   appendTail(e) {
-    return je(e) && (e = new Ne(String(e))), e.appendTo(this);
+    return je(e) && (e = new Re(String(e))), e.appendTo(this);
   }
   /** Appends char */
   _appendCharRaw(e, s) {
@@ -2001,7 +2008,7 @@ class de {
   /** Appends symbols considering flags */
   append(e, s, n) {
     if (!je(e)) throw new Error("value should be string");
-    const a = je(n) ? new Ne(String(n)) : n;
+    const a = je(n) ? new Re(String(n)) : n;
     s != null && s.tail && (s._beforeTailState = this.state);
     let r;
     [e, r] = this.doPrepare(e, s);
@@ -2053,7 +2060,7 @@ class de {
     });
     const i = e + s, o = this.extractTail(i), u = this.eager === !0 || this.eager === "remove";
     let d;
-    u && (a = Jn(a), d = this.extractInput(0, i, {
+    u && (a = ea(a), d = this.extractInput(0, i, {
       raw: !0
     }));
     let h = e;
@@ -2097,11 +2104,11 @@ class We {
   }
   extend(e) {
     if (!String(e)) return;
-    e = je(e) ? new Ne(String(e)) : e;
+    e = je(e) ? new Re(String(e)) : e;
     const s = this.chunks[this.chunks.length - 1], n = s && // if stops are same or tail has no stop
     (s.stop === e.stop || e.stop == null) && // if tail chunk goes just after last chunk
     e.from === s.from + s.toString().length;
-    if (e instanceof Ne)
+    if (e instanceof Re)
       n ? s.extend(e.toString()) : this.chunks.push(e);
     else if (e instanceof We) {
       if (e.stop == null) {
@@ -2114,7 +2121,7 @@ class We {
   }
   appendTo(e) {
     if (!(e instanceof R.MaskedPattern))
-      return new Ne(this.toString()).appendTo(e);
+      return new Re(this.toString()).appendTo(e);
     const s = new P();
     for (let n = 0; n < this.chunks.length; ++n) {
       const a = this.chunks[n], r = e._mapPosToBlock(e.displayValue.length), i = a.stop;
@@ -2149,7 +2156,7 @@ class We {
       ...n
     } = e;
     Object.assign(this, n), this.chunks = s.map((a) => {
-      const r = "chunks" in a ? new We() : new Ne();
+      const r = "chunks" in a ? new We() : new Re();
       return r.state = a, r;
     });
   }
@@ -2183,7 +2190,7 @@ class We {
     return "";
   }
 }
-class aa {
+class ra {
   constructor(e, s) {
     this.masked = e, this._log = [];
     const {
@@ -2279,7 +2286,7 @@ class aa {
     });
   }
 }
-class Is {
+class Ns {
   /** */
   /** */
   /** */
@@ -2351,10 +2358,10 @@ class Is {
     return this.isFilled || (this._value = e.inserted = this.char), e;
   }
   extractTail() {
-    return new Ne("");
+    return new Re("");
   }
   appendTail(e) {
-    return je(e) && (e = new Ne(String(e))), e.appendTo(this);
+    return je(e) && (e = new Re(String(e))), e.appendTo(this);
   }
   append(e, s, n) {
     const a = this._appendChar(e[0], s);
@@ -2394,7 +2401,7 @@ class vt {
       eager: o,
       ...u
     } = e;
-    this.masked = Me(u), Object.assign(this, {
+    this.masked = Ve(u), Object.assign(this, {
       parent: s,
       isOptional: n,
       placeholderChar: a,
@@ -2502,7 +2509,7 @@ vt.DEFAULT_DEFINITIONS = {
   // http://stackoverflow.com/a/22075070
   "*": /./
 };
-class ra extends de {
+class ia extends de {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -2516,7 +2523,7 @@ class ra extends de {
     s && (e.validate = (n) => n.search(s) >= 0), super._update(e);
   }
 }
-R.MaskedRegExp = ra;
+R.MaskedRegExp = ia;
 class pe extends de {
   /** */
   /** */
@@ -2569,7 +2576,7 @@ class pe extends de {
           }, g = _ != null ? new R.RepeatBlock(
             v
             /* TODO */
-          ) : Me(v);
+          ) : Ve(v);
           g && (this._blocks.push(g), y && (this.exposeBlock = g), this._maskedBlocks[f] || (this._maskedBlocks[f] = []), this._maskedBlocks[f].push(this._blocks.length - 1)), r += f.length - 1;
           continue;
         }
@@ -2599,7 +2606,7 @@ class pe extends de {
         displayChar: this.displayChar,
         ...at(e[i]),
         parent: this
-      }) : new Is({
+      }) : new Ns({
         char: i,
         eager: this.eager,
         isUnmasking: n
@@ -2779,7 +2786,7 @@ class pe extends de {
   }
   nearestInputPos(e, s) {
     if (s === void 0 && (s = T.NONE), !this._blocks.length) return 0;
-    const n = new aa(this, e);
+    const n = new ra(this, e);
     if (s === T.NONE)
       return n.pushRightBeforeInput() || (n.popState(), n.pushLeftBeforeInput()) ? n.pos : this.displayValue.length;
     if (s === T.LEFT || s === T.FORCE_LEFT) {
@@ -2824,7 +2831,7 @@ pe.DEFAULTS = {
 pe.STOP_CHAR = "`";
 pe.ESCAPE_CHAR = "\\";
 pe.InputDefinition = vt;
-pe.FixedDefinition = Is;
+pe.FixedDefinition = Ns;
 R.MaskedPattern = pe;
 class pt extends pe {
   /**
@@ -2894,8 +2901,8 @@ class pt extends pe {
   }
 }
 R.MaskedRange = pt;
-const ia = "d{.}`m{.}`Y";
-class $e extends pe {
+const la = "d{.}`m{.}`Y";
+class Me extends pe {
   static extractPatternOptions(e) {
     const {
       mask: s,
@@ -2913,8 +2920,8 @@ class $e extends pe {
   /** Format typed value to string */
   /** Parse string to get typed value */
   constructor(e) {
-    super($e.extractPatternOptions({
-      ...$e.DEFAULTS,
+    super(Me.extractPatternOptions({
+      ...Me.DEFAULTS,
       ...e
     }));
   }
@@ -2928,9 +2935,9 @@ class $e extends pe {
       blocks: a,
       ...r
     } = {
-      ...$e.DEFAULTS,
+      ...Me.DEFAULTS,
       ...e
-    }, i = Object.assign({}, $e.GET_DEFAULT_BLOCKS());
+    }, i = Object.assign({}, Me.GET_DEFAULT_BLOCKS());
     e.min && (i.Y.from = e.min.getFullYear()), e.max && (i.Y.to = e.max.getFullYear()), e.min && e.max && i.Y.from === i.Y.to && (i.m.from = e.min.getMonth() + 1, i.m.to = e.max.getMonth() + 1, i.m.from === i.m.to && (i.d.from = e.min.getDate(), i.d.to = e.max.getDate())), Object.assign(i, this.blocks, a), super._update({
       ...r,
       mask: je(s) ? s : n,
@@ -2962,10 +2969,10 @@ class $e extends pe {
     return e === Date || super.maskEquals(e);
   }
   optionsIsChanged(e) {
-    return super.optionsIsChanged($e.extractPatternOptions(e));
+    return super.optionsIsChanged(Me.extractPatternOptions(e));
   }
 }
-$e.GET_DEFAULT_BLOCKS = () => ({
+Me.GET_DEFAULT_BLOCKS = () => ({
   d: {
     mask: pt,
     from: 1,
@@ -2984,10 +2991,10 @@ $e.GET_DEFAULT_BLOCKS = () => ({
     to: 9999
   }
 });
-$e.DEFAULTS = {
+Me.DEFAULTS = {
   ...pe.DEFAULTS,
   mask: Date,
-  pattern: ia,
+  pattern: la,
   format: (t, e) => {
     if (!t) return "";
     const s = String(t.getDate()).padStart(2, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), a = t.getFullYear();
@@ -2998,7 +3005,7 @@ $e.DEFAULTS = {
     return new Date(a, n - 1, s);
   }
 };
-R.MaskedDate = $e;
+R.MaskedDate = Me;
 class bt extends de {
   constructor(e) {
     super({
@@ -3014,7 +3021,7 @@ class bt extends de {
       const {
         expose: n,
         ...a
-      } = at(s), r = Me({
+      } = at(s), r = Ve({
         overwrite: this._overwrite,
         eager: this._eager,
         skipInvalid: this._skipInvalid,
@@ -3250,7 +3257,7 @@ class St extends pe {
     });
   }
   extractTail(e, s) {
-    return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new Ne("", e);
+    return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new Re("", e);
   }
   remove(e, s) {
     if (e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), e === s) return new P();
@@ -3270,7 +3277,7 @@ St.DEFAULTS = {
   matchValue: (t, e, s) => t.indexOf(e, s) === s
 };
 R.MaskedEnum = St;
-class la extends de {
+class oa extends de {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -3286,9 +3293,9 @@ class la extends de {
     });
   }
 }
-R.MaskedFunction = la;
-var Ns;
-class Se extends de {
+R.MaskedFunction = oa;
+var Rs;
+class Ee extends de {
   /** Single char */
   /** Single char */
   /** Array of single chars */
@@ -3305,7 +3312,7 @@ class Se extends de {
   /** Parse string to get typed value */
   constructor(e) {
     super({
-      ...Se.DEFAULTS,
+      ...Ee.DEFAULTS,
       ...e
     });
   }
@@ -3362,7 +3369,7 @@ class Se extends de {
     let o = !isNaN(i), u = !1;
     if (o) {
       let y;
-      this.min != null && this.min < 0 && this.number < this.min && (y = this.min), this.max != null && this.max > 0 && this.number > this.max && (y = this.max), y != null && (this.autofix ? (this._value = this.format(y, this).replace(Se.UNMASKED_RADIX, this.radix), u || (u = r === this._value && !s.tail)) : o = !1), o && (o = !!this._value.match(this._numberRegExp));
+      this.min != null && this.min < 0 && this.number < this.min && (y = this.min), this.max != null && this.max > 0 && this.number > this.max && (y = this.max), y != null && (this.autofix ? (this._value = this.format(y, this).replace(Ee.UNMASKED_RADIX, this.radix), u || (u = r === this._value && !s.tail)) : o = !1), o && (o = !!this._value.match(this._numberRegExp));
     }
     let d;
     o ? d = new P({
@@ -3439,11 +3446,11 @@ class Se extends de {
   }
   doSkipInvalid(e, s, n) {
     s === void 0 && (s = {});
-    const a = this.scale === 0 && e !== this.thousandsSeparator && (e === this.radix || e === Se.UNMASKED_RADIX || this.mapToRadix.includes(e));
+    const a = this.scale === 0 && e !== this.thousandsSeparator && (e === this.radix || e === Ee.UNMASKED_RADIX || this.mapToRadix.includes(e));
     return super.doSkipInvalid(e, s, n) && !a;
   }
   get unmaskedValue() {
-    return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix, Se.UNMASKED_RADIX);
+    return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix, Ee.UNMASKED_RADIX);
   }
   set unmaskedValue(e) {
     super.unmaskedValue = e;
@@ -3452,7 +3459,7 @@ class Se extends de {
     return this.parse(this.unmaskedValue, this);
   }
   set typedValue(e) {
-    this.rawInputValue = this.format(e, this).replace(Se.UNMASKED_RADIX, this.radix);
+    this.rawInputValue = this.format(e, this).replace(Ee.UNMASKED_RADIX, this.radix);
   }
   /** Parsed Number */
   get number() {
@@ -3468,18 +3475,18 @@ class Se extends de {
     return this.min != null && this.min > 0 || this.max != null && this.max > 0;
   }
   typedValueEquals(e) {
-    return (super.typedValueEquals(e) || Se.EMPTY_VALUES.includes(e) && Se.EMPTY_VALUES.includes(this.typedValue)) && !(e === 0 && this.value === "");
+    return (super.typedValueEquals(e) || Ee.EMPTY_VALUES.includes(e) && Ee.EMPTY_VALUES.includes(this.typedValue)) && !(e === 0 && this.value === "");
   }
 }
-Ns = Se;
-Se.UNMASKED_RADIX = ".";
-Se.EMPTY_VALUES = [...de.EMPTY_VALUES, 0];
-Se.DEFAULTS = {
+Rs = Ee;
+Ee.UNMASKED_RADIX = ".";
+Ee.EMPTY_VALUES = [...de.EMPTY_VALUES, 0];
+Ee.DEFAULTS = {
   ...de.DEFAULTS,
   mask: Number,
   radix: ",",
   thousandsSeparator: "",
-  mapToRadix: [Ns.UNMASKED_RADIX],
+  mapToRadix: [Rs.UNMASKED_RADIX],
   min: Number.MIN_SAFE_INTEGER,
   max: Number.MAX_SAFE_INTEGER,
   scale: 2,
@@ -3491,24 +3498,24 @@ Se.DEFAULTS = {
     maximumFractionDigits: 20
   })
 };
-R.MaskedNumber = Se;
+R.MaskedNumber = Ee;
 const Mt = {
   MASKED: "value",
   UNMASKED: "unmaskedValue",
   TYPED: "typedValue"
 };
-function Rs(t, e, s) {
+function Bs(t, e, s) {
   e === void 0 && (e = Mt.MASKED), s === void 0 && (s = Mt.MASKED);
-  const n = Me(t);
+  const n = Ve(t);
   return (a) => n.runIsolated((r) => (r[e] = a, r[s]));
 }
-function oa(t, e, s, n) {
-  return Rs(e, s, n)(t);
+function ua(t, e, s, n) {
+  return Bs(e, s, n)(t);
 }
 R.PIPE_TYPE = Mt;
-R.createPipe = Rs;
-R.pipe = oa;
-class ua extends pe {
+R.createPipe = Bs;
+R.pipe = ua;
+class ca extends pe {
   get repeatFrom() {
     var e;
     return (e = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === 1 / 0 ? 0 : this.repeat) != null ? e : 0;
@@ -3530,7 +3537,7 @@ class ua extends pe {
       ...i
     } = at(e);
     this._blockOpts = Object.assign({}, this._blockOpts, i);
-    const o = Me(this._blockOpts);
+    const o = Ve(this._blockOpts);
     this.repeat = (s = (n = r ?? o.repeat) != null ? n : this.repeat) != null ? s : 1 / 0, super._update({
       mask: "m".repeat(Math.max(this.repeatTo === 1 / 0 && ((a = this._blocks) == null ? void 0 : a.length) || 0, this.repeatFrom)),
       blocks: {
@@ -3547,7 +3554,7 @@ class ua extends pe {
   _allocateBlock(e) {
     if (e < this._blocks.length) return this._blocks[e];
     if (this.repeatTo === 1 / 0 || this._blocks.length < this.repeatTo)
-      return this._blocks.push(Me(this._blockOpts)), this.mask += "m", this._blocks[this._blocks.length - 1];
+      return this._blocks.push(Ve(this._blockOpts)), this.mask += "m", this._blocks[this._blocks.length - 1];
   }
   _appendCharRaw(e, s) {
     s === void 0 && (s = {});
@@ -3601,12 +3608,12 @@ class ua extends pe {
     this._blocks.length = e._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = e;
   }
 }
-R.RepeatBlock = ua;
+R.RepeatBlock = ca;
 try {
   globalThis.IMask = R;
 } catch {
 }
-const Bs = {
+const $s = {
   // common
   mask: l.oneOfType([l.array, l.func, l.string, l.instanceOf(RegExp), l.oneOf([Date, Number, R.Masked]), l.instanceOf(R.Masked)]),
   value: l.any,
@@ -3653,10 +3660,10 @@ const Bs = {
   inputRef: l.oneOfType([l.func, l.shape({
     current: l.object
   })])
-}, $s = Object.keys(Bs).filter((t) => t !== "value"), ca = ["value", "unmask", "onAccept", "onComplete", "inputRef"], da = $s.filter((t) => ca.indexOf(t) < 0);
-function pa(t) {
+}, Ms = Object.keys($s).filter((t) => t !== "value"), da = ["value", "unmask", "onAccept", "onComplete", "inputRef"], pa = Ms.filter((t) => da.indexOf(t) < 0);
+function ha(t) {
   var e;
-  const s = (e = class extends Ce.Component {
+  const s = (e = class extends De.Component {
     constructor(r) {
       super(r), this._inputRef = this._inputRef.bind(this);
     }
@@ -3688,7 +3695,7 @@ function pa(t) {
       const {
         ...i
       } = r;
-      return Object.keys(i).filter((o) => da.indexOf(o) < 0).forEach((o) => {
+      return Object.keys(i).filter((o) => pa.indexOf(o) < 0).forEach((o) => {
         delete i[o];
       }), i;
     }
@@ -3696,7 +3703,7 @@ function pa(t) {
       const {
         ...i
       } = r;
-      return $s.forEach((o) => {
+      return Ms.forEach((o) => {
         o !== "maxLength" && delete i[o];
       }), "defaultValue" in i || (i.defaultValue = r.mask ? "" : i.value), delete i.value, i;
     }
@@ -3713,32 +3720,32 @@ function pa(t) {
       this.props.onComplete && this.maskRef && this.props.onComplete(this.maskValue, this.maskRef, r);
     }
     render() {
-      return Ce.createElement(t, {
+      return De.createElement(t, {
         ...this._extractNonMaskProps(this.props),
         inputRef: this._inputRef
       });
     }
   }, e.displayName = void 0, e.propTypes = void 0, e), n = t.displayName || t.name || "Component";
-  return s.displayName = "IMask(" + n + ")", s.propTypes = Bs, Ce.forwardRef((a, r) => Ce.createElement(s, {
+  return s.displayName = "IMask(" + n + ")", s.propTypes = $s, De.forwardRef((a, r) => De.createElement(s, {
     ...a,
     ref: r
   }));
 }
-const ha = pa((t) => {
+const fa = ha((t) => {
   let {
     inputRef: e,
     ...s
   } = t;
-  return Ce.createElement("input", {
+  return De.createElement("input", {
     ...s,
     ref: e
   });
-}), fa = (t, e) => Ce.createElement(ha, {
+}), ga = (t, e) => De.createElement(fa, {
   ...t,
   ref: e
 });
-Ce.forwardRef(fa);
-function ga(t, e) {
+De.forwardRef(ga);
+function ma(t, e) {
   let {
     onAccept: s,
     onComplete: n,
@@ -3747,20 +3754,20 @@ function ga(t, e) {
     defaultUnmaskedValue: i,
     defaultTypedValue: o
   } = e === void 0 ? {} : e;
-  const u = Ye(null), [d, h] = U({}), [f, y] = U(""), [_, S] = U(""), [v, g] = U(), w = xe(() => {
+  const u = Ye(null), [d, h] = U({}), [f, y] = U(""), [_, S] = U(""), [v, g] = U(), w = Ce(() => {
     var p;
     (p = u.current) == null || p.destroy(), u.current = null;
-  }, []), F = xe(() => {
+  }, []), F = Ce(() => {
     const p = u.current;
     p && (h({
       value: p.value,
       unmaskedValue: p.unmaskedValue,
       typedValue: p.typedValue
     }), g(p.typedValue), S(p.unmaskedValue), y(p.value));
-  }, []), x = xe((p) => {
+  }, []), x = Ce((p) => {
     const C = u.current;
     C && (F(), s == null || s(C.value, C, p));
-  }, [s]), A = xe((p) => u.current && (n == null ? void 0 : n(u.current.value, u.current, p)), [n]);
+  }, [s]), A = Ce((p) => u.current && (n == null ? void 0 : n(u.current.value, u.current, p)), [n]);
   return Z(() => {
     const {
       value: p,
@@ -3801,7 +3808,7 @@ function ga(t, e) {
     setTypedValue: g
   };
 }
-var Ms = /* @__PURE__ */ ((t) => (t.Text = "text", t.Password = "password", t.Email = "email", t.Date = "date", t.Number = "number", t))(Ms || {}), Vs = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(Vs || {}), Ls = /* @__PURE__ */ ((t) => (t.Default = "", t.Error = "error", t.Success = "success", t))(Ls || {}), js = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Initial = "initial", t))(js || {}), Ps = /* @__PURE__ */ ((t) => (t.Top = "top", t.Right = "right", t.Bottom = "bottom", t.Left = "left", t))(Ps || {});
+var Vs = /* @__PURE__ */ ((t) => (t.Text = "text", t.Password = "password", t.Email = "email", t.Date = "date", t.Number = "number", t))(Vs || {}), Ls = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(Ls || {}), js = /* @__PURE__ */ ((t) => (t.Default = "", t.Error = "error", t.Success = "success", t))(js || {}), Ps = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Initial = "initial", t))(Ps || {}), qs = /* @__PURE__ */ ((t) => (t.Top = "top", t.Right = "right", t.Bottom = "bottom", t.Left = "left", t))(qs || {});
 const J = {
   name: "Input",
   class: "ds-input",
@@ -3817,7 +3824,7 @@ const J = {
     type: {
       type: String,
       default: "text",
-      options: Object.values(Ms)
+      options: Object.values(Vs)
     },
     animated: {
       type: Boolean,
@@ -3830,7 +3837,7 @@ const J = {
     size: {
       type: String,
       default: "medium",
-      options: Object.values(Vs)
+      options: Object.values(Ls)
     },
     label: {
       type: String,
@@ -3855,7 +3862,7 @@ const J = {
     status: {
       type: String,
       default: "",
-      options: Object.values(Ls)
+      options: Object.values(js)
     },
     feedback: {
       type: String,
@@ -3880,12 +3887,12 @@ const J = {
     tooltipPlacement: {
       type: String,
       default: "center",
-      options: Object.values(js)
+      options: Object.values(Ps)
     },
     tooltipPosition: {
       type: String,
       default: "top",
-      options: Object.values(Ps)
+      options: Object.values(qs)
     },
     mask: {
       type: String,
@@ -3942,20 +3949,20 @@ const J = {
     dispatch: (t, e) => (e.value + t).replace(/\D/g, "").length <= 10 ? e.compiledMasks[0] : e.compiledMasks[1]
   }
 };
-var qs = /* @__PURE__ */ ((t) => (t.Top = "top", t.Right = "right", t.Bottom = "bottom", t.Left = "left", t))(qs || {}), Us = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Initial = "initial", t))(Us || {});
-const Oe = {
+var Us = /* @__PURE__ */ ((t) => (t.Top = "top", t.Right = "right", t.Bottom = "bottom", t.Left = "left", t))(Us || {}), zs = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Initial = "initial", t))(zs || {});
+const Ie = {
   name: "Tooltip",
   class: "ds-tooltip",
   props: {
     position: {
       type: String,
       default: "top",
-      options: Object.values(qs)
+      options: Object.values(Us)
     },
     placement: {
       type: String,
       default: "center",
-      options: Object.values(Us)
+      options: Object.values(zs)
     },
     text: {
       type: String,
@@ -3968,19 +3975,19 @@ const Oe = {
   }
 }, Ge = ({
   children: t,
-  position: e = Oe.props.position.default,
-  placement: s = Oe.props.placement.default,
-  text: n = Oe.props.text.default,
-  testId: a = Oe.props.testId.default,
+  position: e = Ie.props.position.default,
+  placement: s = Ie.props.placement.default,
+  text: n = Ie.props.text.default,
+  testId: a = Ie.props.testId.default,
   className: r
 }) => {
-  const i = Ye(null), [o, u] = U(0), [d, h] = U(0), [f, y] = U(!1), _ = e && Oe.props.position.options.find(
+  const i = Ye(null), [o, u] = U(0), [d, h] = U(0), [f, y] = U(!1), _ = e && Ie.props.position.options.find(
     (w) => w === e
-  ) && `${Oe.class}--${e}`, S = s && Oe.props.placement.options.find(
+  ) && `${Ie.class}--${e}`, S = s && Ie.props.placement.options.find(
     (w) => w === s
-  ) && `${Oe.class}--${s}`;
+  ) && `${Ie.class}--${s}`;
   let v;
-  Rn(() => {
+  Bn(() => {
     var w, F;
     i.current && (u((w = i == null ? void 0 : i.current) == null ? void 0 : w.offsetHeight), h((F = i == null ? void 0 : i.current) == null ? void 0 : F.offsetWidth));
   }, []);
@@ -4042,7 +4049,7 @@ const Oe = {
   return /* @__PURE__ */ O(
     "div",
     {
-      className: [Oe.class, r].join(" "),
+      className: [Ie.class, r].join(" "),
       "data-testid": a,
       onMouseEnter: () => y(!0),
       onMouseLeave: () => y(!1),
@@ -4057,7 +4064,7 @@ const Oe = {
             children: /* @__PURE__ */ c(
               "span",
               {
-                className: `${Oe.class}__wrapper`,
+                className: `${Ie.class}__wrapper`,
                 "data-testid": "ds-tooltip-wrapper",
                 style: v,
                 children: n
@@ -4076,7 +4083,7 @@ Ge.propTypes = {
   testId: l.string
 };
 Ge.displayName = "DsTooltip";
-const rt = Ce.forwardRef(
+const rt = De.forwardRef(
   ({
     name: t,
     testId: e = J.props.testId.default,
@@ -4123,7 +4130,7 @@ const rt = Ce.forwardRef(
       min: u,
       max: d,
       lazy: !0
-    } : { mask: A ?? "", min: u, max: d, lazy: !0 }, [A]), { ref: le, setUnmaskedValue: Ee } = ga(
+    } : { mask: A ?? "", min: u, max: d, lazy: !0 }, [A]), { ref: le, setUnmaskedValue: we } = ma(
       re,
       {
         onAccept: he
@@ -4146,8 +4153,8 @@ const rt = Ce.forwardRef(
       return (ae || o) && b.push(`${J.class}__label--active`), b.join(" ");
     }, [o, ae]), j = () => !n && i ? i : "", z = () => S && S === "error" ? "info" : "check_circle";
     return Z(() => {
-      A && Ee(o ?? "");
-    }, [o, A, Ee]), /* @__PURE__ */ O("div", { className: D(), ref: q, children: [
+      A && we(o ?? "");
+    }, [o, A, we]), /* @__PURE__ */ O("div", { className: D(), ref: q, children: [
       g && /* @__PURE__ */ c("div", { className: "ds-input__feedback", children: v && /* @__PURE__ */ O(yt, { children: [
         /* @__PURE__ */ c(ee, { image: z() }),
         v
@@ -4224,7 +4231,7 @@ rt.propTypes = {
   onFocusHandler: l.func
 };
 rt.displayName = "DsInput";
-var zs = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(zs || {}), Hs = /* @__PURE__ */ ((t) => (t.None = "", t.Neutral20 = "neutral-20", t.Neutral10 = "neutral-10", t.Neutral05 = "neutral-05", t.Neutral00 = "neutral-00", t))(Hs || {});
+var Hs = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(Hs || {}), Ws = /* @__PURE__ */ ((t) => (t.None = "", t.Neutral20 = "neutral-20", t.Neutral10 = "neutral-10", t.Neutral05 = "neutral-05", t.Neutral00 = "neutral-00", t))(Ws || {});
 const ke = {
   name: "Loading",
   class: "ds-loading",
@@ -4232,7 +4239,7 @@ const ke = {
     size: {
       type: String,
       default: "medium",
-      options: Object.values(zs)
+      options: Object.values(Hs)
     },
     opacity: {
       type: Boolean,
@@ -4245,7 +4252,7 @@ const ke = {
     backgroundColor: {
       type: String,
       default: "neutral-10",
-      options: Object.values(Hs)
+      options: Object.values(Ws)
     },
     id: {
       type: String,
@@ -4305,7 +4312,7 @@ zt.propTypes = {
   backgroundColor: l.string
 };
 zt.displayName = "DsLoading";
-const Be = {
+const $e = {
   name: "Option",
   class: "ds-option",
   props: {
@@ -4346,21 +4353,21 @@ const Be = {
       default: () => ({})
     }
   }
-}, Ws = ({
+}, Ys = ({
   id: t,
   label: e,
   detail: s,
   name: n,
   testId: a = n ?? "ds-option-test",
-  disabled: r = Be.props.disabled.default,
+  disabled: r = $e.props.disabled.default,
   value: i,
-  checked: o = Be.props.checked.default,
-  onChangeHandler: u = Be.props.onChangeHandler.default
+  checked: o = $e.props.checked.default,
+  onChangeHandler: u = $e.props.onChangeHandler.default
 }) => {
   const [d] = U(crypto.randomUUID());
   return /* @__PURE__ */ O("div", { className: (() => {
-    const f = [Be.class];
-    return r && f.push(`${Be.class}--disabled`), f.join(" ");
+    const f = [$e.class];
+    return r && f.push(`${$e.class}--disabled`), f.join(" ");
   })(), children: [
     /* @__PURE__ */ c(
       "input",
@@ -4378,16 +4385,16 @@ const Be = {
     /* @__PURE__ */ c(
       ee,
       {
-        className: `${Be.class}__icon`,
+        className: `${$e.class}__icon`,
         image: o ? "radio_button_checked" : "radio_button_unchecked",
         size: "xxl"
       }
     ),
-    /* @__PURE__ */ O("div", { className: `${Be.class}__text-container`, children: [
+    /* @__PURE__ */ O("div", { className: `${$e.class}__text-container`, children: [
       e && /* @__PURE__ */ c(
         "label",
         {
-          className: `${Be.class}__label`,
+          className: `${$e.class}__label`,
           htmlFor: t ?? String(d),
           children: e
         }
@@ -4395,7 +4402,7 @@ const Be = {
       s && /* @__PURE__ */ c(
         "label",
         {
-          className: `${Be.class}__detail`,
+          className: `${$e.class}__detail`,
           htmlFor: t ?? String(d),
           children: s
         }
@@ -4403,7 +4410,7 @@ const Be = {
     ] })
   ] });
 };
-Ws.propTypes = {
+Ys.propTypes = {
   id: l.string,
   name: l.string,
   testId: l.string,
@@ -4414,8 +4421,8 @@ Ws.propTypes = {
   checked: l.bool,
   onChangeHandler: l.func
 };
-Ws.displayName = "DsOption";
-var Ys = /* @__PURE__ */ ((t) => (t.Default = "", t.Large = "large", t.Small = "small", t))(Ys || {});
+Ys.displayName = "DsOption";
+var Xs = /* @__PURE__ */ ((t) => (t.Default = "", t.Large = "large", t.Small = "small", t))(Xs || {});
 const ht = {
   name: "Paragraph",
   class: "ds-paragraph",
@@ -4423,10 +4430,10 @@ const ht = {
     type: {
       type: String,
       default: "",
-      options: Object.values(Ys)
+      options: Object.values(Xs)
     }
   }
-}, Ve = ({
+}, Le = ({
   children: t,
   className: e,
   testId: s = "ds-paragraph-test",
@@ -4442,12 +4449,12 @@ const ht = {
     }
   );
 };
-Ve.propTypes = {
+Le.propTypes = {
   className: l.string,
   testId: l.string,
   type: l.oneOf(ht.props.type.options)
 };
-Ve.displayName = "DsParagraph";
+Le.displayName = "DsParagraph";
 var Ks = /* @__PURE__ */ ((t) => (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))(Ks || {});
 const Vt = {
   name: "Progress",
@@ -4468,7 +4475,7 @@ const Vt = {
     }
   }
 };
-var Xs = /* @__PURE__ */ ((t) => (t.Stretch = "stretch", t.FlexStart = "flex-start", t.FlexEnd = "flex-end", t.Center = "center", t.SpaceAround = "space-around", t.SpaceBetween = "space-between", t))(Xs || {}), Gs = /* @__PURE__ */ ((t) => (t.Stretch = "stretch", t.FlexStart = "flex-start", t.FlexEnd = "flex-end", t.Center = "center", t))(Gs || {}), Zs = /* @__PURE__ */ ((t) => (t.Row = "row", t.Column = "column", t.RowReverse = "row-reverse", t.ColumnReverse = "column-reverse", t))(Zs || {}), Qs = /* @__PURE__ */ ((t) => (t.NoWrap = "nowrap", t.Wrap = "wrap", t.WrapReverse = "wrap-reverse", t))(Qs || {}), Js = /* @__PURE__ */ ((t) => (t.Quark = "quark", t.Nano = "nano", t.XXXS = "xxxs", 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))(Js || {});
+var Gs = /* @__PURE__ */ ((t) => (t.Stretch = "stretch", t.FlexStart = "flex-start", t.FlexEnd = "flex-end", t.Center = "center", t.SpaceAround = "space-around", t.SpaceBetween = "space-between", t))(Gs || {}), Zs = /* @__PURE__ */ ((t) => (t.Stretch = "stretch", t.FlexStart = "flex-start", t.FlexEnd = "flex-end", t.Center = "center", t))(Zs || {}), Qs = /* @__PURE__ */ ((t) => (t.Row = "row", t.Column = "column", t.RowReverse = "row-reverse", t.ColumnReverse = "column-reverse", t))(Qs || {}), Js = /* @__PURE__ */ ((t) => (t.NoWrap = "nowrap", t.Wrap = "wrap", t.WrapReverse = "wrap-reverse", t))(Js || {}), en = /* @__PURE__ */ ((t) => (t.Quark = "quark", t.Nano = "nano", t.XXXS = "xxxs", 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))(en || {});
 const Ue = {
   name: "Flex-Layout",
   class: "ds-flex-layout",
@@ -4477,25 +4484,25 @@ const Ue = {
       type: String,
       default: "stretch",
       required: !0,
-      options: Object.values(Xs)
+      options: Object.values(Gs)
     },
     alignItems: {
       type: String,
       default: "stretch",
       required: !0,
-      options: Object.values(Gs)
+      options: Object.values(Zs)
     },
     flexDirection: {
       type: String,
       default: "row",
       required: !0,
-      options: Object.values(Zs)
+      options: Object.values(Qs)
     },
     flexWrap: {
       type: String,
       default: "wrap",
       required: !1,
-      options: Object.values(Qs)
+      options: Object.values(Js)
     },
     className: {
       type: String,
@@ -4512,7 +4519,7 @@ const Ue = {
     gap: {
       type: String,
       default: "",
-      options: Object.values(Js)
+      options: Object.values(en)
     }
   }
 }, Pe = ({
@@ -4598,7 +4605,7 @@ const tt = {
       options: Object.values(Lt)
     }
   }
-}, De = ({
+}, Te = ({
   vertical: t = tt.props.vertical.default,
   horizontal: e = tt.props.horizontal.default
 }) => {
@@ -4611,12 +4618,12 @@ const tt = {
     }
   );
 };
-De.propTypes = {
+Te.propTypes = {
   vertical: l.oneOf(tt.props.vertical.options),
   horizontal: l.oneOf(tt.props.horizontal.options)
 };
-De.displayName = "DsSpacer";
-const en = ({
+Te.displayName = "DsSpacer";
+const tn = ({
   label: t,
   progress: e = Vt.props.progress.default,
   color: s = Vt.props.color.default
@@ -4657,37 +4664,37 @@ const en = ({
         flexDirection: "column",
         justifyContent: "center",
         children: [
-          /* @__PURE__ */ c(De, { vertical: "quark" }),
-          /* @__PURE__ */ c(yt, { children: t && /* @__PURE__ */ c(Ve, { className: i, children: t }) })
+          /* @__PURE__ */ c(Te, { vertical: "quark" }),
+          /* @__PURE__ */ c(yt, { children: t && /* @__PURE__ */ c(Le, { className: i, children: t }) })
         ]
       }
     ) })
   ] }) });
 };
-en.propTypes = {
+tn.propTypes = {
   label: l.string,
   progress: l.number,
   color: l.oneOf(Vt.props.color.options)
 };
-var tn = /* @__PURE__ */ ((t) => (t.Default = "default", t.Card = "card", t))(tn || {});
-const we = {
+var sn = /* @__PURE__ */ ((t) => (t.Default = "default", t.Card = "card", t))(sn || {});
+const Ae = {
   name: "DsRadio",
   class: "ds-radio",
   props: {
     variant: {
       type: String,
       default: "default",
-      options: Object.values(tn)
+      options: Object.values(sn)
     },
     fullWidth: {
       type: Boolean,
       default: !1
     }
   }
-}, ma = Ce.forwardRef(
+}, va = De.forwardRef(
   ({
-    variant: t = we.props.variant.default,
-    fullWidth: e = we.props.fullWidth.default,
+    variant: t = Ae.props.variant.default,
+    fullWidth: e = Ae.props.fullWidth.default,
     label: s,
     description: n,
     className: a,
@@ -4696,11 +4703,11 @@ const we = {
     disabled: o,
     ...u
   }, d) => {
-    const h = us(), f = r ?? `${we.class}-${h.replace(/:/g, "")}`, y = [
-      we.class,
-      `${we.class}--${t}`,
-      e && `${we.class}--full-width`,
-      o && `${we.class}--disabled`,
+    const h = us(), f = r ?? `${Ae.class}-${h.replace(/:/g, "")}`, y = [
+      Ae.class,
+      `${Ae.class}--${t}`,
+      e && `${Ae.class}--full-width`,
+      o && `${Ae.class}--disabled`,
       a
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ O(
@@ -4714,7 +4721,7 @@ const we = {
             "input",
             {
               ...u,
-              className: `${we.class}__input`,
+              className: `${Ae.class}__input`,
               "data-testid": i,
               disabled: o,
               id: f,
@@ -4722,18 +4729,18 @@ const we = {
               type: "radio"
             }
           ),
-          /* @__PURE__ */ c("span", { "aria-hidden": "true", className: `${we.class}__control` }),
-          (s || n) && /* @__PURE__ */ O("span", { className: `${we.class}__text`, children: [
-            s && /* @__PURE__ */ c("span", { className: `${we.class}__label`, children: s }),
-            n && /* @__PURE__ */ c("span", { className: `${we.class}__description`, children: n })
+          /* @__PURE__ */ c("span", { "aria-hidden": "true", className: `${Ae.class}__control` }),
+          (s || n) && /* @__PURE__ */ O("span", { className: `${Ae.class}__text`, children: [
+            s && /* @__PURE__ */ c("span", { className: `${Ae.class}__label`, children: s }),
+            n && /* @__PURE__ */ c("span", { className: `${Ae.class}__description`, children: n })
           ] })
         ]
       }
     );
   }
 );
-ma.displayName = "DsRadio";
-var sn = /* @__PURE__ */ ((t) => (t.Small = "sm", t.Medium = "md", t))(sn || {});
+va.displayName = "DsRadio";
+var nn = /* @__PURE__ */ ((t) => (t.Small = "sm", t.Medium = "md", t))(nn || {});
 const _e = {
   name: "DsSegmentControl",
   class: "ds-segment-control",
@@ -4753,7 +4760,7 @@ const _e = {
     size: {
       type: String,
       default: "sm",
-      options: Object.values(sn)
+      options: Object.values(nn)
     },
     fullWidth: {
       type: Boolean,
@@ -4777,7 +4784,7 @@ const _e = {
       }
     }
   }
-}, va = Bn(
+}, ya = $n(
   ({
     items: t,
     value: e,
@@ -4804,7 +4811,7 @@ const _e = {
     const C = ue(
       () => t.findIndex(($) => $.value === A),
       [A, t]
-    ), N = xe(
+    ), N = Ce(
       ($) => {
         const W = t.length;
         let se = ($ % W + W) % W, ne = 0;
@@ -4813,7 +4820,7 @@ const _e = {
         p.current[se].focus();
       },
       [t]
-    ), H = xe(
+    ), H = Ce(
       ($, W) => {
         i || $.disabled || $.value !== A && (v || x($.value), d == null || d($.value, W));
       },
@@ -4887,8 +4894,8 @@ const _e = {
     );
   }
 );
-va.displayName = "DsSegmentControl";
-var nn = /* @__PURE__ */ ((t) => (t.Small = "sm", t.Medium = "md", t.Large = "lg", t))(nn || {}), an = /* @__PURE__ */ ((t) => (t.Default = "", t.Error = "error", t.Success = "success", t))(an || {}), rn = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Initial = "initial", t))(rn || {}), ln = /* @__PURE__ */ ((t) => (t.Top = "top", t.Right = "right", t.Bottom = "bottom", t.Left = "left", t))(ln || {});
+ya.displayName = "DsSegmentControl";
+var an = /* @__PURE__ */ ((t) => (t.Small = "sm", t.Medium = "md", t.Large = "lg", t))(an || {}), rn = /* @__PURE__ */ ((t) => (t.Default = "", t.Error = "error", t.Success = "success", t))(rn || {}), ln = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Initial = "initial", t))(ln || {}), on = /* @__PURE__ */ ((t) => (t.Top = "top", t.Right = "right", t.Bottom = "bottom", t.Left = "left", t))(on || {});
 const te = {
   name: "Select",
   class: "ds-select",
@@ -4934,14 +4941,14 @@ const te = {
     },
     size: {
       type: String,
-      options: Object.values(nn),
+      options: Object.values(an),
       default: "md"
       /* Medium */
     },
     status: {
       type: String,
       default: "",
-      options: Object.values(an)
+      options: Object.values(rn)
     },
     tooltip: {
       type: String,
@@ -4950,12 +4957,12 @@ const te = {
     tooltipPlacement: {
       type: String,
       default: "initial",
-      options: Object.values(rn)
+      options: Object.values(ln)
     },
     tooltipPosition: {
       type: String,
       default: "top",
-      options: Object.values(ln)
+      options: Object.values(on)
     },
     feedback: {
       type: String,
@@ -4963,7 +4970,7 @@ const te = {
     },
     options: []
   }
-}, on = Ce.forwardRef(
+}, un = De.forwardRef(
   ({
     label: t,
     className: e,
@@ -5074,7 +5081,7 @@ const te = {
     ] });
   }
 );
-on.propTypes = {
+un.propTypes = {
   label: l.string.isRequired,
   className: l.string,
   disabled: l.bool,
@@ -5094,8 +5101,8 @@ on.propTypes = {
   tooltipPlacement: l.string,
   feedback: l.string
 };
-on.displayName = "DsSelect";
-var un = /* @__PURE__ */ ((t) => (t.Large = "large", t.Small = "small", t))(un || {});
+un.displayName = "DsSelect";
+var cn = /* @__PURE__ */ ((t) => (t.Large = "large", t.Small = "small", t))(cn || {});
 const Ot = {
   name: "Subtitle",
   class: "ds-subtitle",
@@ -5103,10 +5110,10 @@ const Ot = {
     type: {
       type: String,
       default: "large",
-      options: Object.values(un)
+      options: Object.values(cn)
     }
   }
-}, ya = ({
+}, _a = ({
   children: t,
   className: e,
   testId: s = "ds-subtitle-test",
@@ -5122,8 +5129,8 @@ const Ot = {
     }
   );
 };
-ya.displayName = "DsSubtitle";
-var cn = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(cn || {}), dn = /* @__PURE__ */ ((t) => (t.Text = "text", t))(dn || {}), pn = /* @__PURE__ */ ((t) => (t.None = "", t.Error = "error", t.Success = "success", t))(pn || {}), hn = /* @__PURE__ */ ((t) => (t.None = "none", t.Both = "both", t.Horizontal = "horizontal", t.Vertical = "vertical", t.Block = "block", t.Inline = "inline", t))(hn || {});
+_a.displayName = "DsSubtitle";
+var dn = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(dn || {}), pn = /* @__PURE__ */ ((t) => (t.Text = "text", t))(pn || {}), hn = /* @__PURE__ */ ((t) => (t.None = "", t.Error = "error", t.Success = "success", t))(hn || {}), fn = /* @__PURE__ */ ((t) => (t.None = "none", t.Both = "both", t.Horizontal = "horizontal", t.Vertical = "vertical", t.Block = "block", t.Inline = "inline", t))(fn || {});
 const oe = {
   name: "TextArea",
   class: "ds-textarea",
@@ -5139,7 +5146,7 @@ const oe = {
     type: {
       type: String,
       default: "text",
-      options: Object.values(dn)
+      options: Object.values(pn)
     },
     animated: {
       type: Boolean,
@@ -5152,7 +5159,7 @@ const oe = {
     size: {
       type: String,
       default: "medium",
-      options: Object.values(cn)
+      options: Object.values(dn)
     },
     label: {
       type: String,
@@ -5181,7 +5188,7 @@ const oe = {
     status: {
       type: String,
       default: "",
-      options: Object.values(pn)
+      options: Object.values(hn)
     },
     feedback: {
       type: String,
@@ -5202,7 +5209,7 @@ const oe = {
     resize: {
       type: String,
       default: "none",
-      options: Object.values(hn)
+      options: Object.values(fn)
     },
     onChangeHandler: {
       type: Function,
@@ -5210,7 +5217,7 @@ const oe = {
       }
     }
   }
-}, fn = Ce.forwardRef(
+}, gn = De.forwardRef(
   ({
     name: t,
     testId: e = oe.props.testId.default,
@@ -5246,7 +5253,7 @@ const oe = {
       se(D.target.value.length), w && w(D);
     }, le = (D) => {
       x && x(D);
-    }, Ee = (D) => {
+    }, we = (D) => {
       $(!1), F && F(D);
     }, ye = (D) => {
       $(!0), A && A(D);
@@ -5278,7 +5285,7 @@ const oe = {
           maxLength: u,
           minLength: o,
           name: t,
-          onBlur: Ee,
+          onBlur: we,
           onChange: re,
           onFocus: ye,
           onKeyDown: le,
@@ -5307,7 +5314,7 @@ const oe = {
     ] }, ne);
   }
 );
-fn.propTypes = {
+gn.propTypes = {
   name: l.string,
   testId: l.string,
   animated: l.bool,
@@ -5333,7 +5340,7 @@ fn.propTypes = {
   description: l.string,
   style: l.object
 };
-fn.displayName = "DsTextArea";
+gn.displayName = "DsTextArea";
 const ut = {
   name: "Container",
   class: "ds-container",
@@ -5373,7 +5380,7 @@ Ht.propTypes = {
   testId: l.string
 };
 Ht.displayName = "DsContainer";
-var gn = /* @__PURE__ */ ((t) => (t.Quark = "quark", t.Nano = "nano", t.ExtraSmall = "xs", t.Small = "sm", t.Medium = "md", t.Large = "lg", t))(gn || {}), jt = /* @__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))(jt || {});
+var mn = /* @__PURE__ */ ((t) => (t.Quark = "quark", t.Nano = "nano", t.ExtraSmall = "xs", t.Small = "sm", t.Medium = "md", t.Large = "lg", t))(mn || {}), jt = /* @__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))(jt || {});
 const ie = {
   name: "Grid-Layout",
   class: "ds-grid-layout",
@@ -5386,7 +5393,7 @@ const ie = {
     gap: {
       type: String,
       default: "sm",
-      options: Object.values(gn)
+      options: Object.values(mn)
     },
     vGap: {
       type: Boolean,
@@ -5423,7 +5430,7 @@ function is() {
     height: e
   };
 }
-function _a() {
+function ka() {
   const [t, e] = U(
     is()
   );
@@ -5434,7 +5441,7 @@ function _a() {
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, []), t;
 }
-const mn = ({
+const vn = ({
   children: t,
   rows: e = ie.props.rows.default,
   gap: s = ie.props.gap.default,
@@ -5449,7 +5456,7 @@ const mn = ({
     (x) => x === r
   ) ? `${ie.class}--h-${r}` : null, y = i && ie.props.verticalAlign.options.find(
     (x) => x === i
-  ) ? `${ie.class}--v-${i}` : null, { width: _ } = _a(), [S, v] = U("auto");
+  ) ? `${ie.class}--v-${i}` : null, { width: _ } = ka(), [S, v] = U("auto");
   Z(() => {
     _ <= 768 ? v("6") : v("12");
   }, [_]);
@@ -5474,7 +5481,7 @@ const mn = ({
     }
   );
 };
-mn.propTypes = {
+vn.propTypes = {
   children: l.oneOfType([
     l.arrayOf(l.node),
     l.node,
@@ -5491,8 +5498,8 @@ mn.propTypes = {
   ),
   verticalAlign: l.oneOf(ie.props.verticalAlign.options)
 };
-mn.displayName = "DsGridLayout";
-const ls = () => typeof window < "u" && window.innerWidth ? window.innerWidth : 0, ka = ({ children: t, grid: e }) => {
+vn.displayName = "DsGridLayout";
+const ls = () => typeof window < "u" && window.innerWidth ? window.innerWidth : 0, ba = ({ children: t, grid: e }) => {
   const { row: s, col: n, mobileRow: a, mobileCol: r } = e, [i, o] = U(ls());
   Z(() => {
     const d = () => {
@@ -5510,8 +5517,8 @@ const ls = () => typeof window < "u" && window.innerWidth ? window.innerWidth :
   }, [i, s, n, a, r]);
   return /* @__PURE__ */ c("div", { style: u, children: t });
 };
-ka.displayName = "DsGridElement";
-const $a = {
+ba.displayName = "DsGridElement";
+const Ma = {
   name: "Grid-Element",
   class: "ds-grid-element",
   props: {
@@ -5524,51 +5531,51 @@ const $a = {
     }
   }
 };
-var Xe = /* @__PURE__ */ ((t) => (t.None = "none", t.Quark = "quark", t.Nano = "nano", t.ExtraSmall = "xs", t.Small = "sm", t.Medium = "md", t.Large = "lg", t))(Xe || {});
-const Te = {
+var Ke = /* @__PURE__ */ ((t) => (t.None = "none", t.Quark = "quark", t.Nano = "nano", t.ExtraSmall = "xs", t.Small = "sm", t.Medium = "md", t.Large = "lg", t))(Ke || {});
+const Fe = {
   name: "Wrapper",
   class: "ds-wrapper",
   props: {
     space: {
       type: String,
       default: "xs",
-      options: Object.values(Xe)
+      options: Object.values(Ke)
     },
     top: {
       type: String,
       default: "none",
-      options: Object.values(Xe)
+      options: Object.values(Ke)
     },
     right: {
       type: String,
       default: "none",
-      options: Object.values(Xe)
+      options: Object.values(Ke)
     },
     bottom: {
       type: String,
       default: "none",
-      options: Object.values(Xe)
+      options: Object.values(Ke)
     },
     left: {
       type: String,
       default: "none",
-      options: Object.values(Xe)
+      options: Object.values(Ke)
     }
   }
 }, st = ({
   children: t,
-  space: e = Te.props.space.default,
-  top: s = Te.props.top.default,
-  right: n = Te.props.right.default,
-  bottom: a = Te.props.bottom.default,
-  left: r = Te.props.left.default
+  space: e = Fe.props.space.default,
+  top: s = Fe.props.top.default,
+  right: n = Fe.props.right.default,
+  bottom: a = Fe.props.bottom.default,
+  left: r = Fe.props.left.default
 }) => {
-  const i = s && `${Te.class}__top--${s}`, o = n && `${Te.class}__right--${n}`, u = a && `${Te.class}__bottom--${a}`, d = r && `${Te.class}__left--${r}`, h = e && `${Te.class}--${e}`;
+  const i = s && `${Fe.class}__top--${s}`, o = n && `${Fe.class}__right--${n}`, u = a && `${Fe.class}__bottom--${a}`, d = r && `${Fe.class}__left--${r}`, h = e && `${Fe.class}--${e}`;
   return /* @__PURE__ */ c(
     "div",
     {
       className: [
-        Te.class,
+        Fe.class,
         i,
         o,
         u,
@@ -5597,7 +5604,7 @@ const It = {
       default: 0
     }
   }
-}, Ke = {
+}, Xe = {
   name: "AccordionItem",
   class: "ds-accordion-item",
   props: {
@@ -5622,19 +5629,19 @@ const It = {
   title: t,
   content: e,
   onToggle: s,
-  active: n = Ke.props.active.default,
-  disabled: a = Ke.props.disabled.default
+  active: n = Xe.props.active.default,
+  disabled: a = Xe.props.disabled.default
 }) => {
-  const r = n && `${Ke.class}--active`;
+  const r = n && `${Xe.class}--active`;
   return /* @__PURE__ */ O(
     "li",
     {
-      className: [Ke.class, r].filter((i) => i).join(" "),
+      className: [Xe.class, r].filter((i) => i).join(" "),
       children: [
         /* @__PURE__ */ O(
           "button",
           {
-            className: `${Ke.class}__button`,
+            className: `${Xe.class}__button`,
             disabled: a,
             onClick: s,
             children: [
@@ -5642,7 +5649,7 @@ const It = {
               /* @__PURE__ */ c(
                 ee,
                 {
-                  className: `${Ke.class}__icon`,
+                  className: `${Xe.class}__icon`,
                   color: "neutral-90",
                   image: "expand_more",
                   size: "xl"
@@ -5663,7 +5670,7 @@ Wt.propTypes = {
   disabled: l.bool
 };
 Wt.displayName = "DsAccordionItem";
-const vn = ({
+const yn = ({
   items: t = It.props.items.default,
   activeItem: e = It.props.activeItem.default,
   onClick: s
@@ -5695,17 +5702,17 @@ const vn = ({
     o
   )) });
 };
-vn.propTypes = {
+yn.propTypes = {
   items: l.array,
   activeItem: l.number
 };
-vn.displayName = "DsAccordion";
-const ba = ({
+yn.displayName = "DsAccordion";
+const Sa = ({
   title: t,
   activeTags: e,
   handleTagClose: s
 }) => /* @__PURE__ */ c("div", { className: "active-tags", children: e.length > 0 && /* @__PURE__ */ O(yt, { children: [
-  /* @__PURE__ */ c(Ve, { className: "active-tags__title", children: t }),
+  /* @__PURE__ */ c(Le, { className: "active-tags__title", children: t }),
   /* @__PURE__ */ c("div", { className: "active-tags__list", "data-testid": "ds-list", children: e.map((n, a) => /* @__PURE__ */ c(
     Ge,
     {
@@ -5727,7 +5734,7 @@ const ba = ({
                   testId: `icon-${a}`
                 }
               ) }),
-              /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(Ve, { type: "small", children: n.text }) })
+              /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(Le, { type: "small", children: n.text }) })
             ] }),
             !n.hiddenClose && /* @__PURE__ */ c(
               ee,
@@ -5745,8 +5752,8 @@ const ba = ({
     `ds-tooltip-key-${n.id}-${n.text}`
   )) })
 ] }) });
-ba.displayName = "DsActiveTags";
-const Ma = {
+Sa.displayName = "DsActiveTags";
+const Va = {
   name: "ActiveTags",
   class: "ds-active-tags",
   props: {
@@ -5768,7 +5775,7 @@ const Ma = {
   name: "Carousel",
   class: "ds-carousel",
   props: {}
-}, Sa = ({
+}, Ea = ({
   slides: t,
   interval: e = 3e3,
   imageHeight: s = 100,
@@ -5818,10 +5825,10 @@ const Ma = {
             ))
           }
         ),
-        /* @__PURE__ */ c(De, { vertical: "xxs" }),
+        /* @__PURE__ */ c(Te, { vertical: "xxs" }),
         /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(qt, { className: "color__primary", type: "heading-4", children: t[i].title }) }),
-        /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Ve, { type: "large", children: t[i].description }) }),
-        /* @__PURE__ */ c(De, { vertical: "xxs" }),
+        /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Le, { type: "large", children: t[i].description }) }),
+        /* @__PURE__ */ c(Te, { vertical: "xxs" }),
         /* @__PURE__ */ c("div", { className: `${Ze.class}__dots`, children: /* @__PURE__ */ c("div", { className: `${Ze.class}__dots-wrapper`, children: t.map((_, S) => /* @__PURE__ */ c(
           "button",
           {
@@ -5835,7 +5842,7 @@ const Ma = {
     }
   );
 };
-Sa.propTypes = {
+Ea.propTypes = {
   slides: l.arrayOf(
     l.shape({
       title: l.string.isRequired,
@@ -5850,8 +5857,8 @@ Sa.propTypes = {
   imageMaxHeight: l.oneOfType([l.number, l.string]),
   imageMaxWidth: l.oneOfType([l.number, l.string])
 };
-var yn = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(yn || {});
-const X = {
+var _n = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(_n || {});
+const K = {
   name: "EditableSelect",
   class: "ds-editable-select",
   props: {
@@ -5886,7 +5893,7 @@ const X = {
     size: {
       type: String,
       default: "medium",
-      options: Object.values(yn)
+      options: Object.values(_n)
     },
     status: {
       type: String,
@@ -5933,28 +5940,28 @@ const X = {
       }
     }
   }
-}, Ea = (t, e) => {
+}, wa = (t, e) => {
   if (!e) return t;
   const s = e.toLowerCase();
   return t.filter((n) => n.label.toLowerCase().includes(s));
-}, os = (t) => t, wa = ({
-  label: t = X.props.label.default,
-  name: e = X.props.name.default,
-  testId: s = X.props.testId.default,
-  value: n = X.props.value.default,
-  options: a = X.props.options.default,
-  size: r = X.props.size.default,
-  onChangeHandler: i = X.props.onChangeHandler.default,
-  onSelectHandler: o = X.props.onSelectHandler.default,
-  onClearHandler: u = X.props.onClearHandler.default,
-  icon: d = X.props.icon.default,
-  noOptionsMessage: h = X.props.noOptionsMessage.default,
-  disabled: f = X.props.disabled.default,
-  status: y = X.props.status.default,
-  onBlurHandler: _ = X.props.onBlurHandler.default,
-  onFocusHandler: S = X.props.onFocusHandler.default,
-  animated: v = X.props.animated.default,
-  placeholder: g = X.props.placeholder.default,
+}, os = (t) => t, Aa = ({
+  label: t = K.props.label.default,
+  name: e = K.props.name.default,
+  testId: s = K.props.testId.default,
+  value: n = K.props.value.default,
+  options: a = K.props.options.default,
+  size: r = K.props.size.default,
+  onChangeHandler: i = K.props.onChangeHandler.default,
+  onSelectHandler: o = K.props.onSelectHandler.default,
+  onClearHandler: u = K.props.onClearHandler.default,
+  icon: d = K.props.icon.default,
+  noOptionsMessage: h = K.props.noOptionsMessage.default,
+  disabled: f = K.props.disabled.default,
+  status: y = K.props.status.default,
+  onBlurHandler: _ = K.props.onBlurHandler.default,
+  onFocusHandler: S = K.props.onFocusHandler.default,
+  animated: v = K.props.animated.default,
+  placeholder: g = K.props.placeholder.default,
   loading: w,
   showOptionsOnFocus: F = !1,
   inputType: x,
@@ -5969,10 +5976,10 @@ const X = {
   inputMask: W,
   inputOnKeyDownHandler: se
 }) => {
-  const [ne, he] = U(!1), [re, le] = U(n), [Ee, ye] = U(!0), m = Ye(null), E = (b) => {
+  const [ne, he] = U(!1), [re, le] = U(n), [we, ye] = U(!0), m = Ye(null), E = (b) => {
     if (F) {
-      const k = n.trim().toLowerCase(), fe = b.currentTarget.value.trim().toLowerCase(), qe = a.map((Nn) => Nn.label.trim().toLowerCase()), lt = !!k && qe.includes(k), In = !!fe && qe.includes(fe);
-      lt && !In && u();
+      const k = n.trim().toLowerCase(), fe = b.currentTarget.value.trim().toLowerCase(), qe = a.map((Rn) => Rn.label.trim().toLowerCase()), lt = !!k && qe.includes(k), Nn = !!fe && qe.includes(fe);
+      lt && !Nn && u();
     }
     i(b), ye(!1);
     const I = b.currentTarget.value.length;
@@ -6010,12 +6017,12 @@ const X = {
     };
     return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
   }, [F]);
-  const j = ue(() => F ? Ee ? os(a) : Ea(a, n) : os(a), [a, n, F, Ee]), z = () => j.length > 0 ? j.map((b, I) => {
-    const k = b.label === n ? ` ${X.class}__option--selected` : "";
+  const j = ue(() => F ? we ? os(a) : wa(a, n) : os(a), [a, n, F, we]), z = () => j.length > 0 ? j.map((b, I) => {
+    const k = b.label === n ? ` ${K.class}__option--selected` : "";
     return /* @__PURE__ */ c(
       "button",
       {
-        className: `${X.class}__option  ${X.class}__option--${r}${k}`,
+        className: `${K.class}__option  ${K.class}__option--${r}${k}`,
         "data-testid": `ds-option-${b.id ?? b.label}`,
         onClick: () => V(b),
         onMouseDown: (fe) => fe.preventDefault(),
@@ -6027,7 +6034,7 @@ const X = {
   }) : /* @__PURE__ */ c(
     "div",
     {
-      className: `${X.class}__option ${X.class}__option--not-found--${r}`,
+      className: `${K.class}__option ${K.class}__option--not-found--${r}`,
       children: h
     },
     "no_option"
@@ -6035,14 +6042,14 @@ const X = {
   return /* @__PURE__ */ O(
     "div",
     {
-      className: `${X.class}__container`,
+      className: `${K.class}__container`,
       ref: m,
       children: [
         /* @__PURE__ */ c(
           rt,
           {
             animated: v,
-            className: `${X.class}__input`,
+            className: `${K.class}__input`,
             disabled: f,
             feedback: q,
             hasFeedback: ae,
@@ -6071,21 +6078,21 @@ const X = {
         (d || w) && (w ? /* @__PURE__ */ c(
           "div",
           {
-            className: `${X.class}__loading ${X.class}__loading--${r}`,
+            className: `${K.class}__loading ${K.class}__loading--${r}`,
             style: { width: "18px" },
             children: /* @__PURE__ */ c(zt, { fullscreen: !1 })
           }
         ) : d && /* @__PURE__ */ c(
           ee,
           {
-            className: `${X.class}__icon ${X.class}__icon--${r}`,
+            className: `${K.class}__icon ${K.class}__icon--${r}`,
             image: d
           }
         )),
         ne && /* @__PURE__ */ c(
           "div",
           {
-            className: `${X.class}__list ${X.class}__list--${r}`,
+            className: `${K.class}__list ${K.class}__list--${r}`,
             "data-testid": "ds-list",
             children: z()
           }
@@ -6094,7 +6101,7 @@ const X = {
     }
   );
 };
-wa.displayName = "DsEditableSelect";
+Aa.displayName = "DsEditableSelect";
 const Qe = {
   name: "DsIndicator",
   class: "ds-indicator",
@@ -6108,7 +6115,7 @@ const Qe = {
       required: !0
     }
   }
-}, Va = ({
+}, La = ({
   length: t,
   current: e = Qe.props.current.default
 }) => {
@@ -6129,7 +6136,7 @@ const Qe = {
       )
     );
   return /* @__PURE__ */ c("div", { className: Qe.class, children: r });
-}, Aa = {
+}, xa = {
   name: "DsInlineEditable",
   class: "ds-inline-editable",
   props: {
@@ -6163,7 +6170,7 @@ const Qe = {
       }
     }
   }
-}, _n = ({
+}, kn = ({
   name: t,
   value: e,
   prefix: s,
@@ -6188,7 +6195,7 @@ const Qe = {
     var g;
     await d(!0), (g = o.current) == null || g.focus();
   };
-  return /* @__PURE__ */ c("div", { className: Aa.class, children: u ? /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("div", { className: xa.class, children: u ? /* @__PURE__ */ c(
     "input",
     {
       className: "ds-input__input",
@@ -6209,7 +6216,7 @@ const Qe = {
       "data-testid": "ds-inline-editible-div-click",
       onClick: v,
       children: /* @__PURE__ */ O(Pe, { alignItems: "center", gap: "nano", children: [
-        /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(Ve, { children: /* @__PURE__ */ O("b", { children: [
+        /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(Le, { children: /* @__PURE__ */ O("b", { children: [
           s,
           e,
           n
@@ -6219,12 +6226,12 @@ const Qe = {
     }
   ) });
 };
-_n.propTypes = {
+kn.propTypes = {
   value: l.string
 };
-_n.displayName = "DsInlineEditable";
-var xa = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(xa || {}), kn = /* @__PURE__ */ ((t) => (t.Squared = "squared", t.Rounded = "rounded", t))(kn || {});
-const Ae = {
+kn.displayName = "DsInlineEditable";
+var Ca = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(Ca || {}), bn = /* @__PURE__ */ ((t) => (t.Squared = "squared", t.Rounded = "rounded", t))(bn || {});
+const xe = {
   name: "Modal",
   class: "ds-modal",
   props: {
@@ -6241,7 +6248,7 @@ const Ae = {
     variant: {
       type: String,
       default: "rounded",
-      options: Object.values(kn)
+      options: Object.values(bn)
     },
     cancelBtnText: {
       type: String,
@@ -6256,21 +6263,21 @@ const Ae = {
       default: !1
     }
   }
-}, bn = ({
+}, Sn = ({
   className: t,
   title: e,
   content: s,
-  cancelBtnText: n = Ae.props.cancelBtnText.default,
-  confirmBtnText: a = Ae.props.confirmBtnText.default,
-  variant: r = Ae.props.variant.default,
+  cancelBtnText: n = xe.props.cancelBtnText.default,
+  confirmBtnText: a = xe.props.confirmBtnText.default,
+  variant: r = xe.props.variant.default,
   elevation: i,
-  isModalOpen: o = Ae.props.isModalOpen.default,
+  isModalOpen: o = xe.props.isModalOpen.default,
   onClose: u,
   onCancel: d,
   onConfirm: h,
   ...f
 }) => {
-  const y = r && Ae.props.variant.options.find((g) => g === r) ? `${Ae.class}--${r}` : `${Ae.class}--${Ae.props.variant.default}`, _ = i && `${Ae.class}--elevation-${i}`, S = h || d, v = xe(
+  const y = r && xe.props.variant.options.find((g) => g === r) ? `${xe.class}--${r}` : `${xe.class}--${xe.props.variant.default}`, _ = i && `${xe.class}--elevation-${i}`, S = h || d, v = Ce(
     (g) => {
       g.keyCode === 27 && u();
     },
@@ -6292,7 +6299,7 @@ const Ae = {
     /* @__PURE__ */ O(
       "div",
       {
-        className: [Ae.class, y, _, t].filter((g) => g).join(" "),
+        className: [xe.class, y, _, t].filter((g) => g).join(" "),
         "data-testid": "ds-modal",
         children: [
           !S && /* @__PURE__ */ c(
@@ -6306,11 +6313,11 @@ const Ae = {
           ),
           /* @__PURE__ */ O("div", { className: "ds-modal__content", children: [
             /* @__PURE__ */ c("div", { className: "ds-modal__content__title", children: e }),
-            e && /* @__PURE__ */ c(De, { vertical: "xxxs" }),
+            e && /* @__PURE__ */ c(Te, { vertical: "xxxs" }),
             /* @__PURE__ */ c("div", { className: "ds-modal__content__content", children: s })
           ] }),
-          S && /* @__PURE__ */ c(De, { vertical: "sm" }),
-          !S && /* @__PURE__ */ c(De, { vertical: "xxs" }),
+          S && /* @__PURE__ */ c(Te, { vertical: "sm" }),
+          !S && /* @__PURE__ */ c(Te, { vertical: "xxs" }),
           /* @__PURE__ */ O("div", { className: "ds-modal__cta", children: [
             d && /* @__PURE__ */ c(
               ft,
@@ -6336,18 +6343,18 @@ const Ae = {
     )
   ] }) : null;
 };
-bn.propTypes = {
+Sn.propTypes = {
   firstButtonText: l.string,
   confirmBtnText: l.string,
   cancelBtnText: l.string,
-  variant: l.oneOf(Ae.props.variant.options),
-  elevation: l.oneOf(Ae.props.elevation.options),
+  variant: l.oneOf(xe.props.variant.options),
+  elevation: l.oneOf(xe.props.elevation.options),
   isModalOpen: l.bool,
   title: l.node,
   content: l.node
 };
-bn.displayName = "DsModal";
-var Sn = /* @__PURE__ */ ((t) => (t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Info = "info", t))(Sn || {}), En = /* @__PURE__ */ ((t) => (t.Rounded = "rounded", t.Squared = "squared", t))(En || {});
+Sn.displayName = "DsModal";
+var En = /* @__PURE__ */ ((t) => (t.Success = "success", t.Danger = "danger", t.Warning = "warning", t.Info = "info", t))(En || {}), wn = /* @__PURE__ */ ((t) => (t.Rounded = "rounded", t.Squared = "squared", t))(wn || {});
 const ve = {
   name: "DsNotification",
   class: "ds-notification",
@@ -6355,7 +6362,7 @@ const ve = {
     type: {
       type: String,
       default: "info",
-      options: Object.values(Sn)
+      options: Object.values(En)
     },
     id: {
       type: String
@@ -6379,7 +6386,7 @@ const ve = {
     variant: {
       type: String,
       default: "rounded",
-      options: Object.values(En)
+      options: Object.values(wn)
     },
     progressBar: {
       type: Boolean,
@@ -6391,8 +6398,8 @@ const ve = {
     }
   }
 };
-var wn = /* @__PURE__ */ ((t) => (t.success = "check", t.danger = "error", t.warning = "warning", t.info = "info", t))(wn || {});
-const An = ({
+var An = /* @__PURE__ */ ((t) => (t.success = "check", t.danger = "error", t.warning = "warning", t.info = "info", t))(An || {});
+const xn = ({
   className: t,
   type: e = ve.props.type.default,
   variant: s = ve.props.variant.default,
@@ -6443,7 +6450,7 @@ const An = ({
             {
               color: e,
               fill: !0,
-              image: wn[e]
+              image: An[e]
             }
           ) }),
           /* @__PURE__ */ c(ce, { flex: "1", children: /* @__PURE__ */ c(st, { left: "none", right: "none", space: "nano", children: a ?? r }) }),
@@ -6455,7 +6462,7 @@ const An = ({
               onClick: (H) => N(H),
               children: /* @__PURE__ */ c(st, { children: /* @__PURE__ */ c(ee, { image: "close" }) })
             }
-          ) : /* @__PURE__ */ c(De, { horizontal: "quark" }) })
+          ) : /* @__PURE__ */ c(Te, { horizontal: "quark" }) })
         ] }) }),
         h && i && /* @__PURE__ */ c(
           "div",
@@ -6471,7 +6478,7 @@ const An = ({
     }
   ) : null;
 };
-An.displayName = "DsNotification";
+xn.displayName = "DsNotification";
 const Nt = {
   name: "DsPasswordConfirmation",
   class: "ds-password-confirmation",
@@ -6516,7 +6523,7 @@ const Nt = {
   good: "Boa",
   medium: "Médio",
   weak: "Fraco"
-}, xn = ({
+}, Cn = ({
   onChange: t,
   validationList: e = Nt.props.validationList.default,
   instructionLabel: s = Nt.props.instructionLabel.default,
@@ -6526,7 +6533,7 @@ const Nt = {
     score: 0,
     color: "danger",
     label: "Fraco"
-  }), [y, _] = U(!1), S = xe(
+  }), [y, _] = U(!1), S = Ce(
     (p) => {
       const C = e.map(
         (N) => N == null ? void 0 : N.rule(p)
@@ -6534,7 +6541,7 @@ const Nt = {
       return d(C), C;
     },
     [e]
-  ), v = xe(
+  ), v = Ce(
     (p) => {
       r(p.currentTarget.value);
       const C = S(p.currentTarget.value), N = x(C);
@@ -6546,7 +6553,7 @@ const Nt = {
       });
     },
     [i, t, S]
-  ), g = xe(
+  ), g = Ce(
     (p) => {
       o(p.currentTarget.value);
       const C = S(a), N = x(C);
@@ -6558,7 +6565,7 @@ const Nt = {
       });
     },
     [a, t, S]
-  ), w = ue(() => a !== i && y ? { status: "error", feedback: "As senhas são diferentes" } : { status: "", feedback: "" }, [a, i, y]), F = xe(
+  ), w = ue(() => a !== i && y ? { status: "error", feedback: "As senhas são diferentes" } : { status: "", feedback: "" }, [a, i, y]), F = Ce(
     (p) => {
       const C = {
         score: p,
@@ -6568,7 +6575,7 @@ const Nt = {
       return p > 30 && p < 75 ? (C.color = "warning", C.label = ct.medium) : p >= 75 && p < 100 ? (C.color = "success", C.label = ct.good) : p === 100 && (C.color = "success-dark", C.label = ct.strong), C;
     },
     []
-  ), x = xe(
+  ), x = Ce(
     (p) => {
       const C = p.reduce(
         (H, q) => {
@@ -6593,8 +6600,8 @@ const Nt = {
           testId: "ds-check-icon"
         }
       ) : null,
-      /* @__PURE__ */ c(De, { horizontal: "quark" }),
-      /* @__PURE__ */ c(Ve, { children: p.title })
+      /* @__PURE__ */ c(Te, { horizontal: "quark" }),
+      /* @__PURE__ */ c(Le, { children: p.title })
     ] }, C + p.title);
   }) });
   return /* @__PURE__ */ O(Pe, { className: "ds-password-confirmation", flexDirection: "column", children: [
@@ -6610,16 +6617,16 @@ const Nt = {
       }
     ) }),
     /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(
-      en,
+      tn,
       {
         color: h == null ? void 0 : h.color,
         label: h == null ? void 0 : h.label,
         progress: h == null ? void 0 : h.score
       }
     ) }),
-    /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(Ve, { children: s }) }),
+    /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(Le, { children: s }) }),
     /* @__PURE__ */ c(ce, { children: A() }),
-    /* @__PURE__ */ c(De, { vertical: "xxs" }),
+    /* @__PURE__ */ c(Te, { vertical: "xxs" }),
     /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(
       rt,
       {
@@ -6637,14 +6644,14 @@ const Nt = {
     ) })
   ] });
 };
-xn.propTypes = {
+Cn.propTypes = {
   onChange: l.func,
   validationList: l.array,
   instructionLabel: l.string,
   testId: l.string
 };
-xn.displayName = "DsPasswordConfirmation";
-const Fe = {
+Cn.displayName = "DsPasswordConfirmation";
+const Oe = {
   name: "DsStepper",
   class: "ds-stepper",
   props: {
@@ -6657,30 +6664,30 @@ const Fe = {
       default: 0
     }
   }
-}, Ca = ({
+}, Da = ({
   steps: t,
-  selectedStep: e = Fe.props.selectedStep.default,
+  selectedStep: e = Oe.props.selectedStep.default,
   onChange: s
 }) => {
   const [n, a] = U(e), r = (i, o) => {
-    const u = [`${Fe.class}__button`];
-    return o !== i && u.push(`${Fe.class}__button--round`), t[i] && t[i].disabled && u.push(`${Fe.class}__button--disabled`), u.join(" ");
+    const u = [`${Oe.class}__button`];
+    return o !== i && u.push(`${Oe.class}__button--round`), t[i] && t[i].disabled && u.push(`${Oe.class}__button--disabled`), u.join(" ");
   };
   return Z(() => {
     a(e);
   }, [e]), Z(() => {
     s(n);
-  }, [n]), /* @__PURE__ */ O("div", { className: Fe.class, children: [
-    /* @__PURE__ */ O("span", { className: `${Fe.class}__step-counter`, children: [
+  }, [n]), /* @__PURE__ */ O("div", { className: Oe.class, children: [
+    /* @__PURE__ */ O("span", { className: `${Oe.class}__step-counter`, children: [
       "Etapa ",
       n + 1,
       " de ",
       t == null ? void 0 : t.length
     ] }),
-    /* @__PURE__ */ c("div", { className: `${Fe.class}__step`, children: t.map((i, o) => /* @__PURE__ */ c(
+    /* @__PURE__ */ c("div", { className: `${Oe.class}__step`, children: t.map((i, o) => /* @__PURE__ */ c(
       "div",
       {
-        className: `${Fe.class}__content`,
+        className: `${Oe.class}__content`,
         children: /* @__PURE__ */ c(
           "button",
           {
@@ -6688,11 +6695,11 @@ const Fe = {
             "data-testid": `ds-button-${o}`,
             disabled: i.disabled,
             onClick: () => a(o),
-            children: /* @__PURE__ */ O("span", { className: `${Fe.class}__text`, children: [
+            children: /* @__PURE__ */ O("span", { className: `${Oe.class}__text`, children: [
               n === o ? /* @__PURE__ */ c(st, { bottom: "none", left: "nano", right: "nano", top: "none", children: /* @__PURE__ */ c(
                 ee,
                 {
-                  className: `${Fe.class}__icon`,
+                  className: `${Oe.class}__icon`,
                   fill: !0,
                   image: i.icon,
                   testId: `ds-icon-${o}`
@@ -6700,7 +6707,7 @@ const Fe = {
               ) }) : /* @__PURE__ */ c(
                 ee,
                 {
-                  className: `${Fe.class}__icon`,
+                  className: `${Oe.class}__icon`,
                   fill: !0,
                   image: i.icon,
                   testId: `ds-icon-${o}`
@@ -6715,8 +6722,8 @@ const Fe = {
     )) })
   ] });
 };
-Ca.displayName = "DsStepper";
-const Ie = {
+Da.displayName = "DsStepper";
+const Ne = {
   name: "Table",
   class: "ds-table",
   props: {
@@ -6733,13 +6740,13 @@ const Ie = {
       default: []
     }
   }
-}, Cn = ({ item: t, columns: e }) => /* @__PURE__ */ c("tr", { className: `${Ie.class}__row`, children: e.map((s, n) => {
-  const a = s.align && `${Ie.class}__cell--align-${s.align}`;
+}, Dn = ({ item: t, columns: e }) => /* @__PURE__ */ c("tr", { className: `${Ne.class}__row`, children: e.map((s, n) => {
+  const a = s.align && `${Ne.class}__cell--align-${s.align}`;
   return /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
     "div",
     {
       className: [
-        `${Ie.class}__cell`,
+        `${Ne.class}__cell`,
         a,
         s.className
       ].filter((r) => r).join(" "),
@@ -6747,28 +6754,28 @@ const Ie = {
     }
   ) }, n);
 }) });
-Cn.displayName = "DsTableRow";
-const Da = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", { className: `${Ie.class}__wrapper`, children: /* @__PURE__ */ O(
+Dn.displayName = "DsTableRow";
+const Ta = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", { className: `${Ne.class}__wrapper`, children: /* @__PURE__ */ O(
   "table",
   {
-    className: [`${Ie.class}`, s].filter((n) => n).join(" "),
+    className: [`${Ne.class}`, s].filter((n) => n).join(" "),
     children: [
-      /* @__PURE__ */ c("thead", { className: `${Ie.class}__head`, children: /* @__PURE__ */ c("tr", { className: `${Ie.class}__row`, children: t == null ? void 0 : t.map((n, a) => /* @__PURE__ */ c("th", { style: { width: n.size }, children: /* @__PURE__ */ c(
+      /* @__PURE__ */ c("thead", { className: `${Ne.class}__head`, children: /* @__PURE__ */ c("tr", { className: `${Ne.class}__row`, children: t == null ? void 0 : t.map((n, a) => /* @__PURE__ */ c("th", { style: { width: n.size }, children: /* @__PURE__ */ c(
         "div",
         {
           className: [
-            `${Ie.class}__cell`,
-            n.align && `${Ie.class}__cell--align-${n.align}`
+            `${Ne.class}__cell`,
+            n.align && `${Ne.class}__cell--align-${n.align}`
           ].filter((r) => r).join(" "),
           children: n.label
         }
       ) }, a)) }) }),
-      /* @__PURE__ */ c("tbody", { className: `${Ie.class}__body`, children: e && e.map((n, a) => /* @__PURE__ */ c(Cn, { columns: t, item: n }, a)) })
+      /* @__PURE__ */ c("tbody", { className: `${Ne.class}__body`, children: e && e.map((n, a) => /* @__PURE__ */ c(Dn, { columns: t, item: n }, a)) })
     ]
   }
 ) });
-Da.displayName = "DsTable";
-var Dn = /* @__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))(Dn || {}), it = /* @__PURE__ */ ((t) => (t.Segmented = "segmented", t.Navigation = "navigation", t))(it || {});
+Ta.displayName = "DsTable";
+var Tn = /* @__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))(Tn || {}), it = /* @__PURE__ */ ((t) => (t.Segmented = "segmented", t.Navigation = "navigation", t))(it || {});
 const me = {
   name: "DsTabs",
   class: "ds-tabs",
@@ -6784,7 +6791,7 @@ const me = {
     color: {
       type: String,
       default: "primary",
-      options: Object.values(Dn)
+      options: Object.values(Tn)
     },
     variant: {
       type: String,
@@ -6801,7 +6808,7 @@ const me = {
       }
     }
   }
-}, Ta = ({
+}, Fa = ({
   active: t,
   className: e,
   color: s,
@@ -6864,7 +6871,7 @@ function Rt(t, e) {
   const n = t.findIndex((a) => !a.hidden);
   return n >= 0 ? n : 0;
 }
-const La = ({
+const ja = ({
   tabs: t,
   color: e,
   selectedTab: s = me.props.selectedTab.default,
@@ -6911,7 +6918,7 @@ const La = ({
             children: f.map(({ tab: g, index: w }) => {
               const F = `${me.class}-tab-${g.name ?? w}`, x = `${me.class}-panel-${g.name ?? w}`, A = g.content !== void 0;
               return /* @__PURE__ */ c(
-                Ta,
+                Fa,
                 {
                   ...g,
                   active: d === w,
@@ -6950,15 +6957,15 @@ const La = ({
     }
   );
 };
-function Fa({ library: t, children: e, theme: s }) {
+function Oa({ 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 }) });
 }
-Fa.propTypes = {
+Oa.propTypes = {
   library: l.string,
   children: l.node.isRequired,
   theme: l.string
 };
-var Tn = /* @__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))(Tn || {});
+var Fn = /* @__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))(Fn || {});
 const ze = {
   name: "DsNotificationList",
   class: "ds-notification-list",
@@ -6966,7 +6973,7 @@ const ze = {
     position: {
       type: String,
       default: "top-right",
-      options: Object.values(Tn)
+      options: Object.values(Fn)
     },
     fluid: {
       type: Boolean,
@@ -6977,7 +6984,7 @@ const ze = {
       default: ""
     }
   }
-}, Fn = ({
+}, On = ({
   className: t = ze.props.className.default,
   position: e = ze.props.position.default,
   fluid: s = ze.props.fluid.default,
@@ -6995,7 +7002,7 @@ const ze = {
   return /* @__PURE__ */ c("div", { className: r, "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, y = o.progressBar ?? !0;
     return /* @__PURE__ */ c(
-      An,
+      xn,
       {
         autoClose: u,
         autoCloseTimer: d,
@@ -7011,16 +7018,16 @@ const ze = {
     );
   }) });
 };
-Fn.propTypes = {
+On.propTypes = {
   position: l.oneOf(ze.props.position.options),
   fluid: l.bool,
   notifications: l.array,
   removeNotification: l.func
 };
-Fn.displayName = "DsNotificationList";
+On.displayName = "DsNotificationList";
 const Je = {
   class: "ds-split-layout"
-}, Oa = ({
+}, Ia = ({
   leftContent: t,
   rightContent: e,
   leftBackgroundColor: s,
@@ -7033,12 +7040,12 @@ const Je = {
     /* @__PURE__ */ c("div", { className: h, children: e })
   ] });
 };
-Oa.displayName = "DsSplitLayout";
+Ia.displayName = "DsSplitLayout";
 const dt = {
   name: "TwoColumns",
   class: "ds-two-columns",
   props: {}
-}, On = ({
+}, In = ({
   header: t,
   main: e,
   sidebar: s,
@@ -7060,154 +7067,155 @@ const dt = {
       )
     ] })
   ] }),
-  /* @__PURE__ */ c(De, { vertical: "sm" })
+  /* @__PURE__ */ c(Te, { vertical: "sm" })
 ] });
-On.propTypes = {
+In.propTypes = {
   breadcrumb: l.node,
   header: l.node,
   main: l.node,
   sidebar: l.node
 };
-On.displayName = "DsTwoColumns";
+In.displayName = "DsTwoColumns";
 export {
   ps as ButtonColor,
-  Xn as ButtonElevation,
+  Gn as ButtonElevation,
   gs as ButtonIconPosition,
   fs as ButtonSize,
   hs as ButtonVariant,
   $t as CardColor,
-  Qn as CardElevation,
-  Es as ChipColor,
+  Jn as CardElevation,
+  bs as CardSize,
+  ws as ChipColor,
   gt as ChipIconPosition,
-  ws as ChipVariant,
-  vn as DsAccordion,
+  As as ChipVariant,
+  yn as DsAccordion,
   Wt as DsAccordionItem,
-  ba as DsActiveTags,
+  Sa as DsActiveTags,
   ft as DsButton,
   ks as DsCaption,
-  bs as DsCard,
-  Sa as DsCarousel,
-  Ss as DsCheckbox,
-  Ra as DsChip,
+  Ss as DsCard,
+  Ea as DsCarousel,
+  Es as DsCheckbox,
+  Ba as DsChip,
   Ht as DsContainer,
-  wa as DsEditableSelect,
+  Aa as DsEditableSelect,
   ce as DsFlexElement,
   Pe as DsFlexLayout,
-  ka as DsGridElement,
-  mn as DsGridLayout,
-  Ds as DsHR,
+  ba as DsGridElement,
+  vn as DsGridLayout,
+  Ts as DsHR,
   qt as DsHeading,
   ee as DsIcon,
-  Va as DsIndicator,
-  _n as DsInlineEditable,
+  La as DsIndicator,
+  kn as DsInlineEditable,
   rt as DsInput,
   zt as DsLoading,
-  bn as DsModal,
-  An as DsNotification,
-  Fn as DsNotificationList,
-  Ws as DsOption,
-  Ve as DsParagraph,
-  xn as DsPasswordConfirmation,
-  en as DsProgress,
-  ma as DsRadio,
-  va as DsSegmentControl,
-  on as DsSelect,
-  De as DsSpacer,
-  Oa as DsSplitLayout,
-  Ca as DsStepper,
-  ya as DsSubtitle,
-  Da as DsTable,
-  La as DsTabs,
-  fn as DsTextArea,
+  Sn as DsModal,
+  xn as DsNotification,
+  On as DsNotificationList,
+  Ys as DsOption,
+  Le as DsParagraph,
+  Cn as DsPasswordConfirmation,
+  tn as DsProgress,
+  va as DsRadio,
+  ya as DsSegmentControl,
+  un as DsSelect,
+  Te as DsSpacer,
+  Ia as DsSplitLayout,
+  Da as DsStepper,
+  _a as DsSubtitle,
+  Ta as DsTable,
+  ja as DsTabs,
+  gn as DsTextArea,
   Ge as DsTooltip,
-  On as DsTwoColumns,
+  In as DsTwoColumns,
   st as DsWrapper,
-  yn as EditableSelectSize,
-  Gs as FlexLayoutAlignItems,
-  Zs as FlexLayoutDirection,
-  Js as FlexLayoutGap,
-  Xs as FlexLayoutJustifyContent,
-  Qs as FlexLayoutWrap,
+  _n as EditableSelectSize,
+  Zs as FlexLayoutAlignItems,
+  Qs as FlexLayoutDirection,
+  en as FlexLayoutGap,
+  Gs as FlexLayoutJustifyContent,
+  Js as FlexLayoutWrap,
   jt as GridLayoutAlign,
-  gn as GridLayoutGap,
-  xs as HRBorderStyle,
-  Cs as HRSize,
-  As as HeadingType,
+  mn as GridLayoutGap,
+  Cs as HRBorderStyle,
+  Ds as HRSize,
+  xs as HeadingType,
   ms as IconColor,
   ys as IconSize,
   vs as IconVariation,
   _s as IconWeight,
-  Vs as InputSize,
-  Ls as InputStatus,
-  js as InputTooltipPlacement,
-  Ps as InputTooltipPosition,
-  Ms as InputType,
-  Hs as LoadingBackgroundColor,
-  zs as LoadingSize,
-  xa as ModalElevation,
-  kn as ModalVariant,
-  Tn as NotificationListPosition,
-  Sn as NotificationType,
-  En as NotificationVariant,
-  Ys as ParagraphType,
+  Ls as InputSize,
+  js as InputStatus,
+  Ps as InputTooltipPlacement,
+  qs as InputTooltipPosition,
+  Vs as InputType,
+  Ws as LoadingBackgroundColor,
+  Hs as LoadingSize,
+  Ca as ModalElevation,
+  bn as ModalVariant,
+  Fn as NotificationListPosition,
+  En as NotificationType,
+  wn as NotificationVariant,
+  Xs as ParagraphType,
   Ks as ProgressColor,
-  tn as RadioVariant,
-  sn as SegmentControlSize,
-  nn as SelectSize,
-  an as SelectStatus,
-  rn as SelectTooltipPlacement,
-  ln as SelectTooltipPosition,
+  sn as RadioVariant,
+  nn as SegmentControlSize,
+  an as SelectSize,
+  rn as SelectStatus,
+  ln as SelectTooltipPlacement,
+  on as SelectTooltipPosition,
   Lt as SpacerSize,
-  un as SubtitleType,
-  Dn as TabsColor,
+  cn as SubtitleType,
+  Tn as TabsColor,
   it as TabsVariant,
-  hn as TextAreaResize,
-  cn as TextAreaSize,
-  pn as TextAreaStatus,
-  dn as TextAreaType,
-  Fa as ThemeProvider,
-  Us as TooltipPlacement,
-  qs as TooltipPosition,
-  Xe as WrapperSpace,
+  fn as TextAreaResize,
+  dn as TextAreaSize,
+  hn as TextAreaStatus,
+  pn as TextAreaType,
+  Oa as ThemeProvider,
+  zs as TooltipPlacement,
+  Us as TooltipPosition,
+  Ke as WrapperSpace,
   It as accordionConfig,
-  Ke as accordionItemConfig,
-  Ma as activeTagsConfig,
+  Xe as accordionItemConfig,
+  Va as activeTagsConfig,
   G as buttonConfig,
-  Zn as captionConfig,
-  Le as cardConfig,
+  Qn as captionConfig,
+  Se as cardConfig,
   Ze as carouselConfig,
   ge as checkboxConfig,
-  Re as chipConfig,
+  Be as chipConfig,
   ut as containerConfig,
-  X as editableSelectConfig,
+  K as editableSelectConfig,
   Ft as flexElementConfig,
   Ue as flexLayoutConfig,
-  $a as gridElementConfig,
+  Ma as gridElementConfig,
   ie as gridLayoutConfig,
   et as headingConfig,
   He as horizontalRuleConfig,
   be as iconConfig,
   Qe as indicatorConfig,
-  Aa as inlineEditableConfig,
+  xa as inlineEditableConfig,
   J as inputConfig,
   ke as loadingConfig,
-  Ae as modalConfig,
+  xe as modalConfig,
   ve as notificationConfig,
   ze as notificationListConfig,
-  Be as optionConfig,
+  $e as optionConfig,
   ht as paragraphConfig,
   Nt as passwordConfirmationConfig,
   Vt as progressConfig,
-  we as radioConfig,
+  Ae as radioConfig,
   _e as segmentControlConfig,
   te as selectConfig,
   tt as spacerConfig,
-  Fe as stepperConfig,
+  Oe as stepperConfig,
   Ot as subtitleConfig,
-  Ie as tableConfig,
+  Ne as tableConfig,
   me as tabsConfig,
   oe as textAreaConfig,
-  Oe as tooltipConfig,
+  Ie as tooltipConfig,
   dt as twoColumnsConfig,
-  Te as wrapperConfig
+  Fe as wrapperConfig
 };