@cupra/ui-kit 0.2.0-canary.0 → 1.0.0-canary.2

package/dist-react/index.js

@@ -22,11 +22,11 @@ let mi = class extends Event {
  */
 let _s = class {
   constructor(e, s, r, i) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n, o) => {
-      this.unsubscribe && (this.unsubscribe !== o && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = n, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(n, o)), this.unsubscribe = o;
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (o, n) => {
+      this.unsubscribe && (this.unsubscribe !== n && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = o, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(o, n)), this.unsubscribe = n;
     }, this.host = e, s.context !== void 0) {
-      const n = s;
-      this.context = n.context, this.callback = n.callback, this.subscribe = n.subscribe ?? !1;
+      const o = s;
+      this.context = o.context, this.callback = o.callback, this.subscribe = o.subscribe ?? !1;
     } else this.context = s, this.callback = r, this.subscribe = i ?? !1;
     this.host.addController(this);
   }
@@ -45,7 +45,7 @@ let _s = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let Ni = class {
+let Bi = class {
   get value() {
     return this.o;
   }
@@ -82,19 +82,19 @@ let Li = class extends Event {
   constructor(e, s) {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = s;
   }
-}, Xs = class extends Ni {
+}, Xs = class extends Bi {
   constructor(e, s, r) {
-    var i, n;
-    super(s.context !== void 0 ? s.initialValue : r), this.onContextRequest = (o) => {
-      if (o.context !== this.context) return;
-      const h = o.contextTarget ?? o.composedPath()[0];
-      h !== this.host && (o.stopPropagation(), this.addCallback(o.callback, h, o.subscribe));
-    }, this.onProviderRequest = (o) => {
-      if (o.context !== this.context || (o.contextTarget ?? o.composedPath()[0]) === this.host) return;
+    var i, o;
+    super(s.context !== void 0 ? s.initialValue : r), this.onContextRequest = (n) => {
+      if (n.context !== this.context) return;
+      const h = n.contextTarget ?? n.composedPath()[0];
+      h !== this.host && (n.stopPropagation(), this.addCallback(n.callback, h, n.subscribe));
+    }, this.onProviderRequest = (n) => {
+      if (n.context !== this.context || (n.contextTarget ?? n.composedPath()[0]) === this.host) return;
       const h = /* @__PURE__ */ new Set();
-      for (const [d, { consumerHost: m }] of this.subscriptions) h.has(d) || (h.add(d), m.dispatchEvent(new mi(this.context, m, d, !0)));
-      o.stopPropagation();
-    }, this.host = e, s.context !== void 0 ? this.context = s.context : this.context = s, this.attachListeners(), (n = (i = this.host).addController) == null || n.call(i, this);
+      for (const [d, { consumerHost: f }] of this.subscriptions) h.has(d) || (h.add(d), f.dispatchEvent(new mi(this.context, f, d, !0)));
+      n.stopPropagation();
+    }, this.host = e, s.context !== void 0 ? this.context = s.context : this.context = s, this.attachListeners(), (o = (i = this.host).addController) == null || o.call(i, this);
   }
   attachListeners() {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
@@ -119,25 +119,25 @@ function ve({ context: t }) {
       return r.set(this, new Xs(this, { context: t, initialValue: i })), i;
     } };
     {
-      e.constructor.addInitializer(((o) => {
-        r.set(o, new Xs(o, { context: t }));
+      e.constructor.addInitializer(((n) => {
+        r.set(n, new Xs(n, { context: t }));
       }));
       const i = Object.getOwnPropertyDescriptor(e, s);
-      let n;
+      let o;
       if (i === void 0) {
-        const o = /* @__PURE__ */ new WeakMap();
-        n = { get() {
-          return o.get(this);
+        const n = /* @__PURE__ */ new WeakMap();
+        o = { get() {
+          return n.get(this);
         }, set(h) {
-          r.get(this).setValue(h), o.set(this, h);
+          r.get(this).setValue(h), n.set(this, h);
         }, configurable: !0, enumerable: !0 };
       } else {
-        const o = i.set;
-        n = { ...i, set(h) {
-          r.get(this).setValue(h), o == null || o.call(this, h);
+        const n = i.set;
+        o = { ...i, set(h) {
+          r.get(this).setValue(h), n == null || n.call(this, h);
         } };
       }
-      return void Object.defineProperty(e, s, n);
+      return void Object.defineProperty(e, s, o);
     }
   };
 }
@@ -153,8 +153,8 @@ function fi({ context: t, subscribe: e }) {
         s.set.call(this, i);
       }, subscribe: e });
     })) : s.constructor.addInitializer(((i) => {
-      new _s(i, { context: t, callback: (n) => {
-        i[r] = n;
+      new _s(i, { context: t, callback: (o) => {
+        i[r] = o;
       }, subscribe: e });
     }));
   };
@@ -183,7 +183,7 @@ class te {
     });
   }
 }
-const ne = te.getInstance();
+const oe = te.getInstance();
 class ee {
   constructor() {
     this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({
@@ -191,10 +191,10 @@ class ee {
       theme: s
     }) => {
       if (!s || !e) return;
-      const i = `https://ds-assets.cupra.com/0.2.0-canary.0/styles/${s}/components/${e}.css`, n = this.getCachedStyleSheetPromise({ url: i });
-      if (n) return n;
-      const o = this.fetchStyle({ url: i }).then((h) => (h || this.stylePromises.delete(i), h));
-      return this.stylePromises.set(i, o), this.stylePromises.get(i);
+      const i = `https://ds-assets.cupra.com/1.0.0-canary.2/styles/${s}/components/${e}.css`, o = this.getCachedStyleSheetPromise({ url: i });
+      if (o) return o;
+      const n = this.fetchStyle({ url: i }).then((h) => (h || this.stylePromises.delete(i), h));
+      return this.stylePromises.set(i, n), this.stylePromises.get(i);
     };
   }
   async fetchStyle({ url: e }) {
@@ -238,11 +238,11 @@ let bi = class {
   }
 };
 const vi = (t) => new bi(typeof t == "string" ? t : t + "", void 0, zs), u = (t, ...e) => {
-  const s = t.length === 1 ? t[0] : e.reduce(((r, i, n) => r + ((o) => {
-    if (o._$cssResult$ === !0) return o.cssText;
-    if (typeof o == "number") return o;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(i) + t[n + 1]), t[0]);
+  const s = t.length === 1 ? t[0] : e.reduce(((r, i, o) => r + ((n) => {
+    if (n._$cssResult$ === !0) return n.cssText;
+    if (typeof n == "number") return n;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(i) + t[o + 1]), t[0]);
   return new bi(s, t, zs);
 }, Is = (t, e) => {
   if (Ps) t.adoptedStyleSheets = e.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
@@ -304,14 +304,14 @@ let Qt = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(e, s, r) {
-    const { get: i, set: n } = Ri(this.prototype, e) ?? { get() {
+    const { get: i, set: o } = Ri(this.prototype, e) ?? { get() {
       return this[s];
-    }, set(o) {
-      this[s] = o;
+    }, set(n) {
+      this[s] = n;
     } };
-    return { get: i, set(o) {
+    return { get: i, set(n) {
       const h = i == null ? void 0 : i.call(this);
-      n == null || n.call(this, o), this.requestUpdate(e, h, r);
+      o == null || o.call(this, n), this.requestUpdate(e, h, r);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
@@ -396,34 +396,34 @@ let Qt = class extends HTMLElement {
     this._$AK(e, r);
   }
   _$ET(e, s) {
-    var n;
+    var o;
     const r = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, r);
     if (i !== void 0 && r.reflect === !0) {
-      const o = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : Xe).toAttribute(s, r.type);
-      this._$Em = e, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
+      const n = (((o = r.converter) == null ? void 0 : o.toAttribute) !== void 0 ? r.converter : Xe).toAttribute(s, r.type);
+      this._$Em = e, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
     }
   }
   _$AK(e, s) {
-    var n, o;
+    var o, n;
     const r = this.constructor, i = r._$Eh.get(e);
     if (i !== void 0 && this._$Em !== i) {
-      const h = r.getPropertyOptions(i), d = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((n = h.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? h.converter : Xe;
+      const h = r.getPropertyOptions(i), d = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((o = h.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? h.converter : Xe;
       this._$Em = i;
-      const m = d.fromAttribute(s, h.type);
-      this[i] = m ?? ((o = this._$Ej) == null ? void 0 : o.get(i)) ?? m, this._$Em = null;
+      const f = d.fromAttribute(s, h.type);
+      this[i] = f ?? ((n = this._$Ej) == null ? void 0 : n.get(i)) ?? f, this._$Em = null;
     }
   }
   requestUpdate(e, s, r) {
     var i;
     if (e !== void 0) {
-      const n = this.constructor, o = this[e];
-      if (r ?? (r = n.getPropertyOptions(e)), !((r.hasChanged ?? As)(o, s) || r.useDefault && r.reflect && o === ((i = this._$Ej) == null ? void 0 : i.get(e)) && !this.hasAttribute(n._$Eu(e, r)))) return;
+      const o = this.constructor, n = this[e];
+      if (r ?? (r = o.getPropertyOptions(e)), !((r.hasChanged ?? As)(n, s) || r.useDefault && r.reflect && n === ((i = this._$Ej) == null ? void 0 : i.get(e)) && !this.hasAttribute(o._$Eu(e, r)))) return;
       this.C(e, s, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, s, { useDefault: r, reflect: i, wrapped: n }, o) {
-    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, o ?? s ?? this[e]), n !== !0 || o !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (s = void 0), this._$AL.set(e, s)), i === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, s, { useDefault: r, reflect: i, wrapped: o }, n) {
+    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, n ?? s ?? this[e]), o !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (s = void 0), this._$AL.set(e, s)), i === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -443,21 +443,21 @@ let Qt = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, o] of this._$Ep) this[n] = o;
+        for (const [o, n] of this._$Ep) this[o] = n;
         this._$Ep = void 0;
       }
       const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [n, o] of i) {
-        const { wrapped: h } = o, d = this[n];
-        h !== !0 || this._$AL.has(n) || d === void 0 || this.C(n, void 0, o, d);
+      if (i.size > 0) for (const [o, n] of i) {
+        const { wrapped: h } = n, d = this[o];
+        h !== !0 || this._$AL.has(o) || d === void 0 || this.C(o, void 0, n, d);
       }
     }
     let e = !1;
     const s = this._$AL;
     try {
       e = this.shouldUpdate(s), e ? (this.willUpdate(s), (r = this._$EO) == null || r.forEach(((i) => {
-        var n;
-        return (n = i.hostUpdate) == null ? void 0 : n.call(i);
+        var o;
+        return (o = i.hostUpdate) == null ? void 0 : o.call(i);
       })), this.update(s)) : this._$EM();
     } catch (i) {
       throw e = !1, this._$EM(), i;
@@ -499,55 +499,55 @@ Qt.elementStyles = [], Qt.shadowRootOptions = { mode: "open" }, Qt[Pe("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze = globalThis, Je = ze.trustedTypes, ei = Je ? Je.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, yi = "$lit$", Ct = `lit$${Math.random().toFixed(9).slice(2)}$`, gi = "?" + Ct, qi = `<${gi}>`, Ft = document, De = () => Ft.createComment(""), Be = (t) => t === null || typeof t != "object" && typeof t != "function", Ds = Array.isArray, Ki = (t) => Ds(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", ys = `[ 	
-\f\r]`, Ce = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, si = /-->/g, ii = />/g, Bt = RegExp(`>|${ys}(?:([^\\s"'>=/]+)(${ys}*=${ys}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ri = /'/g, ni = /"/g, $i = /^(?:script|style|textarea|title)$/i, Gi = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), l = Gi(1), pt = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), oi = /* @__PURE__ */ new WeakMap(), Mt = Ft.createTreeWalker(Ft, 129);
+const ze = globalThis, Je = ze.trustedTypes, ei = Je ? Je.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, yi = "$lit$", Ct = `lit$${Math.random().toFixed(9).slice(2)}$`, gi = "?" + Ct, qi = `<${gi}>`, Ft = document, De = () => Ft.createComment(""), Ne = (t) => t === null || typeof t != "object" && typeof t != "function", Ds = Array.isArray, Ki = (t) => Ds(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", ys = `[ 	
+\f\r]`, Ce = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, si = /-->/g, ii = />/g, Nt = RegExp(`>|${ys}(?:([^\\s"'>=/]+)(${ys}*=${ys}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ri = /'/g, oi = /"/g, $i = /^(?:script|style|textarea|title)$/i, Gi = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), l = Gi(1), pt = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ni = /* @__PURE__ */ new WeakMap(), Mt = Ft.createTreeWalker(Ft, 129);
 function xi(t, e) {
   if (!Ds(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ei !== void 0 ? ei.createHTML(e) : e;
 }
 const Yi = (t, e) => {
   const s = t.length - 1, r = [];
-  let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = Ce;
+  let i, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = Ce;
   for (let h = 0; h < s; h++) {
     const d = t[h];
-    let m, x, b = -1, $ = 0;
-    for (; $ < d.length && (o.lastIndex = $, x = o.exec(d), x !== null); ) $ = o.lastIndex, o === Ce ? x[1] === "!--" ? o = si : x[1] !== void 0 ? o = ii : x[2] !== void 0 ? ($i.test(x[2]) && (i = RegExp("</" + x[2], "g")), o = Bt) : x[3] !== void 0 && (o = Bt) : o === Bt ? x[0] === ">" ? (o = i ?? Ce, b = -1) : x[1] === void 0 ? b = -2 : (b = o.lastIndex - x[2].length, m = x[1], o = x[3] === void 0 ? Bt : x[3] === '"' ? ni : ri) : o === ni || o === ri ? o = Bt : o === si || o === ii ? o = Ce : (o = Bt, i = void 0);
-    const S = o === Bt && t[h + 1].startsWith("/>") ? " " : "";
-    n += o === Ce ? d + qi : b >= 0 ? (r.push(m), d.slice(0, b) + yi + d.slice(b) + Ct + S) : d + Ct + (b === -2 ? h : S);
+    let f, x, b = -1, $ = 0;
+    for (; $ < d.length && (n.lastIndex = $, x = n.exec(d), x !== null); ) $ = n.lastIndex, n === Ce ? x[1] === "!--" ? n = si : x[1] !== void 0 ? n = ii : x[2] !== void 0 ? ($i.test(x[2]) && (i = RegExp("</" + x[2], "g")), n = Nt) : x[3] !== void 0 && (n = Nt) : n === Nt ? x[0] === ">" ? (n = i ?? Ce, b = -1) : x[1] === void 0 ? b = -2 : (b = n.lastIndex - x[2].length, f = x[1], n = x[3] === void 0 ? Nt : x[3] === '"' ? oi : ri) : n === oi || n === ri ? n = Nt : n === si || n === ii ? n = Ce : (n = Nt, i = void 0);
+    const S = n === Nt && t[h + 1].startsWith("/>") ? " " : "";
+    o += n === Ce ? d + qi : b >= 0 ? (r.push(f), d.slice(0, b) + yi + d.slice(b) + Ct + S) : d + Ct + (b === -2 ? h : S);
   }
-  return [xi(t, n + (t[s] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
+  return [xi(t, o + (t[s] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
 };
-class Ne {
+class Be {
   constructor({ strings: e, _$litType$: s }, r) {
     let i;
     this.parts = [];
-    let n = 0, o = 0;
-    const h = e.length - 1, d = this.parts, [m, x] = Yi(e, s);
-    if (this.el = Ne.createElement(m, r), Mt.currentNode = this.el.content, s === 2 || s === 3) {
+    let o = 0, n = 0;
+    const h = e.length - 1, d = this.parts, [f, x] = Yi(e, s);
+    if (this.el = Be.createElement(f, r), Mt.currentNode = this.el.content, s === 2 || s === 3) {
       const b = this.el.content.firstChild;
       b.replaceWith(...b.childNodes);
     }
     for (; (i = Mt.nextNode()) !== null && d.length < h; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const b of i.getAttributeNames()) if (b.endsWith(yi)) {
-          const $ = x[o++], S = i.getAttribute(b).split(Ct), T = /([.?@])?(.*)/.exec($);
-          d.push({ type: 1, index: n, name: T[2], strings: S, ctor: T[1] === "." ? Ji : T[1] === "?" ? Zi : T[1] === "@" ? Qi : rs }), i.removeAttribute(b);
-        } else b.startsWith(Ct) && (d.push({ type: 6, index: n }), i.removeAttribute(b));
+          const $ = x[n++], S = i.getAttribute(b).split(Ct), T = /([.?@])?(.*)/.exec($);
+          d.push({ type: 1, index: o, name: T[2], strings: S, ctor: T[1] === "." ? Ji : T[1] === "?" ? Zi : T[1] === "@" ? Qi : rs }), i.removeAttribute(b);
+        } else b.startsWith(Ct) && (d.push({ type: 6, index: o }), i.removeAttribute(b));
         if ($i.test(i.tagName)) {
           const b = i.textContent.split(Ct), $ = b.length - 1;
           if ($ > 0) {
             i.textContent = Je ? Je.emptyScript : "";
-            for (let S = 0; S < $; S++) i.append(b[S], De()), Mt.nextNode(), d.push({ type: 2, index: ++n });
+            for (let S = 0; S < $; S++) i.append(b[S], De()), Mt.nextNode(), d.push({ type: 2, index: ++o });
             i.append(b[$], De());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === gi) d.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === gi) d.push({ type: 2, index: o });
       else {
         let b = -1;
-        for (; (b = i.data.indexOf(Ct, b + 1)) !== -1; ) d.push({ type: 7, index: n }), b += Ct.length - 1;
+        for (; (b = i.data.indexOf(Ct, b + 1)) !== -1; ) d.push({ type: 7, index: o }), b += Ct.length - 1;
       }
-      n++;
+      o++;
     }
   }
   static createElement(e, s) {
@@ -555,12 +555,12 @@ class Ne {
     return r.innerHTML = e, r;
   }
 }
-function oe(t, e, s = t, r) {
-  var o, h;
+function ne(t, e, s = t, r) {
+  var n, h;
   if (e === pt) return e;
-  let i = r !== void 0 ? (o = s._$Co) == null ? void 0 : o[r] : s._$Cl;
-  const n = Be(e) ? void 0 : e._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(t), i._$AT(t, s, r)), r !== void 0 ? (s._$Co ?? (s._$Co = []))[r] = i : s._$Cl = i), i !== void 0 && (e = oe(t, i._$AS(t, e.values), i, r)), e;
+  let i = r !== void 0 ? (n = s._$Co) == null ? void 0 : n[r] : s._$Cl;
+  const o = Ne(e) ? void 0 : e._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== o && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), o === void 0 ? i = void 0 : (i = new o(t), i._$AT(t, s, r)), r !== void 0 ? (s._$Co ?? (s._$Co = []))[r] = i : s._$Cl = i), i !== void 0 && (e = ne(t, i._$AS(t, e.values), i, r)), e;
 }
 let Xi = class {
   constructor(e, s) {
@@ -575,13 +575,13 @@ let Xi = class {
   u(e) {
     const { el: { content: s }, parts: r } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? Ft).importNode(s, !0);
     Mt.currentNode = i;
-    let n = Mt.nextNode(), o = 0, h = 0, d = r[0];
+    let o = Mt.nextNode(), n = 0, h = 0, d = r[0];
     for (; d !== void 0; ) {
-      if (o === d.index) {
-        let m;
-        d.type === 2 ? m = new ye(n, n.nextSibling, this, e) : d.type === 1 ? m = new d.ctor(n, d.name, d.strings, this, e) : d.type === 6 && (m = new tr(n, this, e)), this._$AV.push(m), d = r[++h];
+      if (n === d.index) {
+        let f;
+        d.type === 2 ? f = new ye(o, o.nextSibling, this, e) : d.type === 1 ? f = new d.ctor(o, d.name, d.strings, this, e) : d.type === 6 && (f = new tr(o, this, e)), this._$AV.push(f), d = r[++h];
       }
-      o !== (d == null ? void 0 : d.index) && (n = Mt.nextNode(), o++);
+      n !== (d == null ? void 0 : d.index) && (o = Mt.nextNode(), n++);
     }
     return Mt.currentNode = Ft, i;
   }
@@ -610,7 +610,7 @@ class ye {
     return this._$AB;
   }
   _$AI(e, s = this) {
-    e = oe(this, e, s), Be(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== pt && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ki(e) ? this.k(e) : this._(e);
+    e = ne(this, e, s), Ne(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== pt && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ki(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -619,26 +619,26 @@ class ye {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== c && Be(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Ft.createTextNode(e)), this._$AH = e;
+    this._$AH !== c && Ne(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Ft.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    var n;
-    const { values: s, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = Ne.createElement(xi(r.h, r.h[0]), this.options)), r);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(s);
+    var o;
+    const { values: s, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = Be.createElement(xi(r.h, r.h[0]), this.options)), r);
+    if (((o = this._$AH) == null ? void 0 : o._$AD) === i) this._$AH.p(s);
     else {
-      const o = new Xi(i, this), h = o.u(this.options);
-      o.p(s), this.T(h), this._$AH = o;
+      const n = new Xi(i, this), h = n.u(this.options);
+      n.p(s), this.T(h), this._$AH = n;
     }
   }
   _$AC(e) {
-    let s = oi.get(e.strings);
-    return s === void 0 && oi.set(e.strings, s = new Ne(e)), s;
+    let s = ni.get(e.strings);
+    return s === void 0 && ni.set(e.strings, s = new Be(e)), s;
   }
   k(e) {
     Ds(this._$AH) || (this._$AH = [], this._$AR());
     const s = this._$AH;
     let r, i = 0;
-    for (const n of e) i === s.length ? s.push(r = new ye(this.O(De()), this.O(De()), this, this.options)) : r = s[i], r._$AI(n), i++;
+    for (const o of e) i === s.length ? s.push(r = new ye(this.O(De()), this.O(De()), this, this.options)) : r = s[i], r._$AI(o), i++;
     i < s.length && (this._$AR(r && r._$AB.nextSibling, i), s.length = i);
   }
   _$AR(e = this._$AA.nextSibling, s) {
@@ -660,19 +660,19 @@ class rs {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, s, r, i, n) {
-    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = e, this.name = s, this._$AM = i, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = c;
+  constructor(e, s, r, i, o) {
+    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = e, this.name = s, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = c;
   }
   _$AI(e, s = this, r, i) {
-    const n = this.strings;
-    let o = !1;
-    if (n === void 0) e = oe(this, e, s, 0), o = !Be(e) || e !== this._$AH && e !== pt, o && (this._$AH = e);
+    const o = this.strings;
+    let n = !1;
+    if (o === void 0) e = ne(this, e, s, 0), n = !Ne(e) || e !== this._$AH && e !== pt, n && (this._$AH = e);
     else {
       const h = e;
-      let d, m;
-      for (e = n[0], d = 0; d < n.length - 1; d++) m = oe(this, h[r + d], s, d), m === pt && (m = this._$AH[d]), o || (o = !Be(m) || m !== this._$AH[d]), m === c ? e = c : e !== c && (e += (m ?? "") + n[d + 1]), this._$AH[d] = m;
+      let d, f;
+      for (e = o[0], d = 0; d < o.length - 1; d++) f = ne(this, h[r + d], s, d), f === pt && (f = this._$AH[d]), n || (n = !Ne(f) || f !== this._$AH[d]), f === c ? e = c : e !== c && (e += (f ?? "") + o[d + 1]), this._$AH[d] = f;
     }
-    o && !i && this.j(e);
+    n && !i && this.j(e);
   }
   j(e) {
     e === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
@@ -695,13 +695,13 @@ class Zi extends rs {
   }
 }
 class Qi extends rs {
-  constructor(e, s, r, i, n) {
-    super(e, s, r, i, n), this.type = 5;
+  constructor(e, s, r, i, o) {
+    super(e, s, r, i, o), this.type = 5;
   }
   _$AI(e, s = this) {
-    if ((e = oe(this, e, s, 0) ?? c) === pt) return;
-    const r = this._$AH, i = e === c && r !== c || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, n = e !== c && (r === c || i);
-    i && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, e), this._$AH = e;
+    if ((e = ne(this, e, s, 0) ?? c) === pt) return;
+    const r = this._$AH, i = e === c && r !== c || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== c && (r === c || i);
+    i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
     var s;
@@ -716,17 +716,17 @@ class tr {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    oe(this, e);
+    ne(this, e);
   }
 }
 const er = { I: ye }, gs = ze.litHtmlPolyfillSupport;
-gs == null || gs(Ne, ye), (ze.litHtmlVersions ?? (ze.litHtmlVersions = [])).push("3.3.1");
+gs == null || gs(Be, ye), (ze.litHtmlVersions ?? (ze.litHtmlVersions = [])).push("3.3.1");
 const sr = (t, e, s) => {
   const r = (s == null ? void 0 : s.renderBefore) ?? e;
   let i = r._$litPart$;
   if (i === void 0) {
-    const n = (s == null ? void 0 : s.renderBefore) ?? null;
-    r._$litPart$ = i = new ye(e.insertBefore(De(), n), n, void 0, s ?? {});
+    const o = (s == null ? void 0 : s.renderBefore) ?? null;
+    r._$litPart$ = i = new ye(e.insertBefore(De(), o), o, void 0, s ?? {});
   }
   return i._$AI(t), i;
 };
@@ -773,29 +773,29 @@ $s == null || $s({ LitElement: ut });
  */
 const ir = { attribute: !0, type: String, converter: Xe, reflect: !1, hasChanged: As }, rr = (t = ir, e, s) => {
   const { kind: r, metadata: i } = s;
-  let n = globalThis.litPropertyMetadata.get(i);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = !0), n.set(s.name, t), r === "accessor") {
-    const { name: o } = s;
+  let o = globalThis.litPropertyMetadata.get(i);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = !0), o.set(s.name, t), r === "accessor") {
+    const { name: n } = s;
     return { set(h) {
       const d = e.get.call(this);
-      e.set.call(this, h), this.requestUpdate(o, d, t);
+      e.set.call(this, h), this.requestUpdate(n, d, t);
     }, init(h) {
-      return h !== void 0 && this.C(o, void 0, t, h), h;
+      return h !== void 0 && this.C(n, void 0, t, h), h;
     } };
   }
   if (r === "setter") {
-    const { name: o } = s;
+    const { name: n } = s;
     return function(h) {
-      const d = this[o];
-      e.call(this, h), this.requestUpdate(o, d, t);
+      const d = this[n];
+      e.call(this, h), this.requestUpdate(n, d, t);
     };
   }
   throw Error("Unsupported decorator location: " + r);
 };
 function a(t) {
-  return (e, s) => typeof s == "object" ? rr(t, e, s) : ((r, i, n) => {
-    const o = i.hasOwnProperty(n);
-    return i.constructor.createProperty(n, r), o ? Object.getOwnPropertyDescriptor(i, n) : void 0;
+  return (e, s) => typeof s == "object" ? rr(t, e, s) : ((r, i, o) => {
+    const n = i.hasOwnProperty(o);
+    return i.constructor.createProperty(o, r), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
   })(t, e, s);
 }
 /**
@@ -811,7 +811,7 @@ function y(t) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Bs = (t, e, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(t, e, s), s);
+const Ns = (t, e, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(t, e, s), s);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -819,12 +819,12 @@ const Bs = (t, e, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorat
  */
 function ct(t, e) {
   return (s, r, i) => {
-    const n = (o) => {
+    const o = (n) => {
       var h;
-      return ((h = o.renderRoot) == null ? void 0 : h.querySelector(t)) ?? null;
+      return ((h = n.renderRoot) == null ? void 0 : h.querySelector(t)) ?? null;
     };
-    return Bs(s, r, { get() {
-      return n(this);
+    return Ns(s, r, { get() {
+      return o(this);
     } });
   };
 }
@@ -835,11 +835,11 @@ function ct(t, e) {
  */
 function et(t) {
   return (e, s) => {
-    const { slot: r, selector: i } = t ?? {}, n = "slot" + (r ? `[name=${r}]` : ":not([name])");
-    return Bs(e, s, { get() {
+    const { slot: r, selector: i } = t ?? {}, o = "slot" + (r ? `[name=${r}]` : ":not([name])");
+    return Ns(e, s, { get() {
       var d;
-      const o = (d = this.renderRoot) == null ? void 0 : d.querySelector(n), h = (o == null ? void 0 : o.assignedElements(t)) ?? [];
-      return i === void 0 ? h : h.filter(((m) => m.matches(i)));
+      const n = (d = this.renderRoot) == null ? void 0 : d.querySelector(o), h = (n == null ? void 0 : n.assignedElements(t)) ?? [];
+      return i === void 0 ? h : h.filter(((f) => f.matches(i)));
     } });
   };
 }
@@ -848,26 +848,26 @@ function et(t) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ns(t) {
+function Bs(t) {
   return (e, s) => {
     const { slot: r } = t ?? {}, i = "slot" + (r ? `[name=${r}]` : ":not([name])");
-    return Bs(e, s, { get() {
-      var o;
-      const n = (o = this.renderRoot) == null ? void 0 : o.querySelector(i);
-      return (n == null ? void 0 : n.assignedNodes(t)) ?? [];
+    return Ns(e, s, { get() {
+      var n;
+      const o = (n = this.renderRoot) == null ? void 0 : n.querySelector(i);
+      return (o == null ? void 0 : o.assignedNodes(t)) ?? [];
     } });
   };
 }
-var nr = Object.defineProperty, wi = (t, e, s, r) => {
-  for (var i = void 0, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = o(e, s, i) || i);
-  return i && nr(e, s, i), i;
+var or = Object.defineProperty, wi = (t, e, s, r) => {
+  for (var i = void 0, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = n(e, s, i) || i);
+  return i && or(e, s, i), i;
 };
-const or = u`:host([unresolved]){visibility:hidden}`, Ls = class Si extends ut {
+const nr = u`:host([unresolved]){visibility:hidden}`, Ls = class Si extends ut {
   constructor() {
     super(), this.appliedConstructables = [], this.appliedStyleTags = [], this.handleChangeTheme = (e) => {
       this.pubSubTheme = e;
-    }, this.pubSubTheme = ne.subscribe("theme", this.handleChangeTheme);
+    }, this.pubSubTheme = oe.subscribe("theme", this.handleChangeTheme);
   }
   get theme() {
     return this.contextTheme ?? this.pubSubTheme;
@@ -875,10 +875,10 @@ const or = u`:host([unresolved]){visibility:hidden}`, Ls = class Si extends ut {
   connectedCallback() {
     super.connectedCallback(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.setAttribute("unresolved", "");
     const e = this.constructor, s = Array.isArray(e.styles) ? e.styles : [e.styles].filter(Boolean);
-    Is(this.shadowRoot, [...s, or]), this.applyThemeStyles();
+    Is(this.shadowRoot, [...s, nr]), this.applyThemeStyles();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), ne.unsubscribe("theme", this.handleChangeTheme);
+    super.disconnectedCallback(), oe.unsubscribe("theme", this.handleChangeTheme);
   }
   updated(e) {
     super.updated(e), (e.has("contextTheme") || e.has("pubSubTheme")) && this.applyThemeStyles();
@@ -898,18 +898,18 @@ const or = u`:host([unresolved]){visibility:hidden}`, Ls = class Si extends ut {
     if (!(!this.theme || !(e != null && e.length)))
       try {
         const s = await Promise.all(
-          e.map((o) => Mi.getStyles({ componentName: o, theme: this.theme }))
-        ), r = this.supportsAdoptedSheets(), i = this.shadowRoot.adoptedStyleSheets || [], n = this.appliedConstructables ? i.filter((o) => !this.appliedConstructables.includes(o)) : i;
-        this.appliedConstructables = [], this.appliedStyleTags.forEach((o) => o.remove()), this.appliedStyleTags = [], s.forEach((o) => {
-          if (o)
+          e.map((n) => Mi.getStyles({ componentName: n, theme: this.theme }))
+        ), r = this.supportsAdoptedSheets(), i = this.shadowRoot.adoptedStyleSheets || [], o = this.appliedConstructables ? i.filter((n) => !this.appliedConstructables.includes(n)) : i;
+        this.appliedConstructables = [], this.appliedStyleTags.forEach((n) => n.remove()), this.appliedStyleTags = [], s.forEach((n) => {
+          if (n)
             if (r) {
               const h = new CSSStyleSheet();
-              h.replaceSync(o), this.appliedConstructables.push(h);
+              h.replaceSync(n), this.appliedConstructables.push(h);
             } else {
               const h = document.createElement("style");
-              h.textContent = o, this.shadowRoot.appendChild(h), this.appliedStyleTags.push(h);
+              h.textContent = n, this.shadowRoot.appendChild(h), this.appliedStyleTags.push(h);
             }
-        }), r && (this.shadowRoot.adoptedStyleSheets = [...n, ...this.appliedConstructables]);
+        }), r && (this.shadowRoot.adoptedStyleSheets = [...o, ...this.appliedConstructables]);
       } catch (s) {
         console.error(s);
       } finally {
@@ -1053,7 +1053,7 @@ const Ie = (t) => t ?? c, lr = {
             <ds-icon-button-react
                 class=${t == null ? void 0 : t.class}
                 @click=${t == null ? void 0 : t["@click"]}
-                .size=${Ie(t == null ? void 0 : t.size)}
+                size=${Ie(t == null ? void 0 : t.size)}
                 variant=${(t == null ? void 0 : t.variant) ?? "primary"}
                 mode=${(t == null ? void 0 : t.mode) ?? "light"}
                 .disabled=${t == null ? void 0 : t.disabled}
@@ -1087,24 +1087,24 @@ const Ie = (t) => t ?? c, lr = {
 };
 function v(t, e) {
   return function(s) {
-    var n, o, h;
+    var o, n, h;
     if (!((s == null ? void 0 : s.prototype) instanceof HTMLElement))
       throw new TypeError("@customUiKitElement requires a class that extends HTMLElement.");
     const r = `${t}-react`;
     if (customElements.get(r)) return;
     let i = e != null && e.skipTagAsComponentName ? [] : [t];
-    Array.isArray(e == null ? void 0 : e.extendComponentNames) && (i = [...e.extendComponentNames, ...i]), (h = (n = window == null ? void 0 : window.customElements) == null ? void 0 : n.define) == null || h.call(
-      n,
+    Array.isArray(e == null ? void 0 : e.extendComponentNames) && (i = [...e.extendComponentNames, ...i]), (h = (o = window == null ? void 0 : window.customElements) == null ? void 0 : o.define) == null || h.call(
+      o,
       r,
-      (o = class extends s {
+      (n = class extends s {
         constructor() {
           super(...arguments), this.componentFactory = lr;
         }
-      }, o.componentName = i, o)
+      }, n.componentName = i, n)
     );
   };
 }
-const f = (t) => typeof t == "boolean" ? t : t === "true" || t === "" ? !0 : t === "false" ? !1 : !!t;
+const m = (t) => typeof t == "boolean" ? t : t === "true" || t === "" ? !0 : t === "false" ? !1 : !!t;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -1147,9 +1147,9 @@ let Ts = class extends Fs {
   }
 };
 Ts.directiveName = "unsafeHTML", Ts.resultType = 1;
-const ns = js(Ts);
+const os = js(Ts);
 function C(t, ...e) {
-  const r = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v0-2-0-canary-0"), i = ns(r);
+  const r = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-2"), i = os(r);
   return l`${i}`;
 }
 /**
@@ -1168,22 +1168,22 @@ const p = js(class extends Fs {
   update(t, [e]) {
     var r, i;
     if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), t.strings !== void 0 && (this.nt = new Set(t.strings.join(" ").split(/\s/).filter(((n) => n !== ""))));
-      for (const n in e) e[n] && !((r = this.nt) != null && r.has(n)) && this.st.add(n);
+      this.st = /* @__PURE__ */ new Set(), t.strings !== void 0 && (this.nt = new Set(t.strings.join(" ").split(/\s/).filter(((o) => o !== ""))));
+      for (const o in e) e[o] && !((r = this.nt) != null && r.has(o)) && this.st.add(o);
       return this.render(e);
     }
     const s = t.element.classList;
-    for (const n of this.st) n in e || (s.remove(n), this.st.delete(n));
-    for (const n in e) {
-      const o = !!e[n];
-      o === this.st.has(n) || (i = this.nt) != null && i.has(n) || (o ? (s.add(n), this.st.add(n)) : (s.remove(n), this.st.delete(n)));
+    for (const o of this.st) o in e || (s.remove(o), this.st.delete(o));
+    for (const o in e) {
+      const n = !!e[o];
+      n === this.st.has(o) || (i = this.nt) != null && i.has(o) || (n ? (s.add(o), this.st.add(o)) : (s.remove(o), this.st.delete(o)));
     }
     return pt;
   }
 });
 var cr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, qt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? hr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? hr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && cr(e, s, i), i;
 };
 let mt = class extends g {
@@ -1269,7 +1269,7 @@ qt([
   a({ type: Number, attribute: "max-height" })
 ], mt.prototype, "maxHeight", 2);
 qt([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], mt.prototype, "open", 2);
 qt([
   a({ type: String, reflect: !0 })
@@ -1278,7 +1278,7 @@ qt([
   a({ type: String })
 ], mt.prototype, "size", 2);
 qt([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], mt.prototype, "disabled", 2);
 qt([
   y()
@@ -1305,9 +1305,9 @@ const dr = u`
         cursor: auto;
     }
 `;
-var ur = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, os = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? pr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+var ur = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, ns = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? pr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && ur(e, s, i), i;
 };
 let ae = class extends g {
@@ -1360,16 +1360,16 @@ let ae = class extends g {
   }
 };
 ae.styles = [dr];
-os([
+ns([
   a({ type: String, reflect: !0 })
 ], ae.prototype, "mode", 2);
-os([
+ns([
   a({ type: Number, attribute: "bullets-number" })
 ], ae.prototype, "bulletsNumber", 2);
-os([
+ns([
   a({ type: Number, attribute: "active-bullet-index", reflect: !0 })
 ], ae.prototype, "activeBulletIndex", 2);
-ae = os([
+ae = ns([
   v("ds-bullets")
 ], ae);
 const At = (t) => class extends t {
@@ -1420,7 +1420,7 @@ const Ve = (t, e, s) => {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function ot(t, e, s) {
+function nt(t, e, s) {
   return t ? e(t) : s == null ? void 0 : s(t);
 }
 const mr = u`
@@ -1531,8 +1531,8 @@ const mr = u`
     }
 `;
 var vr = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, I = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? yr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? yr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && vr(e, s, i), i;
 };
 let E = class extends At(g) {
@@ -1610,12 +1610,12 @@ let E = class extends At(g) {
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
                         >
-                            ${ot(this.iconPosition === "left", () => l` ${this.iconTemplate} `)}
+                            ${nt(this.iconPosition === "left", () => l` ${this.iconTemplate} `)}
                             <span class="container">
                                 <slot></slot>
                                 ${this.loadingTemplate}
                             </span>
-                            ${ot(this.iconPosition === "right", () => l` ${this.iconTemplate} `)}
+                            ${nt(this.iconPosition === "right", () => l` ${this.iconTemplate} `)}
                         </button>
                     `;
         }
@@ -1634,12 +1634,12 @@ let E = class extends At(g) {
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
                         >
-                            ${ot(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
+                            ${nt(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
                             <span class="container">
                                 <slot></slot>
                                 ${this.loadingTemplate}
                             </span>
-                            ${ot(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
+                            ${nt(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
                         </a>
                     `;
         }
@@ -1667,10 +1667,10 @@ I([
   a({ type: String, converter: Ue })
 ], E.prototype, "size", 2);
 I([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], E.prototype, "disabled", 2);
 I([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], E.prototype, "destructive", 2);
 I([
   a({ type: String, attribute: "icon-name" })
@@ -1694,13 +1694,13 @@ I([
   a({ type: String, attribute: "icon-position" })
 ], E.prototype, "iconPosition", 2);
 I([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], E.prototype, "rounded", 2);
 I([
-  a({ type: Boolean, converter: f, attribute: "full-width" })
+  a({ type: Boolean, converter: m, attribute: "full-width" })
 ], E.prototype, "fullWidth", 2);
 I([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], E.prototype, "loading", 2);
 I([
   y()
@@ -1721,8 +1721,8 @@ const gr = u`
     }
 `;
 var $r = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, as = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? xr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? xr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && $r(e, s, i), i;
 };
 let le = class extends g {
@@ -1739,8 +1739,8 @@ let le = class extends g {
     const t = [], e = this.selectorsNumber > this.maxSelectorsShown;
     for (let s = 0; s < this.selectorsNumber; s++) {
       let r = !1;
-      const i = this.selectedIndex >= 3 && this.selectedIndex < this.selectorsNumber - 3, n = this.selectedIndex < 3, o = this.selectedIndex >= this.selectorsNumber - 3;
-      e && (i && (s < this.selectedIndex - 3 || s > this.selectedIndex + 3) || n && s >= 5 || o && s < this.selectorsNumber - 5) && (r = e);
+      const i = this.selectedIndex >= 3 && this.selectedIndex < this.selectorsNumber - 3, o = this.selectedIndex < 3, n = this.selectedIndex >= this.selectorsNumber - 3;
+      e && (i && (s < this.selectedIndex - 3 || s > this.selectedIndex + 3) || o && s >= 5 || n && s < this.selectorsNumber - 5) && (r = e);
       const h = {
         selector: !0,
         selected: s === this.selectedIndex,
@@ -1774,8 +1774,8 @@ le = as([
 const ls = (t) => {
   const s = class s extends t {
     constructor(...i) {
-      var n;
-      super(i), this._internals = (n = this.attachInternals) == null ? void 0 : n.call(this);
+      var o;
+      super(i), this._internals = (o = this.attachInternals) == null ? void 0 : o.call(this);
     }
   };
   s.formAssociated = !0;
@@ -1835,8 +1835,8 @@ const ls = (t) => {
     }
 `;
 var Sr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, j = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? _r(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? _r(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Sr(e, s, i), i;
 };
 let A = class extends ls(g) {
@@ -1930,13 +1930,13 @@ j([
   a({ type: String, attribute: "input-placement" })
 ], A.prototype, "inputPlacement", 2);
 j([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], A.prototype, "checked", 2);
 j([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], A.prototype, "required", 2);
 j([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], A.prototype, "disabled", 2);
 j([
   a({ type: String, reflect: !0 })
@@ -1957,7 +1957,7 @@ j([
   a({ type: String, attribute: "invalid-error" })
 ], A.prototype, "invalidError", 2);
 j([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], A.prototype, "indeterminate", 2);
 A = j([
   v("ds-checkbox")
@@ -1981,8 +1981,8 @@ const Tr = u`
     }
 `;
 var Cr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Kt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? kr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? kr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Cr(e, s, i), i;
 };
 let ft = class extends g {
@@ -2085,10 +2085,10 @@ Kt([
   a({ type: String, reflect: !0 })
 ], ft.prototype, "size", 2);
 Kt([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], ft.prototype, "selected", 2);
 Kt([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], ft.prototype, "deselectable", 2);
 Kt([
   y()
@@ -2112,10 +2112,6 @@ const Er = {
     return JSON.stringify(t);
   }
 }, Or = u`
-    :host {
-        display: inline-block;
-    }
-
     .container {
         display: inline-flex;
         position: relative;
@@ -2187,8 +2183,8 @@ const Er = {
     }
 `;
 var Pr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, xt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? zr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? zr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Pr(e, s, i), i;
 };
 let Z = class extends g {
@@ -2290,7 +2286,7 @@ xt([
   a({ type: Array, attribute: "selected-chips", converter: Er, reflect: !0 })
 ], Z.prototype, "selectedChips", 2);
 xt([
-  a({ type: Boolean, attribute: "multi-choice", converter: f })
+  a({ type: Boolean, attribute: "multi-choice", converter: m })
 ], Z.prototype, "multiChoice", 2);
 xt([
   a({ type: String })
@@ -2319,11 +2315,11 @@ function _i({
   style: s,
   unit: r,
   currency: i,
-  localeMatcher: n = "lookup",
-  minimumIntegerDigits: o = 1,
+  localeMatcher: o = "lookup",
+  minimumIntegerDigits: n = 1,
   minimumFractionDigits: h = 0,
   maximumFractionDigits: d = 20,
-  thousandSeparator: m,
+  thousandSeparator: f,
   fractionSeparator: x,
   useGrouping: b = "auto"
 }) {
@@ -2332,8 +2328,8 @@ function _i({
     ...s && { style: s },
     ...r && { unit: r },
     ...i && { currency: i },
-    localeMatcher: n,
-    minimumIntegerDigits: o,
+    localeMatcher: o,
+    minimumIntegerDigits: n,
     minimumFractionDigits: h,
     maximumFractionDigits: d,
     useGrouping: b
@@ -2346,7 +2342,7 @@ function _i({
         S = Tt.value, T = Ys === 0 || (U[0].type === "minusSign" || U[0].type === "plusSign") && Ys === 1 ? "left" : "right";
         break;
       case "group":
-        $ += m ?? Tt.value;
+        $ += f ?? Tt.value;
         break;
       case "decimal":
         $ += x ?? Tt.value;
@@ -2375,8 +2371,8 @@ const Ir = u`
     }
 `;
 var Ar = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, P = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Dr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Dr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Ar(e, s, i), i;
 };
 let k = class extends g {
@@ -2397,7 +2393,7 @@ let k = class extends g {
       text: !0,
       [`size-${this.amountSize}`]: !0,
       [`weight-${this.amountWeight}`]: !0
-    }, n = {
+    }, o = {
       currency: !0,
       left: s === "left",
       right: s === "right",
@@ -2406,9 +2402,9 @@ let k = class extends g {
       [`weight-${this.currencyWeight}`]: !0
     };
     return l`
-            ${s === "left" ? l`<span class=${p(n)}>${e}</span>` : c}
+            ${s === "left" ? l`<span class=${p(o)}>${e}</span>` : c}
             <span class=${p(i)}>${r}</span>
-            ${s === "right" ? l`<span class=${p(n)}>${e}</span>` : c}
+            ${s === "right" ? l`<span class=${p(o)}>${e}</span>` : c}
         `;
   }
   get periodTemplate() {
@@ -2501,14 +2497,14 @@ P([
 k = P([
   v("ds-currency")
 ], k);
-const Br = u`
+const Nr = u`
     :host {
         display: inline-block;
     }
 `;
-var Nr = Object.getOwnPropertyDescriptor, Lr = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Nr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = o(i) || i);
+var Br = Object.getOwnPropertyDescriptor, Lr = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Br(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = n(i) || i);
   return i;
 };
 let Cs = class extends g {
@@ -2537,7 +2533,7 @@ let Cs = class extends g {
         `;
   }
 };
-Cs.styles = [Br];
+Cs.styles = [Nr];
 Cs = Lr([
   v("ds-dialog-body")
 ], Cs);
@@ -2551,8 +2547,8 @@ const Mr = u`
     }
 `;
 var jr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Ti = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Fr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Fr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && jr(e, s, i), i;
 };
 let Ze = class extends g {
@@ -2579,7 +2575,7 @@ Ti([
   a({
     type: Boolean,
     attribute: "with-divider",
-    converter: f
+    converter: m
   })
 ], Ze.prototype, "withDivider", 2);
 Ze = Ti([
@@ -2591,8 +2587,8 @@ const Rr = u`
     }
 `;
 var Ur = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, cs = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Vr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Vr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Ur(e, s, i), i;
 };
 let ce = class extends g {
@@ -2728,8 +2724,8 @@ const V = {
     }
 `;
 var Wr = Object.defineProperty, qr = Object.getOwnPropertyDescriptor, ge = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? qr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? qr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Wr(e, s, i), i;
 };
 let Et = class extends g {
@@ -2802,7 +2798,7 @@ let Et = class extends g {
 };
 Et.styles = [Hr];
 ge([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], Et.prototype, "open", 2);
 ge([
   a({ type: String })
@@ -2826,8 +2822,8 @@ const Kr = u`
     }
 `;
 var Gr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, hs = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Yr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Yr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Gr(e, s, i), i;
 };
 let he = class extends g {
@@ -2887,8 +2883,8 @@ const Xr = u`
     }
 `;
 var Jr = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, Gt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Zr(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Zr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Jr(e, s, i), i;
 };
 let bt = class extends g {
@@ -2983,10 +2979,10 @@ const Qr = u`
         padding: 0;
     }
 `;
-var tn = Object.defineProperty, en = Object.getOwnPropertyDescriptor, st = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? en(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && tn(e, s, i), i;
+var to = Object.defineProperty, eo = Object.getOwnPropertyDescriptor, st = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? eo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && to(e, s, i), i;
 };
 let H = class extends At(g) {
   constructor() {
@@ -3082,7 +3078,7 @@ st([
   a({ type: String, converter: Ue })
 ], H.prototype, "size", 2);
 st([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], H.prototype, "disabled", 2);
 st([
   a({ type: String, attribute: "icon-name" })
@@ -3115,7 +3111,7 @@ class se {
       !this.theme && window.DS_THEME && (this.theme = window.DS_THEME);
       const r = await this.getCachedIcon(e);
       return r || (this.icons[e] = this.loadIcon(e, s), this.icons[e]);
-    }, ne.subscribe("theme", this.handleChangeTheme);
+    }, oe.subscribe("theme", this.handleChangeTheme);
   }
   static getInstance() {
     return se.instance || (se.instance = new se()), se.instance;
@@ -3131,21 +3127,21 @@ class se {
   }
 }
 const xs = se.getInstance();
-var sn = Object.defineProperty, rn = Object.getOwnPropertyDescriptor, Ci = (t) => {
+var so = Object.defineProperty, io = Object.getOwnPropertyDescriptor, Ci = (t) => {
   throw TypeError(t);
 }, Yt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? rn(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && sn(e, s, i), i;
-}, ki = (t, e, s) => e.has(t) || Ci("Cannot " + s), li = (t, e, s) => (ki(t, e, "read from private field"), e.get(t)), nn = (t, e, s) => e.has(t) ? Ci("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), on = (t, e, s, r) => (ki(t, e, "write to private field"), e.set(t, s), s), Oe;
+  for (var i = r > 1 ? void 0 : r ? io(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && so(e, s, i), i;
+}, ki = (t, e, s) => e.has(t) || Ci("Cannot " + s), li = (t, e, s) => (ki(t, e, "read from private field"), e.get(t)), ro = (t, e, s) => e.has(t) ? Ci("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), oo = (t, e, s, r) => (ki(t, e, "write to private field"), e.set(t, s), s), Oe;
 let vt = class extends g {
   constructor() {
-    super(), this.iconHtml = "", nn(this, Oe), this.getIcon = async () => {
+    super(), this.iconHtml = "", ro(this, Oe), this.getIcon = async () => {
       var e, s;
-      (e = li(this, Oe)) == null || e.abort(), on(this, Oe, new AbortController());
+      (e = li(this, Oe)) == null || e.abort(), oo(this, Oe, new AbortController());
       const t = li(this, Oe).signal;
       this.iconHtml = await ((s = xs.fetchIcon) == null ? void 0 : s.call(xs, this.iconName, { signal: t }));
-    }, ne.subscribe("theme", this.getIcon);
+    }, oe.subscribe("theme", this.getIcon);
   }
   async updated(t) {
     super.updated(t), (t.has("iconName") || !this.iconHtml) && await this.getIcon();
@@ -3184,7 +3180,7 @@ let vt = class extends g {
   render() {
     return l`
             ${this.styleTokens}
-            ${this.iconHtml ? ns(this.iconHtml) : l`<svg class="ds-icon"></svg>`}
+            ${this.iconHtml ? os(this.iconHtml) : l`<svg class="ds-icon"></svg>`}
         `;
   }
 };
@@ -3216,16 +3212,16 @@ Yt([
 vt = Yt([
   v("ds-icon")
 ], vt);
-var an = Object.defineProperty, Rs = (t, e, s, r) => {
-  for (var i = void 0, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = o(e, s, i) || i);
-  return i && an(e, s, i), i;
+var no = Object.defineProperty, Rs = (t, e, s, r) => {
+  for (var i = void 0, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = n(e, s, i) || i);
+  return i && no(e, s, i), i;
 };
 class He extends ut {
   constructor() {
     super(), this.handleChangeTheme = (e) => {
       this.pubSubTheme = e;
-    }, this.pubSubTheme = ne.subscribe("theme", this.handleChangeTheme);
+    }, this.pubSubTheme = oe.subscribe("theme", this.handleChangeTheme);
   }
   connectedCallback() {
     super.connectedCallback(), this.applyTheme();
@@ -3234,8 +3230,8 @@ class He extends ut {
     super.updated(e), (e.has("contextTheme") || e.has("pubSubTheme")) && (this.theme = this.contextTheme ?? this.pubSubTheme, this.applyTheme());
   }
   applyTheme() {
-    var n;
-    const e = this.constructor, s = (n = e.themesStyles) == null ? void 0 : n[this.theme], r = Array.isArray(s) ? s : [s];
+    var o;
+    const e = this.constructor, s = (o = e.themesStyles) == null ? void 0 : o[this.theme], r = Array.isArray(s) ? s : [s];
     if (!(r != null && r.length)) return;
     const i = Array.isArray(e.styles) ? e.styles : [e.styles];
     Is(this.shadowRoot, [...i, ...r].filter(Boolean));
@@ -3251,7 +3247,7 @@ Rs([
 Rs([
   y()
 ], He.prototype, "theme");
-const ln = u`
+const ao = u`
     :host {
         display: block;
         width: 100%;
@@ -3274,7 +3270,7 @@ const ln = u`
             font-size 0.2s;
         white-space: nowrap;
     }
-`, cn = u`
+`, lo = u`
     .container {
         position: relative;
     }
@@ -3305,7 +3301,7 @@ const ln = u`
     .input-field:focus {
         outline: none;
     }
-`, hn = u`
+`, co = u`
     .container {
         padding: 16px 0 0 0;
     }
@@ -3421,11 +3417,11 @@ const ln = u`
     .disabled.dark .icon {
         --ds-icon-color: var(--ds-color-dark-grey);
     }
-`, dn = [hn];
-var un = Object.defineProperty, it = (t, e, s, r) => {
-  for (var i = void 0, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = o(e, s, i) || i);
-  return i && un(e, s, i), i;
+`, ho = [co];
+var uo = Object.defineProperty, it = (t, e, s, r) => {
+  for (var i = void 0, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = n(e, s, i) || i);
+  return i && uo(e, s, i), i;
 };
 const es = class es extends ls(He) {
   constructor() {
@@ -3481,8 +3477,8 @@ const es = class es extends ls(He) {
         `;
   }
 };
-es.styles = [ln, cn], es.themesStyles = {
-  cupra: dn
+es.styles = [ao, lo], es.themesStyles = {
+  cupra: ho
 };
 let L = es;
 it([
@@ -3498,10 +3494,10 @@ it([
   a({ type: String, attribute: "error-text" })
 ], L.prototype, "errorText");
 it([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], L.prototype, "disabled");
 it([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], L.prototype, "success");
 it([
   a({ type: String, reflect: !0 })
@@ -3518,10 +3514,10 @@ it([
 it([
   ct(".input-field")
 ], L.prototype, "inputField");
-var pn = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, wt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? mn(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && pn(e, s, i), i;
+var po = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, wt = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? mo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && po(e, s, i), i;
 };
 let at = class extends L {
   constructor() {
@@ -3645,7 +3641,7 @@ wt([
 at = wt([
   v("ds-input", { skipTagAsComponentName: !0 })
 ], at);
-const fn = u`
+const fo = u`
     :host {
         display: inline-flex;
     }
@@ -3662,10 +3658,10 @@ const fn = u`
         cursor: pointer;
     }
 `;
-var bn = Object.defineProperty, vn = Object.getOwnPropertyDescriptor, rt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? vn(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && bn(e, s, i), i;
+var bo = Object.defineProperty, vo = Object.getOwnPropertyDescriptor, rt = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? vo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && bo(e, s, i), i;
 };
 let W = class extends g {
   constructor() {
@@ -3734,7 +3730,7 @@ let W = class extends g {
         `;
   }
 };
-W.styles = [fn];
+W.styles = [fo];
 rt([
   a({ type: String, reflect: !0 })
 ], W.prototype, "mode", 2);
@@ -3742,10 +3738,10 @@ rt([
   a({ type: String })
 ], W.prototype, "size", 2);
 rt([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], W.prototype, "underline", 2);
 rt([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], W.prototype, "disabled", 2);
 rt([
   a({ type: String, attribute: "html-tag-name" })
@@ -3768,7 +3764,7 @@ rt([
 W = rt([
   v("ds-link-button")
 ], W);
-const yn = u`
+const yo = u`
     .track {
         width: 100%;
         position: relative;
@@ -3782,7 +3778,7 @@ const yn = u`
         height: 100%;
         display: block;
     }
-`, gn = u`
+`, go = u`
     .track.large {
         height: 4px;
     }
@@ -3801,7 +3797,7 @@ const yn = u`
     .dark .fill {
         background-color: var(--ds-color-white);
     }
-`, $n = [gn], xn = u`
+`, $o = [go], xo = u`
     .track.large {
         height: 4px;
     }
@@ -3820,11 +3816,11 @@ const yn = u`
     .dark .fill {
         background-color: var(--ds-color-white);
     }
-`, wn = [xn], Sn = u``, _n = [Sn];
-var Tn = Object.defineProperty, Us = (t, e, s, r) => {
-  for (var i = void 0, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = o(e, s, i) || i);
-  return i && Tn(e, s, i), i;
+`, wo = [xo], So = u``, _o = [So];
+var To = Object.defineProperty, Us = (t, e, s, r) => {
+  for (var i = void 0, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = n(e, s, i) || i);
+  return i && To(e, s, i), i;
 };
 const ss = class ss extends He {
   constructor() {
@@ -3855,14 +3851,14 @@ const ss = class ss extends He {
         `;
   }
 };
-ss.styles = [yn], ss.themesStyles = {
-  cupra: wn,
-  "cupra-diagonal": $n,
-  seat: _n
+ss.styles = [yo], ss.themesStyles = {
+  cupra: wo,
+  "cupra-diagonal": $o,
+  seat: _o
 };
 let Rt = ss;
 Us([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], Rt.prototype, "show");
 Us([
   a({ type: String, reflect: !0 })
@@ -3870,7 +3866,7 @@ Us([
 Us([
   a({ type: String })
 ], Rt.prototype, "size");
-const Cn = u`
+const Co = u`
     .fill {
         width: 33%;
         transform: translateX(-100%);
@@ -3886,25 +3882,25 @@ const Cn = u`
         }
     }
 `;
-var kn = Object.getOwnPropertyDescriptor, En = Object.getPrototypeOf, On = Reflect.get, Pn = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? kn(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = o(i) || i);
+var ko = Object.getOwnPropertyDescriptor, Eo = Object.getPrototypeOf, Oo = Reflect.get, Po = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? ko(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = n(i) || i);
   return i;
-}, zn = (t, e, s) => On(En(t), s, e);
+}, zo = (t, e, s) => Oo(Eo(t), s, e);
 let Ae = class extends Rt {
   render() {
     return this.show ? this.barTemplate : c;
   }
 };
-Ae.styles = [...zn(Ae, Ae, "styles"), Cn];
-Ae = Pn([
+Ae.styles = [...zo(Ae, Ae, "styles"), Co];
+Ae = Po([
   v("ds-loader-bar", { skipTagAsComponentName: !0 })
 ], Ae);
 function Xt(t, ...e) {
-  const r = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v0-2-0-canary-0"), i = vi(r);
+  const r = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-2"), i = vi(r);
   return u`${i}`;
 }
-const In = Xt`
+const Io = Xt`
     .container {
         display: inline-flex;
         justify-content: center;
@@ -3935,10 +3931,10 @@ const In = Xt`
         100% { opacity: 1 }
     }
 `;
-var An = Object.defineProperty, Dn = Object.getOwnPropertyDescriptor, ds = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Dn(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && An(e, s, i), i;
+var Ao = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ds = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Do(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Ao(e, s, i), i;
 };
 let de = class extends g {
   constructor() {
@@ -3971,9 +3967,9 @@ let de = class extends g {
               ` : c;
   }
 };
-de.styles = [In];
+de.styles = [Io];
 ds([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], de.prototype, "show", 2);
 ds([
   a({ type: String, reflect: !0 })
@@ -3984,7 +3980,7 @@ ds([
 de = ds([
   v("ds-loader-dots")
 ], de);
-const Bn = u`
+const No = u`
     .backdrop {
         display: flex;
         position: fixed;
@@ -4044,10 +4040,10 @@ const Bn = u`
         z-index: 0;
     }
 `;
-var Nn = Object.defineProperty, Ln = Object.getOwnPropertyDescriptor, We = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ln(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Nn(e, s, i), i;
+var Bo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, We = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Lo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Bo(e, s, i), i;
 };
 let Ut = class extends g {
   constructor() {
@@ -4082,9 +4078,9 @@ let Ut = class extends g {
               ` : c;
   }
 };
-Ut.styles = [Bn];
+Ut.styles = [No];
 We([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], Ut.prototype, "show", 2);
 We([
   a({ type: Number, attribute: "z-index" })
@@ -4098,7 +4094,7 @@ We([
 Ut = We([
   v("ds-loader-logo")
 ], Ut);
-const Mn = u`
+const Mo = u`
     :host {
         display: contents;
     }
@@ -4115,7 +4111,7 @@ const Mn = u`
     .container.default ::slotted([slot='text']) {
         display: none;
     }
-`, jn = u`
+`, jo = u`
     .spinner {
         width: 24px;
         height: 24px;
@@ -4146,11 +4142,11 @@ const Mn = u`
             transform: rotate(360deg);
         }
     }
-`, Fn = [Mn, jn];
-var Rn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, us = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Un(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Rn(e, s, i), i;
+`, Fo = [Mo, jo];
+var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, us = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Uo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Ro(e, s, i), i;
 };
 let ue = class extends g {
   constructor() {
@@ -4175,9 +4171,9 @@ let ue = class extends g {
               ` : c;
   }
 };
-ue.styles = Fn;
+ue.styles = Fo;
 us([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], ue.prototype, "show", 2);
 us([
   a({ type: String, reflect: !0 })
@@ -4188,20 +4184,20 @@ us([
 ue = us([
   v("ds-loader-spinner")
 ], ue);
-const Vn = u`
+const Vo = u`
     :host {
         display: contents;
     }
-`, Hn = u`
+`, Ho = u`
     .container {
         display: grid;
         grid-template-columns: auto auto;
     }
 `;
-var Wn = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, Vs = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? qn(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Wn(e, s, i), i;
+var Wo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Vs = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? qo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Wo(e, s, i), i;
 };
 let Le = class extends g {
   constructor() {
@@ -4245,7 +4241,7 @@ let Le = class extends g {
         `;
   }
 };
-Le.styles = [Vn, Hn];
+Le.styles = [Vo, Ho];
 Vs([
   a({ type: String })
 ], Le.prototype, "size", 2);
@@ -4255,7 +4251,7 @@ Vs([
 Le = Vs([
   v("ds-logo")
 ], Le);
-const Kn = u`
+const Ko = u`
     :host {
         display: inline-block;
     }
@@ -4291,10 +4287,10 @@ const Kn = u`
         color: var(--dg-color-text-strong);
     }
 `;
-var Gn = Object.defineProperty, Yn = Object.getOwnPropertyDescriptor, Dt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Yn(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Gn(e, s, i), i;
+var Go = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Dt = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Yo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Go(e, s, i), i;
 };
 let lt = class extends g {
   constructor() {
@@ -4370,7 +4366,7 @@ let lt = class extends g {
         `;
   }
 };
-lt.styles = [Kn];
+lt.styles = [Ko];
 Dt([
   a({ type: Number, attribute: "width" })
 ], lt.prototype, "width", 2);
@@ -4378,7 +4374,7 @@ Dt([
   a({ type: Number, attribute: "height" })
 ], lt.prototype, "height", 2);
 Dt([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], lt.prototype, "checked", 2);
 Dt([
   a({ type: String, attribute: "icon-name" })
@@ -4395,7 +4391,7 @@ Dt([
 lt = Dt([
   v("ds-map-pin")
 ], lt);
-const Xn = u`
+const Xo = u`
     :host {
         transition: display 300ms ease allow-discrete;
     }
@@ -4531,7 +4527,7 @@ const Xn = u`
                 '. cancelButton confirmButton';
         }
     }
-`, Jn = u`
+`, Jo = u`
     .container.full-screen {
         position: fixed;
         height: 100%;
@@ -4548,7 +4544,7 @@ const Xn = u`
     .icon {
         margin-bottom: 32px;
     }
-`, Zn = u`
+`, Zo = u`
     .container.dialog {
         position: fixed;
         height: auto;
@@ -4582,11 +4578,11 @@ const Xn = u`
             padding: 48px;
         }
     }
-`, Qn = u`
+`, Qo = u`
     .container.fit {
         position: absolute;
     }
-`, to = u`
+`, tn = u`
     .container.full-screen.v-align-default {
         justify-content: flex-start;
         padding-top: 24px;
@@ -4672,10 +4668,10 @@ const Xn = u`
         margin-bottom: 24px;
     }
 `;
-var eo = Object.defineProperty, so = Object.getOwnPropertyDescriptor, nt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? so(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && eo(e, s, i), i;
+var en = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, ot = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? sn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && en(e, s, i), i;
 };
 let q = class extends At(g) {
   constructor() {
@@ -4828,50 +4824,50 @@ let q = class extends At(g) {
     ));
   }
 };
-q.styles = [Jn, Zn, Qn, Xn, to];
-nt([
-  a({ type: Boolean, reflect: !0, converter: f })
+q.styles = [Jo, Zo, Qo, Xo, tn];
+ot([
+  a({ type: Boolean, reflect: !0, converter: m })
 ], q.prototype, "open", 2);
-nt([
+ot([
   a({
     type: Boolean,
     attribute: "with-close-button",
-    converter: f
+    converter: m
   })
 ], q.prototype, "withCloseButton", 2);
-nt([
+ot([
   a({ type: String, attribute: "cancel-button-text" })
 ], q.prototype, "cancelButtonText", 2);
-nt([
+ot([
   a({ type: String, attribute: "confirm-button-text" })
 ], q.prototype, "confirmButtonText", 2);
-nt([
+ot([
   a({ type: String })
 ], q.prototype, "variant", 2);
-nt([
+ot([
   a({ type: Number, attribute: "z-index" })
 ], q.prototype, "zIndex", 2);
-nt([
+ot([
   a({
     type: Boolean,
-    converter: f,
+    converter: m,
     attribute: "disable-scroll-lock"
   })
 ], q.prototype, "disableScrollLock", 2);
-nt([
+ot([
   a({ type: String, attribute: "icon-name" })
 ], q.prototype, "iconName", 2);
-nt([
+ot([
   a({
     type: Boolean,
-    converter: f,
+    converter: m,
     attribute: "full-width"
   })
 ], q.prototype, "fullWidth", 2);
-nt([
+ot([
   a({ type: String, attribute: "v-align" })
 ], q.prototype, "vAlign", 2);
-q = nt([
+q = ot([
   v("ds-modal")
 ], q);
 const Hs = (t) => class extends t {
@@ -4884,8 +4880,8 @@ const Hs = (t) => class extends t {
       filled: !1,
       disabled: !1
     }, this.keyboardMode = !1, this._updateStates = () => {
-      var e, s, r, i, n;
-      this.inputStates.currentValue = (e = this.nativeInput) == null ? void 0 : e.value, this.inputStates.invalid = !((s = this.nativeInput) != null && s.validity.valid), this.inputStates.focus = document.activeElement === this.nativeInput, this.inputStates.disabled = (r = this.nativeInput) == null ? void 0 : r.disabled, this.inputStates.filled = ((n = (i = this.nativeInput) == null ? void 0 : i.value) == null ? void 0 : n.length) > 0, this.requestUpdate();
+      var e, s, r, i, o;
+      this.inputStates.currentValue = (e = this.nativeInput) == null ? void 0 : e.value, this.inputStates.invalid = !((s = this.nativeInput) != null && s.validity.valid), this.inputStates.focus = document.activeElement === this.nativeInput, this.inputStates.disabled = (r = this.nativeInput) == null ? void 0 : r.disabled, this.inputStates.filled = ((o = (i = this.nativeInput) == null ? void 0 : i.value) == null ? void 0 : o.length) > 0, this.requestUpdate();
     }, this._handleKeydown = () => {
       this.keyboardMode = !0;
     }, this._handleMousedown = () => {
@@ -4903,9 +4899,9 @@ const Hs = (t) => class extends t {
   firstUpdated(e) {
     super.firstUpdated(e), window == null || window.addEventListener("keydown", this._handleKeydown), window == null || window.addEventListener("mousedown", this._handleMousedown), window == null || window.addEventListener("pointerdown", this._handlePointerdown);
     const s = () => {
-      var i, n, o;
-      const r = this.querySelector("input") || this.querySelector("textarea") || ((i = this.shadowRoot) == null ? void 0 : i.querySelector("input")) || ((n = this.shadowRoot) == null ? void 0 : n.querySelector("textarea"));
-      r && (this.nativeInput = r, this._setupInputObservers(), this.onInputReady(r), (o = this.hostMutationObserver) == null || o.disconnect());
+      var i, o, n;
+      const r = this.querySelector("input") || this.querySelector("textarea") || ((i = this.shadowRoot) == null ? void 0 : i.querySelector("input")) || ((o = this.shadowRoot) == null ? void 0 : o.querySelector("textarea"));
+      r && (this.nativeInput = r, this._setupInputObservers(), this.onInputReady(r), (n = this.hostMutationObserver) == null || n.disconnect());
     };
     s(), this.hostMutationObserver = new MutationObserver(s), this.hostMutationObserver.observe(this, { childList: !0, subtree: !0, attributes: !0 });
   }
@@ -4920,15 +4916,15 @@ const Hs = (t) => class extends t {
 function Ws(t) {
   return !t || typeof t != "string" && typeof t != "number" ? !1 : (typeof t == "string" ? Number(t) : t) > 0;
 }
-const io = u`
+const rn = u`
     :host {
         display: contents;
     }
 `;
-var ro = Object.defineProperty, no = Object.getOwnPropertyDescriptor, $e = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? no(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && ro(e, s, i), i;
+var on = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, $e = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? nn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && on(e, s, i), i;
 };
 let yt = class extends Hs(g) {
   constructor() {
@@ -4993,7 +4989,7 @@ let yt = class extends Hs(g) {
     return this.forcedError || !this.inputStates.invalid || !this.invalidError ? c : l`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
   }
 };
-yt.styles = [io];
+yt.styles = [rn];
 $e([
   a({ type: String })
 ], yt.prototype, "size", 2);
@@ -5012,10 +5008,10 @@ $e([
 yt = $e([
   v("ds-text-input")
 ], yt);
-var oo = Object.defineProperty, ao = Object.getOwnPropertyDescriptor, ps = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? ao(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && oo(e, s, i), i;
+var an = Object.defineProperty, ln = Object.getOwnPropertyDescriptor, ps = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? ln(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && an(e, s, i), i;
 };
 let Me = class extends yt {
   constructor() {
@@ -5048,15 +5044,15 @@ ps([
 Me = ps([
   v("ds-password-input", { extendComponentNames: ["ds-text-input"] })
 ], Me);
-const lo = u`
+const cn = u`
     :host {
         display: contents;
     }
 `;
-var co = Object.defineProperty, ho = Object.getOwnPropertyDescriptor, qe = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? ho(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && co(e, s, i), i;
+var hn = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, qe = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? dn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && hn(e, s, i), i;
 };
 let Vt = class extends At(g) {
   constructor() {
@@ -5112,7 +5108,7 @@ let Vt = class extends At(g) {
         `;
   }
 };
-Vt.styles = [lo];
+Vt.styles = [cn];
 qe([
   a({ type: String })
 ], Vt.prototype, "variant", 2);
@@ -5120,18 +5116,18 @@ qe([
   a({ type: String, converter: Ue })
 ], Vt.prototype, "size", 2);
 qe([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], Vt.prototype, "loading", 2);
 qe([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], Vt.prototype, "selected", 2);
 Vt = qe([
   v("ds-picker-item")
 ], Vt);
-var uo = Object.defineProperty, po = Object.getOwnPropertyDescriptor, Ei = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? po(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && uo(e, s, i), i;
+var un = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, Ei = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? pn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && un(e, s, i), i;
 };
 let ks = class extends ut {
   constructor() {
@@ -5161,16 +5157,16 @@ Ei([
 ks = Ei([
   v("ds-portal", { skipTagAsComponentName: !0 })
 ], ks);
-const mo = u`
+const mn = u`
     .fill {
         transition: all 200ms ease-in-out;
     }
 `;
-var fo = Object.defineProperty, bo = Object.getOwnPropertyDescriptor, vo = Object.getPrototypeOf, yo = Reflect.get, Oi = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? bo(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && fo(e, s, i), i;
-}, go = (t, e, s) => yo(vo(t), s, e);
+var fn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, vn = Object.getPrototypeOf, yn = Reflect.get, Oi = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? bn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && fn(e, s, i), i;
+}, gn = (t, e, s) => yn(vn(t), s, e);
 let re = class extends Rt {
   render() {
     return this.show ? l`
@@ -5183,14 +5179,14 @@ let re = class extends Rt {
               ` : c;
   }
 };
-re.styles = [...go(re, re, "styles"), mo];
+re.styles = [...gn(re, re, "styles"), mn];
 Oi([
   a({ type: Number })
 ], re.prototype, "progress", 2);
 re = Oi([
   v("ds-progress-bar", { skipTagAsComponentName: !0 })
 ], re);
-const $o = u`
+const $n = u`
     :host {
         display: contents;
     }
@@ -5208,10 +5204,10 @@ const $o = u`
         vertical-align: top;
     }
 `;
-var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Jt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? wo(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && xo(e, s, i), i;
+var xn = Object.defineProperty, wn = Object.getOwnPropertyDescriptor, Jt = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? wn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && xn(e, s, i), i;
 };
 const Pi = Symbol("ds-radio-button-group:disabled"), zi = Symbol("ds-radio-button-group:error"), Ii = Symbol("ds-radio-button-group:error-text"), Ai = Symbol("ds-radio-button-group:helper-text"), Di = Symbol("ds-radio-button-group:size");
 let gt = class extends g {
@@ -5245,10 +5241,10 @@ let gt = class extends g {
         `;
   }
 };
-gt.styles = [$o];
+gt.styles = [$n];
 Jt([
   ve({ context: zi }),
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], gt.prototype, "error", 2);
 Jt([
   ve({ context: Ii }),
@@ -5260,7 +5256,7 @@ Jt([
 ], gt.prototype, "helperText", 2);
 Jt([
   ve({ context: Pi }),
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], gt.prototype, "disabled", 2);
 Jt([
   ve({ context: Di }),
@@ -5272,7 +5268,7 @@ Jt([
 gt = Jt([
   v("ds-radio-button-group")
 ], gt);
-const So = u`
+const Sn = u`
     :host {
         display: block;
         flex: 0 0 auto;
@@ -5317,10 +5313,10 @@ const So = u`
         cursor: pointer;
     }
 `;
-var _o = Object.defineProperty, To = Object.getOwnPropertyDescriptor, F = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? To(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && _o(e, s, i), i;
+var _n = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, F = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Tn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && _n(e, s, i), i;
 };
 let D = class extends g {
   constructor() {
@@ -5443,7 +5439,7 @@ let D = class extends g {
         `;
   }
 };
-D.styles = [So];
+D.styles = [Sn];
 F([
   a({ type: String, attribute: "input-placement" })
 ], D.prototype, "inputPlacement", 2);
@@ -5451,7 +5447,7 @@ F([
   a({ type: String, attribute: "size" })
 ], D.prototype, "_size", 2);
 F([
-  a({ type: Boolean, attribute: "error" })
+  a({ type: Boolean, attribute: "error", converter: m })
 ], D.prototype, "_error", 2);
 F([
   a({ type: String, attribute: "error-text" })
@@ -5486,7 +5482,7 @@ F([
 D = F([
   v("ds-radio-button")
 ], D);
-const Co = u`
+const Cn = u`
     :host {
         display: flex;
         flex-direction: column;
@@ -5500,10 +5496,10 @@ const Co = u`
         display: contents;
     }
 `;
-var ko = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, xe = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Eo(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && ko(e, s, i), i;
+var kn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, xe = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? En(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && kn(e, s, i), i;
 };
 let Ot = class extends ls(ut) {
   constructor() {
@@ -5548,7 +5544,7 @@ let Ot = class extends ls(ut) {
         `;
   }
 };
-Ot.styles = [Co];
+Ot.styles = [Cn];
 xe([
   a({ type: String })
 ], Ot.prototype, "name", 2);
@@ -5567,7 +5563,7 @@ xe([
 Ot = xe([
   v("ds-radio-group", { skipTagAsComponentName: !0 })
 ], Ot);
-const Oo = u`
+const On = u`
     :host {
         display: inline-block;
     }
@@ -5604,10 +5600,10 @@ const Oo = u`
         transform: scale(1);
     }
 `;
-var Po = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, St = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? zo(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Po(e, s, i), i;
+var Pn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, St = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? zn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Pn(e, s, i), i;
 };
 let Q = class extends g {
   constructor() {
@@ -5673,9 +5669,9 @@ let Q = class extends g {
         `;
   }
 };
-Q.styles = [Oo];
+Q.styles = [On];
 St([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], Q.prototype, "readonly", 2);
 St([
   a({ type: String, reflect: !0 })
@@ -5684,10 +5680,10 @@ St([
   a({ type: String })
 ], Q.prototype, "value", 2);
 St([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], Q.prototype, "checked", 2);
 St([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], Q.prototype, "disabled", 2);
 St([
   a({ type: String, reflect: !0 })
@@ -5696,20 +5692,20 @@ St([
   a({ type: String })
 ], Q.prototype, "size", 2);
 St([
-  Ns({ slot: "", flatten: !0 })
+  Bs({ slot: "", flatten: !0 })
 ], Q.prototype, "_defaultSlotNodes", 2);
 Q = St([
   v("ds-radio")
 ], Q);
-const Io = u`
+const In = u`
     :host {
         display: contents;
     }
 `;
-var Ao = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ht = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Do(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Ao(e, s, i), i;
+var An = Object.defineProperty, Dn = Object.getOwnPropertyDescriptor, ht = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Dn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && An(e, s, i), i;
 };
 let Y = class extends Hs(g) {
   constructor() {
@@ -5819,7 +5815,7 @@ let Y = class extends Hs(g) {
     return Ws(t) ? l`<span class="char-counter">${((r = this.inputStates.currentValue) == null ? void 0 : r.length) || 0}/${t}</span>` : c;
   }
 };
-Y.styles = [Io];
+Y.styles = [In];
 ht([
   a({ type: String })
 ], Y.prototype, "size", 2);
@@ -5827,7 +5823,7 @@ ht([
   a({ type: String })
 ], Y.prototype, "variant", 2);
 ht([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], Y.prototype, "loading", 2);
 ht([
   a({ type: String, attribute: "helper-text" })
@@ -5845,12 +5841,12 @@ ht([
   a({ type: String, attribute: "data-aria-label-position-button" })
 ], Y.prototype, "dataAriaLabelPositionButton", 2);
 ht([
-  a({ type: Boolean, converter: f, attribute: "with-position-button" })
+  a({ type: Boolean, converter: m, attribute: "with-position-button" })
 ], Y.prototype, "withPositionButton", 2);
 Y = ht([
   v("ds-search-input")
 ], Y);
-const Bo = u`
+const Nn = u`
     :host {
         display: block;
         width: 100%;
@@ -5860,11 +5856,11 @@ const Bo = u`
     .helper-text {
         user-select: none;
     }
-`, No = u`
+`, Bn = u`
     .container {
         position: relative;
     }
-`, Lo = u`
+`, Ln = u`
     .input-field::-webkit-search-decoration,
     .input-field::-webkit-search-cancel-button,
     .input-field::-webkit-search-results-button,
@@ -5885,14 +5881,14 @@ const Bo = u`
     .input-field:focus {
         outline: none;
     }
-`, Mo = u`
+`, Mn = u`
     .helper-text {
         cursor: pointer;
         display: flex;
         justify-content: flex-start;
         align-items: center;
     }
-`, jo = u`
+`, jn = u`
     .input-container {
         align-items: center;
         justify-content: center;
@@ -5900,10 +5896,10 @@ const Bo = u`
         position: relative;
     }
 `;
-var Fo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, B = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ro(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Fo(e, s, i), i;
+var Fn = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, N = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Rn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Fn(e, s, i), i;
 };
 let z = class extends ls(g) {
   constructor() {
@@ -6045,64 +6041,64 @@ let z = class extends ls(g) {
         `;
   }
 };
-z.styles = [Bo, No, Mo, Lo, jo];
-B([
+z.styles = [Nn, Bn, Mn, Ln, jn];
+N([
   a({ type: String, reflect: !0, attribute: "initial-value" })
 ], z.prototype, "initialValue", 2);
-B([
+N([
   a({ type: String })
 ], z.prototype, "label", 2);
-B([
+N([
   a({ type: String, attribute: "helper-text" })
 ], z.prototype, "helperText", 2);
-B([
+N([
   a({ type: String, attribute: "error-text" })
 ], z.prototype, "errorText", 2);
-B([
-  a({ type: Boolean, converter: f })
+N([
+  a({ type: Boolean, converter: m })
 ], z.prototype, "disabled", 2);
-B([
-  a({ type: Boolean, converter: f })
+N([
+  a({ type: Boolean, converter: m })
 ], z.prototype, "success", 2);
-B([
+N([
   a({ type: String, reflect: !0 })
 ], z.prototype, "mode", 2);
-B([
+N([
   a({ type: String })
 ], z.prototype, "size", 2);
-B([
+N([
   a({ type: String })
 ], z.prototype, "name", 2);
-B([
+N([
   a({ type: String })
 ], z.prototype, "placeholder", 2);
-B([
+N([
   a({ type: String, attribute: "max-length" })
 ], z.prototype, "maxLength", 2);
-B([
+N([
   a({ type: String })
 ], z.prototype, "type", 2);
-B([
+N([
   y()
 ], z.prototype, "_value", 2);
-B([
+N([
   y()
 ], z.prototype, "focused", 2);
-B([
+N([
   ct(".input-field")
 ], z.prototype, "inputField", 2);
-z = B([
+z = N([
   v("ds-search")
 ], z);
-const Uo = u`
+const Un = u`
     :host {
         display: contents;
     }
 `;
-var Vo = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, dt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ho(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Vo(e, s, i), i;
+var Vn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, dt = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Hn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Vn(e, s, i), i;
 };
 let X = class extends At(g) {
   constructor() {
@@ -6131,6 +6127,7 @@ let X = class extends At(g) {
   get classes() {
     return {
       nav: !0,
+      "ds-blur": !0,
       "scroll-left": this.hasScrollLeft,
       "scroll-right": this.hasScrollRight
     };
@@ -6167,12 +6164,12 @@ let X = class extends At(g) {
     const e = t.target, s = ((r = this.items) == null ? void 0 : r.indexOf(e)) ?? -1;
     if (s !== -1) {
       this.selectedIndex = s, this.updateSelectedItem();
-      const n = ((i = e.textContent) == null ? void 0 : i.trim()) || e.getAttribute("data-label") || "";
+      const o = ((i = e.textContent) == null ? void 0 : i.trim()) || e.getAttribute("data-label") || "";
       this.dispatchEvent(
         new CustomEvent("ds-secondary-navigation:select", {
           detail: {
             index: s,
-            label: n
+            label: o
           },
           bubbles: !0,
           composed: !0
@@ -6244,7 +6241,7 @@ let X = class extends At(g) {
                 aria-hidden=${!this.openItems}
             >
                 <div
-                    class="dropdown"
+                    class="dropdown ds-blur"
                 >
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
@@ -6273,7 +6270,7 @@ let X = class extends At(g) {
                 aria-hidden=${!this.openCtas}
             >
                 <div
-                    class="dropdown"
+                    class="dropdown ds-blur"
 
                 >
                     <slot name="actions"></slot>
@@ -6285,7 +6282,7 @@ let X = class extends At(g) {
     return !this.openItems && !this.openCtas ? c : l`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`;
   }
 };
-X.styles = [Uo];
+X.styles = [Un];
 dt([
   a({ type: String, attribute: "dropdown-button-text" })
 ], X.prototype, "dropdownButtonText", 2);
@@ -6316,7 +6313,7 @@ dt([
 X = dt([
   v("ds-secondary-navigation")
 ], X);
-const Wo = u`
+const Wn = u`
     :host {
         display: flex;
         flex: 1 1 auto;
@@ -6365,10 +6362,10 @@ const Wo = u`
         flex-shrink: 0;
     }
 `;
-var qo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, ms = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ko(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && qo(e, s, i), i;
+var qn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, ms = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Kn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && qn(e, s, i), i;
 };
 let pe = class extends g {
   constructor() {
@@ -6394,7 +6391,7 @@ let pe = class extends g {
   }
   updateFocusState(t, e) {
     const s = t.target, r = s.matches(":focus-visible"), i = this.slottedElements.find(
-      (n) => n.tagName === "LABEL" && n.htmlFor === s.id
+      (o) => o.tagName === "LABEL" && o.htmlFor === s.id
     );
     i && i.classList.toggle("focused", r);
   }
@@ -6406,14 +6403,14 @@ let pe = class extends g {
         `;
   }
 };
-pe.styles = [Wo];
+pe.styles = [Wn];
 ms([
   a({ type: String })
 ], pe.prototype, "size", 2);
 ms([
   a({
     type: Boolean,
-    converter: f,
+    converter: m,
     attribute: "full-width"
   })
 ], pe.prototype, "fullWidth", 2);
@@ -6453,7 +6450,7 @@ const is = class is {
 };
 is.KEYS_WHEN_OPEN = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", "Home", "End", "Enter", "Escape", " "]), is.KEYS_WHEN_CLOSED = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", " "]);
 let Qe = is;
-const Go = u`
+const Gn = u`
     :host {
         display: contents;
     }
@@ -6475,10 +6472,10 @@ const Go = u`
         pointer-events: none;
     }
 `;
-var Yo = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, R = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Xo(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Yo(e, s, i), i;
+var Yn = Object.defineProperty, Xn = Object.getOwnPropertyDescriptor, R = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Xn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Yn(e, s, i), i;
 };
 let O = class extends g {
   constructor() {
@@ -6624,13 +6621,13 @@ let O = class extends g {
   }
   get displaySelectTemplate() {
     var s, r, i;
-    const t = this.nativeOptions.find((n) => n.selected), e = (s = Array.from((t == null ? void 0 : t.childNodes) || [])) == null ? void 0 : s.map((n) => {
-      const o = n.cloneNode(!0);
-      if (n.nodeType !== 3)
-        return o;
-      if (n.textContent.trim() === "") return "";
+    const t = this.nativeOptions.find((o) => o.selected), e = (s = Array.from((t == null ? void 0 : t.childNodes) || [])) == null ? void 0 : s.map((o) => {
+      const n = o.cloneNode(!0);
+      if (o.nodeType !== 3)
+        return n;
+      if (o.textContent.trim() === "") return "";
       const h = document.createElement("span");
-      return h.classList.add("text"), h.appendChild(o), h;
+      return h.classList.add("text"), h.appendChild(n), h;
     });
     return l`
             <div class="select-outline">
@@ -6690,7 +6687,7 @@ let O = class extends g {
         `;
   }
 };
-O.styles = [Go];
+O.styles = [Gn];
 O.ARIA_OPTION_PREFIX = "option-";
 R([
   a({ type: String })
@@ -6734,7 +6731,7 @@ R([
 O = R([
   v("ds-select")
 ], O);
-const Jo = u`
+const Jn = u`
     :host {
         display: inline-block;
     }
@@ -6744,10 +6741,10 @@ const Jo = u`
         cursor: pointer;
     }
 `;
-var Zo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, Bi = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Qo(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && Zo(e, s, i), i;
+var Zn = Object.defineProperty, Qn = Object.getOwnPropertyDescriptor, Ni = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Qn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && Zn(e, s, i), i;
 };
 let ts = class extends g {
   get iconTemplate() {
@@ -6782,37 +6779,37 @@ let ts = class extends g {
         `;
   }
 };
-ts.styles = [Jo];
-Bi([
-  a({ type: Boolean, converter: f })
+ts.styles = [Jn];
+Ni([
+  a({ type: Boolean, converter: m })
 ], ts.prototype, "checked", 2);
-ts = Bi([
+ts = Ni([
   v("ds-selection")
 ], ts);
 function ws({ value: t, min: e, max: s }) {
   return Math.min(Math.max(t, e), s);
 }
 const ci = (t, e, s = 10) => {
-  const r = Math.pow(10, s), i = Math.round(t * r), n = Math.round(e * r);
-  return (i + n) / r;
-}, ke = ({ step: t = 1, min: e = 0, max: s = 100, proposedValue: r, role: i, currentValues: n }) => {
-  const o = i === "min" ? 1 : 2, h = r;
-  let d, m = e, x = s;
-  return Number.isFinite(h) ? (Object.keys(n).forEach((b) => {
-    if (Number(b) < o && n[b] >= m) {
-      if (m = n[b], t === 0) return;
+  const r = Math.pow(10, s), i = Math.round(t * r), o = Math.round(e * r);
+  return (i + o) / r;
+}, ke = ({ step: t = 1, min: e = 0, max: s = 100, proposedValue: r, role: i, currentValues: o }) => {
+  const n = i === "min" ? 1 : 2, h = r;
+  let d, f = e, x = s;
+  return Number.isFinite(h) ? (Object.keys(o).forEach((b) => {
+    if (Number(b) < n && o[b] >= f) {
+      if (f = o[b], t === 0) return;
       let $ = e;
-      for (; $ <= m; ) $ = ci($, t);
-      m = $;
+      for (; $ <= f; ) $ = ci($, t);
+      f = $;
     }
-    if (Number(b) > o && n[b] <= x) {
-      if (x = n[b], t === 0) return;
+    if (Number(b) > n && o[b] <= x) {
+      if (x = o[b], t === 0) return;
       let $ = e;
       for (; $ + t < x; ) $ = ci($, t);
       x = $;
     }
-    m = ws({ value: m, min: e, max: s }), x = ws({ value: x, min: e, max: s });
-  }), h <= m || h >= x ? (d = Math.max(m, Math.min(x, h)), { stepValue: d, minLimit: m, maxLimit: x }) : t === 0 ? { stepValue: h, minLimit: m, maxLimit: x } : (d = Math.round((h - m) / t) * t + m, d = h - d > x - h ? x : d, d = ws({ value: d, min: m, max: x }), { stepValue: d, minLimit: m, maxLimit: x })) : { stepValue: n[String(o)], minLimit: m, maxLimit: x };
+    f = ws({ value: f, min: e, max: s }), x = ws({ value: x, min: e, max: s });
+  }), h <= f || h >= x ? (d = Math.max(f, Math.min(x, h)), { stepValue: d, minLimit: f, maxLimit: x }) : t === 0 ? { stepValue: h, minLimit: f, maxLimit: x } : (d = Math.round((h - f) / t) * t + f, d = h - d > x - h ? x : d, d = ws({ value: d, min: f, max: x }), { stepValue: d, minLimit: f, maxLimit: x })) : { stepValue: o[String(n)], minLimit: f, maxLimit: x };
 }, ta = ({ value: t, fractionDigits: e }) => {
   const s = Math.pow(10, e);
   return Math.round(t * s) / s;
@@ -6859,22 +6856,22 @@ const ci = (t, e, s = 10) => {
     .track, .track-range {
         background-clip: content-box;
     }
-`, na = Xt`
+`, oa = Xt`
     .thumb {
         z-index: 2;
         position: absolute;
     }
 `;
-var oa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, _ = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? aa(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && oa(e, s, i), i;
+var na = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, _ = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? aa(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && na(e, s, i), i;
 };
 let w = class extends At(g) {
   constructor() {
     super(...arguments), this.min = 0, this.max = 100, this.minLabel = "", this.maxLabel = "", this.step = 1, this.initialValueMin = 0, this.mode = "light", this.locale = void 0, this.localeMatcher = "lookup", this.useGrouping = !0, this.minimumIntegerDigits = 1, this.minimumFractionDigits = 0, this.maximumFractionDigits = 3, this.size = "medium", this.disabled = !1, this.keyboardMode = !1, this.getNewValue = (t) => {
-      const { width: e, left: s } = this.track.getBoundingClientRect(), r = t.type.indexOf("mouse") !== -1 ? t.clientX : t.touches[0].clientX, n = Math.min(Math.max(0, r - s), e) * 100 / e;
-      return this.min + n * (this.max - this.min) / 100;
+      const { width: e, left: s } = this.track.getBoundingClientRect(), r = t.type.indexOf("mouse") !== -1 ? t.clientX : t.touches[0].clientX, o = Math.min(Math.max(0, r - s), e) * 100 / e;
+      return this.min + o * (this.max - this.min) / 100;
     }, this.setActiveThumb = (t) => {
       const e = this.getNewValue(t);
       typeof this.valueMax != "number" || e <= this.valueMin ? this.activeThumb = "min" : e >= this.valueMax ? this.activeThumb = "max" : e - this.valueMin < this.valueMax - e ? this.activeThumb = "min" : this.activeThumb = "max";
@@ -6930,11 +6927,11 @@ let w = class extends At(g) {
     }, this.onThumbKeyDown = (t, e) => {
       if (!this.disabled && (t.key === "ArrowLeft" || t.key === "ArrowRight")) {
         t.preventDefault();
-        const s = this.step ?? 1, r = t.key === "ArrowLeft" ? -s : s, i = e === 1 ? "min" : "max", o = (i === "min" ? this.valueMin : this.valueMax) + r, { stepValue: h } = ke({
+        const s = this.step ?? 1, r = t.key === "ArrowLeft" ? -s : s, i = e === 1 ? "min" : "max", n = (i === "min" ? this.valueMin : this.valueMax) + r, { stepValue: h } = ke({
           step: this.step,
           min: this.min,
           max: this.max,
-          proposedValue: o,
+          proposedValue: n,
           role: i,
           currentValues: {
             1: this.valueMin,
@@ -6952,7 +6949,7 @@ let w = class extends At(g) {
     super.firstUpdated(t), window == null || window.addEventListener("keydown", this.handleKeydown), window == null || window.addEventListener("mousedown", this.handlePointerOrMouseDown), window == null || window.addEventListener("pointerdown", this.handlePointerOrMouseDown), ["min", "max"].forEach((s) => {
       const i = this[s === "min" ? "initialValueMin" : "initialValueMax"];
       if (typeof i != "number") return;
-      const { stepValue: n } = ke({
+      const { stepValue: o } = ke({
         step: this.step,
         min: this.min,
         max: this.max,
@@ -6963,7 +6960,7 @@ let w = class extends At(g) {
           ...typeof this.valueMax == "number" ? { 2: this.valueMax } : {}
         }
       });
-      this[s === "min" ? "valueMin" : "valueMax"] !== n && this.handleChange({ value: n, role: s });
+      this[s === "min" ? "valueMin" : "valueMax"] !== o && this.handleChange({ value: o, role: s });
     });
   }
   getTrackPct(t) {
@@ -7005,7 +7002,7 @@ let w = class extends At(g) {
       formattedValue: t,
       unitSymbol: e,
       unitSymbolPosition: s
-    } = this.formatNumber(this.min), r = this.unitSymbol ?? e, i = this.unitSymbolPosition ?? s, { formattedValue: n } = this.formatNumber(this.max);
+    } = this.formatNumber(this.min), r = this.unitSymbol ?? e, i = this.unitSymbolPosition ?? s, { formattedValue: o } = this.formatNumber(this.max);
     return l`
             <div class="range-value-text">
                 ${this.minLabel ? l`<span class="range-value-label">${this.minLabel}</span>` : c}
@@ -7016,7 +7013,7 @@ let w = class extends At(g) {
             <div class="range-value-text">
                 ${this.maxLabel ? l` <span class="range-value-label">${this.maxLabel}</span>` : c}
                 ${i === "left" ? l`<span>${r}</span>` : c}
-                <span>${n}</span>
+                <span>${o}</span>
                 ${i === "right" ? l`<span>${r}</span>` : c}
             </div>
         `;
@@ -7032,11 +7029,11 @@ let w = class extends At(g) {
         1: this.valueMin,
         ...typeof this.valueMax == "number" ? { 2: this.valueMax } : {}
       }
-    }), n = this.getTrackPct(s);
+    }), o = this.getTrackPct(s);
     return l`
             <style>
                 .thumb${t} {
-                    left: ${n}%;
+                    left: ${o}%;
                 }
             </style>
             <div
@@ -7044,7 +7041,7 @@ let w = class extends At(g) {
                 @focus=${() => {
       this.activeThumb = t === 1 ? "min" : "max";
     }}
-                @keydown=${(o) => this.onThumbKeyDown(o, t)}
+                @keydown=${(n) => this.onThumbKeyDown(n, t)}
                 role="slider"
                 tabindex=${this.disabled ? -1 : 0}
                 aria-disabled=${String(!!this.disabled)}
@@ -7085,9 +7082,9 @@ let w = class extends At(g) {
   getInputTemplate(t) {
     const e = t === 1 ? "min" : "max", s = this.editingField === e, r = e === "min" ? this.valueMin : this.valueMax, {
       formattedValue: i,
-      unitSymbol: n,
-      unitSymbolPosition: o
-    } = this.formatNumber(r), h = this.unitSymbolPosition ?? o, d = this.unitSymbol ?? n, m = d ? h === "left" ? `${d} ${i}` : `${i} ${d}` : `${i}`, x = s ? "number" : "text", b = s ? String(r ?? "") : m, $ = t === 1 ? this.inputMinAriaLabel : this.inputMaxAriaLabel, T = typeof this.initialValueMax == "number" ? t === 1 ? "Start value" : "End value" : "Value", G = $ ?? T;
+      unitSymbol: o,
+      unitSymbolPosition: n
+    } = this.formatNumber(r), h = this.unitSymbolPosition ?? n, d = this.unitSymbol ?? o, f = d ? h === "left" ? `${d} ${i}` : `${i} ${d}` : `${i}`, x = s ? "number" : "text", b = s ? String(r ?? "") : f, $ = t === 1 ? this.inputMinAriaLabel : this.inputMaxAriaLabel, T = typeof this.initialValueMax == "number" ? t === 1 ? "Start value" : "End value" : "Value", G = $ ?? T;
     return l`
             <div class="input-wrapper">
                 <input
@@ -7150,7 +7147,7 @@ let w = class extends At(g) {
         `;
   }
 };
-w.styles = [ea, ra, na, sa, ia];
+w.styles = [ea, ra, oa, sa, ia];
 _([
   a({ type: Number })
 ], w.prototype, "min", 2);
@@ -7222,7 +7219,7 @@ _([
   a({ type: String, converter: Ue })
 ], w.prototype, "size", 2);
 _([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], w.prototype, "disabled", 2);
 _([
   a({ type: String, attribute: "input-min-aria-label" })
@@ -7352,8 +7349,8 @@ const la = u`
   }
 };
 var pa = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, J = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? ma(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? ma(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && pa(e, s, i), i;
 };
 let M = class extends g {
@@ -7441,12 +7438,12 @@ let M = class extends g {
     });
   }
   selectTab(t) {
-    var s, r, i, n, o;
+    var s, r, i, o, n;
     (s = this.tabs) == null || s.forEach((h, d) => {
       h.removeAttribute("selected"), h.setAttribute("aria-selected", d === t ? "true" : "false");
     }), (r = this.tabs[t]) == null || r.setAttribute("selected", ""), this.panels.forEach((h) => h.removeAttribute("selected")), (i = this.panels[t]) == null || i.setAttribute("selected", "");
-    const e = (n = this.tabs) == null ? void 0 : n[this.selectedTab];
-    this.nav.scrollLeft = (e == null ? void 0 : e.offsetLeft) - ((o = this.nav) == null ? void 0 : o.offsetWidth) / 2;
+    const e = (o = this.tabs) == null ? void 0 : o[this.selectedTab];
+    this.nav.scrollLeft = (e == null ? void 0 : e.offsetLeft) - ((n = this.nav) == null ? void 0 : n.offsetWidth) / 2;
   }
   setupTabAccessibility() {
     var t;
@@ -7516,7 +7513,7 @@ J([
   a({ type: String })
 ], M.prototype, "size", 2);
 J([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], M.prototype, "disabled", 2);
 J([
   y()
@@ -7555,8 +7552,8 @@ const fa = Xt`
     }
 `;
 var va = Object.defineProperty, ya = Object.getOwnPropertyDescriptor, Zt = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? ya(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? ya(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && va(e, s, i), i;
 };
 let $t = class extends g {
@@ -7594,21 +7591,21 @@ let $t = class extends g {
   render() {
     return this.show ? l`
                   <div class=${p(this.classes)}>
-                      ${ot(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
+                      ${nt(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
                       <slot></slot>
-                      ${ot(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
+                      ${nt(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
                   </div>
               ` : c;
   }
 };
 $t.styles = [fa, ba];
 Zt([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], $t.prototype, "show", 2);
 Zt([
   a({
     type: Boolean,
-    converter: f,
+    converter: m,
     attribute: "clickable-icon"
   })
 ], $t.prototype, "clickableIcon", 2);
@@ -7650,8 +7647,8 @@ const ga = u`
     }
 `;
 var $a = Object.defineProperty, xa = Object.getOwnPropertyDescriptor, _t = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? xa(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? xa(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && $a(e, s, i), i;
 };
 let tt = class extends g {
@@ -7669,7 +7666,7 @@ let tt = class extends g {
     };
   }
   get customElementTemplate() {
-    return !this.htmlTagName || !this.value ? c : l`${ns(`<${this.htmlTagName} class="text">${this.value}</${this.htmlTagName}>`)}`;
+    return !this.htmlTagName || !this.value ? c : l`${os(`<${this.htmlTagName} class="text">${this.value}</${this.htmlTagName}>`)}`;
   }
   get styles() {
     return C`
@@ -7713,7 +7710,7 @@ _t([
   a({ type: String, reflect: !0 })
 ], tt.prototype, "color", 2);
 _t([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], tt.prototype, "uppercase", 2);
 tt = _t([
   v("ds-text")
@@ -7724,8 +7721,8 @@ const wa = u`
     }
 `;
 var Sa = Object.defineProperty, _a = Object.getOwnPropertyDescriptor, we = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? _a(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? _a(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Sa(e, s, i), i;
 };
 let Pt = class extends Hs(g) {
@@ -7823,8 +7820,8 @@ const Ta = {
   }
 };
 var Ca = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, Se = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? ka(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? ka(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Ca(e, s, i), i;
 };
 let Ht = class extends ut {
@@ -7832,7 +7829,7 @@ let Ht = class extends ut {
     super(...arguments), this.loadFonts = !0, this.loadStyles = !0, this.cssLoaded = !1, this.loadedFonts = /* @__PURE__ */ new Set();
   }
   updated(t) {
-    super.updated(t), t.has("theme") && (ne.publish("theme", this.theme), window.DS_THEME = this.theme, this.loadThemeFonts(), this.loadThemeStyles().then(() => {
+    super.updated(t), t.has("theme") && (oe.publish("theme", this.theme), window.DS_THEME = this.theme, this.loadThemeFonts(), this.loadThemeStyles().then(() => {
       this.cssLoaded = !0;
     }));
   }
@@ -7860,17 +7857,17 @@ let Ht = class extends ut {
     );
     try {
       await i.load(), document.fonts.add(i), this.loadedFonts.add(r);
-    } catch (n) {
-      console.error(`Error loading "${e}" font with "${t}" weight:`, n);
+    } catch (o) {
+      console.error(`Error loading "${e}" font with "${t}" weight:`, o);
     }
   }
   loadThemeStyles() {
     return this.loadStyles ? new Promise((t, e) => {
-      const s = "/0.2.0-canary.0", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
+      const s = "/1.0.0-canary.2", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
       if (document.head.querySelector(`link[href="${r}"]`)) t();
       else {
-        const i = `ui-kit-theme-${s}`, n = document.getElementById(i), o = document.createElement("link");
-        o.id = i, o.rel = "stylesheet", o.href = r, o.onload = () => t(), o.onerror = () => e(new Error(`Failed to load theme CSS: ${r}`)), document.head.appendChild(o), n == null || n.remove();
+        const i = `ui-kit-theme-${s}`, o = document.getElementById(i), n = document.createElement("link");
+        n.id = i, n.rel = "stylesheet", n.href = r, n.onload = () => t(), n.onerror = () => e(new Error(`Failed to load theme CSS: ${r}`)), document.head.appendChild(n), o == null || o.remove();
       }
     }) : Promise.resolve();
   }
@@ -7879,10 +7876,10 @@ let Ht = class extends ut {
   }
 };
 Se([
-  a({ type: Boolean, converter: f, attribute: "load-fonts" })
+  a({ type: Boolean, converter: m, attribute: "load-fonts" })
 ], Ht.prototype, "loadFonts", 2);
 Se([
-  a({ type: Boolean, converter: f, attribute: "load-styles" })
+  a({ type: Boolean, converter: m, attribute: "load-styles" })
 ], Ht.prototype, "loadStyles", 2);
 Se([
   ve({ context: Os }),
@@ -7903,8 +7900,8 @@ const Ea = u`
     }
 `;
 var Oa = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, _e = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Pa(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Pa(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Oa(e, s, i), i;
 };
 let zt = class extends g {
@@ -7963,8 +7960,8 @@ let zt = class extends g {
                 ${this.iconTemplate}
                 <div class="content">
                     <div class="header">
-                        ${ot(this.title, () => l`<div class="title">${this.title}</div>`)}
-                        ${ot(this.text, () => l`<div class="message">${this.text}</div>`)}
+                        ${nt(this.title, () => l`<div class="title">${this.title}</div>`)}
+                        ${nt(this.text, () => l`<div class="message">${this.text}</div>`)}
                     </div>
                     <slot></slot>
                 </div>
@@ -7987,7 +7984,7 @@ _e([
   a({ type: String })
 ], zt.prototype, "text", 2);
 _e([
-  a({ type: Boolean, converter: f, attribute: "data-template", reflect: !0 })
+  a({ type: Boolean, converter: m, attribute: "data-template", reflect: !0 })
 ], zt.prototype, "dataTemplate", 2);
 zt = _e([
   v("ds-toast-message")
@@ -7996,20 +7993,20 @@ const za = 1e4, Ia = () => typeof crypto < "u" && typeof crypto.randomUUID == "f
 class ie {
   constructor() {
     this.toasts = [], this.subscribers = [], this.defaultDuration = za, this.handleAddToast = (e) => {
-      const { id: s = Ia(), status: r = "default", duration: i = this.defaultDuration, ...n } = e.detail || {}, o = {
+      const { id: s = Ia(), status: r = "default", duration: i = this.defaultDuration, ...o } = e.detail || {}, n = {
         id: s,
         status: r,
-        ...n,
+        ...o,
         exiting: !1
       };
-      o.timeoutId = window.setTimeout(() => {
+      n.timeoutId = window.setTimeout(() => {
         this.toasts.find((h) => h.id === s).exiting = !0, this.notifySubscribers();
-      }, i), this.toasts = [...this.toasts, o], this.notifySubscribers();
+      }, i), this.toasts = [...this.toasts, n], this.notifySubscribers();
     }, this.handleRemoveToast = (e) => {
       const { id: s, referenceId: r } = e.detail || {};
       if (!s && !r) return;
       let i;
-      s ? i = this.toasts.find((n) => n.id === s) : r && (i = this.toasts.find((n) => n.referenceId === r)), i && (i != null && i.timeoutId && window.clearTimeout(i.timeoutId), i.exiting = !0, this.notifySubscribers());
+      s ? i = this.toasts.find((o) => o.id === s) : r && (i = this.toasts.find((o) => o.referenceId === r)), i && (i != null && i.timeoutId && window.clearTimeout(i.timeoutId), i.exiting = !0, this.notifySubscribers());
     }, this.initialize();
   }
   initialize() {
@@ -8042,27 +8039,27 @@ const hi = ie.getInstance();
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const { I: Aa } = er, di = () => document.createComment(""), Ee = (t, e, s) => {
-  var n;
+  var o;
   const r = t._$AA.parentNode, i = e === void 0 ? t._$AB : e._$AA;
   if (s === void 0) {
-    const o = r.insertBefore(di(), i), h = r.insertBefore(di(), i);
-    s = new Aa(o, h, t, t.options);
+    const n = r.insertBefore(di(), i), h = r.insertBefore(di(), i);
+    s = new Aa(n, h, t, t.options);
   } else {
-    const o = s._$AB.nextSibling, h = s._$AM, d = h !== t;
+    const n = s._$AB.nextSibling, h = s._$AM, d = h !== t;
     if (d) {
-      let m;
-      (n = s._$AQ) == null || n.call(s, t), s._$AM = t, s._$AP !== void 0 && (m = t._$AU) !== h._$AU && s._$AP(m);
-    }
-    if (o !== i || d) {
-      let m = s._$AA;
-      for (; m !== o; ) {
-        const x = m.nextSibling;
-        r.insertBefore(m, i), m = x;
+      let f;
+      (o = s._$AQ) == null || o.call(s, t), s._$AM = t, s._$AP !== void 0 && (f = t._$AU) !== h._$AU && s._$AP(f);
+    }
+    if (n !== i || d) {
+      let f = s._$AA;
+      for (; f !== n; ) {
+        const x = f.nextSibling;
+        r.insertBefore(f, i), f = x;
       }
     }
   }
   return s;
-}, Nt = (t, e, s = t) => (t._$AI(e, s), t), Da = {}, Ba = (t, e = Da) => t._$AH = e, Na = (t) => t._$AH, Ss = (t) => {
+}, Bt = (t, e, s = t) => (t._$AI(e, s), t), Da = {}, Na = (t, e = Da) => t._$AH = e, Ba = (t) => t._$AH, Ss = (t) => {
   t._$AR(), t._$AA.remove();
 };
 /**
@@ -8081,43 +8078,43 @@ const ui = (t, e, s) => {
   dt(t, e, s) {
     let r;
     s === void 0 ? s = e : e !== void 0 && (r = e);
-    const i = [], n = [];
-    let o = 0;
-    for (const h of t) i[o] = r ? r(h, o) : o, n[o] = s(h, o), o++;
-    return { values: n, keys: i };
+    const i = [], o = [];
+    let n = 0;
+    for (const h of t) i[n] = r ? r(h, n) : n, o[n] = s(h, n), n++;
+    return { values: o, keys: i };
   }
   render(t, e, s) {
     return this.dt(t, e, s).values;
   }
   update(t, [e, s, r]) {
-    const i = Na(t), { values: n, keys: o } = this.dt(e, s, r);
-    if (!Array.isArray(i)) return this.ut = o, n;
+    const i = Ba(t), { values: o, keys: n } = this.dt(e, s, r);
+    if (!Array.isArray(i)) return this.ut = n, o;
     const h = this.ut ?? (this.ut = []), d = [];
-    let m, x, b = 0, $ = i.length - 1, S = 0, T = n.length - 1;
+    let f, x, b = 0, $ = i.length - 1, S = 0, T = o.length - 1;
     for (; b <= $ && S <= T; ) if (i[b] === null) b++;
     else if (i[$] === null) $--;
-    else if (h[b] === o[S]) d[S] = Nt(i[b], n[S]), b++, S++;
-    else if (h[$] === o[T]) d[T] = Nt(i[$], n[T]), $--, T--;
-    else if (h[b] === o[T]) d[T] = Nt(i[b], n[T]), Ee(t, d[T + 1], i[b]), b++, T--;
-    else if (h[$] === o[S]) d[S] = Nt(i[$], n[S]), Ee(t, i[b], i[$]), $--, S++;
-    else if (m === void 0 && (m = ui(o, S, T), x = ui(h, b, $)), m.has(h[b])) if (m.has(h[$])) {
-      const G = x.get(o[S]), U = G !== void 0 ? i[G] : null;
+    else if (h[b] === n[S]) d[S] = Bt(i[b], o[S]), b++, S++;
+    else if (h[$] === n[T]) d[T] = Bt(i[$], o[T]), $--, T--;
+    else if (h[b] === n[T]) d[T] = Bt(i[b], o[T]), Ee(t, d[T + 1], i[b]), b++, T--;
+    else if (h[$] === n[S]) d[S] = Bt(i[$], o[S]), Ee(t, i[b], i[$]), $--, S++;
+    else if (f === void 0 && (f = ui(n, S, T), x = ui(h, b, $)), f.has(h[b])) if (f.has(h[$])) {
+      const G = x.get(n[S]), U = G !== void 0 ? i[G] : null;
       if (U === null) {
         const Tt = Ee(t, i[b]);
-        Nt(Tt, n[S]), d[S] = Tt;
-      } else d[S] = Nt(U, n[S]), Ee(t, i[b], U), i[G] = null;
+        Bt(Tt, o[S]), d[S] = Tt;
+      } else d[S] = Bt(U, o[S]), Ee(t, i[b], U), i[G] = null;
       S++;
     } else Ss(i[$]), $--;
     else Ss(i[b]), b++;
     for (; S <= T; ) {
       const G = Ee(t, d[T + 1]);
-      Nt(G, n[S]), d[S++] = G;
+      Bt(G, o[S]), d[S++] = G;
     }
     for (; b <= $; ) {
       const G = i[b++];
       G !== null && Ss(G);
     }
-    return this.ut = o, Ba(t, d), pt;
+    return this.ut = n, Na(t, d), pt;
   }
 }), Ma = u`
     :host {
@@ -8224,8 +8221,8 @@ const ui = (t, e, s) => {
     }
 `;
 var Fa = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, qs = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ra(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Ra(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Fa(e, s, i), i;
 };
 let je = class extends g {
@@ -8258,7 +8255,7 @@ let je = class extends g {
       const r = document.querySelector(`[data-id="${t.referenceId}"]`);
       if (r) {
         const i = r.cloneNode(!0);
-        i.setAttribute("data-template", "false"), i.setAttribute("data-id", t.id), s = ns(i.outerHTML);
+        i.setAttribute("data-template", "false"), i.setAttribute("data-id", t.id), s = os(i.outerHTML);
       }
     } else
       s = this.componentFactory.createToastMessage({
@@ -8304,8 +8301,8 @@ je = qs([
   v("ds-toast")
 ], je);
 var Ua = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, Ke = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Va(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Va(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Ua(e, s, i), i;
 };
 let me = class extends E {
@@ -8342,15 +8339,15 @@ let me = class extends E {
                 type=${this.type}
                 @click=${this.handleClick}
             >
-                ${ot(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
+                ${nt(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
                 ${this.checked ? this.checkedText : this.uncheckedText}
-                ${ot(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
+                ${nt(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
             </button>
         `;
   }
 };
 Ke([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], me.prototype, "checked", 2);
 Ke([
   a({ type: String, attribute: "checked-text" })
@@ -8359,7 +8356,7 @@ Ke([
   a({ type: String, attribute: "unchecked-text" })
 ], me.prototype, "uncheckedText", 2);
 Ke([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], me.prototype, "rounded", 2);
 me = Ke([
   v("ds-toggle-button", { skipTagAsComponentName: !0, extendComponentNames: ["ds-button"] })
@@ -8405,8 +8402,8 @@ const Ha = u`
     }
 `;
 var Wa = Object.defineProperty, qa = Object.getOwnPropertyDescriptor, Te = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? qa(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? qa(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Wa(e, s, i), i;
 };
 let It = class extends g {
@@ -8477,10 +8474,10 @@ Te([
   a({ type: String })
 ], It.prototype, "size", 2);
 Te([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], It.prototype, "checked", 2);
 Te([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], It.prototype, "disabled", 2);
 Te([
   a({ type: String, reflect: !0 })
@@ -8646,11 +8643,11 @@ const Ka = u`
     }
 `;
 var Xa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, K = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ja(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? Ja(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Xa(e, s, i), i;
 };
-let N = class extends At(g) {
+let B = class extends At(g) {
   constructor() {
     super(...arguments), this.mode = "light", this.titleText = "", this.bodyText = "", this.position = "bottom", this.align = "center", this.show = !1, this.zIndex = 2e3, this.bodyWidth = "unset", this.handleResize = Es({ func: () => this.requestUpdate() }), this.handleClickOutside = (t) => {
       var s;
@@ -8722,8 +8719,8 @@ let N = class extends At(g) {
   }
   getTooltipWidth() {
     const r = this.offsetLeft + this.scrollLeft + this.clientLeft, i = document.body.clientWidth - r - this.clientWidth;
-    let n;
-    return this.position === "left" ? n = r - 13 : this.position === "right" ? n = i - 13 : this.align === "center" ? n = (r < i ? r : i) * 2 + this.clientWidth : this.align === "start" ? n = document.body.clientWidth - r : this.align === "end" && (n = r + this.clientWidth), `${n - 16 - 32}px`;
+    let o;
+    return this.position === "left" ? o = r - 13 : this.position === "right" ? o = i - 13 : this.align === "center" ? o = (r < i ? r : i) * 2 + this.clientWidth : this.align === "start" ? o = document.body.clientWidth - r : this.align === "end" && (o = r + this.clientWidth), `${o - 16 - 32}px`;
   }
   get styleTokens() {
     return C`
@@ -8787,54 +8784,54 @@ let N = class extends At(g) {
     );
   }
 };
-N.styles = [Ka, Ga, Ya];
+B.styles = [Ka, Ga, Ya];
 K([
   a({ type: String, reflect: !0 })
-], N.prototype, "mode", 2);
+], B.prototype, "mode", 2);
 K([
   a({ type: String, attribute: "title-text" })
-], N.prototype, "titleText", 2);
+], B.prototype, "titleText", 2);
 K([
   a({ type: String, attribute: "body-text" })
-], N.prototype, "bodyText", 2);
+], B.prototype, "bodyText", 2);
 K([
   a({ type: String })
-], N.prototype, "position", 2);
+], B.prototype, "position", 2);
 K([
   a({ type: String })
-], N.prototype, "align", 2);
+], B.prototype, "align", 2);
 K([
   a({ type: String, attribute: "cancel-button-text" })
-], N.prototype, "cancelButtonText", 2);
+], B.prototype, "cancelButtonText", 2);
 K([
   a({ type: String, attribute: "confirm-button-text" })
-], N.prototype, "confirmButtonText", 2);
+], B.prototype, "confirmButtonText", 2);
 K([
-  a({ type: Boolean, reflect: !0, converter: f })
-], N.prototype, "show", 2);
+  a({ type: Boolean, reflect: !0, converter: m })
+], B.prototype, "show", 2);
 K([
   a({ type: Number, attribute: "z-index" })
-], N.prototype, "zIndex", 2);
+], B.prototype, "zIndex", 2);
 K([
   a({ type: String, attribute: "body-width" })
-], N.prototype, "bodyWidth", 2);
+], B.prototype, "bodyWidth", 2);
 K([
   ct(".tooltip")
-], N.prototype, "tooltip", 2);
+], B.prototype, "tooltip", 2);
 K([
   ct(".arrow")
-], N.prototype, "arrow", 2);
-N = K([
+], B.prototype, "arrow", 2);
+B = K([
   v("ds-tooltip")
-], N);
+], B);
 const Za = u`
     :host {
         display: contents;
     }
 `;
 var Qa = Object.defineProperty, tl = Object.getOwnPropertyDescriptor, Ge = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? tl(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? tl(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && Qa(e, s, i), i;
 };
 let Wt = class extends g {
@@ -8911,7 +8908,7 @@ Ge([
   a({ type: String })
 ], Wt.prototype, "name", 2);
 Ge([
-  a({ type: Boolean, converter: f, reflect: !0 })
+  a({ type: Boolean, converter: m, reflect: !0 })
 ], Wt.prototype, "disabled", 2);
 Ge([
   et({ slot: "media", selector: "img" })
@@ -8925,8 +8922,8 @@ const el = u`
     }
 `;
 var sl = Object.defineProperty, il = Object.getOwnPropertyDescriptor, Ks = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? il(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? il(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && sl(e, s, i), i;
 };
 let Fe = class extends g {
@@ -8975,10 +8972,10 @@ const rl = u`
         display: contents;
     }
 `;
-var nl = Object.defineProperty, ol = Object.getOwnPropertyDescriptor, fs = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? ol(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
-  return r && i && nl(e, s, i), i;
+var ol = Object.defineProperty, nl = Object.getOwnPropertyDescriptor, fs = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? nl(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
+  return r && i && ol(e, s, i), i;
 };
 let fe = class extends At(g) {
   constructor() {
@@ -9029,10 +9026,10 @@ fs([
   a({ type: String, converter: Ue })
 ], fe.prototype, "size", 2);
 fs([
-  Ns({ slot: "header", flatten: !0 })
+  Bs({ slot: "header", flatten: !0 })
 ], fe.prototype, "headerItems", 2);
 fs([
-  Ns({ slot: "footer", flatten: !0 })
+  Bs({ slot: "footer", flatten: !0 })
 ], fe.prototype, "footerItems", 2);
 fe = fs([
   v("ds-static-box")
@@ -9043,8 +9040,8 @@ const al = u`
     }
 `;
 var ll = Object.defineProperty, cl = Object.getOwnPropertyDescriptor, bs = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? cl(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? cl(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && ll(e, s, i), i;
 };
 let be = class extends g {
@@ -9076,7 +9073,7 @@ let be = class extends g {
   }
   get contentTemplate() {
     return this.error ? c : l`
-            <div part="container" class=${p(this.classes)} data-testid="ds-interactive-card-container">
+            <div part="container" class=${p(this.classes)} data-testid="ds-interactive-card-container" tabindex="0">
                 <header class="header" part="header">
                     <div class="header-main">
                         <slot name="title" class="title" part="title"></slot>
@@ -9112,10 +9109,10 @@ bs([
   a({ type: String })
 ], be.prototype, "size", 2);
 bs([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], be.prototype, "selected", 2);
 bs([
-  a({ type: Boolean, converter: f })
+  a({ type: Boolean, converter: m })
 ], be.prototype, "error", 2);
 be = bs([
   v("ds-interactive-card")
@@ -9139,8 +9136,8 @@ const hl = u`
     }
 `;
 var dl = Object.defineProperty, ul = Object.getOwnPropertyDescriptor, Gs = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? ul(e, s) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  for (var i = r > 1 ? void 0 : r ? ul(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && dl(e, s, i), i;
 };
 let Re = class extends g {
@@ -9151,7 +9148,18 @@ let Re = class extends g {
       const r = t.target.assignedElements().find((i) => i.tagName === "DS-BUTTON");
       this.setMainCtaSize(r);
     }, this.setMainCtaSize = (t) => {
-      t && (t.size = { xxl: "large", xl: "large", l: "medium", m: "medium", s: "small", xs: "small", xxs: "small" });
+      t && t.setAttribute(
+        "size",
+        JSON.stringify({
+          xxl: "large",
+          xl: "large",
+          l: "medium",
+          m: "medium",
+          s: "small",
+          xs: "small",
+          xxs: "small"
+        })
+      );
     };
   }
   firstUpdated(t) {
@@ -9167,7 +9175,15 @@ let Re = class extends g {
       "@click": this.toggleModal,
       "data-testid": "modal-button",
       "data-aria-label": "more actions",
-      size: { xxl: "large", xl: "large", l: "medium", m: "medium", s: "small", xs: "small", xxs: "small" }
+      size: JSON.stringify({
+        xxl: "large",
+        xl: "large",
+        l: "medium",
+        m: "medium",
+        s: "small",
+        xs: "small",
+        xxs: "small"
+      })
     });
   }
   classes() {
@@ -9209,3 +9225,396 @@ Gs([
 Re = Gs([
   v("ds-sidebar-navigation")
 ], Re);
+const Tl = [
+  "9-circles",
+  "ad-color",
+  "ae-color",
+  "af-color",
+  "ag-color",
+  "ai-color",
+  "al-color",
+  "am-color",
+  "an-color",
+  "ao-color",
+  "ar-color",
+  "arrow-down",
+  "arrow-down-line",
+  "arrow-download",
+  "arrow-exit",
+  "arrow-expand",
+  "arrow-external-link",
+  "arrow-left",
+  "arrow-left-line",
+  "arrow-reload",
+  "arrow-right",
+  "arrow-right-line",
+  "arrow-rotate-360",
+  "arrow-rotate-360-horizontal",
+  "arrow-switch",
+  "arrow-up",
+  "arrow-up-line",
+  "arrow-upload",
+  "at-color",
+  "au-color",
+  "aw-color",
+  "ax-color",
+  "az-color",
+  "b-color",
+  "ba-color",
+  "battery-g-4-01",
+  "battery-inclined-fill",
+  "battery-vertical-100",
+  "battery-2-sub-arrows-up",
+  "battery-3-sub-arrows-up",
+  "bb-color",
+  "bd-color",
+  "be-color",
+  "bell",
+  "bf-color",
+  "bg-color",
+  "bh-color",
+  "bi-color",
+  "bill",
+  "bin",
+  "bj-color",
+  "bm-color",
+  "bn-color",
+  "bo-color",
+  "book-mark",
+  "box",
+  "br-color",
+  "bs-color",
+  "bt-color",
+  "bw-color",
+  "by-color",
+  "bz-color",
+  "c-color",
+  "ca-color",
+  "cable",
+  "caf-color",
+  "calendar",
+  "camera",
+  "car-arrow-down",
+  "car-compare",
+  "car-door",
+  "car-frontal",
+  "car-imodel",
+  "car-in-window",
+  "car-lateral",
+  "car-model",
+  "car-seat",
+  "cart",
+  "cart-down",
+  "cas-color",
+  "cd-color",
+  "cercle-ribbon-check",
+  "ceu-color",
+  "cf-color",
+  "cg-color",
+  "ch-color",
+  "charger-acc",
+  "charger-type-2",
+  "chat-bubble",
+  "check",
+  "check-mark-circle",
+  "ci-color",
+  "city",
+  "cl-color",
+  "clock",
+  "cloud-co-2",
+  "cm-color",
+  "cn-color",
+  "cna-color",
+  "co-color",
+  "coc-color",
+  "computer-display",
+  "cr-color",
+  "credit-card",
+  "cross",
+  "cross-circle",
+  "csa-color",
+  "cu-color",
+  "cv-color",
+  "cy-color",
+  "cz-color",
+  "de-color",
+  "dj-color",
+  "dk-color",
+  "dm-color",
+  "do-color",
+  "document",
+  "document-check",
+  "document-copy",
+  "document-download",
+  "document-time",
+  "dot",
+  "dz-color",
+  "ec-color",
+  "eco-color",
+  "ee-color",
+  "eg-color",
+  "electric-station",
+  "engine",
+  "envelope",
+  "equals-sign",
+  "er-color",
+  "es-color",
+  "et-color",
+  "eu-color",
+  "euro",
+  "exclamation-mark-circle",
+  "exclamation-mark-triangle",
+  "eye",
+  "eye-crossed-out",
+  "facebook",
+  "fi-color",
+  "filter",
+  "fj-color",
+  "fk-color",
+  "fm-color",
+  "fr-color",
+  "fuel-station",
+  "ga-color",
+  "garage",
+  "gb-color",
+  "gd-color",
+  "ge-color",
+  "gear",
+  "gg-color",
+  "gh-color",
+  "gi-color",
+  "globe",
+  "gm-color",
+  "gn-color",
+  "gq-color",
+  "gr-color",
+  "gt-color",
+  "gw-color",
+  "gy-color",
+  "half-star-filled",
+  "headlight",
+  "heart",
+  "heart-filled",
+  "highway",
+  "hk-color",
+  "hn-color",
+  "hr-color",
+  "ht-color",
+  "hu-color",
+  "id-color",
+  "ie-color",
+  "il-color",
+  "im-color",
+  "in-color",
+  "info-circle",
+  "info-triangle",
+  "instagram",
+  "iq-color",
+  "ir-color",
+  "is-color",
+  "it-color",
+  "je-color",
+  "jm-color",
+  "jo-color",
+  "jp-color",
+  "ke-color",
+  "key",
+  "kg-color",
+  "kh-color",
+  "km-color",
+  "kn-color",
+  "kp-color",
+  "kr-color",
+  "kw-color",
+  "ky-color",
+  "kz-color",
+  "la-color",
+  "label-a-color",
+  "label-b-color",
+  "label-c-color",
+  "label-d-color",
+  "label-e-color",
+  "label-f-color",
+  "label-g-color",
+  "label-h-color",
+  "label-i-color",
+  "label-j-color",
+  "label-k-color",
+  "label-l-color",
+  "label-m-color",
+  "lb-color",
+  "lc-color",
+  "li-color",
+  "light",
+  "lightning",
+  "link",
+  "linkedin",
+  "list",
+  "lk-color",
+  "loader",
+  "location-poi",
+  "lock-locked",
+  "lock-unlocked",
+  "logo",
+  "logo-light",
+  "logo-lockup",
+  "logo-wordmark",
+  "lr-color",
+  "ls-color",
+  "lt-color",
+  "lu-color",
+  "lv-color",
+  "ly-color",
+  "ma-color",
+  "magnifying-glass",
+  "magnifying-glass-minus",
+  "magnifying-glass-plus",
+  "math-symbols-square",
+  "mc-color",
+  "md-color",
+  "me-color",
+  "menu",
+  "mg-color",
+  "micro",
+  "micro-crossed-out",
+  "minus",
+  "mk-color",
+  "ml-color",
+  "mm-color",
+  "mn-color",
+  "mo-color",
+  "mobile",
+  "moon",
+  "mountains",
+  "mr-color",
+  "ms-color",
+  "mt-color",
+  "mu-color",
+  "mv-color",
+  "mw-color",
+  "mx-color",
+  "my-color",
+  "mz-color",
+  "na-color",
+  "ne-color",
+  "ng-color",
+  "ni-color",
+  "nl-color",
+  "no-color",
+  "np-color",
+  "nz-color",
+  "om-color",
+  "pa-color",
+  "parking",
+  "pause",
+  "pause-loading",
+  "pcircle",
+  "pe-color",
+  "pen",
+  "pen-paper",
+  "person-open-arms",
+  "pf-color",
+  "pg-color",
+  "ph-color",
+  "phone-contact",
+  "pig-coin",
+  "pk-color",
+  "pl-color",
+  "play",
+  "play-circle",
+  "plug-regular",
+  "plus",
+  "position",
+  "pr-color",
+  "pt-color",
+  "pw-color",
+  "py-color",
+  "qa-color",
+  "question-mark",
+  "ro-color",
+  "road",
+  "road-mountain",
+  "rs-color",
+  "ru-color",
+  "rw-color",
+  "sa-color",
+  "sb-color",
+  "sc-color",
+  "sd-color",
+  "se-color",
+  "seat-front",
+  "sg-color",
+  "sh-color",
+  "share",
+  "shopping-bag",
+  "si-color",
+  "sk-color",
+  "sl-color",
+  "sm-color",
+  "sn-color",
+  "so-color",
+  "speaker",
+  "speaker-crossed-out",
+  "spray",
+  "sr-color",
+  "st-color",
+  "star",
+  "star-filled",
+  "store",
+  "suitcase",
+  "sun",
+  "sv-color",
+  "sy-color",
+  "sz-color",
+  "tag",
+  "tc-color",
+  "td-color",
+  "telegram",
+  "tg-color",
+  "th-color",
+  "ticket",
+  "tj-color",
+  "tl-color",
+  "tm-color",
+  "tn-color",
+  "to-color",
+  "tr-color",
+  "transmission-automatic",
+  "transmission-manual",
+  "triple-dot-h",
+  "triple-dot-v",
+  "tt-color",
+  "tw-color",
+  "twitter",
+  "tz-color",
+  "ua-color",
+  "ug-color",
+  "us-color",
+  "user",
+  "uy-color",
+  "uz-color",
+  "vc-color",
+  "ve-color",
+  "vg-color",
+  "video-camera",
+  "video-camera-crossed-out",
+  "vimeo",
+  "vn-color",
+  "vu-color",
+  "wall-charger",
+  "whatsapp",
+  "wheel",
+  "wifi",
+  "wrench-hammer",
+  "ws-color",
+  "ww-color",
+  "ye-color",
+  "youtube",
+  "za-color",
+  "zero-color",
+  "zm-color",
+  "zw-color"
+];
+export {
+  Tl as iconNames
+};