@cupra/ui-react 1.0.0-canary.5 → 1.0.0-canary.6

package/dist/packages/ui-kit/dist-react/index.js

@@ -1,4 +1,4 @@
-import { breakpoints as Bt } from "./utils/breakpoints.js";
+import { breakpoints as Lt } from "./utils/breakpoints.js";
 import { debounce as Ss } from "./utils/debounce.js";
 /**
  * @license
@@ -108,7 +108,7 @@ let Li = class extends Event {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function me({ context: t }) {
+function ve({ context: t }) {
   return (e, i) => {
     const r = /* @__PURE__ */ new WeakMap();
     if (typeof i == "object") return { get() {
@@ -160,12 +160,12 @@ function mi({ context: t, subscribe: e }) {
   };
 }
 const ks = "theme";
-class Xt {
+class Jt {
   constructor() {
     this.subscribers = {}, this.lastPublishedData = {};
   }
   static getInstance() {
-    return Xt.instance || (Xt.instance = new Xt()), Xt.instance;
+    return Jt.instance || (Jt.instance = new Jt()), Jt.instance;
   }
   subscribe(e, i) {
     return this.subscribers[e] || (this.subscribers[e] = []), this.subscribers[e].push(i), this.lastPublishedData[e];
@@ -183,15 +183,15 @@ class Xt {
     });
   }
 }
-const ee = Xt.getInstance();
-class Jt {
+const se = Jt.getInstance();
+class Zt {
   constructor() {
     this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({
       componentName: e,
       theme: i
     }) => {
       if (!i || !e) return;
-      const r = `https://ds-assets.cupra.com/1.0.0-canary.4/styles/${i}/components/${e}.css`, s = this.getCachedStyleSheetPromise({ url: r });
+      const r = `https://ds-assets.cupra.com/1.0.0-canary.5/styles/${i}/components/${e}.css`, s = this.getCachedStyleSheetPromise({ url: r });
       if (s) return s;
       const o = this.fetchStyle({ url: r }).then((n) => (n || this.stylePromises.delete(r), n));
       return this.stylePromises.set(r, o), this.stylePromises.get(r);
@@ -209,16 +209,16 @@ class Jt {
     return this.stylePromises.get(e);
   }
   static getInstance() {
-    return Jt.instance || (Jt.instance = new Jt()), Jt.instance;
+    return Zt.instance || (Zt.instance = new Zt()), Zt.instance;
   }
 }
-const Mi = Jt.getInstance();
+const Mi = Zt.getInstance();
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ge = globalThis, Ts = Ge.ShadowRoot && (Ge.ShadyCSS === void 0 || Ge.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Cs = Symbol(), Ws = /* @__PURE__ */ new WeakMap();
+const Ye = globalThis, Ts = Ye.ShadowRoot && (Ye.ShadyCSS === void 0 || Ye.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Cs = Symbol(), Ws = /* @__PURE__ */ new WeakMap();
 let vi = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== Cs) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -247,7 +247,7 @@ const bi = (t) => new vi(typeof t == "string" ? t : t + "", void 0, Cs), h = (t,
 }, Es = (t, e) => {
   if (Ts) t.adoptedStyleSheets = e.map(((i) => i instanceof CSSStyleSheet ? i : i.styleSheet));
   else for (const i of e) {
-    const r = document.createElement("style"), s = Ge.litNonce;
+    const r = document.createElement("style"), s = Ye.litNonce;
     s !== void 0 && r.setAttribute("nonce", s), r.textContent = i.cssText, t.appendChild(r);
   }
 }, qs = Ts ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
@@ -260,7 +260,7 @@ const bi = (t) => new vi(typeof t == "string" ? t : t + "", void 0, Cs), h = (t,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Di, defineProperty: ji, getOwnPropertyDescriptor: Fi, getOwnPropertyNames: Ri, getOwnPropertySymbols: Ui, getPrototypeOf: Vi } = Object, se = globalThis, Ks = se.trustedTypes, Hi = Ks ? Ks.emptyScript : "", Gs = se.reactiveElementPolyfillSupport, Oe = (t, e) => t, Ye = { toAttribute(t, e) {
+const { is: Di, defineProperty: ji, getOwnPropertyDescriptor: Fi, getOwnPropertyNames: Ri, getOwnPropertySymbols: Ui, getPrototypeOf: Vi } = Object, ie = globalThis, Ks = ie.trustedTypes, Hi = Ks ? Ks.emptyScript : "", Ys = ie.reactiveElementPolyfillSupport, ze = (t, e) => t, Ge = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
       t = t ? Hi : null;
@@ -288,16 +288,16 @@ const { is: Di, defineProperty: ji, getOwnPropertyDescriptor: Fi, getOwnProperty
       }
   }
   return i;
-} }, Os = (t, e) => !Di(t, e), Ys = { attribute: !0, type: String, converter: Ye, reflect: !1, useDefault: !1, hasChanged: Os };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), se.litPropertyMetadata ?? (se.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let Yt = class extends HTMLElement {
+} }, Os = (t, e) => !Di(t, e), Gs = { attribute: !0, type: String, converter: Ge, reflect: !1, useDefault: !1, hasChanged: Os };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), ie.litPropertyMetadata ?? (ie.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let Xt = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = Ys) {
+  static createProperty(t, e = Gs) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
       const i = Symbol(), r = this.getPropertyDescriptor(t, i, e);
       r !== void 0 && ji(this.prototype, t, r);
@@ -315,16 +315,16 @@ let Yt = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Ys;
+    return this.elementProperties.get(t) ?? Gs;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(Oe("elementProperties"))) return;
+    if (this.hasOwnProperty(ze("elementProperties"))) return;
     const t = Vi(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(Oe("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Oe("properties"))) {
+    if (this.hasOwnProperty(ze("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ze("properties"))) {
       const e = this.properties, i = [...Ri(e), ...Ui(e)];
       for (const r of i) this.createProperty(r, e[r]);
     }
@@ -399,7 +399,7 @@ let Yt = class extends HTMLElement {
     var i;
     const r = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, r);
     if (s !== void 0 && r.reflect === !0) {
-      const o = (((i = r.converter) == null ? void 0 : i.toAttribute) !== void 0 ? r.converter : Ye).toAttribute(e, r.type);
+      const o = (((i = r.converter) == null ? void 0 : i.toAttribute) !== void 0 ? r.converter : Ge).toAttribute(e, r.type);
       this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
     }
   }
@@ -407,7 +407,7 @@ let Yt = class extends HTMLElement {
     var i, r;
     const s = this.constructor, o = s._$Eh.get(t);
     if (o !== void 0 && this._$Em !== o) {
-      const n = s.getPropertyOptions(o), d = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((i = n.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? n.converter : Ye;
+      const n = s.getPropertyOptions(o), d = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((i = n.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? n.converter : Ge;
       this._$Em = o;
       const u = d.fromAttribute(e, n.type);
       this[o] = u ?? ((r = this._$Ej) == null ? void 0 : r.get(o)) ?? u, this._$Em = null;
@@ -493,28 +493,28 @@ let Yt = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-Yt.elementStyles = [], Yt.shadowRootOptions = { mode: "open" }, Yt[Oe("elementProperties")] = /* @__PURE__ */ new Map(), Yt[Oe("finalized")] = /* @__PURE__ */ new Map(), Gs == null || Gs({ ReactiveElement: Yt }), (se.reactiveElementVersions ?? (se.reactiveElementVersions = [])).push("2.1.1");
+Xt.elementStyles = [], Xt.shadowRootOptions = { mode: "open" }, Xt[ze("elementProperties")] = /* @__PURE__ */ new Map(), Xt[ze("finalized")] = /* @__PURE__ */ new Map(), Ys == null || Ys({ ReactiveElement: Xt }), (ie.reactiveElementVersions ?? (ie.reactiveElementVersions = [])).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Xe = globalThis, Je = Xe.trustedTypes, Xs = Je ? Je.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, yi = "$lit$", Tt = `lit$${Math.random().toFixed(9).slice(2)}$`, gi = "?" + Tt, Wi = `<${gi}>`, Mt = document, Ae = () => Mt.createComment(""), _e = (t) => t === null || typeof t != "object" && typeof t != "function", zs = Array.isArray, qi = (t) => zs(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", us = `[ 	
-\f\r]`, ke = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Js = /-->/g, Zs = />/g, Pt = RegExp(`>|${us}(?:([^\\s"'>=/]+)(${us}*=${us}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Qs = /'/g, ti = /"/g, fi = /^(?:script|style|textarea|title)$/i, Ki = (t) => (e, ...i) => ({ _$litType$: t, strings: e, values: i }), l = Ki(1), ut = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ei = /* @__PURE__ */ new WeakMap(), Lt = Mt.createTreeWalker(Mt, 129);
+const Xe = globalThis, Je = Xe.trustedTypes, Xs = Je ? Je.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, yi = "$lit$", Ct = `lit$${Math.random().toFixed(9).slice(2)}$`, gi = "?" + Ct, Wi = `<${gi}>`, Dt = document, Ae = () => Dt.createComment(""), _e = (t) => t === null || typeof t != "object" && typeof t != "function", zs = Array.isArray, qi = (t) => zs(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", us = `[ 	
+\f\r]`, Te = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Js = /-->/g, Zs = />/g, Nt = RegExp(`>|${us}(?:([^\\s"'>=/]+)(${us}*=${us}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Qs = /'/g, ti = /"/g, fi = /^(?:script|style|textarea|title)$/i, Ki = (t) => (e, ...i) => ({ _$litType$: t, strings: e, values: i }), l = Ki(1), mt = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ei = /* @__PURE__ */ new WeakMap(), Mt = Dt.createTreeWalker(Dt, 129);
 function xi(t, e) {
   if (!zs(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Xs !== void 0 ? Xs.createHTML(e) : e;
 }
-const Gi = (t, e) => {
+const Yi = (t, e) => {
   const i = t.length - 1, r = [];
-  let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = ke;
+  let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = Te;
   for (let d = 0; d < i; d++) {
     const u = t[d];
     let g, $, v = -1, x = 0;
-    for (; x < u.length && (n.lastIndex = x, $ = n.exec(u), $ !== null); ) x = n.lastIndex, n === ke ? $[1] === "!--" ? n = Js : $[1] !== void 0 ? n = Zs : $[2] !== void 0 ? (fi.test($[2]) && (s = RegExp("</" + $[2], "g")), n = Pt) : $[3] !== void 0 && (n = Pt) : n === Pt ? $[0] === ">" ? (n = s ?? ke, v = -1) : $[1] === void 0 ? v = -2 : (v = n.lastIndex - $[2].length, g = $[1], n = $[3] === void 0 ? Pt : $[3] === '"' ? ti : Qs) : n === ti || n === Qs ? n = Pt : n === Js || n === Zs ? n = ke : (n = Pt, s = void 0);
-    const S = n === Pt && t[d + 1].startsWith("/>") ? " " : "";
-    o += n === ke ? u + Wi : v >= 0 ? (r.push(g), u.slice(0, v) + yi + u.slice(v) + Tt + S) : u + Tt + (v === -2 ? d : S);
+    for (; x < u.length && (n.lastIndex = x, $ = n.exec(u), $ !== null); ) x = n.lastIndex, n === Te ? $[1] === "!--" ? n = Js : $[1] !== void 0 ? n = Zs : $[2] !== void 0 ? (fi.test($[2]) && (s = RegExp("</" + $[2], "g")), n = Nt) : $[3] !== void 0 && (n = Nt) : n === Nt ? $[0] === ">" ? (n = s ?? Te, v = -1) : $[1] === void 0 ? v = -2 : (v = n.lastIndex - $[2].length, g = $[1], n = $[3] === void 0 ? Nt : $[3] === '"' ? ti : Qs) : n === ti || n === Qs ? n = Nt : n === Js || n === Zs ? n = Te : (n = Nt, s = void 0);
+    const S = n === Nt && t[d + 1].startsWith("/>") ? " " : "";
+    o += n === Te ? u + Wi : v >= 0 ? (r.push(g), u.slice(0, v) + yi + u.slice(v) + Ct + S) : u + Ct + (v === -2 ? d : S);
   }
   return [xi(t, o + (t[i] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
 };
@@ -523,46 +523,46 @@ class Pe {
     let s;
     this.parts = [];
     let o = 0, n = 0;
-    const d = e.length - 1, u = this.parts, [g, $] = Gi(e, i);
-    if (this.el = Pe.createElement(g, r), Lt.currentNode = this.el.content, i === 2 || i === 3) {
+    const d = e.length - 1, u = this.parts, [g, $] = Yi(e, i);
+    if (this.el = Pe.createElement(g, r), Mt.currentNode = this.el.content, i === 2 || i === 3) {
       const v = this.el.content.firstChild;
       v.replaceWith(...v.childNodes);
     }
-    for (; (s = Lt.nextNode()) !== null && u.length < d; ) {
+    for (; (s = Mt.nextNode()) !== null && u.length < d; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const v of s.getAttributeNames()) if (v.endsWith(yi)) {
-          const x = $[n++], S = s.getAttribute(v).split(Tt), T = /([.?@])?(.*)/.exec(x);
+          const x = $[n++], S = s.getAttribute(v).split(Ct), T = /([.?@])?(.*)/.exec(x);
           u.push({ type: 1, index: o, name: T[2], strings: S, ctor: T[1] === "." ? Xi : T[1] === "?" ? Ji : T[1] === "@" ? Zi : ts }), s.removeAttribute(v);
-        } else v.startsWith(Tt) && (u.push({ type: 6, index: o }), s.removeAttribute(v));
+        } else v.startsWith(Ct) && (u.push({ type: 6, index: o }), s.removeAttribute(v));
         if (fi.test(s.tagName)) {
-          const v = s.textContent.split(Tt), x = v.length - 1;
+          const v = s.textContent.split(Ct), x = v.length - 1;
           if (x > 0) {
             s.textContent = Je ? Je.emptyScript : "";
-            for (let S = 0; S < x; S++) s.append(v[S], Ae()), Lt.nextNode(), u.push({ type: 2, index: ++o });
+            for (let S = 0; S < x; S++) s.append(v[S], Ae()), Mt.nextNode(), u.push({ type: 2, index: ++o });
             s.append(v[x], Ae());
           }
         }
       } else if (s.nodeType === 8) if (s.data === gi) u.push({ type: 2, index: o });
       else {
         let v = -1;
-        for (; (v = s.data.indexOf(Tt, v + 1)) !== -1; ) u.push({ type: 7, index: o }), v += Tt.length - 1;
+        for (; (v = s.data.indexOf(Ct, v + 1)) !== -1; ) u.push({ type: 7, index: o }), v += Ct.length - 1;
       }
       o++;
     }
   }
   static createElement(e, i) {
-    const r = Mt.createElement("template");
+    const r = Dt.createElement("template");
     return r.innerHTML = e, r;
   }
 }
-function ie(t, e, i = t, r) {
+function re(t, e, i = t, r) {
   var s, o;
-  if (e === ut) return e;
+  if (e === mt) return e;
   let n = r !== void 0 ? (s = i._$Co) == null ? void 0 : s[r] : i._$Cl;
   const d = _e(e) ? void 0 : e._$litDirective$;
-  return (n == null ? void 0 : n.constructor) !== d && ((o = n == null ? void 0 : n._$AO) == null || o.call(n, !1), d === void 0 ? n = void 0 : (n = new d(t), n._$AT(t, i, r)), r !== void 0 ? (i._$Co ?? (i._$Co = []))[r] = n : i._$Cl = n), n !== void 0 && (e = ie(t, n._$AS(t, e.values), n, r)), e;
+  return (n == null ? void 0 : n.constructor) !== d && ((o = n == null ? void 0 : n._$AO) == null || o.call(n, !1), d === void 0 ? n = void 0 : (n = new d(t), n._$AT(t, i, r)), r !== void 0 ? (i._$Co ?? (i._$Co = []))[r] = n : i._$Cl = n), n !== void 0 && (e = re(t, n._$AS(t, e.values), n, r)), e;
 }
-let Yi = class {
+let Gi = class {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -573,24 +573,24 @@ let Yi = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? Mt).importNode(e, !0);
-    Lt.currentNode = r;
-    let s = Lt.nextNode(), o = 0, n = 0, d = i[0];
+    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? Dt).importNode(e, !0);
+    Mt.currentNode = r;
+    let s = Mt.nextNode(), o = 0, n = 0, d = i[0];
     for (; d !== void 0; ) {
       if (o === d.index) {
         let u;
-        d.type === 2 ? u = new ve(s, s.nextSibling, this, t) : d.type === 1 ? u = new d.ctor(s, d.name, d.strings, this, t) : d.type === 6 && (u = new Qi(s, this, t)), this._$AV.push(u), d = i[++n];
+        d.type === 2 ? u = new be(s, s.nextSibling, this, t) : d.type === 1 ? u = new d.ctor(s, d.name, d.strings, this, t) : d.type === 6 && (u = new Qi(s, this, t)), this._$AV.push(u), d = i[++n];
       }
-      o !== (d == null ? void 0 : d.index) && (s = Lt.nextNode(), o++);
+      o !== (d == null ? void 0 : d.index) && (s = Mt.nextNode(), o++);
     }
-    return Lt.currentNode = Mt, r;
+    return Mt.currentNode = Dt, r;
   }
   p(t) {
     let e = 0;
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 };
-class ve {
+class be {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
@@ -610,7 +610,7 @@ class ve {
     return this._$AB;
   }
   _$AI(e, i = this) {
-    e = ie(this, e, i), _e(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== ut && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : qi(e) ? this.k(e) : this._(e);
+    e = re(this, e, i), _e(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== mt && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : qi(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -619,14 +619,14 @@ class ve {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== c && _e(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Mt.createTextNode(e)), this._$AH = e;
+    this._$AH !== c && _e(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Dt.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var i;
     const { values: r, _$litType$: s } = e, o = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = Pe.createElement(xi(s.h, s.h[0]), this.options)), s);
     if (((i = this._$AH) == null ? void 0 : i._$AD) === o) this._$AH.p(r);
     else {
-      const n = new Yi(o, this), d = n.u(this.options);
+      const n = new Gi(o, this), d = n.u(this.options);
       n.p(r), this.T(d), this._$AH = n;
     }
   }
@@ -638,7 +638,7 @@ class ve {
     zs(this._$AH) || (this._$AH = [], this._$AR());
     const i = this._$AH;
     let r, s = 0;
-    for (const o of e) s === i.length ? i.push(r = new ve(this.O(Ae()), this.O(Ae()), this, this.options)) : r = i[s], r._$AI(o), s++;
+    for (const o of e) s === i.length ? i.push(r = new be(this.O(Ae()), this.O(Ae()), this, this.options)) : r = i[s], r._$AI(o), s++;
     s < i.length && (this._$AR(r && r._$AB.nextSibling, s), i.length = s);
   }
   _$AR(e = this._$AA.nextSibling, i) {
@@ -666,11 +666,11 @@ class ts {
   _$AI(e, i = this, r, s) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) e = ie(this, e, i, 0), n = !_e(e) || e !== this._$AH && e !== ut, n && (this._$AH = e);
+    if (o === void 0) e = re(this, e, i, 0), n = !_e(e) || e !== this._$AH && e !== mt, n && (this._$AH = e);
     else {
       const d = e;
       let u, g;
-      for (e = o[0], u = 0; u < o.length - 1; u++) g = ie(this, d[r + u], i, u), g === ut && (g = this._$AH[u]), n || (n = !_e(g) || g !== this._$AH[u]), g === c ? e = c : e !== c && (e += (g ?? "") + o[u + 1]), this._$AH[u] = g;
+      for (e = o[0], u = 0; u < o.length - 1; u++) g = re(this, d[r + u], i, u), g === mt && (g = this._$AH[u]), n || (n = !_e(g) || g !== this._$AH[u]), g === c ? e = c : e !== c && (e += (g ?? "") + o[u + 1]), this._$AH[u] = g;
     }
     n && !s && this.j(e);
   }
@@ -699,7 +699,7 @@ class Zi extends ts {
     super(e, i, r, s, o), this.type = 5;
   }
   _$AI(e, i = this) {
-    if ((e = ie(this, e, i, 0) ?? c) === ut) return;
+    if ((e = re(this, e, i, 0) ?? c) === mt) return;
     const r = this._$AH, s = e === c && r !== c || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== c && (r === c || s);
     s && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -716,17 +716,17 @@ class Qi {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    ie(this, e);
+    re(this, e);
   }
 }
-const tr = { I: ve }, si = Xe.litHtmlPolyfillSupport;
-si == null || si(Pe, ve), (Xe.litHtmlVersions ?? (Xe.litHtmlVersions = [])).push("3.3.1");
+const tr = { I: be }, si = Xe.litHtmlPolyfillSupport;
+si == null || si(Pe, be), (Xe.litHtmlVersions ?? (Xe.litHtmlVersions = [])).push("3.3.1");
 const er = (t, e, i) => {
   const r = (i == null ? void 0 : i.renderBefore) ?? e;
   let s = r._$litPart$;
   if (s === void 0) {
     const o = (i == null ? void 0 : i.renderBefore) ?? null;
-    r._$litPart$ = s = new ve(e.insertBefore(Ae(), o), o, void 0, i ?? {});
+    r._$litPart$ = s = new be(e.insertBefore(Ae(), o), o, void 0, i ?? {});
   }
   return s._$AI(t), s;
 };
@@ -736,7 +736,7 @@ const er = (t, e, i) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Ne = globalThis;
-let pt = class extends Yt {
+let ut = class extends Xt {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -758,20 +758,20 @@ let pt = class extends Yt {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return ut;
+    return mt;
   }
 };
 var ii;
-pt._$litElement$ = !0, pt.finalized = !0, (ii = Ne.litElementHydrateSupport) == null || ii.call(Ne, { LitElement: pt });
+ut._$litElement$ = !0, ut.finalized = !0, (ii = Ne.litElementHydrateSupport) == null || ii.call(Ne, { LitElement: ut });
 const ri = Ne.litElementPolyfillSupport;
-ri == null || ri({ LitElement: pt });
+ri == null || ri({ LitElement: ut });
 (Ne.litElementVersions ?? (Ne.litElementVersions = [])).push("4.2.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const sr = { attribute: !0, type: String, converter: Ye, reflect: !1, hasChanged: Os }, ir = (t = sr, e, i) => {
+const sr = { attribute: !0, type: String, converter: Ge, reflect: !1, hasChanged: Os }, ir = (t = sr, e, i) => {
   const { kind: r, metadata: s } = i;
   let o = globalThis.litPropertyMetadata.get(s);
   if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = !0), o.set(i.name, t), r === "accessor") {
@@ -817,7 +817,7 @@ const Is = (t, e, i) => (i.configurable = !0, i.enumerable = !0, Reflect.decorat
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function lt(t, e) {
+function ct(t, e) {
   return (i, r, s) => {
     const o = (n) => {
       var d;
@@ -833,7 +833,7 @@ function lt(t, e) {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function tt(t) {
+function et(t) {
   return (e, i) => {
     const { slot: r, selector: s } = t ?? {}, o = "slot" + (r ? `[name=${r}]` : ":not([name])");
     return Is(e, i, { get() {
@@ -863,11 +863,11 @@ var rr = Object.defineProperty, $i = (t, e, i, r) => {
     (n = t[o]) && (s = n(e, i, s) || s);
   return s && rr(e, i, s), s;
 };
-const or = h`:host([unresolved]){visibility:hidden}`, _s = class wi extends pt {
+const or = h`:host([unresolved]){visibility:hidden}`, _s = class wi extends ut {
   constructor() {
     super(), this.appliedConstructables = [], this.appliedStyleTags = [], this.handleChangeTheme = (e) => {
       this.pubSubTheme = e;
-    }, this.pubSubTheme = ee.subscribe("theme", this.handleChangeTheme);
+    }, this.pubSubTheme = se.subscribe("theme", this.handleChangeTheme);
   }
   get theme() {
     return this.contextTheme ?? this.pubSubTheme;
@@ -878,7 +878,7 @@ const or = h`:host([unresolved]){visibility:hidden}`, _s = class wi extends pt {
     Es(this.shadowRoot, [...i, or]), this.applyThemeStyles();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), ee.unsubscribe("theme", this.handleChangeTheme);
+    super.disconnectedCallback(), se.unsubscribe("theme", this.handleChangeTheme);
   }
   updated(e) {
     super.updated(e), (e.has("contextTheme") || e.has("pubSubTheme")) && this.applyThemeStyles();
@@ -1009,20 +1009,21 @@ const nr = h`
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze = (t) => t ?? c, ar = {
+const U = (t) => t ?? c, ar = {
   createIcon: (t) => l`
             <ds-icon-react
-                class=${t == null ? void 0 : t.class}
-                data-testid=${t == null ? void 0 : t["data-testid"]}
+                class=${U(t == null ? void 0 : t.class)}
+                data-testid=${U(t == null ? void 0 : t["data-testid"])}
                 @click=${t == null ? void 0 : t["@click"]}
                 @keydown=${t == null ? void 0 : t["@keydown"]}
                 icon-name=${t == null ? void 0 : t["icon-name"]}
-                color=${t == null ? void 0 : t.color}
-                background-color=${t == null ? void 0 : t["background-color"]}
-                size=${ze(t == null ? void 0 : t.size)}
-                aria-label=${t == null ? void 0 : t["aria-label"]}
-                role=${t == null ? void 0 : t.role}
-                tabindex=${t == null ? void 0 : t.tabindex}
+                color=${U(t == null ? void 0 : t.color)}
+                background-color=${U(t == null ? void 0 : t["background-color"])}
+                size=${U(t == null ? void 0 : t.size)}
+                aria-label=${U(t == null ? void 0 : t["aria-label"])}
+                aria-hidden=${U(t == null ? void 0 : t["aria-hidden"])}
+                role=${U(t == null ? void 0 : t.role)}
+                tabindex=${U(t == null ? void 0 : t.tabindex)}
             >
                 ${t.children}
             </ds-icon-react>
@@ -1031,7 +1032,7 @@ const ze = (t) => t ?? c, ar = {
             <ds-button-react
                 class=${t == null ? void 0 : t.class}
                 @click=${t == null ? void 0 : t["@click"]}
-                .size=${ze(t == null ? void 0 : t.size)}
+                .size=${U(t == null ? void 0 : t.size)}
                 type=${t == null ? void 0 : t.type}
                 icon-position=${t == null ? void 0 : t["icon-position"]}
                 .rounded=${t == null ? void 0 : t.rounded}
@@ -1053,7 +1054,7 @@ const ze = (t) => t ?? c, ar = {
             <ds-icon-button-react
                 class=${t == null ? void 0 : t.class}
                 @click=${t == null ? void 0 : t["@click"]}
-                size=${ze(t == null ? void 0 : t.size)}
+                size=${U(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}
@@ -1138,7 +1139,7 @@ let ys = class extends Bs {
   }
   render(t) {
     if (t === c || t == null) return this._t = void 0, this.it = t;
-    if (t === ut) return t;
+    if (t === mt) return t;
     if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (t === this.it) return this._t;
     this.it = t;
@@ -1149,7 +1150,7 @@ let ys = class extends Bs {
 ys.directiveName = "unsafeHTML", ys.resultType = 1;
 const es = Ns(ys);
 function C(t, ...e) {
-  const i = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-4"), r = es(i);
+  const i = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-5"), r = es(i);
   return l`${r}`;
 }
 /**
@@ -1178,15 +1179,15 @@ const p = Ns(class extends Bs {
       const n = !!e[o];
       n === this.st.has(o) || (r = this.nt) != null && r.has(o) || (n ? (s.add(o), this.st.add(o)) : (s.remove(o), this.st.delete(o)));
     }
-    return ut;
+    return mt;
   }
 });
-var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Ut = (t, e, i, r) => {
+var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Vt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? cr(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && lr(e, i, s), s;
 };
-let mt = class extends f {
+let vt = class extends f {
   constructor() {
     super(...arguments), this.maxHeight = 300, this.open = !1, this.mode = "light", this.size = "medium", this.disabled = !1, this._open = !1;
   }
@@ -1214,6 +1215,8 @@ let mt = class extends f {
     const e = (t = oi[this.theme]) == null ? void 0 : t["icon-names"];
     return this.componentFactory.createIcon({
       class: "icon open-icon",
+      role: "image",
+      "aria-hidden": "true",
       "icon-name": (e == null ? void 0 : e.open) || "minus"
     });
   }
@@ -1223,6 +1226,8 @@ let mt = class extends f {
     const e = (t = oi[this.theme]) == null ? void 0 : t["icon-names"];
     return this.componentFactory.createIcon({
       class: "icon close-icon",
+      role: "image",
+      "aria-hidden": "true",
       "icon-name": (e == null ? void 0 : e.close) || "plus"
     });
   }
@@ -1264,28 +1269,28 @@ let mt = class extends f {
         `;
   }
 };
-mt.styles = [nr];
-Ut([
+vt.styles = [nr];
+Vt([
   a({ type: Number, attribute: "max-height" })
-], mt.prototype, "maxHeight", 2);
-Ut([
+], vt.prototype, "maxHeight", 2);
+Vt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], mt.prototype, "open", 2);
-Ut([
+], vt.prototype, "open", 2);
+Vt([
   a({ type: String, reflect: !0 })
-], mt.prototype, "mode", 2);
-Ut([
+], vt.prototype, "mode", 2);
+Vt([
   a({ type: String })
-], mt.prototype, "size", 2);
-Ut([
+], vt.prototype, "size", 2);
+Vt([
   a({ type: Boolean, converter: m })
-], mt.prototype, "disabled", 2);
-Ut([
+], vt.prototype, "disabled", 2);
+Vt([
   y()
-], mt.prototype, "_open", 2);
-mt = Ut([
+], vt.prototype, "_open", 2);
+vt = Vt([
   b("ds-accordion")
-], mt);
+], vt);
 const dr = h`
     :host {
         display: block;
@@ -1310,7 +1315,7 @@ var hr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, ss = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && hr(e, i, s), s;
 };
-let re = class extends f {
+let oe = class extends f {
   constructor() {
     super(...arguments), this.mode = "light", this.activeBulletIndex = 0, this.handleClickChunk = (t) => () => {
       this.activeBulletIndex !== t && (this.activeBulletIndex = t, this.dispatchEvent(
@@ -1359,20 +1364,20 @@ let re = class extends f {
               ` : c;
   }
 };
-re.styles = [dr];
+oe.styles = [dr];
 ss([
   a({ type: String, reflect: !0 })
-], re.prototype, "mode", 2);
+], oe.prototype, "mode", 2);
 ss([
   a({ type: Number, attribute: "bullets-number" })
-], re.prototype, "bulletsNumber", 2);
+], oe.prototype, "bulletsNumber", 2);
 ss([
   a({ type: Number, attribute: "active-bullet-index", reflect: !0 })
-], re.prototype, "activeBulletIndex", 2);
-re = ss([
+], oe.prototype, "activeBulletIndex", 2);
+oe = ss([
   b("ds-bullets")
-], re);
-const At = (t) => class extends t {
+], oe);
+const _t = (t) => class extends t {
   constructor() {
     super(...arguments), this.handleResize = () => {
       this.updateViewportWithDebounce();
@@ -1380,7 +1385,7 @@ const At = (t) => class extends t {
       let e = "xs";
       const i = ["xxl", "xl", "l", "m", "s"];
       for (const r of i)
-        if ((window == null ? void 0 : window.innerWidth) >= Bt[r]) {
+        if ((window == null ? void 0 : window.innerWidth) >= Lt[r]) {
           e = r;
           break;
         }
@@ -1420,7 +1425,7 @@ const Re = (t, e, i) => {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function ot(t, e, i) {
+function nt(t, e, i) {
   return t ? e(t) : i == null ? void 0 : i(t);
 }
 const ur = h`
@@ -1535,7 +1540,7 @@ var br = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, P = (t, e,
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && br(e, i, s), s;
 };
-let O = class extends At(f) {
+let O = class extends _t(f) {
   constructor() {
     super(...arguments), this.variant = "primary", this.mode = "light", this.size = "large", this.disabled = !1, this.destructive = !1, this.htmlTagName = "button", this.type = "button", this.iconPosition = "left", this.rounded = !1, this.fullWidth = !1, this.loading = !1;
   }
@@ -1610,12 +1615,12 @@ let O = class extends At(f) {
                             @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 +1639,12 @@ let O = class extends At(f) {
                             @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>
                     `;
         }
@@ -1725,7 +1730,7 @@ var fr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, is = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && fr(e, i, s), s;
 };
-let oe = class extends f {
+let ne = class extends f {
   constructor() {
     super(...arguments), this.maxSelectorsShown = 6;
   }
@@ -1758,19 +1763,19 @@ let oe = class extends f {
               ` : c;
   }
 };
-oe.styles = [gr];
+ne.styles = [gr];
 is([
   a({ type: Number, attribute: "selectors-number" })
-], oe.prototype, "selectorsNumber", 2);
+], ne.prototype, "selectorsNumber", 2);
 is([
   a({ type: Number, attribute: "selected-index" })
-], oe.prototype, "selectedIndex", 2);
+], ne.prototype, "selectedIndex", 2);
 is([
   y()
-], oe.prototype, "maxSelectorsShown", 2);
-oe = is([
+], ne.prototype, "maxSelectorsShown", 2);
+ne = is([
   b("ds-carousel-indicator")
-], oe);
+], ne);
 const rs = (t) => {
   const e = class extends t {
     constructor(...s) {
@@ -1978,12 +1983,12 @@ const kr = h`
         pointer-events: visible;
     }
 `;
-var Tr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Vt = (t, e, i, r) => {
+var Tr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Ht = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Cr(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Tr(e, i, s), s;
 };
-let vt = class extends f {
+let bt = class extends f {
   constructor() {
     super(...arguments), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "";
   }
@@ -2072,28 +2077,28 @@ let vt = class extends f {
         `;
   }
 };
-vt.styles = [kr];
-Vt([
+bt.styles = [kr];
+Ht([
   a({ type: String })
-], vt.prototype, "value", 2);
-Vt([
+], bt.prototype, "value", 2);
+Ht([
   a({ type: String, reflect: !0 })
-], vt.prototype, "mode", 2);
-Vt([
+], bt.prototype, "mode", 2);
+Ht([
   a({ type: String, reflect: !0 })
-], vt.prototype, "size", 2);
-Vt([
+], bt.prototype, "size", 2);
+Ht([
   a({ type: Boolean, converter: m, reflect: !0 })
-], vt.prototype, "selected", 2);
-Vt([
+], bt.prototype, "selected", 2);
+Ht([
   a({ type: Boolean, converter: m })
-], vt.prototype, "deselectable", 2);
-Vt([
+], bt.prototype, "deselectable", 2);
+Ht([
   y()
-], vt.prototype, "slottedText", 2);
-vt = Vt([
+], bt.prototype, "slottedText", 2);
+bt = Ht([
   b("ds-chip")
-], vt);
+], bt);
 const Er = {
   fromAttribute(t) {
     if (!t) return [];
@@ -2180,12 +2185,12 @@ const Er = {
         right: 0;
     }
 `;
-var zr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, $t = (t, e, i, r) => {
+var zr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, wt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Ir(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && zr(e, i, s), s;
 };
-let J = class extends f {
+let Z = class extends f {
   constructor() {
     super(...arguments), this.multiChoice = null, this.size = "medium", this.mode = "light", this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
       this.handleScrollNav();
@@ -2279,34 +2284,34 @@ let J = class extends f {
         `;
   }
 };
-J.styles = [Or];
-$t([
+Z.styles = [Or];
+wt([
   a({ type: Array, attribute: "selected-chips", converter: Er, reflect: !0 })
-], J.prototype, "selectedChips", 2);
-$t([
+], Z.prototype, "selectedChips", 2);
+wt([
   a({ type: Boolean, attribute: "multi-choice", converter: m })
-], J.prototype, "multiChoice", 2);
-$t([
+], Z.prototype, "multiChoice", 2);
+wt([
   a({ type: String })
-], J.prototype, "size", 2);
-$t([
+], Z.prototype, "size", 2);
+wt([
   a({ type: String, reflect: !0 })
-], J.prototype, "mode", 2);
-$t([
+], Z.prototype, "mode", 2);
+wt([
   y()
-], J.prototype, "hasScrollLeft", 2);
-$t([
+], Z.prototype, "hasScrollLeft", 2);
+wt([
   y()
-], J.prototype, "hasScrollRight", 2);
-$t([
-  tt({ slot: "" })
-], J.prototype, "chips", 2);
-$t([
-  lt(".chips-container")
-], J.prototype, "chipsContainer", 2);
-J = $t([
+], Z.prototype, "hasScrollRight", 2);
+wt([
+  et({ slot: "" })
+], Z.prototype, "chips", 2);
+wt([
+  ct(".chips-container")
+], Z.prototype, "chipsContainer", 2);
+Z = wt([
   b("ds-chips")
-], J);
+], Z);
 function Si({
   value: t,
   locale: e,
@@ -2332,24 +2337,24 @@ function Si({
     maximumFractionDigits: u,
     useGrouping: v
   }).formatToParts(t ?? 0);
-  return z.forEach((ht, Se) => {
-    switch (ht.type) {
+  return z.forEach((pt, ke) => {
+    switch (pt.type) {
       case "unit":
       case "currency":
       case "percentSign":
-        S = ht.value, T = Se === 0 || (z[0].type === "minusSign" || z[0].type === "plusSign") && Se === 1 ? "left" : "right";
+        S = pt.value, T = ke === 0 || (z[0].type === "minusSign" || z[0].type === "plusSign") && ke === 1 ? "left" : "right";
         break;
       case "group":
-        x += g ?? ht.value;
+        x += g ?? pt.value;
         break;
       case "decimal":
-        x += $ ?? ht.value;
+        x += $ ?? pt.value;
         break;
       case "integer":
       case "fraction":
       case "plusSign":
       case "minusSign":
-        x += ht.value;
+        x += pt.value;
         break;
     }
   }), {
@@ -2589,7 +2594,7 @@ var Fr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, os = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Fr(e, i, s), s;
 };
-let ne = class extends f {
+let ae = class extends f {
   constructor() {
     super(...arguments), this.title = "primary", this.iconSize = 32;
   }
@@ -2627,26 +2632,26 @@ let ne = class extends f {
         `;
   }
 };
-ne.styles = [jr];
+ae.styles = [jr];
 os([
   a({ type: String })
-], ne.prototype, "title", 2);
+], ae.prototype, "title", 2);
 os([
   a({ type: String, attribute: "icon-name" })
-], ne.prototype, "iconName", 2);
+], ae.prototype, "iconName", 2);
 os([
   a({ type: Number, attribute: "icon-size" })
-], ne.prototype, "iconSize", 2);
-ne = os([
+], ae.prototype, "iconSize", 2);
+ae = os([
   b("ds-dialog-header")
-], ne);
-const U = {
-  xs: h`@media(min-width: ${Bt.xs}px)`,
-  s: h`@media(min-width: ${Bt.s}px)`,
-  m: h`@media(min-width: ${Bt.m}px)`,
-  l: h`@media(min-width: ${Bt.l}px)`,
-  xl: h`@media(min-width: ${Bt.xl}px)`,
-  xxl: h`@media(min-width: ${Bt.xxl}px)`
+], ae);
+const V = {
+  xs: h`@media(min-width: ${Lt.xs}px)`,
+  s: h`@media(min-width: ${Lt.s}px)`,
+  m: h`@media(min-width: ${Lt.m}px)`,
+  l: h`@media(min-width: ${Lt.l}px)`,
+  xl: h`@media(min-width: ${Lt.xl}px)`,
+  xxl: h`@media(min-width: ${Lt.xxl}px)`
 }, Ur = h`
     :host {
         transition: display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
@@ -2705,7 +2710,7 @@ const U = {
         background-color: transparent;
     }
 
-    ${U.xs} {
+    ${V.xs} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 4px;
@@ -2713,7 +2718,7 @@ const U = {
         }
     }
 
-    ${U.m} {
+    ${V.m} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 8px;
@@ -2721,12 +2726,12 @@ const U = {
         }
     }
 `;
-var Vr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, be = (t, e, i, r) => {
+var Vr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, ye = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Hr(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Vr(e, i, s), s;
 };
-let Ct = class extends f {
+let Et = class extends f {
   constructor() {
     super(...arguments), this.open = !1, this.size = "medium", this.hasBeenOpened = !1, this.hasScroll = !1, this.debouncedCheckScroll = Ss({ func: () => this.checkScroll() }), this.handleKeyDown = (t) => {
       this.open && t.key === "Escape" && this.handleClose();
@@ -2794,25 +2799,25 @@ let Ct = class extends f {
         `;
   }
 };
-Ct.styles = [Ur];
-be([
+Et.styles = [Ur];
+ye([
   a({ type: Boolean, converter: m })
-], Ct.prototype, "open", 2);
-be([
+], Et.prototype, "open", 2);
+ye([
   a({ type: String })
-], Ct.prototype, "size", 2);
-be([
+], Et.prototype, "size", 2);
+ye([
   y()
-], Ct.prototype, "hasBeenOpened", 2);
-be([
+], Et.prototype, "hasBeenOpened", 2);
+ye([
   y()
-], Ct.prototype, "hasScroll", 2);
-be([
-  lt(".content")
-], Ct.prototype, "content", 2);
-Ct = be([
+], Et.prototype, "hasScroll", 2);
+ye([
+  ct(".content")
+], Et.prototype, "content", 2);
+Et = ye([
   b("ds-dialog")
-], Ct);
+], Et);
 const Wr = h`
     .divider {
         border: none;
@@ -2824,7 +2829,7 @@ var qr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, ns = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && qr(e, i, s), s;
 };
-let ae = class extends f {
+let le = class extends f {
   constructor() {
     super(...arguments), this.orientation = "horizontal", this.variant = "primary", this.mode = "light";
   }
@@ -2852,20 +2857,20 @@ let ae = class extends f {
         `;
   }
 };
-ae.styles = [Wr];
+le.styles = [Wr];
 ns([
   a({ type: String })
-], ae.prototype, "orientation", 2);
+], le.prototype, "orientation", 2);
 ns([
   a({ type: String })
-], ae.prototype, "variant", 2);
+], le.prototype, "variant", 2);
 ns([
   a({ type: String, reflect: !0 })
-], ae.prototype, "mode", 2);
-ae = ns([
+], le.prototype, "mode", 2);
+le = ns([
   b("ds-divider")
-], ae);
-const Gr = h`
+], le);
+const Yr = h`
     :host {
         display: inline-flex;
     }
@@ -2880,12 +2885,12 @@ const Gr = h`
         background: transparent;
     }
 `;
-var Yr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Ht = (t, e, i, r) => {
+var Gr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Wt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Xr(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
-  return r && s && Yr(e, i, s), s;
+  return r && s && Gr(e, i, s), s;
 };
-let bt = class extends f {
+let yt = class extends f {
   constructor() {
     super(...arguments), this.htmlTagName = "a", this.mode = "light", this.size = "large";
   }
@@ -2938,28 +2943,28 @@ let bt = class extends f {
         `;
   }
 };
-bt.styles = [Gr];
-Ht([
+yt.styles = [Yr];
+Wt([
   a({ type: String, attribute: "html-tag-name" })
-], bt.prototype, "htmlTagName", 2);
-Ht([
+], yt.prototype, "htmlTagName", 2);
+Wt([
   a({ type: String, reflect: !0 })
-], bt.prototype, "href", 2);
-Ht([
+], yt.prototype, "href", 2);
+Wt([
   a({ type: String, reflect: !0 })
-], bt.prototype, "rel", 2);
-Ht([
+], yt.prototype, "rel", 2);
+Wt([
   a({ type: String, reflect: !0 })
-], bt.prototype, "target", 2);
-Ht([
+], yt.prototype, "target", 2);
+Wt([
   a({ type: String, reflect: !0 })
-], bt.prototype, "mode", 2);
-Ht([
+], yt.prototype, "mode", 2);
+Wt([
   a({ type: String })
-], bt.prototype, "size", 2);
-bt = Ht([
+], yt.prototype, "size", 2);
+yt = Wt([
   b("ds-hyperlink")
-], bt);
+], yt);
 const Jr = h`
     :host {
         display: inline-flex;
@@ -2977,12 +2982,12 @@ const Jr = h`
         padding: 0;
     }
 `;
-var Zr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, et = (t, e, i, r) => {
+var Zr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, st = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Qr(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Zr(e, i, s), s;
 };
-let V = class extends At(f) {
+let H = class extends _t(f) {
   constructor() {
     super(...arguments), this.variant = "primary", this.mode = "light", this.size = "large", this.disabled = !1, this.htmlTagName = "button";
   }
@@ -3065,50 +3070,50 @@ let V = class extends At(f) {
         `;
   }
 };
-V.styles = [Jr];
-et([
+H.styles = [Jr];
+st([
   a({ type: String })
-], V.prototype, "variant", 2);
-et([
+], H.prototype, "variant", 2);
+st([
   a({ type: String, reflect: !0 })
-], V.prototype, "mode", 2);
-et([
+], H.prototype, "mode", 2);
+st([
   a({ type: String, converter: Fe })
-], V.prototype, "size", 2);
-et([
+], H.prototype, "size", 2);
+st([
   a({ type: Boolean, converter: m })
-], V.prototype, "disabled", 2);
-et([
+], H.prototype, "disabled", 2);
+st([
   a({ type: String, attribute: "icon-name" })
-], V.prototype, "iconName", 2);
-et([
+], H.prototype, "iconName", 2);
+st([
   a({ type: String, attribute: "html-tag-name" })
-], V.prototype, "htmlTagName", 2);
-et([
+], H.prototype, "htmlTagName", 2);
+st([
   a({ type: String, attribute: "data-aria-label" })
-], V.prototype, "dataAriaLabel", 2);
-et([
+], H.prototype, "dataAriaLabel", 2);
+st([
   a({ type: String, reflect: !0 })
-], V.prototype, "href", 2);
-et([
+], H.prototype, "href", 2);
+st([
   a({ type: String, reflect: !0 })
-], V.prototype, "rel", 2);
-et([
+], H.prototype, "rel", 2);
+st([
   a({ type: String, reflect: !0 })
-], V.prototype, "target", 2);
-V = et([
+], H.prototype, "target", 2);
+H = st([
   b("ds-icon-button")
-], V);
-class Zt {
+], H);
+class Qt {
   constructor() {
     this.icons = {}, this.handleChangeTheme = (e) => {
       this.theme = e;
       const i = Object.keys(this.icons);
       this.icons = {}, i.forEach((r) => this.fetchIcon(r));
-    }, this.fetchIcon = async (e, i = {}) => (!this.theme && window.DS_THEME && (this.theme = window.DS_THEME), await this.getCachedIcon(e) || (this.icons[e] = this.loadIcon(e, i), this.icons[e])), ee.subscribe("theme", this.handleChangeTheme);
+    }, this.fetchIcon = async (e, i = {}) => (!this.theme && window.DS_THEME && (this.theme = window.DS_THEME), await this.getCachedIcon(e) || (this.icons[e] = this.loadIcon(e, i), this.icons[e])), se.subscribe("theme", this.handleChangeTheme);
   }
   static getInstance() {
-    return Zt.instance || (Zt.instance = new Zt()), Zt.instance;
+    return Qt.instance || (Qt.instance = new Qt()), Qt.instance;
   }
   getCachedIcon(e) {
     return this.icons[e];
@@ -3120,22 +3125,22 @@ class Zt {
     }).then((s) => s.text()).catch((s) => ((s == null ? void 0 : s.name) !== "AbortError" && console.error(`Failed to fetch icon "${e}":`, s), "")) : Promise.resolve('<svg class="ds-icon"></svg>');
   }
 }
-const ni = Zt.getInstance();
+const ni = Qt.getInstance();
 var to = Object.defineProperty, eo = Object.getOwnPropertyDescriptor, Ti = (t) => {
   throw TypeError(t);
-}, Wt = (t, e, i, r) => {
+}, qt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? eo(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && to(e, i, s), s;
-}, Ci = (t, e, i) => e.has(t) || Ti("Cannot " + i), ai = (t, e, i) => (Ci(t, e, "read from private field"), e.get(t)), so = (t, e, i) => e.has(t) ? Ti("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), io = (t, e, i, r) => (Ci(t, e, "write to private field"), e.set(t, i), i), Ee;
-let yt = class extends f {
+}, Ci = (t, e, i) => e.has(t) || Ti("Cannot " + i), ai = (t, e, i) => (Ci(t, e, "read from private field"), e.get(t)), so = (t, e, i) => e.has(t) ? Ti("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), io = (t, e, i, r) => (Ci(t, e, "write to private field"), e.set(t, i), i), Oe;
+let gt = class extends f {
   constructor() {
-    super(), this.iconHtml = "", so(this, Ee), this.getIcon = async () => {
+    super(), this.iconHtml = "", so(this, Oe), this.getIcon = async () => {
       var t, e;
-      (t = ai(this, Ee)) == null || t.abort(), io(this, Ee, new AbortController());
-      const i = ai(this, Ee).signal;
+      (t = ai(this, Oe)) == null || t.abort(), io(this, Oe, new AbortController());
+      const i = ai(this, Oe).signal;
       this.iconHtml = await ((e = ni.fetchIcon) == null ? void 0 : e.call(ni, this.iconName, { signal: i }));
-    }, ee.subscribe("theme", this.getIcon);
+    }, se.subscribe("theme", this.getIcon);
   }
   async updated(t) {
     super.updated(t), (t.has("iconName") || !this.iconHtml) && await this.getIcon();
@@ -3178,44 +3183,44 @@ let yt = class extends f {
         `;
   }
 };
-Ee = /* @__PURE__ */ new WeakMap();
-yt.styles = h`
+Oe = /* @__PURE__ */ new WeakMap();
+gt.styles = h`
         :host {
             line-height: 0;
             display: inline-block;
         }
     `;
-Wt([
+qt([
   a({ type: String, attribute: "icon-name" })
-], yt.prototype, "iconName", 2);
-Wt([
+], gt.prototype, "iconName", 2);
+qt([
   a({ type: String, attribute: "color" })
-], yt.prototype, "color", 2);
-Wt([
+], gt.prototype, "color", 2);
+qt([
   a({ type: Number })
-], yt.prototype, "width", 2);
-Wt([
+], gt.prototype, "width", 2);
+qt([
   a({ type: Number })
-], yt.prototype, "height", 2);
-Wt([
+], gt.prototype, "height", 2);
+qt([
   a({ type: Number, attribute: "size" })
-], yt.prototype, "size", 2);
-Wt([
+], gt.prototype, "size", 2);
+qt([
   y()
-], yt.prototype, "iconHtml", 2);
-yt = Wt([
+], gt.prototype, "iconHtml", 2);
+gt = qt([
   b("ds-icon")
-], yt);
+], gt);
 var ro = Object.defineProperty, Ls = (t, e, i, r) => {
   for (var s = void 0, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = n(e, i, s) || s);
   return s && ro(e, i, s), s;
 };
-class Ue extends pt {
+class Ue extends ut {
   constructor() {
     super(), this.handleChangeTheme = (e) => {
       this.pubSubTheme = e;
-    }, this.pubSubTheme = ee.subscribe("theme", this.handleChangeTheme);
+    }, this.pubSubTheme = se.subscribe("theme", this.handleChangeTheme);
   }
   connectedCallback() {
     super.connectedCallback(), this.applyTheme();
@@ -3412,7 +3417,7 @@ const oo = h`
         --ds-icon-color: var(--ds-color-dark-grey);
     }
 `, lo = [ao];
-var co = Object.defineProperty, st = (t, e, i, r) => {
+var co = Object.defineProperty, it = (t, e, i, r) => {
   for (var s = void 0, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = n(e, i, s) || s);
   return s && co(e, i, s), s;
@@ -3474,46 +3479,46 @@ const fs = class extends rs(Ue) {
 fs.styles = [oo, no], fs.themesStyles = {
   cupra: lo
 };
-let Y = fs;
-st([
+let X = fs;
+it([
   a({ type: String, reflect: !0, attribute: "initial-value" })
-], Y.prototype, "initialValue");
-st([
+], X.prototype, "initialValue");
+it([
   a({ type: String })
-], Y.prototype, "label");
-st([
+], X.prototype, "label");
+it([
   a({ type: String, attribute: "helper-text" })
-], Y.prototype, "helperText");
-st([
+], X.prototype, "helperText");
+it([
   a({ type: String, attribute: "error-text" })
-], Y.prototype, "errorText");
-st([
+], X.prototype, "errorText");
+it([
   a({ type: Boolean, converter: m })
-], Y.prototype, "disabled");
-st([
+], X.prototype, "disabled");
+it([
   a({ type: Boolean, converter: m })
-], Y.prototype, "success");
-st([
+], X.prototype, "success");
+it([
   a({ type: String, reflect: !0 })
-], Y.prototype, "mode");
-st([
+], X.prototype, "mode");
+it([
   a({ type: String })
-], Y.prototype, "size");
-st([
+], X.prototype, "size");
+it([
   y()
-], Y.prototype, "_value");
-st([
+], X.prototype, "_value");
+it([
   y()
-], Y.prototype, "focused");
-st([
-  lt(".input-field")
-], Y.prototype, "inputField");
-var ho = Object.defineProperty, po = Object.getOwnPropertyDescriptor, wt = (t, e, i, r) => {
+], X.prototype, "focused");
+it([
+  ct(".input-field")
+], X.prototype, "inputField");
+var ho = Object.defineProperty, po = Object.getOwnPropertyDescriptor, St = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? po(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && ho(e, i, s), s;
 };
-let nt = class extends Y {
+let at = class extends X {
   constructor() {
     super(...arguments), this.name = "", this.placeholder = "", this.type = "text", this.min = 0, this.max = 100, this.step = 1, this._hasPicker = !1, this.handleClickIcon = () => {
       var t, e;
@@ -3608,33 +3613,33 @@ let nt = class extends Y {
     return c;
   }
 };
-wt([
+St([
   a({ type: String })
-], nt.prototype, "name", 2);
-wt([
+], at.prototype, "name", 2);
+St([
   a({ type: String })
-], nt.prototype, "placeholder", 2);
-wt([
+], at.prototype, "placeholder", 2);
+St([
   a({ type: String, attribute: "max-length" })
-], nt.prototype, "maxLength", 2);
-wt([
+], at.prototype, "maxLength", 2);
+St([
   a({ type: String })
-], nt.prototype, "type", 2);
-wt([
+], at.prototype, "type", 2);
+St([
   a({ type: Number })
-], nt.prototype, "min", 2);
-wt([
+], at.prototype, "min", 2);
+St([
   a({ type: Number })
-], nt.prototype, "max", 2);
-wt([
+], at.prototype, "max", 2);
+St([
   a({ type: Number })
-], nt.prototype, "step", 2);
-wt([
+], at.prototype, "step", 2);
+St([
   y()
-], nt.prototype, "_hasPicker", 2);
-nt = wt([
+], at.prototype, "_hasPicker", 2);
+at = St([
   b("ds-input", { skipTagAsComponentName: !0 })
-], nt);
+], at);
 const uo = h`
     :host {
         display: inline-flex;
@@ -3652,12 +3657,12 @@ const uo = h`
         cursor: pointer;
     }
 `;
-var mo = Object.defineProperty, vo = Object.getOwnPropertyDescriptor, it = (t, e, i, r) => {
+var mo = Object.defineProperty, vo = Object.getOwnPropertyDescriptor, rt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? vo(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && mo(e, i, s), s;
 };
-let H = class extends f {
+let W = class extends f {
   constructor() {
     super(...arguments), this.mode = "light", this.size = "large", this.underline = !1, this.disabled = !1, this.iconName = "arrow-right", this.iconPosition = "right";
   }
@@ -3724,40 +3729,40 @@ let H = class extends f {
         `;
   }
 };
-H.styles = [uo];
-it([
+W.styles = [uo];
+rt([
   a({ type: String, reflect: !0 })
-], H.prototype, "mode", 2);
-it([
+], W.prototype, "mode", 2);
+rt([
   a({ type: String })
-], H.prototype, "size", 2);
-it([
+], W.prototype, "size", 2);
+rt([
   a({ type: Boolean, converter: m })
-], H.prototype, "underline", 2);
-it([
+], W.prototype, "underline", 2);
+rt([
   a({ type: Boolean, converter: m })
-], H.prototype, "disabled", 2);
-it([
+], W.prototype, "disabled", 2);
+rt([
   a({ type: String, attribute: "html-tag-name" })
-], H.prototype, "htmlTagName", 2);
-it([
+], W.prototype, "htmlTagName", 2);
+rt([
   a({ type: String, reflect: !0 })
-], H.prototype, "href", 2);
-it([
+], W.prototype, "href", 2);
+rt([
   a({ type: String, reflect: !0 })
-], H.prototype, "rel", 2);
-it([
+], W.prototype, "rel", 2);
+rt([
   a({ type: String, reflect: !0 })
-], H.prototype, "target", 2);
-it([
+], W.prototype, "target", 2);
+rt([
   a({ type: String, attribute: "icon-name" })
-], H.prototype, "iconName", 2);
-it([
+], W.prototype, "iconName", 2);
+rt([
   a({ type: String, attribute: "icon-position" })
-], H.prototype, "iconPosition", 2);
-H = it([
+], W.prototype, "iconPosition", 2);
+W = rt([
   b("ds-link-button")
-], H);
+], W);
 const bo = h`
     .track {
         width: 100%;
@@ -3890,11 +3895,11 @@ Ie.styles = [...Oo(Ie, Ie, "styles"), ko];
 Ie = Eo([
   b("ds-loader-bar", { skipTagAsComponentName: !0 })
 ], Ie);
-function qt(t, ...e) {
-  const i = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-4"), r = bi(i);
+function Kt(t, ...e) {
+  const i = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-5"), r = bi(i);
   return h`${r}`;
 }
-const zo = qt`
+const zo = Kt`
     .container {
         display: inline-flex;
         justify-content: center;
@@ -3930,7 +3935,7 @@ var Io = Object.defineProperty, Ao = Object.getOwnPropertyDescriptor, as = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Io(e, i, s), s;
 };
-let le = class extends f {
+let ce = class extends f {
   constructor() {
     super(...arguments), this.show = !1, this.mode = "light", this.size = "large";
   }
@@ -3961,19 +3966,19 @@ let le = class extends f {
               ` : c;
   }
 };
-le.styles = [zo];
+ce.styles = [zo];
 as([
   a({ type: Boolean, converter: m })
-], le.prototype, "show", 2);
+], ce.prototype, "show", 2);
 as([
   a({ type: String, reflect: !0 })
-], le.prototype, "mode", 2);
+], ce.prototype, "mode", 2);
 as([
   a({ type: String })
-], le.prototype, "size", 2);
-le = as([
+], ce.prototype, "size", 2);
+ce = as([
   b("ds-loader-dots")
-], le);
+], ce);
 const _o = h`
     .backdrop {
         display: flex;
@@ -4039,7 +4044,7 @@ var Po = Object.defineProperty, No = Object.getOwnPropertyDescriptor, He = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Po(e, i, s), s;
 };
-let Dt = class extends f {
+let jt = class extends f {
   constructor() {
     super(...arguments), this.show = !1, this.zIndex = 2e3, this.iconName = "logo";
   }
@@ -4072,22 +4077,22 @@ let Dt = class extends f {
               ` : c;
   }
 };
-Dt.styles = [_o];
+jt.styles = [_o];
 He([
   a({ type: Boolean, converter: m })
-], Dt.prototype, "show", 2);
+], jt.prototype, "show", 2);
 He([
   a({ type: Number, attribute: "z-index" })
-], Dt.prototype, "zIndex", 2);
+], jt.prototype, "zIndex", 2);
 He([
   a({ type: String, attribute: "icon-name" })
-], Dt.prototype, "iconName", 2);
+], jt.prototype, "iconName", 2);
 He([
   a({ type: String })
-], Dt.prototype, "color", 2);
-Dt = He([
+], jt.prototype, "color", 2);
+jt = He([
   b("ds-loader-logo")
-], Dt);
+], jt);
 const Bo = h`
     :host {
         display: contents;
@@ -4142,7 +4147,7 @@ var Do = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, ls = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Do(e, i, s), s;
 };
-let ce = class extends f {
+let de = class extends f {
   constructor() {
     super(...arguments), this.show = !1, this.mode = "light", this.orientation = "row";
   }
@@ -4165,19 +4170,19 @@ let ce = class extends f {
               ` : c;
   }
 };
-ce.styles = Mo;
+de.styles = Mo;
 ls([
   a({ type: Boolean, converter: m })
-], ce.prototype, "show", 2);
+], de.prototype, "show", 2);
 ls([
   a({ type: String, reflect: !0 })
-], ce.prototype, "mode", 2);
+], de.prototype, "mode", 2);
 ls([
   a({ type: String })
-], ce.prototype, "orientation", 2);
-ce = ls([
+], de.prototype, "orientation", 2);
+de = ls([
   b("ds-loader-spinner")
-], ce);
+], de);
 const Fo = h`
     :host {
         display: contents;
@@ -4281,12 +4286,12 @@ const Ho = h`
         color: var(--dg-color-text-strong);
     }
 `;
-var Wo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, _t = (t, e, i, r) => {
+var Wo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Pt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? qo(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Wo(e, i, s), s;
 };
-let at = class extends f {
+let lt = class extends f {
   constructor() {
     super(...arguments), this.width = 48, this.height = 48, this.checked = !1, this.iconSize = 24, this.iconTop = 8;
   }
@@ -4360,31 +4365,31 @@ let at = class extends f {
         `;
   }
 };
-at.styles = [Ho];
-_t([
+lt.styles = [Ho];
+Pt([
   a({ type: Number, attribute: "width" })
-], at.prototype, "width", 2);
-_t([
+], lt.prototype, "width", 2);
+Pt([
   a({ type: Number, attribute: "height" })
-], at.prototype, "height", 2);
-_t([
+], lt.prototype, "height", 2);
+Pt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], at.prototype, "checked", 2);
-_t([
+], lt.prototype, "checked", 2);
+Pt([
   a({ type: String, attribute: "icon-name" })
-], at.prototype, "iconName", 2);
-_t([
+], lt.prototype, "iconName", 2);
+Pt([
   a({ type: Number, attribute: "icon-size" })
-], at.prototype, "iconSize", 2);
-_t([
+], lt.prototype, "iconSize", 2);
+Pt([
   a({ type: Number, attribute: "icon-top" })
-], at.prototype, "iconTop", 2);
-_t([
+], lt.prototype, "iconTop", 2);
+Pt([
   a({ type: Number, attribute: "cluster-count" })
-], at.prototype, "clusterCount", 2);
-at = _t([
+], lt.prototype, "clusterCount", 2);
+lt = Pt([
   b("ds-map-pin")
-], at);
+], lt);
 const Ko = h`
     :host {
         transition: display 300ms ease allow-discrete;
@@ -4455,7 +4460,7 @@ const Ko = h`
         grid-area: confirmButton;
     }
 
-    ${U.m} {
+    ${V.m} {
         .content-container.full-width {
             max-width: 700px;
         }
@@ -4486,7 +4491,7 @@ const Ko = h`
         }
     }
 
-    ${U.l} {
+    ${V.l} {
         .content-container.full-width {
             max-width: 952px;
         }
@@ -4504,7 +4509,7 @@ const Ko = h`
         }
     }
 
-    ${U.xl} {
+    ${V.xl} {
         .content-container.full-width {
             max-width: 1138px;
         }
@@ -4521,7 +4526,7 @@ const Ko = h`
                 '. cancelButton confirmButton';
         }
     }
-`, Go = h`
+`, Yo = h`
     .container.full-screen {
         position: fixed;
         height: 100%;
@@ -4538,7 +4543,7 @@ const Ko = h`
     .icon {
         margin-bottom: 32px;
     }
-`, Yo = h`
+`, Go = h`
     .container.dialog {
         position: fixed;
         height: auto;
@@ -4566,7 +4571,7 @@ const Ko = h`
         width: calc(100dvw - 32px);
     }
 
-    ${U.m} {
+    ${V.m} {
         .container.dialog .content-container {
             max-height: calc(100dvh - 112px);
             padding: 48px;
@@ -4582,7 +4587,7 @@ const Ko = h`
         padding-top: 24px;
     }
 
-    ${U.m} {
+    ${V.m} {
         .container.full-screen.v-align-default {
             justify-content: center;
             padding-top: 0;
@@ -4599,19 +4604,19 @@ const Ko = h`
         padding-top: 24px;
     }
 
-    ${U.m} {
+    ${V.m} {
         .container.full-screen.v-align-start {
             padding-top: 32px;
         }
     }
 
-    ${U.l} {
+    ${V.l} {
         .container.full-screen.v-align-start {
             padding-top: 32px;
         }
     }
 
-    ${U.xl} {
+    ${V.xl} {
         .container.full-screen.v-align-start {
             padding-top: 64px;
         }
@@ -4638,19 +4643,19 @@ const Ko = h`
         padding-bottom: 24px;
     }
 
-    ${U.m} {
+    ${V.m} {
         .container.full-screen.v-align-end {
             padding-bottom: 32px;
         }
     }
 
-    ${U.l} {
+    ${V.l} {
         .container.full-screen.v-align-end {
             padding-bottom: 32px;
         }
     }
 
-    ${U.xl} {
+    ${V.xl} {
         .container.full-screen.v-align-end {
             padding-bottom: 64px;
         }
@@ -4662,12 +4667,12 @@ const Ko = h`
         margin-bottom: 24px;
     }
 `;
-var Zo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, rt = (t, e, i, r) => {
+var Zo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ot = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Qo(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Zo(e, i, s), s;
 };
-let W = class extends At(f) {
+let q = class extends _t(f) {
   constructor() {
     super(...arguments), this.withCloseButton = !0, this.variant = "fullScreen", this.zIndex = 2e3, this.disableScrollLock = !1, this.fullWidth = !1, this.vAlign = "default";
   }
@@ -4818,52 +4823,52 @@ let W = class extends At(f) {
     ));
   }
 };
-W.styles = [Go, Yo, Xo, Ko, Jo];
-rt([
+q.styles = [Yo, Go, Xo, Ko, Jo];
+ot([
   a({ type: Boolean, reflect: !0, converter: m })
-], W.prototype, "open", 2);
-rt([
+], q.prototype, "open", 2);
+ot([
   a({
     type: Boolean,
     attribute: "with-close-button",
     converter: m
   })
-], W.prototype, "withCloseButton", 2);
-rt([
+], q.prototype, "withCloseButton", 2);
+ot([
   a({ type: String, attribute: "cancel-button-text" })
-], W.prototype, "cancelButtonText", 2);
-rt([
+], q.prototype, "cancelButtonText", 2);
+ot([
   a({ type: String, attribute: "confirm-button-text" })
-], W.prototype, "confirmButtonText", 2);
-rt([
+], q.prototype, "confirmButtonText", 2);
+ot([
   a({ type: String })
-], W.prototype, "variant", 2);
-rt([
+], q.prototype, "variant", 2);
+ot([
   a({ type: Number, attribute: "z-index" })
-], W.prototype, "zIndex", 2);
-rt([
+], q.prototype, "zIndex", 2);
+ot([
   a({
     type: Boolean,
     converter: m,
     attribute: "disable-scroll-lock"
   })
-], W.prototype, "disableScrollLock", 2);
-rt([
+], q.prototype, "disableScrollLock", 2);
+ot([
   a({ type: String, attribute: "icon-name" })
-], W.prototype, "iconName", 2);
-rt([
+], q.prototype, "iconName", 2);
+ot([
   a({
     type: Boolean,
     converter: m,
     attribute: "full-width"
   })
-], W.prototype, "fullWidth", 2);
-rt([
+], q.prototype, "fullWidth", 2);
+ot([
   a({ type: String, attribute: "v-align" })
-], W.prototype, "vAlign", 2);
-W = rt([
+], q.prototype, "vAlign", 2);
+q = ot([
   b("ds-modal")
-], W);
+], q);
 const js = (t) => class extends t {
   constructor() {
     super(...arguments), this.inputStates = {
@@ -4915,12 +4920,12 @@ const tn = h`
         display: contents;
     }
 `;
-var en = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, ye = (t, e, i, r) => {
+var en = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, ge = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? sn(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && en(e, i, s), s;
 };
-let gt = class extends js(f) {
+let ft = class extends js(f) {
   constructor() {
     super(...arguments), this.keyboardMode = !1, this.size = "medium", this.helperText = "", this.forcedError = "", this.invalidError = "", this.dataAriaLabelRemoveButton = "", this.handleClickIcon = () => {
       this.nativeInput.value = "", this.nativeInput.focus(), ["input", "change"].forEach(
@@ -4983,31 +4988,31 @@ let gt = class extends js(f) {
     return this.forcedError || !this.inputStates.invalid || !this.invalidError ? c : l`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
   }
 };
-gt.styles = [tn];
-ye([
+ft.styles = [tn];
+ge([
   a({ type: String })
-], gt.prototype, "size", 2);
-ye([
+], ft.prototype, "size", 2);
+ge([
   a({ type: String, attribute: "helper-text" })
-], gt.prototype, "helperText", 2);
-ye([
+], ft.prototype, "helperText", 2);
+ge([
   a({ type: String, attribute: "forced-error" })
-], gt.prototype, "forcedError", 2);
-ye([
+], ft.prototype, "forcedError", 2);
+ge([
   a({ type: String, attribute: "invalid-error" })
-], gt.prototype, "invalidError", 2);
-ye([
+], ft.prototype, "invalidError", 2);
+ge([
   a({ type: String, attribute: "data-aria-label-remove-button" })
-], gt.prototype, "dataAriaLabelRemoveButton", 2);
-gt = ye([
+], ft.prototype, "dataAriaLabelRemoveButton", 2);
+ft = ge([
   b("ds-text-input")
-], gt);
+], ft);
 var rn = Object.defineProperty, on = Object.getOwnPropertyDescriptor, cs = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? on(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && rn(e, i, s), s;
 };
-let Le = class extends gt {
+let Le = class extends ft {
   constructor() {
     super(...arguments), this.dataAriaLabelHideButton = "", this.dataAriaLabelShowButton = "", this.visible = !1, this.handleClickIcon = () => {
       this.visible ? (this.nativeInput.setAttribute("type", "password"), this.visible = !1) : (this.nativeInput.setAttribute("type", "text"), this.visible = !0);
@@ -5048,7 +5053,7 @@ var an = Object.defineProperty, ln = Object.getOwnPropertyDescriptor, We = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && an(e, i, s), s;
 };
-let jt = class extends At(f) {
+let Ft = class extends _t(f) {
   constructor() {
     super(...arguments), this.variant = "without-border", this.size = "medium", this.loading = !1, this.selected = !1;
   }
@@ -5102,28 +5107,28 @@ let jt = class extends At(f) {
         `;
   }
 };
-jt.styles = [nn];
+Ft.styles = [nn];
 We([
   a({ type: String })
-], jt.prototype, "variant", 2);
+], Ft.prototype, "variant", 2);
 We([
   a({ type: String, converter: Fe })
-], jt.prototype, "size", 2);
+], Ft.prototype, "size", 2);
 We([
   a({ type: Boolean, converter: m })
-], jt.prototype, "loading", 2);
+], Ft.prototype, "loading", 2);
 We([
   a({ type: Boolean, converter: m })
-], jt.prototype, "selected", 2);
-jt = We([
+], Ft.prototype, "selected", 2);
+Ft = We([
   b("ds-picker-item")
-], jt);
+], Ft);
 var cn = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, Ei = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? dn(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && cn(e, i, s), s;
 };
-let $s = class extends pt {
+let $s = class extends ut {
   constructor() {
     super(...arguments), this.nodes = [], this.querySelectorText = "body";
   }
@@ -5161,7 +5166,7 @@ var pn = Object.defineProperty, un = Object.getOwnPropertyDescriptor, mn = Objec
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && pn(e, i, s), s;
 }, bn = (t, e, i) => vn(mn(t), i, e);
-let te = class extends Ve {
+let ee = class extends Ve {
   render() {
     return this.show ? l`
                   <style>
@@ -5173,13 +5178,13 @@ let te = class extends Ve {
               ` : c;
   }
 };
-te.styles = [...bn(te, te, "styles"), hn];
+ee.styles = [...bn(ee, ee, "styles"), hn];
 Oi([
   a({ type: Number })
-], te.prototype, "progress", 2);
-te = Oi([
+], ee.prototype, "progress", 2);
+ee = Oi([
   b("ds-progress-bar", { skipTagAsComponentName: !0 })
-], te);
+], ee);
 const yn = h`
     :host {
         display: contents;
@@ -5198,13 +5203,13 @@ const yn = h`
         vertical-align: top;
     }
 `;
-var gn = Object.defineProperty, fn = Object.getOwnPropertyDescriptor, Kt = (t, e, i, r) => {
+var gn = Object.defineProperty, fn = Object.getOwnPropertyDescriptor, Yt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? fn(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && gn(e, i, s), s;
 };
 const zi = Symbol("ds-radio-button-group:disabled"), Ii = Symbol("ds-radio-button-group:error"), Ai = Symbol("ds-radio-button-group:error-text"), _i = Symbol("ds-radio-button-group:helper-text"), Pi = Symbol("ds-radio-button-group:size");
-let ft = class extends f {
+let xt = class extends f {
   constructor() {
     super(...arguments), this.error = !1, this.errorText = "", this.helperText = "", this.disabled = !1, this.size = "medium", this.orientation = "vertical";
   }
@@ -5235,33 +5240,33 @@ let ft = class extends f {
         `;
   }
 };
-ft.styles = [yn];
-Kt([
-  me({ context: Ii }),
+xt.styles = [yn];
+Yt([
+  ve({ context: Ii }),
   a({ type: Boolean, converter: m })
-], ft.prototype, "error", 2);
-Kt([
-  me({ context: Ai }),
+], xt.prototype, "error", 2);
+Yt([
+  ve({ context: Ai }),
   a({ type: String, attribute: "error-text" })
-], ft.prototype, "errorText", 2);
-Kt([
-  me({ context: _i }),
+], xt.prototype, "errorText", 2);
+Yt([
+  ve({ context: _i }),
   a({ type: String, attribute: "helper-text" })
-], ft.prototype, "helperText", 2);
-Kt([
-  me({ context: zi }),
+], xt.prototype, "helperText", 2);
+Yt([
+  ve({ context: zi }),
   a({ type: Boolean, converter: m })
-], ft.prototype, "disabled", 2);
-Kt([
-  me({ context: Pi }),
+], xt.prototype, "disabled", 2);
+Yt([
+  ve({ context: Pi }),
   a({ type: String })
-], ft.prototype, "size", 2);
-Kt([
+], xt.prototype, "size", 2);
+Yt([
   a({ type: String, reflect: !0 })
-], ft.prototype, "orientation", 2);
-ft = Kt([
+], xt.prototype, "orientation", 2);
+xt = Yt([
   b("ds-radio-button-group")
-], ft);
+], xt);
 const xn = h`
     :host {
         display: block;
@@ -5471,7 +5476,7 @@ F([
   y()
 ], B.prototype, "inputMutationObserver", 2);
 F([
-  tt({ slot: "input", selector: "input" })
+  et({ slot: "input", selector: "input" })
 ], B.prototype, "input", 2);
 B = F([
   b("ds-radio-button")
@@ -5490,12 +5495,12 @@ const Sn = h`
         display: contents;
     }
 `;
-var kn = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, ge = (t, e, i, r) => {
+var kn = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, fe = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Tn(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && kn(e, i, s), s;
 };
-let Et = class extends rs(pt) {
+let Ot = class extends rs(ut) {
   constructor() {
     super(...arguments), this.mode = "light", this.size = "large";
   }
@@ -5538,25 +5543,25 @@ let Et = class extends rs(pt) {
         `;
   }
 };
-Et.styles = [Sn];
-ge([
+Ot.styles = [Sn];
+fe([
   a({ type: String })
-], Et.prototype, "name", 2);
-ge([
+], Ot.prototype, "name", 2);
+fe([
   a({ type: String, reflect: !0 })
-], Et.prototype, "value", 2);
-ge([
+], Ot.prototype, "value", 2);
+fe([
   a({ type: String, reflect: !0 })
-], Et.prototype, "mode", 2);
-ge([
+], Ot.prototype, "mode", 2);
+fe([
   a({ type: String })
-], Et.prototype, "size", 2);
-ge([
-  tt({ selector: "ds-radio" })
-], Et.prototype, "radioElements", 2);
-Et = ge([
+], Ot.prototype, "size", 2);
+fe([
+  et({ selector: "ds-radio" })
+], Ot.prototype, "radioElements", 2);
+Ot = fe([
   b("ds-radio-group", { skipTagAsComponentName: !0 })
-], Et);
+], Ot);
 const Cn = h`
     :host {
         display: inline-block;
@@ -5594,12 +5599,12 @@ const Cn = h`
         transform: scale(1);
     }
 `;
-var En = Object.defineProperty, On = Object.getOwnPropertyDescriptor, St = (t, e, i, r) => {
+var En = Object.defineProperty, On = Object.getOwnPropertyDescriptor, kt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? On(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && En(e, i, s), s;
 };
-let Z = class extends f {
+let Q = class extends f {
   constructor() {
     super(...arguments), this.readonly = !1, this.checked = !1, this.disabled = !1, this.mode = "light", this.size = "large", this.handleClickInput = (t) => {
       this.readonly && t.preventDefault();
@@ -5663,45 +5668,45 @@ let Z = class extends f {
         `;
   }
 };
-Z.styles = [Cn];
-St([
+Q.styles = [Cn];
+kt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], Z.prototype, "readonly", 2);
-St([
+], Q.prototype, "readonly", 2);
+kt([
   a({ type: String, reflect: !0 })
-], Z.prototype, "name", 2);
-St([
+], Q.prototype, "name", 2);
+kt([
   a({ type: String })
-], Z.prototype, "value", 2);
-St([
+], Q.prototype, "value", 2);
+kt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], Z.prototype, "checked", 2);
-St([
+], Q.prototype, "checked", 2);
+kt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], Z.prototype, "disabled", 2);
-St([
+], Q.prototype, "disabled", 2);
+kt([
   a({ type: String, reflect: !0 })
-], Z.prototype, "mode", 2);
-St([
+], Q.prototype, "mode", 2);
+kt([
   a({ type: String })
-], Z.prototype, "size", 2);
-St([
+], Q.prototype, "size", 2);
+kt([
   As({ slot: "", flatten: !0 })
-], Z.prototype, "_defaultSlotNodes", 2);
-Z = St([
+], Q.prototype, "_defaultSlotNodes", 2);
+Q = kt([
   b("ds-radio")
-], Z);
+], Q);
 const zn = h`
     :host {
         display: contents;
     }
 `;
-var In = Object.defineProperty, An = Object.getOwnPropertyDescriptor, ct = (t, e, i, r) => {
+var In = Object.defineProperty, An = Object.getOwnPropertyDescriptor, dt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? An(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && In(e, i, s), s;
 };
-let K = class extends js(f) {
+let Y = class extends js(f) {
   constructor() {
     super(...arguments), this.size = "medium", this.variant = "primary", this.loading = !1, this.helperText = "", this.forcedError = "", this.invalidError = "", this.dataAriaLabelRemoveButton = "", this.dataAriaLabelPositionButton = "", this.withPositionButton = !0, this.handleRemove = () => {
       this.nativeInput.value = "", this.nativeInput.focus(), ["input", "change"].forEach(
@@ -5809,37 +5814,37 @@ let K = class extends js(f) {
     return Fs(r) ? l`<span class="char-counter">${((i = this.inputStates.currentValue) == null ? void 0 : i.length) || 0}/${r}</span>` : c;
   }
 };
-K.styles = [zn];
-ct([
+Y.styles = [zn];
+dt([
   a({ type: String })
-], K.prototype, "size", 2);
-ct([
+], Y.prototype, "size", 2);
+dt([
   a({ type: String })
-], K.prototype, "variant", 2);
-ct([
+], Y.prototype, "variant", 2);
+dt([
   a({ type: Boolean, converter: m })
-], K.prototype, "loading", 2);
-ct([
+], Y.prototype, "loading", 2);
+dt([
   a({ type: String, attribute: "helper-text" })
-], K.prototype, "helperText", 2);
-ct([
+], Y.prototype, "helperText", 2);
+dt([
   a({ type: String, attribute: "forced-error" })
-], K.prototype, "forcedError", 2);
-ct([
+], Y.prototype, "forcedError", 2);
+dt([
   a({ type: String, attribute: "invalid-error" })
-], K.prototype, "invalidError", 2);
-ct([
+], Y.prototype, "invalidError", 2);
+dt([
   a({ type: String, attribute: "data-aria-label-remove-button" })
-], K.prototype, "dataAriaLabelRemoveButton", 2);
-ct([
+], Y.prototype, "dataAriaLabelRemoveButton", 2);
+dt([
   a({ type: String, attribute: "data-aria-label-position-button" })
-], K.prototype, "dataAriaLabelPositionButton", 2);
-ct([
+], Y.prototype, "dataAriaLabelPositionButton", 2);
+dt([
   a({ type: Boolean, converter: m, attribute: "with-position-button" })
-], K.prototype, "withPositionButton", 2);
-K = ct([
+], Y.prototype, "withPositionButton", 2);
+Y = dt([
   b("ds-search-input")
-], K);
+], Y);
 const _n = h`
     :host {
         display: block;
@@ -6079,7 +6084,7 @@ L([
   y()
 ], _.prototype, "focused", 2);
 L([
-  lt(".input-field")
+  ct(".input-field")
 ], _.prototype, "inputField", 2);
 _ = L([
   b("ds-search")
@@ -6089,12 +6094,12 @@ const jn = h`
         display: contents;
     }
 `;
-var Fn = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, dt = (t, e, i, r) => {
+var Fn = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, ht = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Rn(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Fn(e, i, s), s;
 };
-let G = class extends At(f) {
+let G = class extends _t(f) {
   constructor() {
     super(...arguments), this.dropdownButtonText = "Menu", this.openItems = !1, this.openCtas = !1, this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
       this.handleScroll();
@@ -6277,34 +6282,34 @@ let G = class extends At(f) {
   }
 };
 G.styles = [jn];
-dt([
+ht([
   a({ type: String, attribute: "dropdown-button-text" })
 ], G.prototype, "dropdownButtonText", 2);
-dt([
+ht([
   a({ type: Number, attribute: "selected-index" })
 ], G.prototype, "selectedIndex", 2);
-dt([
+ht([
   y()
 ], G.prototype, "openItems", 2);
-dt([
+ht([
   y()
 ], G.prototype, "openCtas", 2);
-dt([
+ht([
   y()
 ], G.prototype, "hasScrollLeft", 2);
-dt([
+ht([
   y()
 ], G.prototype, "hasScrollRight", 2);
-dt([
-  tt({ slot: "items" })
+ht([
+  et({ slot: "items" })
 ], G.prototype, "items", 2);
-dt([
-  tt({ slot: "actions" })
+ht([
+  et({ slot: "actions" })
 ], G.prototype, "ctas", 2);
-dt([
-  lt(".items-container")
+ht([
+  ct(".items-container")
 ], G.prototype, "itemsContainer", 2);
-G = dt([
+G = ht([
   b("ds-secondary-navigation")
 ], G);
 const Un = h`
@@ -6361,7 +6366,7 @@ var Vn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, ds = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Vn(e, i, s), s;
 };
-let de = class extends f {
+let he = class extends f {
   constructor() {
     super(...arguments), this.size = "medium", this.fullWidth = !1;
   }
@@ -6397,23 +6402,23 @@ let de = class extends f {
         `;
   }
 };
-de.styles = [Un];
+he.styles = [Un];
 ds([
   a({ type: String })
-], de.prototype, "size", 2);
+], he.prototype, "size", 2);
 ds([
   a({
     type: Boolean,
     converter: m,
     attribute: "full-width"
   })
-], de.prototype, "fullWidth", 2);
+], he.prototype, "fullWidth", 2);
 ds([
-  tt({ slot: "", flatten: !0 })
-], de.prototype, "slottedElements", 2);
-de = ds([
+  et({ slot: "", flatten: !0 })
+], he.prototype, "slottedElements", 2);
+he = ds([
   b("ds-segmented-control")
-], de);
+], he);
 const ws = class {
   static handleKeydownWhenOpen(e, i) {
     switch (this.KEYS_WHEN_OPEN.has(e.key) && e.preventDefault(), e.key) {
@@ -6711,21 +6716,21 @@ R([
   y()
 ], I.prototype, "hasForcedError", 2);
 R([
-  tt({ slot: "", selector: "select", flatten: !0 })
+  et({ slot: "", selector: "select", flatten: !0 })
 ], I.prototype, "nativeSelects", 2);
 R([
-  tt({ slot: "", selector: "label", flatten: !0 })
+  et({ slot: "", selector: "label", flatten: !0 })
 ], I.prototype, "nativeLabels", 2);
 R([
-  tt({ slot: "forced-error", flatten: !0 })
+  et({ slot: "forced-error", flatten: !0 })
 ], I.prototype, "forcedError", 2);
 R([
-  lt(".select")
+  ct(".select")
 ], I.prototype, "displaySelect", 2);
 I = R([
   b("ds-select")
 ], I);
-const Gn = h`
+const Yn = h`
     :host {
         display: inline-block;
     }
@@ -6735,10 +6740,10 @@ const Gn = h`
         cursor: pointer;
     }
 `;
-var Yn = Object.defineProperty, Xn = Object.getOwnPropertyDescriptor, Ni = (t, e, i, r) => {
+var Gn = Object.defineProperty, Xn = Object.getOwnPropertyDescriptor, Ni = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Xn(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
-  return r && s && Yn(e, i, s), s;
+  return r && s && Gn(e, i, s), s;
 };
 let Qe = class extends f {
   get iconTemplate() {
@@ -6773,7 +6778,7 @@ let Qe = class extends f {
         `;
   }
 };
-Qe.styles = [Gn];
+Qe.styles = [Yn];
 Ni([
   a({ type: Boolean, converter: m })
 ], Qe.prototype, "checked", 2);
@@ -6786,7 +6791,7 @@ function ms({ value: t, min: e, max: i }) {
 const ci = (t, e, i = 10) => {
   const r = Math.pow(10, i), s = Math.round(t * r), o = Math.round(e * r);
   return (s + o) / r;
-}, Te = ({ step: t = 1, min: e = 0, max: i = 100, proposedValue: r, role: s, currentValues: o }) => {
+}, Ce = ({ step: t = 1, min: e = 0, max: i = 100, proposedValue: r, role: s, currentValues: o }) => {
   const n = s === "min" ? 1 : 2, d = r;
   let u, g = e, $ = i;
   return Number.isFinite(d) ? (Object.keys(o).forEach((v) => {
@@ -6811,7 +6816,7 @@ const ci = (t, e, i = 10) => {
     :host {
         display: block;
     }
-`, Qn = qt`
+`, Qn = Kt`
     .current-value-container {
         position: relative;
     }
@@ -6820,7 +6825,7 @@ const ci = (t, e, i = 10) => {
         display: inline-flex;
         position: absolute;
     }
-`, ta = qt`
+`, ta = Kt`
     .range-value-container {
         display: flex;
         justify-content: space-between;
@@ -6833,7 +6838,7 @@ const ci = (t, e, i = 10) => {
     .range-value-label:after {
         content: ':';
     }
-`, ea = qt`
+`, ea = Kt`
     .track {
         position: relative;
         cursor: pointer;
@@ -6850,7 +6855,7 @@ const ci = (t, e, i = 10) => {
     .track, .track-range {
         background-clip: content-box;
     }
-`, sa = qt`
+`, sa = Kt`
     .thumb {
         z-index: 2;
         position: absolute;
@@ -6861,7 +6866,7 @@ var ia = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, k = (t, e,
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && ia(e, i, s), s;
 };
-let w = class extends At(f) {
+let w = class extends _t(f) {
   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: i } = this.track.getBoundingClientRect(), r = t.type.indexOf("mouse") !== -1 ? t.clientX : t.touches[0].clientX, s = Math.min(Math.max(0, r - i), e) * 100 / e;
@@ -6871,7 +6876,7 @@ let w = class extends At(f) {
       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";
     }, this.handleMouseMove = (t) => {
       this.animationFrameRequest && cancelAnimationFrame(this.animationFrameRequest), this.animationFrameRequest = requestAnimationFrame(() => {
-        const e = this.getNewValue(t), i = this.activeThumb ?? "min", { stepValue: r } = Te({
+        const e = this.getNewValue(t), i = this.activeThumb ?? "min", { stepValue: r } = Ce({
           step: this.step,
           min: this.min,
           max: this.max,
@@ -6899,7 +6904,7 @@ let w = class extends At(f) {
       const s = r === "min" ? this.valueMin : this.valueMax;
       i.value = String(s ?? ""), this.keyboardMode && i.classList.add("focus-visible");
     }, this.commitInputValue = (t, e) => {
-      const i = t.currentTarget, r = e === 1 ? "min" : "max", { stepValue: s } = Te({
+      const i = t.currentTarget, r = e === 1 ? "min" : "max", { stepValue: s } = Ce({
         step: this.step,
         min: this.min,
         max: this.max,
@@ -6921,7 +6926,7 @@ let w = class extends At(f) {
     }, this.onThumbKeyDown = (t, e) => {
       if (!this.disabled && (t.key === "ArrowLeft" || t.key === "ArrowRight")) {
         t.preventDefault();
-        const i = this.step ?? 1, r = t.key === "ArrowLeft" ? -i : i, s = e === 1 ? "min" : "max", o = (s === "min" ? this.valueMin : this.valueMax) + r, { stepValue: n } = Te({
+        const i = this.step ?? 1, r = t.key === "ArrowLeft" ? -i : i, s = e === 1 ? "min" : "max", o = (s === "min" ? this.valueMin : this.valueMax) + r, { stepValue: n } = Ce({
           step: this.step,
           min: this.min,
           max: this.max,
@@ -6943,7 +6948,7 @@ let w = class extends At(f) {
     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((e) => {
       const i = this[e === "min" ? "initialValueMin" : "initialValueMax"];
       if (typeof i != "number") return;
-      const { stepValue: r } = Te({
+      const { stepValue: r } = Ce({
         step: this.step,
         min: this.min,
         max: this.max,
@@ -7013,7 +7018,7 @@ let w = class extends At(f) {
         `;
   }
   getThumbTemplate(t) {
-    const e = t === 1 ? "min" : "max", i = e === "min" ? this.valueMin : this.valueMax, { minLimit: r, maxLimit: s } = Te({
+    const e = t === 1 ? "min" : "max", i = e === "min" ? this.valueMin : this.valueMax, { minLimit: r, maxLimit: s } = Ce({
       step: this.step,
       min: this.min,
       max: this.max,
@@ -7222,7 +7227,7 @@ k([
   a({ type: String, attribute: "input-max-aria-label" })
 ], w.prototype, "inputMaxAriaLabel", 2);
 k([
-  lt(".track")
+  ct(".track")
 ], w.prototype, "track", 2);
 k([
   y()
@@ -7342,7 +7347,7 @@ const oa = h`
     "icon-button-variant": "primary"
   }
 };
-var da = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, X = (t, e, i, r) => {
+var da = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, J = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? ha(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && da(e, i, s), s;
@@ -7494,43 +7499,43 @@ let D = class extends f {
   }
 };
 D.styles = [oa, na, aa, la];
-X([
+J([
   a({ type: Number, attribute: "selected-tab", reflect: !0 })
 ], D.prototype, "selectedTab", 2);
-X([
+J([
   a({ type: String, reflect: !0 })
 ], D.prototype, "mode", 2);
-X([
+J([
   a({ type: String, reflect: !0 })
 ], D.prototype, "variant", 2);
-X([
+J([
   a({ type: String })
 ], D.prototype, "size", 2);
-X([
+J([
   a({ type: Boolean, converter: m })
 ], D.prototype, "disabled", 2);
-X([
+J([
   y()
 ], D.prototype, "focusedTabIndex", 2);
-X([
-  lt("nav")
+J([
+  ct("nav")
 ], D.prototype, "nav", 2);
-X([
+J([
   y()
 ], D.prototype, "tabs", 2);
-X([
+J([
   y()
 ], D.prototype, "panels", 2);
-X([
+J([
   y()
 ], D.prototype, "hasScrollLeft", 2);
-X([
+J([
   y()
 ], D.prototype, "hasScrollRight", 2);
-D = X([
+D = J([
   b("ds-tabs")
 ], D);
-const pa = qt`
+const pa = Kt`
     :host {
         display: inline-block;
     }
@@ -7540,7 +7545,7 @@ const pa = qt`
         justify-content: center;
         align-items: center;
     }
-`, ua = qt`
+`, ua = Kt`
     .icon.clicable {
         cursor: pointer;
     }
@@ -7550,7 +7555,7 @@ var ma = Object.defineProperty, va = Object.getOwnPropertyDescriptor, Gt = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && ma(e, i, s), s;
 };
-let xt = class extends f {
+let $t = class extends f {
   constructor() {
     super(...arguments), this.show = !0, this.clickableIcon = !1, this.iconPosition = "left", this.color = "black";
   }
@@ -7585,39 +7590,39 @@ let xt = class extends f {
   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;
   }
 };
-xt.styles = [pa, ua];
+$t.styles = [pa, ua];
 Gt([
   a({ type: Boolean, converter: m })
-], xt.prototype, "show", 2);
+], $t.prototype, "show", 2);
 Gt([
   a({
     type: Boolean,
     converter: m,
     attribute: "clickable-icon"
   })
-], xt.prototype, "clickableIcon", 2);
+], $t.prototype, "clickableIcon", 2);
 Gt([
   a({ type: String, attribute: "icon-name" })
-], xt.prototype, "iconName", 2);
+], $t.prototype, "iconName", 2);
 Gt([
   a({ type: String, attribute: "icon-position" })
-], xt.prototype, "iconPosition", 2);
+], $t.prototype, "iconPosition", 2);
 Gt([
   a({ type: String, attribute: "color" })
-], xt.prototype, "color", 2);
+], $t.prototype, "color", 2);
 Gt([
   y()
-], xt.prototype, "onClickHandler", 2);
-xt = Gt([
+], $t.prototype, "onClickHandler", 2);
+$t = Gt([
   b("ds-tag")
-], xt);
+], $t);
 const ba = h`
     :host {
         display: contents;
@@ -7640,12 +7645,12 @@ const ba = h`
         text-transform: uppercase;
     }
 `;
-var ya = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, kt = (t, e, i, r) => {
+var ya = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, Tt = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? ga(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && ya(e, i, s), s;
 };
-let Q = class extends f {
+let tt = class extends f {
   constructor() {
     super(...arguments), this.size = "medium", this.weight = "regular", this.variant = "body", this.mode = "light";
   }
@@ -7681,45 +7686,45 @@ let Q = class extends f {
         `;
   }
 };
-Q.styles = [ba];
-kt([
+tt.styles = [ba];
+Tt([
   a({ type: String })
-], Q.prototype, "size", 2);
-kt([
+], tt.prototype, "size", 2);
+Tt([
   a({ type: String })
-], Q.prototype, "weight", 2);
-kt([
+], tt.prototype, "weight", 2);
+Tt([
   a({ type: String })
-], Q.prototype, "variant", 2);
-kt([
+], tt.prototype, "variant", 2);
+Tt([
   a({ type: String, attribute: "html-tag-name" })
-], Q.prototype, "htmlTagName", 2);
-kt([
+], tt.prototype, "htmlTagName", 2);
+Tt([
   a({ type: String })
-], Q.prototype, "value", 2);
-kt([
+], tt.prototype, "value", 2);
+Tt([
   a({ type: String, reflect: !0 })
-], Q.prototype, "mode", 2);
-kt([
+], tt.prototype, "mode", 2);
+Tt([
   a({ type: String, reflect: !0 })
-], Q.prototype, "color", 2);
-kt([
+], tt.prototype, "color", 2);
+Tt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], Q.prototype, "uppercase", 2);
-Q = kt([
+], tt.prototype, "uppercase", 2);
+tt = Tt([
   b("ds-text")
-], Q);
+], tt);
 const fa = h`
     :host {
         display: contents;
     }
 `;
-var xa = Object.defineProperty, $a = Object.getOwnPropertyDescriptor, fe = (t, e, i, r) => {
+var xa = Object.defineProperty, $a = Object.getOwnPropertyDescriptor, xe = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? $a(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && xa(e, i, s), s;
 };
-let Ot = class extends js(f) {
+let zt = class extends js(f) {
   constructor() {
     super(...arguments), this.keyboardMode = !1, this.size = "medium", this.helperText = "", this.forcedError = "", this.invalidError = "", this.mode = "light";
   }
@@ -7769,25 +7774,25 @@ let Ot = class extends js(f) {
     return this.forcedError || !this.inputStates.invalid || !this.invalidError ? c : l`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
   }
 };
-Ot.styles = [fa];
-fe([
+zt.styles = [fa];
+xe([
   a({ type: String })
-], Ot.prototype, "size", 2);
-fe([
+], zt.prototype, "size", 2);
+xe([
   a({ type: String, attribute: "helper-text" })
-], Ot.prototype, "helperText", 2);
-fe([
+], zt.prototype, "helperText", 2);
+xe([
   a({ type: String, attribute: "forced-error" })
-], Ot.prototype, "forcedError", 2);
-fe([
+], zt.prototype, "forcedError", 2);
+xe([
   a({ type: String, attribute: "invalid-error" })
-], Ot.prototype, "invalidError", 2);
-fe([
+], zt.prototype, "invalidError", 2);
+xe([
   a({ type: String })
-], Ot.prototype, "mode", 2);
-Ot = fe([
+], zt.prototype, "mode", 2);
+zt = xe([
   b("ds-textarea")
-], Ot);
+], zt);
 const wa = {
   cupra: {
     fonts: [
@@ -7813,17 +7818,17 @@ const wa = {
     ]
   }
 };
-var Sa = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, xe = (t, e, i, r) => {
+var Sa = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, $e = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? ka(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Sa(e, i, s), s;
 };
-let Ft = class extends pt {
+let Rt = class extends ut {
   constructor() {
     super(...arguments), this.loadFonts = !0, this.loadStyles = !0, this.cssLoaded = !1, this.loadedFonts = /* @__PURE__ */ new Set();
   }
   updated(t) {
-    super.updated(t), t.has("theme") && (ee.publish("theme", this.theme), window.DS_THEME = this.theme, this.loadThemeFonts(), this.loadThemeStyles().then(() => {
+    super.updated(t), t.has("theme") && (se.publish("theme", this.theme), window.DS_THEME = this.theme, this.loadThemeFonts(), this.loadThemeStyles().then(() => {
       this.cssLoaded = !0;
     }));
   }
@@ -7857,7 +7862,7 @@ let Ft = class extends pt {
   }
   loadThemeStyles() {
     return this.loadStyles ? new Promise((t, e) => {
-      const i = "/1.0.0-canary.4", r = `https://ds-assets.cupra.com${i}/styles/${this.theme}/theme.css`;
+      const i = "/1.0.0-canary.5", r = `https://ds-assets.cupra.com${i}/styles/${this.theme}/theme.css`;
       if (document.head.querySelector(`link[href="${r}"]`)) t();
       else {
         const s = `ui-kit-theme-${i}`, o = document.getElementById(s), n = document.createElement("link");
@@ -7869,36 +7874,36 @@ let Ft = class extends pt {
     return this.cssLoaded ? l`<slot></slot>` : c;
   }
 };
-xe([
+$e([
   a({ type: Boolean, converter: m, attribute: "load-fonts" })
-], Ft.prototype, "loadFonts", 2);
-xe([
+], Rt.prototype, "loadFonts", 2);
+$e([
   a({ type: Boolean, converter: m, attribute: "load-styles" })
-], Ft.prototype, "loadStyles", 2);
-xe([
-  me({ context: ks }),
+], Rt.prototype, "loadStyles", 2);
+$e([
+  ve({ context: ks }),
   a({ type: String })
-], Ft.prototype, "theme", 2);
-xe([
+], Rt.prototype, "theme", 2);
+$e([
   y()
-], Ft.prototype, "cssLoaded", 2);
-xe([
+], Rt.prototype, "cssLoaded", 2);
+$e([
   y()
-], Ft.prototype, "loadedFonts", 2);
-Ft = xe([
+], Rt.prototype, "loadedFonts", 2);
+Rt = $e([
   b("ds-theme-provider")
-], Ft);
+], Rt);
 const Ta = h`
     :host {
         display: contents;
     }
 `;
-var Ca = Object.defineProperty, Ea = Object.getOwnPropertyDescriptor, $e = (t, e, i, r) => {
+var Ca = Object.defineProperty, Ea = Object.getOwnPropertyDescriptor, we = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Ea(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Ca(e, i, s), s;
 };
-let zt = class extends f {
+let It = class extends f {
   constructor() {
     super(...arguments), this.status = "default", this.dataId = "", this.title = "", this.text = "", this.dataTemplate = !0;
   }
@@ -7954,8 +7959,8 @@ let zt = class extends f {
                 ${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>
@@ -7964,27 +7969,27 @@ let zt = class extends f {
         `;
   }
 };
-zt.styles = [Ta];
-$e([
+It.styles = [Ta];
+we([
   a({ type: String })
-], zt.prototype, "status", 2);
-$e([
+], It.prototype, "status", 2);
+we([
   a({ type: String, attribute: "data-id", reflect: !0 })
-], zt.prototype, "dataId", 2);
-$e([
+], It.prototype, "dataId", 2);
+we([
   a({ type: String })
-], zt.prototype, "title", 2);
-$e([
+], It.prototype, "title", 2);
+we([
   a({ type: String })
-], zt.prototype, "text", 2);
-$e([
+], It.prototype, "text", 2);
+we([
   a({ type: Boolean, converter: m, attribute: "data-template", reflect: !0 })
-], zt.prototype, "dataTemplate", 2);
-zt = $e([
+], It.prototype, "dataTemplate", 2);
+It = we([
   b("ds-toast-message")
-], zt);
+], It);
 const Oa = 1e4, za = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : Math.random().toString(36).substring(2);
-class Qt {
+class te {
   constructor() {
     this.toasts = [], this.subscribers = [], this.defaultDuration = Oa, this.handleAddToast = (e) => {
       const { id: i = za(), status: r = "default", duration: s = this.defaultDuration, ...o } = e.detail || {}, n = {
@@ -8007,7 +8012,7 @@ class Qt {
     window.addEventListener("toast:add", this.handleAddToast), window.addEventListener("toast:remove", this.handleRemoveToast);
   }
   static getInstance() {
-    return Qt.instance || (Qt.instance = new Qt()), Qt.instance;
+    return te.instance || (te.instance = new te()), te.instance;
   }
   removeToast(e) {
     const i = this.toasts.find((r) => r.id === e);
@@ -8026,13 +8031,13 @@ class Qt {
     this.subscribers.forEach((i) => i(e));
   }
 }
-const di = Qt.getInstance();
+const di = te.getInstance();
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: Ia } = tr, hi = () => document.createComment(""), Ce = (t, e, i) => {
+const { I: Ia } = tr, hi = () => document.createComment(""), Ee = (t, e, i) => {
   var r;
   const s = t._$AA.parentNode, o = e === void 0 ? t._$AB : e._$AA;
   if (i === void 0) {
@@ -8053,7 +8058,7 @@ const { I: Ia } = tr, hi = () => document.createComment(""), Ce = (t, e, i) => {
     }
   }
   return i;
-}, Nt = (t, e, i = t) => (t._$AI(e, i), t), Aa = {}, _a = (t, e = Aa) => t._$AH = e, Pa = (t) => t._$AH, vs = (t) => {
+}, Bt = (t, e, i = t) => (t._$AI(e, i), t), Aa = {}, _a = (t, e = Aa) => t._$AH = e, Pa = (t) => t._$AH, vs = (t) => {
   t._$AR(), t._$AA.remove();
 };
 /**
@@ -8087,28 +8092,28 @@ const pi = (t, e, i) => {
     let g, $, v = 0, x = s.length - 1, S = 0, T = o.length - 1;
     for (; v <= x && S <= T; ) if (s[v] === null) v++;
     else if (s[x] === null) x--;
-    else if (d[v] === n[S]) u[S] = Nt(s[v], o[S]), v++, S++;
-    else if (d[x] === n[T]) u[T] = Nt(s[x], o[T]), x--, T--;
-    else if (d[v] === n[T]) u[T] = Nt(s[v], o[T]), Ce(t, u[T + 1], s[v]), v++, T--;
-    else if (d[x] === n[S]) u[S] = Nt(s[x], o[S]), Ce(t, s[v], s[x]), x--, S++;
+    else if (d[v] === n[S]) u[S] = Bt(s[v], o[S]), v++, S++;
+    else if (d[x] === n[T]) u[T] = Bt(s[x], o[T]), x--, T--;
+    else if (d[v] === n[T]) u[T] = Bt(s[v], o[T]), Ee(t, u[T + 1], s[v]), v++, T--;
+    else if (d[x] === n[S]) u[S] = Bt(s[x], o[S]), Ee(t, s[v], s[x]), x--, S++;
     else if (g === void 0 && (g = pi(n, S, T), $ = pi(d, v, x)), g.has(d[v])) if (g.has(d[x])) {
-      const z = $.get(n[S]), ht = z !== void 0 ? s[z] : null;
-      if (ht === null) {
-        const Se = Ce(t, s[v]);
-        Nt(Se, o[S]), u[S] = Se;
-      } else u[S] = Nt(ht, o[S]), Ce(t, s[v], ht), s[z] = null;
+      const z = $.get(n[S]), pt = z !== void 0 ? s[z] : null;
+      if (pt === null) {
+        const ke = Ee(t, s[v]);
+        Bt(ke, o[S]), u[S] = ke;
+      } else u[S] = Bt(pt, o[S]), Ee(t, s[v], pt), s[z] = null;
       S++;
     } else vs(s[x]), x--;
     else vs(s[v]), v++;
     for (; S <= T; ) {
-      const z = Ce(t, u[T + 1]);
-      Nt(z, o[S]), u[S++] = z;
+      const z = Ee(t, u[T + 1]);
+      Bt(z, o[S]), u[S++] = z;
     }
     for (; v <= x; ) {
       const z = s[v++];
       z !== null && vs(z);
     }
-    return this.ut = n, _a(t, u), ut;
+    return this.ut = n, _a(t, u), mt;
   }
 }), Ba = h`
     :host {
@@ -8299,7 +8304,7 @@ var ja = Object.defineProperty, Fa = Object.getOwnPropertyDescriptor, qe = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && ja(e, i, s), s;
 };
-let he = class extends O {
+let pe = class extends O {
   constructor() {
     super(...arguments), this.checked = !1, this.checkedText = "", this.uncheckedText = "", this.rounded = !0;
   }
@@ -8333,28 +8338,28 @@ let he = class extends O {
                 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>
         `;
   }
 };
 qe([
   a({ type: Boolean, converter: m, reflect: !0 })
-], he.prototype, "checked", 2);
+], pe.prototype, "checked", 2);
 qe([
   a({ type: String, attribute: "checked-text" })
-], he.prototype, "checkedText", 2);
+], pe.prototype, "checkedText", 2);
 qe([
   a({ type: String, attribute: "unchecked-text" })
-], he.prototype, "uncheckedText", 2);
+], pe.prototype, "uncheckedText", 2);
 qe([
   a({ type: Boolean, converter: m })
-], he.prototype, "rounded", 2);
-he = qe([
+], pe.prototype, "rounded", 2);
+pe = qe([
   b("ds-toggle-button", { skipTagAsComponentName: !0, extendComponentNames: ["ds-button"] })
-], he);
+], pe);
 const Ra = h`
     .container {
         display: flex;
@@ -8395,12 +8400,12 @@ const Ra = h`
         transition: left 200ms ease-in-out;
     }
 `;
-var Ua = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, we = (t, e, i, r) => {
+var Ua = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, Se = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Va(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Ua(e, i, s), s;
 };
-let It = class extends f {
+let At = class extends f {
   constructor() {
     super(...arguments), this.size = "medium", this.checked = !1, this.disabled = !1, this.mode = "light";
   }
@@ -8463,25 +8468,25 @@ let It = class extends f {
         `;
   }
 };
-It.styles = [Ra];
-we([
+At.styles = [Ra];
+Se([
   a({ type: String })
-], It.prototype, "size", 2);
-we([
+], At.prototype, "size", 2);
+Se([
   a({ type: Boolean, converter: m, reflect: !0 })
-], It.prototype, "checked", 2);
-we([
+], At.prototype, "checked", 2);
+Se([
   a({ type: Boolean, converter: m, reflect: !0 })
-], It.prototype, "disabled", 2);
-we([
+], At.prototype, "disabled", 2);
+Se([
   a({ type: String, reflect: !0 })
-], It.prototype, "mode", 2);
-we([
+], At.prototype, "mode", 2);
+Se([
   a({ type: String, attribute: "data-aria-label" })
-], It.prototype, "dataAriaLabel", 2);
-It = we([
+], At.prototype, "dataAriaLabel", 2);
+At = Se([
   b("ds-toggle-switch")
-], It);
+], At);
 const Ha = h`
     :host {
         position: relative;
@@ -8636,12 +8641,12 @@ const Ha = h`
         transform: none;
     }
 `;
-var Ka = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, q = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Ga(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+var Ka = Object.defineProperty, Ya = Object.getOwnPropertyDescriptor, K = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ya(e, i) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Ka(e, i, s), s;
 };
-let M = class extends At(f) {
+let M = class extends _t(f) {
   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 = Ss({ func: () => this.requestUpdate() }), this.handleClickOutside = (t) => {
       var e;
@@ -8779,46 +8784,46 @@ let M = class extends At(f) {
   }
 };
 M.styles = [Ha, Wa, qa];
-q([
+K([
   a({ type: String, reflect: !0 })
 ], M.prototype, "mode", 2);
-q([
+K([
   a({ type: String, attribute: "title-text" })
 ], M.prototype, "titleText", 2);
-q([
+K([
   a({ type: String, attribute: "body-text" })
 ], M.prototype, "bodyText", 2);
-q([
+K([
   a({ type: String })
 ], M.prototype, "position", 2);
-q([
+K([
   a({ type: String })
 ], M.prototype, "align", 2);
-q([
+K([
   a({ type: String, attribute: "cancel-button-text" })
 ], M.prototype, "cancelButtonText", 2);
-q([
+K([
   a({ type: String, attribute: "confirm-button-text" })
 ], M.prototype, "confirmButtonText", 2);
-q([
+K([
   a({ type: Boolean, reflect: !0, converter: m })
 ], M.prototype, "show", 2);
-q([
+K([
   a({ type: Number, attribute: "z-index" })
 ], M.prototype, "zIndex", 2);
-q([
+K([
   a({ type: String, attribute: "body-width" })
 ], M.prototype, "bodyWidth", 2);
-q([
-  lt(".tooltip")
+K([
+  ct(".tooltip")
 ], M.prototype, "tooltip", 2);
-q([
-  lt(".arrow")
+K([
+  ct(".arrow")
 ], M.prototype, "arrow", 2);
-M = q([
+M = K([
   b("ds-tooltip")
 ], M);
-const Ya = h`
+const Ga = h`
     :host {
         display: contents;
     }
@@ -8828,7 +8833,7 @@ var Xa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, Ke = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Xa(e, i, s), s;
 };
-let Rt = class extends f {
+let Ut = class extends f {
   constructor() {
     super(...arguments), this.size = "medium", this.disabled = !1;
   }
@@ -8880,9 +8885,9 @@ let Rt = class extends f {
             ${this.styleTokens}
             <div
                 class=${p(this.classes)}
-                title=${ze(this.name)}
+                title=${U(this.name)}
                 aria-label=${`Open ${this.name ? this.name + "'s " : ""}profile menu`}
-                aria-disabled=${ze(this.disabled ? "true" : void 0)}
+                aria-disabled=${U(this.disabled ? "true" : void 0)}
                 role="button"
                 tabindex=${this.disabled ? -1 : 0}
                 @keydown=${this.handleKeyDown}
@@ -8894,22 +8899,22 @@ let Rt = class extends f {
         `;
   }
 };
-Rt.styles = [Ya];
+Ut.styles = [Ga];
 Ke([
   a({ type: String })
-], Rt.prototype, "size", 2);
+], Ut.prototype, "size", 2);
 Ke([
   a({ type: String })
-], Rt.prototype, "name", 2);
+], Ut.prototype, "name", 2);
 Ke([
   a({ type: Boolean, converter: m, reflect: !0 })
-], Rt.prototype, "disabled", 2);
+], Ut.prototype, "disabled", 2);
 Ke([
-  tt({ slot: "media", selector: "img" })
-], Rt.prototype, "assignedImages", 2);
-Rt = Ke([
+  et({ slot: "media", selector: "img" })
+], Ut.prototype, "assignedImages", 2);
+Ut = Ke([
   b("ds-avatar")
-], Rt);
+], Ut);
 const Za = h`
     :host {
         display: contents;
@@ -8971,7 +8976,7 @@ var sl = Object.defineProperty, il = Object.getOwnPropertyDescriptor, hs = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && sl(e, i, s), s;
 };
-let pe = class extends At(f) {
+let ue = class extends _t(f) {
   constructor() {
     super(...arguments), this.size = "medium";
   }
@@ -9015,19 +9020,19 @@ let pe = class extends At(f) {
         `;
   }
 };
-pe.styles = [el];
+ue.styles = [el];
 hs([
   a({ type: String, converter: Fe })
-], pe.prototype, "size", 2);
+], ue.prototype, "size", 2);
 hs([
   As({ slot: "header", flatten: !0 })
-], pe.prototype, "headerItems", 2);
+], ue.prototype, "headerItems", 2);
 hs([
   As({ slot: "footer", flatten: !0 })
-], pe.prototype, "footerItems", 2);
-pe = hs([
+], ue.prototype, "footerItems", 2);
+ue = hs([
   b("ds-static-box")
-], pe);
+], ue);
 const rl = h`
     :host {
         display: contents;
@@ -9038,7 +9043,7 @@ var ol = Object.defineProperty, nl = Object.getOwnPropertyDescriptor, ps = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && ol(e, i, s), s;
 };
-let ue = class extends f {
+let me = class extends f {
   constructor() {
     super(...arguments), this.size = "medium", this.selected = !1, this.error = !1, this.handleClick = (t) => {
       t.stopPropagation();
@@ -9098,19 +9103,19 @@ let ue = class extends f {
         `;
   }
 };
-ue.styles = [rl];
+me.styles = [rl];
 ps([
   a({ type: String })
-], ue.prototype, "size", 2);
+], me.prototype, "size", 2);
 ps([
   a({ type: Boolean, converter: m })
-], ue.prototype, "selected", 2);
+], me.prototype, "selected", 2);
 ps([
   a({ type: Boolean, converter: m })
-], ue.prototype, "error", 2);
-ue = ps([
+], me.prototype, "error", 2);
+me = ps([
   b("ds-interactive-card")
-], ue);
+], me);
 const al = h`
     :host {
         display: contents;
@@ -9214,7 +9219,7 @@ Vs([
   y()
 ], je.prototype, "open", 2);
 Vs([
-  tt({ slot: "main-cta", selector: "ds-button", flatten: !0 })
+  et({ slot: "main-cta", selector: "ds-button", flatten: !0 })
 ], je.prototype, "mainCtas", 2);
 je = Vs([
   b("ds-sidebar-navigation")