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

package/react/react-lib.js

@@ -14,8 +14,7 @@ var Tt = { exports: {} }, st = { exports: {} }, z = {};
  */
 var jt;
 function Sn() {
-  if (jt)
-    return z;
+  if (jt) return z;
   jt = 1;
   var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, s = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, r = t ? Symbol.for("react.strict_mode") : 60108, a = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, l = t ? Symbol.for("react.context") : 60110, u = t ? Symbol.for("react.async_mode") : 60111, d = t ? Symbol.for("react.concurrent_mode") : 60111, h = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, _ = t ? Symbol.for("react.suspense_list") : 60120, y = t ? Symbol.for("react.memo") : 60115, E = t ? Symbol.for("react.lazy") : 60116, v = t ? Symbol.for("react.block") : 60121, m = t ? Symbol.for("react.fundamental") : 60117, F = t ? Symbol.for("react.responder") : 60118, j = t ? Symbol.for("react.scope") : 60119;
   function A(p) {
@@ -182,8 +181,7 @@ object-assign
 */
 var vt, Ut;
 function xn() {
-  if (Ut)
-    return vt;
+  if (Ut) return vt;
   Ut = 1;
   var t = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
   function n(a) {
@@ -229,8 +227,7 @@ function xn() {
 }
 var _t, zt;
 function Rt() {
-  if (zt)
-    return _t;
+  if (zt) return _t;
   zt = 1;
   var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return _t = t, _t;
@@ -241,8 +238,7 @@ function ns() {
 }
 var kt, Wt;
 function wn() {
-  if (Wt)
-    return kt;
+  if (Wt) return kt;
   Wt = 1;
   var t = function() {
   };
@@ -291,8 +287,7 @@ function wn() {
 }
 var bt, Yt;
 function An() {
-  if (Yt)
-    return bt;
+  if (Yt) return bt;
   Yt = 1;
   var t = ss(), e = xn(), s = Rt(), n = ns(), r = wn(), a = function() {
   };
@@ -613,8 +608,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
 }
 var Et, Xt;
 function Tn() {
-  if (Xt)
-    return Et;
+  if (Xt) return Et;
   Xt = 1;
   var t = Rt();
   function e() {
@@ -1056,7 +1050,7 @@ const ie = {
     label: r = ie.props.label.default,
     description: a = ie.props.description.default,
     checked: i = ie.props.checked.default,
-    disabled: l = ie.props.checked.default,
+    disabled: l = ie.props.disabled.default,
     changeByChecked: u = ie.props.changeByChecked.default,
     onChangeHandler: d
   }, h) => {
@@ -1084,6 +1078,7 @@ const ie = {
               checked: y,
               className: `${ie.class}__input`,
               "data-testid": n,
+              disabled: l,
               id: t || s,
               name: s,
               onChange: F,
@@ -1246,38 +1241,25 @@ function St(t) {
   return t.replace(/([.*+?^=!:${}()|[\]/\\])/g, "\\$1");
 }
 function ct(t, e) {
-  if (e === t)
-    return !0;
+  if (e === t) return !0;
   const s = Array.isArray(e), n = Array.isArray(t);
   let r;
   if (s && n) {
-    if (e.length != t.length)
-      return !1;
-    for (r = 0; r < e.length; r++)
-      if (!ct(e[r], t[r]))
-        return !1;
+    if (e.length != t.length) return !1;
+    for (r = 0; r < e.length; r++) if (!ct(e[r], t[r])) return !1;
     return !0;
   }
-  if (s != n)
-    return !1;
+  if (s != n) return !1;
   if (e && t && typeof e == "object" && typeof t == "object") {
     const a = e instanceof Date, i = t instanceof Date;
-    if (a && i)
-      return e.getTime() == t.getTime();
-    if (a != i)
-      return !1;
+    if (a && i) return e.getTime() == t.getTime();
+    if (a != i) return !1;
     const l = e instanceof RegExp, u = t instanceof RegExp;
-    if (l && u)
-      return e.toString() == t.toString();
-    if (l != u)
-      return !1;
+    if (l && u) return e.toString() == t.toString();
+    if (l != u) return !1;
     const d = Object.keys(e);
-    for (r = 0; r < d.length; r++)
-      if (!Object.prototype.hasOwnProperty.call(t, d[r]))
-        return !1;
-    for (r = 0; r < d.length; r++)
-      if (!ct(t[d[r]], e[d[r]]))
-        return !1;
+    for (r = 0; r < d.length; r++) if (!Object.prototype.hasOwnProperty.call(t, d[r])) return !1;
+    for (r = 0; r < d.length; r++) if (!ct(t[d[r]], e[d[r]])) return !1;
     return !0;
   } else if (e && t && typeof e == "function" && typeof t == "function")
     return e.toString() === t.toString();
@@ -1334,18 +1316,15 @@ function D(t, e) {
   return new D.InputMask(t, e);
 }
 function ks(t) {
-  if (t == null)
-    throw new Error("mask property should be defined");
+  if (t == null) throw new Error("mask property should be defined");
   return t instanceof RegExp ? D.MaskedRegExp : $e(t) ? D.MaskedPattern : t === Date ? D.MaskedDate : t === Number ? D.MaskedNumber : Array.isArray(t) || t === Array ? D.MaskedDynamic : D.Masked && t.prototype instanceof D.Masked ? t : D.Masked && t instanceof D.Masked ? t.constructor : t instanceof Function ? D.MaskedFunction : (console.warn("Mask not found for mask", t), D.Masked);
 }
 function Je(t) {
-  if (!t)
-    throw new Error("Options in not defined");
+  if (!t) throw new Error("Options in not defined");
   if (D.Masked) {
-    if (t.prototype instanceof D.Masked)
-      return {
-        mask: t
-      };
+    if (t.prototype instanceof D.Masked) return {
+      mask: t
+    };
     const {
       mask: e = void 0,
       ...s
@@ -1369,11 +1348,9 @@ function Je(t) {
   };
 }
 function Ie(t) {
-  if (D.Masked && t instanceof D.Masked)
-    return t;
+  if (D.Masked && t instanceof D.Masked) return t;
   const e = Je(t), s = ks(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.");
+  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);
 }
 D.createMask = Ie;
@@ -1497,8 +1474,7 @@ class bs extends ht {
   }
   /** Sets HTMLElement selection */
   _unsafeSelect(e, s) {
-    if (!this.rootElement.createRange)
-      return;
+    if (!this.rootElement.createRange) return;
     const n = this.rootElement.createRange();
     n.setStart(this.input.firstChild || this.input, e), n.setEnd(this.input.lastChild || this.input, s);
     const r = this.rootElement, a = r.getSelection && r.getSelection();
@@ -1546,7 +1522,7 @@ class jn {
   */
   /** Internal {@link Masked} model */
   constructor(e, s) {
-    this.el = e instanceof Bt ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new bs(e) : new Ln(e), this.masked = Ie(s), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new ft(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this._onChange();
+    this.el = e instanceof Bt ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new bs(e) : new Ln(e), this.masked = Ie(s), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new ft(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
   }
   maskEquals(e) {
     var s;
@@ -1557,8 +1533,7 @@ class jn {
     return this.masked.mask;
   }
   set mask(e) {
-    if (this.maskEquals(e))
-      return;
+    if (this.maskEquals(e)) return;
     if (!(e instanceof D.Masked) && this.masked.constructor === ks(e)) {
       this.masked.updateOptions({
         mask: e
@@ -1697,8 +1672,7 @@ class jn {
   }
   /** Removes custom event listener */
   off(e, s) {
-    if (!this._listeners[e])
-      return this;
+    if (!this._listeners[e]) return this;
     if (!s)
       return delete this._listeners[e], this;
     const n = this._listeners[e].indexOf(s);
@@ -1813,14 +1787,12 @@ class we {
     Object.assign(this, e);
   }
   unshift(e) {
-    if (!this.value.length || e != null && this.from >= e)
-      return "";
+    if (!this.value.length || e != null && this.from >= e) return "";
     const s = this.value[0];
     return this.value = this.value.slice(1), s;
   }
   shift() {
-    if (!this.value.length)
-      return "";
+    if (!this.value.length) return "";
     const e = this.value[this.value.length - 1];
     return this.value = this.value.slice(0, -1), e;
   }
@@ -1983,16 +1955,14 @@ class re {
   }
   /** Appends symbols considering flags */
   append(e, s, n) {
-    if (!$e(e))
-      throw new Error("value should be string");
+    if (!$e(e)) throw new Error("value should be string");
     const r = $e(n) ? new we(String(n)) : n;
     s != null && s.tail && (s._beforeTailState = this.state);
     let a;
     [e, a] = this.doPrepare(e, s);
     for (let i = 0; i < e.length; ++i) {
       const l = this._appendChar(e[i], s, r);
-      if (!l.rawInserted && !this.doSkipInvalid(e[i], s, r))
-        break;
+      if (!l.rawInserted && !this.doSkipInvalid(e[i], s, r)) break;
       a.aggregate(l);
     }
     return (this.eager === !0 || this.eager === "append") && s != null && s.input && e && a.aggregate(this._appendEager()), r != null && (a.tailShift += this.appendTail(r).tailShift), a;
@@ -2002,15 +1972,13 @@ class re {
   }
   /** Calls function and reapplies current value */
   withValueRefresh(e) {
-    if (this._refreshing || !this._initialized)
-      return e();
+    if (this._refreshing || !this._initialized) return e();
     this._refreshing = !0;
     const s = this.rawInputValue, n = this.value, r = e();
     return this.rawInputValue = s, this.value && this.value !== n && n.indexOf(this.value) === 0 && (this.append(n.slice(this.displayValue.length), {}, ""), this.doCommit()), delete this._refreshing, r;
   }
   runIsolated(e) {
-    if (this._isolated || !this._initialized)
-      return e(this);
+    if (this._isolated || !this._initialized) return e(this);
     this._isolated = !0;
     const s = this.state, n = e(this);
     return this.state = s, delete this._isolated, n;
@@ -2052,8 +2020,7 @@ class re {
           f.aggregate(new M({
             tailShift: -1
           })).aggregate(this.remove(_ - 1));
-      } else
-        r === S.FORCE_RIGHT && l.unshift();
+      } else r === S.FORCE_RIGHT && l.unshift();
     return f.aggregate(this.append(n, a, l));
   }
   maskEquals(e) {
@@ -2084,8 +2051,7 @@ class qe {
     return this.chunks.map(String).join("");
   }
   extend(e) {
-    if (!String(e))
-      return;
+    if (!String(e)) return;
     e = $e(e) ? new we(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
@@ -2143,37 +2109,31 @@ class qe {
     });
   }
   unshift(e) {
-    if (!this.chunks.length || e != null && this.from >= e)
-      return "";
+    if (!this.chunks.length || e != null && this.from >= e) return "";
     const s = e != null ? e - this.from : e;
     let n = 0;
     for (; n < this.chunks.length; ) {
       const r = this.chunks[n], a = r.unshift(s);
       if (r.toString()) {
-        if (!a)
-          break;
+        if (!a) break;
         ++n;
       } else
         this.chunks.splice(n, 1);
-      if (a)
-        return a;
+      if (a) return a;
     }
     return "";
   }
   shift() {
-    if (!this.chunks.length)
-      return "";
+    if (!this.chunks.length) return "";
     let e = this.chunks.length - 1;
     for (; 0 <= e; ) {
       const s = this.chunks[e], n = s.shift();
       if (s.toString()) {
-        if (!n)
-          break;
+        if (!n) break;
         --e;
       } else
         this.chunks.splice(e, 1);
-      if (n)
-        return n;
+      if (n) return n;
     }
     return "";
   }
@@ -2228,15 +2188,13 @@ class Pn {
   _pushLeft(e) {
     for (this.pushState(), this.bindBlock(); 0 <= this.index; --this.index, this.offset = ((s = this.block) == null ? void 0 : s.displayValue.length) || 0) {
       var s;
-      if (e())
-        return this.ok = !0;
+      if (e()) return this.ok = !0;
     }
     return this.ok = !1;
   }
   _pushRight(e) {
     for (this.pushState(), this.bindBlock(); this.index < this.masked._blocks.length; ++this.index, this.offset = 0)
-      if (e())
-        return this.ok = !0;
+      if (e()) return this.ok = !0;
     return this.ok = !1;
   }
   pushLeftBeforeFilled() {
@@ -2331,8 +2289,7 @@ class Es {
     return !!this._value;
   }
   _appendChar(e, s) {
-    if (s === void 0 && (s = {}), this.isFilled)
-      return new M();
+    if (s === void 0 && (s = {}), this.isFilled) return new M();
     const n = this.eager === !0 || this.eager === "append", a = this.char === e && (this.isUnmasking || s.input || s.raw) && (!s.raw || !n) && !s.tail, i = new M({
       inserted: this.char,
       rawInserted: a ? this.char : ""
@@ -2423,8 +2380,7 @@ class dt {
     return !!this.masked.value || this.isOptional;
   }
   _appendChar(e, s) {
-    if (s === void 0 && (s = {}), this.isFilled)
-      return new M();
+    if (s === void 0 && (s = {}), this.isFilled) return new M();
     const n = this.masked.state;
     let r = this.masked._appendChar(e, this.currentMaskFlags(s));
     return r.inserted && this.doValidate(s) === !1 && (r = new M(), this.masked.state = n), !r.inserted && !this.isOptional && !this.lazy && !s.input && (r.inserted = this.placeholderChar), r.skip = !r.inserted && !this.isOptional, this.isFilled = !!r.inserted, r;
@@ -2543,8 +2499,7 @@ class ae extends re {
     const e = this.definitions;
     this._blocks = [], this.exposeBlock = void 0, this._stops = [], this._maskedBlocks = {};
     const s = this.mask;
-    if (!s || !e)
-      return;
+    if (!s || !e) return;
     let n = !1, r = !1;
     for (let a = 0; a < s.length; ++a) {
       if (this.blocks) {
@@ -2588,8 +2543,7 @@ class ae extends re {
         continue;
       }
       if (i === ae.ESCAPE_CHAR) {
-        if (++a, i = s[a], !i)
-          break;
+        if (++a, i = s[a], !i) break;
         l = !1;
       }
       const u = l ? new dt({
@@ -2650,8 +2604,7 @@ class ae extends re {
     if (this.exposeBlock) {
       const s = this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock)) + this.exposeBlock.displayValue.length);
       this.exposeBlock.unmaskedValue = e, this.appendTail(s), this.doCommit();
-    } else
-      super.unmaskedValue = e;
+    } else super.unmaskedValue = e;
   }
   get value() {
     return this.exposeBlock ? this.exposeBlock.value : (
@@ -2663,8 +2616,7 @@ class ae extends re {
     if (this.exposeBlock) {
       const s = this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock)) + this.exposeBlock.displayValue.length);
       this.exposeBlock.value = e, this.appendTail(s), this.doCommit();
-    } else
-      super.value = e;
+    } else super.value = e;
   }
   get typedValue() {
     return this.exposeBlock ? this.exposeBlock.typedValue : super.typedValue;
@@ -2673,8 +2625,7 @@ class ae extends re {
     if (this.exposeBlock) {
       const s = this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock)) + this.exposeBlock.displayValue.length);
       this.exposeBlock.typedValue = e, this.appendTail(s), this.doCommit();
-    } else
-      super.typedValue = e;
+    } else super.typedValue = e;
   }
   get displayValue() {
     return this._blocks.reduce((e, s) => e += s.displayValue, "");
@@ -2686,13 +2637,11 @@ class ae extends re {
     var e;
     const s = new M();
     let n = (e = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : e.index;
-    if (n == null)
-      return s;
+    if (n == null) return s;
     this._blocks[n].isFilled && ++n;
     for (let r = n; r < this._blocks.length; ++r) {
       const a = this._blocks[r]._appendEager();
-      if (!a.inserted)
-        break;
+      if (!a.inserted) break;
       s.aggregate(a);
     }
     return s;
@@ -2700,16 +2649,14 @@ class ae extends re {
   _appendCharRaw(e, s) {
     s === void 0 && (s = {});
     const n = this._mapPosToBlock(this.displayValue.length), r = new M();
-    if (!n)
-      return r;
+    if (!n) return r;
     for (let i = n.index, l; l = this._blocks[i]; ++i) {
       var a;
       const u = l._appendChar(e, {
         ...s,
         _beforeTailState: (a = s._beforeTailState) == null || (a = a._blocks) == null ? void 0 : a[i]
       });
-      if (r.aggregate(u), u.consumed)
-        break;
+      if (r.aggregate(u), u.consumed) break;
     }
     return r;
   }
@@ -2722,8 +2669,7 @@ class ae extends re {
     }), n;
   }
   extractInput(e, s, n) {
-    if (e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), n === void 0 && (n = {}), e === s)
-      return "";
+    if (e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), n === void 0 && (n = {}), e === s) return "";
     let r = "";
     return this._forEachBlocksInRange(e, s, (a, i, l, u) => {
       r += a.extractInput(l, u, n);
@@ -2733,21 +2679,17 @@ class ae extends re {
     let s;
     for (let n = 0; n < this._stops.length; ++n) {
       const r = this._stops[n];
-      if (r <= e)
-        s = r;
-      else
-        break;
+      if (r <= e) s = r;
+      else break;
     }
     return s;
   }
   /** Appends placeholder depending on laziness */
   _appendPlaceholder(e) {
     const s = new M();
-    if (this.lazy && e == null)
-      return s;
+    if (this.lazy && e == null) return s;
     const n = this._mapPosToBlock(this.displayValue.length);
-    if (!n)
-      return s;
+    if (!n) return s;
     const r = n.index, a = e ?? this._blocks.length;
     return this._blocks.slice(r, a).forEach((i) => {
       if (!i.lazy || e != null) {
@@ -2791,20 +2733,17 @@ class ae extends re {
     }), n;
   }
   nearestInputPos(e, s) {
-    if (s === void 0 && (s = S.NONE), !this._blocks.length)
-      return 0;
+    if (s === void 0 && (s = S.NONE), !this._blocks.length) return 0;
     const n = new Pn(this, e);
     if (s === S.NONE)
       return n.pushRightBeforeInput() || (n.popState(), n.pushLeftBeforeInput()) ? n.pos : this.displayValue.length;
     if (s === S.LEFT || s === S.FORCE_LEFT) {
       if (s === S.LEFT) {
-        if (n.pushRightBeforeFilled(), n.ok && n.pos === e)
-          return e;
+        if (n.pushRightBeforeFilled(), n.ok && n.pos === e) return e;
         n.popState();
       }
       if (n.pushLeftBeforeInput(), n.pushLeftBeforeRequired(), n.pushLeftBeforeFilled(), s === S.LEFT) {
-        if (n.pushRightBeforeInput(), n.pushRightBeforeRequired(), n.ok && n.pos <= e || (n.popState(), n.ok && n.pos <= e))
-          return n.pos;
+        if (n.pushRightBeforeInput(), n.pushRightBeforeRequired(), n.ok && n.pos <= e || (n.popState(), n.ok && n.pos <= e)) return n.pos;
         n.popState();
       }
       return n.ok ? n.pos : s === S.FORCE_LEFT ? 0 : (n.popState(), n.ok || (n.popState(), n.ok) ? n.pos : 0);
@@ -2869,8 +2808,7 @@ class it extends ae {
     this.to = s, this.from = n, this.maxLength = Math.max(String(s).length, r), this.autofix = a;
     const l = String(this.from).padStart(this.maxLength, "0"), u = String(this.to).padStart(this.maxLength, "0");
     let d = 0;
-    for (; d < u.length && u[d] === l[d]; )
-      ++d;
+    for (; d < u.length && u[d] === l[d]; ) ++d;
     i.mask = u.slice(0, d).replace(/0/g, "\\0") + "0".repeat(this.maxLength - d), super._update(i);
   }
   get isComplete() {
@@ -2887,22 +2825,19 @@ class it extends ae {
     return [e, n] = super.doPrepareChar(e.replace(/\D/g, ""), s), e || (n.skip = !this.isComplete), [e, n];
   }
   _appendCharRaw(e, s) {
-    if (s === void 0 && (s = {}), !this.autofix || this.value.length + 1 > this.maxLength)
-      return super._appendCharRaw(e, s);
+    if (s === void 0 && (s = {}), !this.autofix || this.value.length + 1 > this.maxLength) return super._appendCharRaw(e, s);
     const n = String(this.from).padStart(this.maxLength, "0"), r = String(this.to).padStart(this.maxLength, "0"), [a, i] = this.boundaries(this.value + e);
     return Number(i) < this.from ? super._appendCharRaw(n[this.value.length], s) : Number(a) > this.to ? !s.tail && this.autofix === "pad" && this.value.length + 1 < this.maxLength ? super._appendCharRaw(n[this.value.length], s).aggregate(this._appendCharRaw(e, s)) : super._appendCharRaw(r[this.value.length], s) : super._appendCharRaw(e, s);
   }
   doValidate(e) {
     const s = this.value;
-    if (s.search(/[^0]/) === -1 && s.length <= this._matchFrom)
-      return !0;
+    if (s.search(/[^0]/) === -1 && s.length <= this._matchFrom) return !0;
     const [r, a] = this.boundaries(s);
     return this.from <= Number(a) && Number(r) <= this.to && super.doValidate(e);
   }
   pad(e) {
     const s = new M();
-    if (this.value.length === this.maxLength)
-      return s;
+    if (this.value.length === this.maxLength) return s;
     const n = this.value, r = this.maxLength - this.value.length;
     if (r) {
       this.reset();
@@ -2914,6 +2849,7 @@ class it extends ae {
   }
 }
 D.MaskedRange = it;
+const Un = "d{.}`m{.}`Y";
 class De extends ae {
   static extractPatternOptions(e) {
     const {
@@ -3006,10 +2942,9 @@ De.GET_DEFAULT_BLOCKS = () => ({
 De.DEFAULTS = {
   ...ae.DEFAULTS,
   mask: Date,
-  pattern: "d{.}`m{.}`Y",
+  pattern: Un,
   format: (t, e) => {
-    if (!t)
-      return "";
+    if (!t) return "";
     const s = String(t.getDate()).padStart(2, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), r = t.getFullYear();
     return [s, n, r].join(".");
   },
@@ -3202,8 +3137,7 @@ class gt extends re {
   }
   maskEquals(e) {
     return Array.isArray(e) ? this.compiledMasks.every((s, n) => {
-      if (!e[n])
-        return;
+      if (!e[n]) return;
       const {
         mask: r,
         ...a
@@ -3219,8 +3153,7 @@ class gt extends re {
 gt.DEFAULTS = {
   ...re.DEFAULTS,
   dispatch: (t, e, s, n) => {
-    if (!e.compiledMasks.length)
-      return;
+    if (!e.compiledMasks.length) return;
     const r = e.rawInputValue, a = e.compiledMasks.map((i, l) => {
       const u = e.currentMask === i, d = u ? i.displayValue.length : i.nearestInputPos(i.displayValue.length, S.FORCE_LEFT);
       return i.rawInputValue !== r ? (i.reset(), i.append(r, {
@@ -3275,8 +3208,7 @@ class mt extends ae {
     return e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), new we("", e);
   }
   remove(e, s) {
-    if (e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), e === s)
-      return new M();
+    if (e === void 0 && (e = 0), s === void 0 && (s = this.displayValue.length), e === s) return new M();
     const n = Math.min(super.nearestInputPos(0, S.FORCE_RIGHT), this.value.length);
     let r;
     for (r = e; r >= 0 && !(this.enum.filter((l) => this.matchValue(l, this.value.slice(n, r), n)).length > 1); --r)
@@ -3293,7 +3225,7 @@ mt.DEFAULTS = {
   matchValue: (t, e, s) => t.indexOf(e, s) === s
 };
 D.MaskedEnum = mt;
-class Un extends re {
+class zn extends re {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -3309,7 +3241,7 @@ class Un extends re {
     });
   }
 }
-D.MaskedFunction = Un;
+D.MaskedFunction = zn;
 var Ss;
 class he extends re {
   /** Single char */
@@ -3399,8 +3331,7 @@ class he extends re {
   _findSeparatorAround(e) {
     if (this.thousandsSeparator) {
       const s = e - this.thousandsSeparator.length + 1, n = this.value.indexOf(this.thousandsSeparator, s);
-      if (n <= e)
-        return n;
+      if (n <= e) return n;
     }
     return -1;
   }
@@ -3420,8 +3351,7 @@ class he extends re {
     });
   }
   nearestInputPos(e, s) {
-    if (!this.thousandsSeparator)
-      return e;
+    if (!this.thousandsSeparator) return e;
     switch (s) {
       case S.NONE:
       case S.LEFT:
@@ -3458,8 +3388,7 @@ class he extends re {
     return s[0] = s[0].replace(/^(\D*)(0*)(\d*)/, (n, r, a, i) => r + i), e.length && !/\d$/.test(s[0]) && (s[0] = s[0] + "0"), s.length > 1 && (s[1] = s[1].replace(/0*$/, ""), s[1].length || (s.length = 1)), this._insertThousandsSeparators(s.join(this.radix));
   }
   _padFractionalZeros(e) {
-    if (!e)
-      return e;
+    if (!e) return e;
     const s = e.split(this.radix);
     return s.length < 2 && s.push(""), s[1] = s[1].padEnd(this.scale, "0"), s.join(this.radix);
   }
@@ -3528,13 +3457,13 @@ function Cs(t, e, s) {
   const n = Ie(t);
   return (r) => n.runIsolated((a) => (a[e] = r, a[s]));
 }
-function zn(t, e, s, n) {
+function Hn(t, e, s, n) {
   return Cs(e, s, n)(t);
 }
 D.PIPE_TYPE = Ot;
 D.createPipe = Cs;
-D.pipe = zn;
-class Hn extends ae {
+D.pipe = Hn;
+class Wn extends ae {
   get repeatFrom() {
     var e;
     return (e = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === 1 / 0 ? 0 : this.repeat) != null ? e : 0;
@@ -3571,8 +3500,7 @@ class Hn extends ae {
     });
   }
   _allocateBlock(e) {
-    if (e < this._blocks.length)
-      return this._blocks[e];
+    if (e < this._blocks.length) return this._blocks[e];
     if (this.repeatTo === 1 / 0 || this._blocks.length < this.repeatTo)
       return this._blocks.push(Ie(this._blockOpts)), this.mask += "m", this._blocks[this._blocks.length - 1];
   }
@@ -3595,8 +3523,7 @@ class Hn extends ae {
         this._blocks.pop(), this.mask = this.mask.slice(1);
         break;
       }
-      if (n.aggregate(f), f.consumed)
-        break;
+      if (n.aggregate(f), f.consumed) break;
     }
     return n;
   }
@@ -3629,7 +3556,7 @@ class Hn extends ae {
     this._blocks.length = e._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = e;
   }
 }
-D.RepeatBlock = Hn;
+D.RepeatBlock = Wn;
 try {
   globalThis.IMask = D;
 } catch {
@@ -3681,8 +3608,8 @@ const xs = {
   inputRef: o.oneOfType([o.func, o.shape({
     current: o.object
   })])
-}, ws = Object.keys(xs).filter((t) => t !== "value"), Wn = ["value", "unmask", "onAccept", "onComplete", "inputRef"], Yn = ws.filter((t) => Wn.indexOf(t) < 0);
-function Xn(t) {
+}, ws = Object.keys(xs).filter((t) => t !== "value"), Yn = ["value", "unmask", "onAccept", "onComplete", "inputRef"], Xn = ws.filter((t) => Yn.indexOf(t) < 0);
+function Kn(t) {
   var e;
   const s = (e = class extends ke.Component {
     constructor(a) {
@@ -3716,7 +3643,7 @@ function Xn(t) {
       const {
         ...i
       } = a;
-      return Object.keys(i).filter((l) => Yn.indexOf(l) < 0).forEach((l) => {
+      return Object.keys(i).filter((l) => Xn.indexOf(l) < 0).forEach((l) => {
         delete i[l];
       }), i;
     }
@@ -3752,7 +3679,7 @@ function Xn(t) {
     ref: a
   }));
 }
-const Kn = Xn((t) => {
+const Gn = Kn((t) => {
   let {
     inputRef: e,
     ...s
@@ -3761,12 +3688,12 @@ const Kn = Xn((t) => {
     ...s,
     ref: e
   });
-}), Gn = (t, e) => ke.createElement(Kn, {
+}), Zn = (t, e) => ke.createElement(Gn, {
   ...t,
   ref: e
 });
-ke.forwardRef(Gn);
-function Zn(t, e) {
+ke.forwardRef(Zn);
+function Qn(t, e) {
   let {
     onAccept: s,
     onComplete: n,
@@ -3809,13 +3736,11 @@ function Zn(t, e) {
     !N || v === void 0 || (p !== v && (N.typedValue = v, N.masked.typedValueEquals(v) || A()), h(x));
   }, [v]), Q(() => {
     const p = r.current;
-    if (!p || !(t != null && t.mask))
-      return F();
+    if (!p || !(t != null && t.mask)) return F();
     const x = u.current;
     x ? x == null || x.updateOptions(t) : p && t != null && t.mask && (u.current = D(p, t), j(), a !== void 0 && _(a), i !== void 0 && E(i), l !== void 0 && m(l));
   }, [t, F, A]), Q(() => {
-    if (!u.current)
-      return;
+    if (!u.current) return;
     const p = u.current;
     return p.on("accept", A), p.on("complete", C), () => {
       p.off("accept", A), p.off("complete", C);
@@ -4149,7 +4074,7 @@ const et = ke.forwardRef(
       min: u,
       max: d,
       lazy: !0
-    } : { mask: C || "", min: u, max: d, lazy: !0 }, [C]), { ref: ve, setUnmaskedValue: Te } = Zn(
+    } : { mask: C || "", min: u, max: d, lazy: !0 }, [C]), { ref: ve, setUnmaskedValue: Te } = Qn(
       oe,
       {
         onAccept: Ve
@@ -4910,7 +4835,7 @@ const xt = {
       options: Object.values(Gs)
     }
   }
-}, Qn = ({
+}, Jn = ({
   children: t,
   className: e,
   testId: s = "ds-subtitle-test",
@@ -4926,7 +4851,7 @@ const xt = {
     }
   );
 };
-Qn.displayName = "DsSubtitle";
+Jn.displayName = "DsSubtitle";
 var Zs = /* @__PURE__ */ ((t) => (t.Small = "small", t.Medium = "medium", t.Large = "large", t))(Zs || {}), Qs = /* @__PURE__ */ ((t) => (t.Text = "text", t))(Qs || {}), Js = /* @__PURE__ */ ((t) => (t.None = "", t.Error = "error", t.Success = "success", t))(Js || {}), en = /* @__PURE__ */ ((t) => (t.None = "none", t.Both = "both", t.Horizontal = "horizontal", t.Vertical = "vertical", t.Block = "block", t.Inline = "inline", t))(en || {});
 const se = {
   name: "TextArea",
@@ -5227,7 +5152,7 @@ function es() {
     height: e
   };
 }
-function Jn() {
+function er() {
   const [t, e] = P(
     es()
   );
@@ -5253,7 +5178,7 @@ const nn = ({
     (A) => A === a
   ) ? `${ee.class}--h-${a}` : null, _ = i && ee.props.verticalAlign.options.find(
     (A) => A === i
-  ) ? `${ee.class}--v-${i}` : null, { width: y } = Jn(), [E, v] = P("auto");
+  ) ? `${ee.class}--v-${i}` : null, { width: y } = er(), [E, v] = P("auto");
   Q(() => {
     y <= 768 ? v("6") : v("12");
   }, [y]);
@@ -5296,7 +5221,7 @@ nn.propTypes = {
   verticalAlign: o.oneOf(ee.props.verticalAlign.options)
 };
 nn.displayName = "DsGridLayout";
-const ts = () => typeof window < "u" && window.innerWidth ? window.innerWidth : 0, er = ({ children: t, grid: e }) => {
+const ts = () => typeof window < "u" && window.innerWidth ? window.innerWidth : 0, tr = ({ children: t, grid: e }) => {
   const { row: s, col: n, mobileRow: r, mobileCol: a } = e, [i, l] = P(ts());
   Q(() => {
     const d = () => {
@@ -5314,8 +5239,8 @@ const ts = () => typeof window < "u" && window.innerWidth ? window.innerWidth :
   }, [i, s, n, r, a]);
   return /* @__PURE__ */ c("div", { style: u, children: t });
 };
-er.displayName = "DsGridElement";
-const fr = {
+tr.displayName = "DsGridElement";
+const gr = {
   name: "Grid-Element",
   class: "ds-grid-element",
   props: {
@@ -5504,7 +5429,7 @@ rn.propTypes = {
   activeItem: o.number
 };
 rn.displayName = "DsAccordion";
-const tr = ({
+const sr = ({
   title: t,
   activeTags: e,
   handleTagClose: s
@@ -5549,8 +5474,8 @@ const tr = ({
     `ds-tooltip-key-${n.id}-${n.text}`
   )) })
 ] }) });
-tr.displayName = "DsActiveTags";
-const gr = {
+sr.displayName = "DsActiveTags";
+const mr = {
   name: "ActiveTags",
   class: "ds-active-tags",
   props: {
@@ -5572,7 +5497,7 @@ const gr = {
   name: "Carousel",
   class: "ds-carousel",
   props: {}
-}, sr = ({
+}, nr = ({
   slides: t,
   interval: e = 3e3,
   imageHeight: s = 100,
@@ -5623,7 +5548,7 @@ const gr = {
           }
         ),
         /* @__PURE__ */ c(ge, { vertical: "xxs" }),
-        /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Nt, { className: "color__primary--default", type: "heading-4", children: t[i].title }) }),
+        /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Nt, { className: "color__primary", type: "heading-4", children: t[i].title }) }),
         /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Re, { type: "large", children: t[i].description }) }),
         /* @__PURE__ */ c(ge, { vertical: "xxs" }),
         /* @__PURE__ */ c("div", { className: `${We.class}__dots`, children: /* @__PURE__ */ c("div", { className: `${We.class}__dots-wrapper`, children: t.map((y, E) => /* @__PURE__ */ c(
@@ -5639,7 +5564,7 @@ const gr = {
     }
   );
 };
-sr.propTypes = {
+nr.propTypes = {
   slides: o.arrayOf(
     o.shape({
       title: o.string.isRequired,
@@ -5732,7 +5657,7 @@ const X = {
       }
     }
   }
-}, nr = ({
+}, rr = ({
   label: t = X.props.label.default,
   name: e = X.props.name.default,
   testId: s = X.props.testId.default,
@@ -5822,7 +5747,7 @@ const X = {
     )
   ] });
 };
-nr.displayName = "DsEditableSelect";
+rr.displayName = "DsEditableSelect";
 const Ye = {
   name: "DsIndicator",
   class: "ds-indicator",
@@ -5836,7 +5761,7 @@ const Ye = {
       required: !0
     }
   }
-}, mr = ({
+}, vr = ({
   length: t,
   current: e = Ye.props.current.default
 }) => {
@@ -5857,7 +5782,7 @@ const Ye = {
       )
     );
   return /* @__PURE__ */ c("div", { className: Ye.class, children: a });
-}, rr = {
+}, ar = {
   name: "DsInlineEditable",
   class: "ds-inline-editable",
   props: {
@@ -5916,7 +5841,7 @@ const Ye = {
     var m;
     await d(!0), (m = l.current) == null || m.focus();
   };
-  return /* @__PURE__ */ c("div", { className: rr.class, children: u ? /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("div", { className: ar.class, children: u ? /* @__PURE__ */ c(
     "input",
     {
       className: "ds-input__input",
@@ -5951,7 +5876,7 @@ on.propTypes = {
   value: o.string
 };
 on.displayName = "DsInlineEditable";
-var ar = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(ar || {}), ln = /* @__PURE__ */ ((t) => (t.Squared = "squared", t.Rounded = "rounded", t))(ln || {});
+var ir = /* @__PURE__ */ ((t) => (t[t.Elevation1 = 1] = "Elevation1", t[t.Elevation2 = 2] = "Elevation2", t[t.Elevation3 = 3] = "Elevation3", t[t.Elevation4 = 4] = "Elevation4", t))(ir || {}), ln = /* @__PURE__ */ ((t) => (t.Squared = "squared", t.Rounded = "rounded", t))(ln || {});
 const fe = {
   name: "Modal",
   class: "ds-modal",
@@ -6390,7 +6315,7 @@ const ye = {
       default: 0
     }
   }
-}, ir = ({
+}, or = ({
   steps: t,
   selectedStep: e = ye.props.selectedStep.default,
   onChange: s
@@ -6448,7 +6373,7 @@ const ye = {
     )) })
   ] });
 };
-ir.displayName = "DsStepper";
+or.displayName = "DsStepper";
 const Ce = {
   name: "Table",
   class: "ds-table",
@@ -6481,7 +6406,7 @@ const Ce = {
   ) }, n);
 }) });
 gn.displayName = "DsTableRow";
-const or = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", { className: `${Ce.class}__wrapper`, children: /* @__PURE__ */ I(
+const lr = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", { className: `${Ce.class}__wrapper`, children: /* @__PURE__ */ I(
   "table",
   {
     className: [`${Ce.class}`, s].filter((n) => n).join(" "),
@@ -6500,7 +6425,7 @@ const or = ({ columns: t, data: e, className: s }) => /* @__PURE__ */ c("div", {
     ]
   }
 ) });
-or.displayName = "DsTable";
+lr.displayName = "DsTable";
 var mn = /* @__PURE__ */ ((t) => (t.None = "", t.Primary = "primary", t.Secondary = "secondary", t.Neutral = "neutral", t.Success = "success", t.Warning = "warning", t.Danger = "danger", t.Info = "info", t))(mn || {});
 const Be = {
   name: "DsTabs",
@@ -6529,7 +6454,7 @@ const Be = {
       }
     }
   }
-}, lr = ({
+}, ur = ({
   active: t,
   className: e,
   color: s,
@@ -6558,7 +6483,7 @@ const Be = {
       children: i
     }
   );
-}, vr = ({
+}, _r = ({
   tabs: t,
   color: e,
   selectedTab: s = Be.props.selectedTab.default,
@@ -6575,7 +6500,7 @@ const Be = {
       "data-testid": "ds-tabs",
       children: [
         /* @__PURE__ */ c("div", { className: `${Be.class}__header`, children: t.map((u, d) => /* @__PURE__ */ bn(
-          lr,
+          ur,
           {
             ...u,
             active: a === d,
@@ -6590,10 +6515,10 @@ const Be = {
     }
   );
 };
-function ur({ library: t, children: e, theme: s }) {
+function cr({ library: t, children: e, theme: s }) {
   return /* @__PURE__ */ c("div", { "data-library": t, "data-theme": s, children: /* @__PURE__ */ c("div", { className: "ds-theme", children: e }) });
 }
-ur.propTypes = {
+cr.propTypes = {
   library: o.string,
   children: o.node.isRequired,
   theme: o.string
@@ -6659,10 +6584,8 @@ _n.propTypes = {
 };
 _n.displayName = "DsNotificationList";
 const Xe = {
-  name: "SplitLayout",
-  class: "ds-split-layout",
-  props: {}
-}, cr = ({
+  class: "ds-split-layout"
+}, dr = ({
   leftContent: t,
   rightContent: e,
   leftBackgroundColor: s,
@@ -6675,7 +6598,7 @@ const Xe = {
     /* @__PURE__ */ c("div", { className: h, children: e })
   ] });
 };
-cr.displayName = "DsSplitLayout";
+dr.displayName = "DsSplitLayout";
 const at = {
   name: "TwoColumns",
   class: "ds-two-columns",
@@ -6721,22 +6644,22 @@ export {
   Bn as CardElevation,
   rn as DsAccordion,
   Vt as DsAccordionItem,
-  tr as DsActiveTags,
+  sr as DsActiveTags,
   ut as DsButton,
   ps as DsCaption,
   hs as DsCard,
-  sr as DsCarousel,
+  nr as DsCarousel,
   fs as DsCheckbox,
   Mt as DsContainer,
-  nr as DsEditableSelect,
+  rr as DsEditableSelect,
   ne as DsFlexElement,
   Me as DsFlexLayout,
-  er as DsGridElement,
+  tr as DsGridElement,
   nn as DsGridLayout,
   _s as DsHR,
   Nt as DsHeading,
   G as DsIcon,
-  mr as DsIndicator,
+  vr as DsIndicator,
   on as DsInlineEditable,
   et as DsInput,
   $t as DsLoading,
@@ -6749,11 +6672,11 @@ export {
   zs as DsProgress,
   Ks as DsSelect,
   ge as DsSpacer,
-  cr as DsSplitLayout,
-  ir as DsStepper,
-  Qn as DsSubtitle,
-  or as DsTable,
-  vr as DsTabs,
+  dr as DsSplitLayout,
+  or as DsStepper,
+  Jn as DsSubtitle,
+  lr as DsTable,
+  _r as DsTabs,
   tn as DsTextArea,
   He as DsTooltip,
   yn as DsTwoColumns,
@@ -6780,7 +6703,7 @@ export {
   As as InputType,
   Bs as LoadingBackgroundColor,
   Ns as LoadingSize,
-  ar as ModalElevation,
+  ir as ModalElevation,
   ln as ModalVariant,
   vn as NotificationListPosition,
   cn as NotificationType,
@@ -6798,13 +6721,13 @@ export {
   Zs as TextAreaSize,
   Js as TextAreaStatus,
   Qs as TextAreaType,
-  ur as ThemeProvider,
+  cr as ThemeProvider,
   Rs as TooltipPlacement,
   Is as TooltipPosition,
   ze as WrapperSpace,
   wt as accordionConfig,
   Ue as accordionItemConfig,
-  gr as activeTagsConfig,
+  mr as activeTagsConfig,
   Y as buttonConfig,
   Nn as captionConfig,
   Oe as cardConfig,
@@ -6814,13 +6737,13 @@ export {
   X as editableSelectConfig,
   Ct as flexElementConfig,
   Le as flexLayoutConfig,
-  fr as gridElementConfig,
+  gr as gridElementConfig,
   ee as gridLayoutConfig,
   Ke as headingConfig,
   Pe as horizontalRuleConfig,
   pe as iconConfig,
   Ye as indicatorConfig,
-  rr as inlineEditableConfig,
+  ar as inlineEditableConfig,
   K as inputConfig,
   de as loadingConfig,
   fe as modalConfig,