@cupra/ui-react 0.1.0-canary.0 → 1.0.0-canary.10

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
@@ -92,7 +92,7 @@ let Li = class extends Event {
     }, this.onProviderRequest = (o) => {
       if (o.context !== this.context || (o.contextTarget ?? o.composedPath()[0]) === this.host) return;
       const n = /* @__PURE__ */ new Set();
-      for (const [h, { consumerHost: u }] of this.subscriptions) n.has(h) || (n.add(h), u.dispatchEvent(new ui(this.context, u, h, !0)));
+      for (const [d, { consumerHost: u }] of this.subscriptions) n.has(d) || (n.add(d), u.dispatchEvent(new ui(this.context, u, d, !0)));
       o.stopPropagation();
     }, this.host = t, e.context !== void 0 ? this.context = e.context : this.context = e, this.attachListeners(), (s = (r = this.host).addController) == null || s.call(r, this);
   }
@@ -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() {
@@ -128,13 +128,13 @@ function me({ context: t }) {
         const n = /* @__PURE__ */ new WeakMap();
         o = { get() {
           return n.get(this);
-        }, set(h) {
-          r.get(this).setValue(h), n.set(this, h);
+        }, set(d) {
+          r.get(this).setValue(d), n.set(this, d);
         }, configurable: !0, enumerable: !0 };
       } else {
         const n = s.set;
-        o = { ...s, set(h) {
-          r.get(this).setValue(h), n == null || n.call(this, h);
+        o = { ...s, set(d) {
+          r.get(this).setValue(d), n == null || n.call(this, d);
         } };
       }
       return void Object.defineProperty(e, i, o);
@@ -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,7 +183,7 @@ class Xt {
     });
   }
 }
-const ee = Xt.getInstance();
+const se = Jt.getInstance();
 class Zt {
   constructor() {
     this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({
@@ -191,7 +191,7 @@ class Zt {
       theme: i
     }) => {
       if (!i || !e) return;
-      const r = `https://ds-assets.cupra.com/0.2.0-canary.0/styles/${i}/components/${e}.css`, s = this.getCachedStyleSheetPromise({ url: r });
+      const r = `https://ds-assets.cupra.com/1.0.0-canary.7/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);
@@ -218,7 +218,7 @@ const Mi = Zt.getInstance();
  * 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.");
@@ -237,7 +237,7 @@ let vi = class {
     return this.cssText;
   }
 };
-const bi = (t) => new vi(typeof t == "string" ? t : t + "", void 0, Cs), d = (t, ...e) => {
+const bi = (t) => new vi(typeof t == "string" ? t : t + "", void 0, Cs), h = (t, ...e) => {
   const i = t.length === 1 ? t[0] : e.reduce(((r, s, o) => r + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
@@ -247,7 +247,7 @@ const bi = (t) => new vi(typeof t == "string" ? t : t + "", void 0, Cs), d = (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), d = (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,9 +407,9 @@ 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), h = 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 = h.fromAttribute(e, n.type);
+      const u = d.fromAttribute(e, n.type);
       this[o] = u ?? ((r = this._$Ej) == null ? void 0 : r.get(o)) ?? u, this._$Em = null;
     }
   }
@@ -448,8 +448,8 @@ let Yt = class extends HTMLElement {
       }
       const r = this.constructor.elementProperties;
       if (r.size > 0) for (const [s, o] of r) {
-        const { wrapped: n } = o, h = this[s];
-        n !== !0 || this._$AL.has(s) || h === void 0 || this.C(s, void 0, o, h);
+        const { wrapped: n } = o, d = this[s];
+        n !== !0 || this._$AL.has(s) || d === void 0 || this.C(s, void 0, o, d);
       }
     }
     let e = !1;
@@ -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, Ze = Xe.trustedTypes, Xs = Ze ? Ze.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, Zs = /-->/g, Js = />/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;
-  for (let h = 0; h < i; h++) {
-    const u = t[h];
+  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 = Zs : $[1] !== void 0 ? n = Js : $[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 === Zs || n === Js ? n = ke : (n = Pt, s = void 0);
-    const S = n === Pt && t[h + 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 ? h : 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 h = 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 < h; ) {
+    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);
-          u.push({ type: 1, index: o, name: T[2], strings: S, ctor: T[1] === "." ? Xi : T[1] === "?" ? Zi : T[1] === "@" ? Ji : ts }), s.removeAttribute(v);
-        } else v.startsWith(Tt) && (u.push({ type: 6, index: o }), s.removeAttribute(v));
+          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(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 = Ze ? Ze.emptyScript : "";
-            for (let S = 0; S < x; S++) s.append(v[S], Ae()), Lt.nextNode(), u.push({ type: 2, index: ++o });
+            s.textContent = Je ? Je.emptyScript : "";
+            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 h = _e(e) ? void 0 : e._$litDirective$;
-  return (n == null ? void 0 : n.constructor) !== h && ((o = n == null ? void 0 : n._$AO) == null || o.call(n, !1), h === void 0 ? n = void 0 : (n = new h(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;
+  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 = 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, h = i[0];
-    for (; h !== void 0; ) {
-      if (o === h.index) {
+    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;
-        h.type === 2 ? u = new ve(s, s.nextSibling, this, t) : h.type === 1 ? u = new h.ctor(s, h.name, h.strings, this, t) : h.type === 6 && (u = new Qi(s, this, t)), this._$AV.push(u), h = 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 !== (h == null ? void 0 : h.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,15 +619,15 @@ 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), h = n.u(this.options);
-      n.p(r), this.T(h), this._$AH = n;
+      const n = new Gi(o, this), d = n.u(this.options);
+      n.p(r), this.T(d), this._$AH = n;
     }
   }
   _$AC(e) {
@@ -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 h = e;
+      const d = e;
       let u, g;
-      for (e = o[0], u = 0; u < o.length - 1; u++) g = ie(this, h[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);
   }
@@ -686,7 +686,7 @@ class Xi extends ts {
     this.element[this.name] = e === c ? void 0 : e;
   }
 }
-class Zi extends ts {
+class Ji extends ts {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -694,12 +694,12 @@ class Zi extends ts {
     this.element.toggleAttribute(this.name, !!e && e !== c);
   }
 }
-class Ji extends ts {
+class Zi extends ts {
   constructor(e, i, r, s, o) {
     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,36 +758,36 @@ 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") {
     const { name: n } = i;
-    return { set(h) {
+    return { set(d) {
       const u = e.get.call(this);
-      e.set.call(this, h), this.requestUpdate(n, u, t);
-    }, init(h) {
-      return h !== void 0 && this.C(n, void 0, t, h), h;
+      e.set.call(this, d), this.requestUpdate(n, u, t);
+    }, init(d) {
+      return d !== void 0 && this.C(n, void 0, t, d), d;
     } };
   }
   if (r === "setter") {
     const { name: n } = i;
-    return function(h) {
+    return function(d) {
       const u = this[n];
-      e.call(this, h), this.requestUpdate(n, u, t);
+      e.call(this, d), this.requestUpdate(n, u, t);
     };
   }
   throw Error("Unsupported decorator location: " + r);
@@ -817,11 +817,11 @@ 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 h;
-      return ((h = n.renderRoot) == null ? void 0 : h.querySelector(t)) ?? null;
+      var d;
+      return ((d = n.renderRoot) == null ? void 0 : d.querySelector(t)) ?? null;
     };
     return Is(i, r, { get() {
       return o(this);
@@ -833,12 +833,12 @@ 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() {
       var n;
-      const h = (n = this.renderRoot) == null ? void 0 : n.querySelector(o), u = (h == null ? void 0 : h.assignedElements(t)) ?? [];
+      const d = (n = this.renderRoot) == null ? void 0 : n.querySelector(o), u = (d == null ? void 0 : d.assignedElements(t)) ?? [];
       return s === void 0 ? u : u.filter(((g) => g.matches(s)));
     } });
   };
@@ -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 = d`: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 = d`: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();
@@ -903,11 +903,11 @@ const or = d`:host([unresolved]){visibility:hidden}`, _s = class wi extends pt {
         this.appliedConstructables = [], this.appliedStyleTags.forEach((n) => n.remove()), this.appliedStyleTags = [], i.forEach((n) => {
           if (n)
             if (r) {
-              const h = new CSSStyleSheet();
-              h.replaceSync(n), this.appliedConstructables.push(h);
+              const d = new CSSStyleSheet();
+              d.replaceSync(n), this.appliedConstructables.push(d);
             } else {
-              const h = document.createElement("style");
-              h.textContent = n, this.shadowRoot.appendChild(h), this.appliedStyleTags.push(h);
+              const d = document.createElement("style");
+              d.textContent = n, this.shadowRoot.appendChild(d), this.appliedStyleTags.push(d);
             }
         }), r && (this.shadowRoot.adoptedStyleSheets = [...o, ...this.appliedConstructables]);
       } catch (i) {
@@ -925,7 +925,7 @@ $i([
   y()
 ], _s.prototype, "pubSubTheme");
 let f = _s;
-const nr = d`
+const nr = h`
     :host {
         display: block;
         width: 100%;
@@ -1009,20 +1009,21 @@ const nr = d`
  * 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}
@@ -1092,15 +1093,15 @@ function b(t, e) {
       throw new TypeError("@customUiKitElement requires a class that extends HTMLElement.");
     const n = `${t}-react`;
     if (customElements.get(n)) return;
-    let h = e != null && e.skipTagAsComponentName ? [] : [t];
-    Array.isArray(e == null ? void 0 : e.extendComponentNames) && (h = [...e.extendComponentNames, ...h]), (o = (r = window == null ? void 0 : window.customElements) == null ? void 0 : r.define) == null || o.call(
+    let d = e != null && e.skipTagAsComponentName ? [] : [t];
+    Array.isArray(e == null ? void 0 : e.extendComponentNames) && (d = [...e.extendComponentNames, ...d]), (o = (r = window == null ? void 0 : window.customElements) == null ? void 0 : r.define) == null || o.call(
       r,
       n,
       (s = class extends i {
         constructor() {
           super(...arguments), this.componentFactory = ar;
         }
-      }, s.componentName = h, s)
+      }, s.componentName = d, s)
     );
   };
 }
@@ -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-v0-2-0-canary-0"), r = es(i);
+  const i = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-7"), 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,29 +1269,29 @@ 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);
-const hr = d`
+], vt);
+const dr = h`
     :host {
         display: block;
         width: 100%;
@@ -1305,12 +1310,12 @@ const hr = d`
         cursor: auto;
     }
 `;
-var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, ss = (t, e, i, r) => {
+var hr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, ss = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? pr(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 && dr(e, i, 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 = [hr];
+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,10 +1425,10 @@ 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 = d`
+const ur = h`
     :host {
         display: contents;
     }
@@ -1443,7 +1448,7 @@ const ur = d`
     .button.full-width {
         width: 100%;
     }
-`, mr = d`
+`, mr = h`
     .text.container {
         display: inline-flex;
     }
@@ -1453,7 +1458,7 @@ const ur = d`
         text-overflow: ellipsis;
         white-space: nowrap;
     }
-`, vr = d`
+`, vr = h`
     .loading-dots {
         display: inline-flex;
         align-items: baseline;
@@ -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>
                     `;
         }
@@ -1708,7 +1713,7 @@ P([
 O = P([
   b("ds-button")
 ], O);
-const gr = d`
+const gr = h`
     :host {
         display: flex;
         width: 100%;
@@ -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;
   }
@@ -1741,12 +1746,12 @@ let oe = class extends f {
       let r = !1;
       const s = this.selectedIndex >= 3 && this.selectedIndex < this.selectorsNumber - 3, o = this.selectedIndex < 3, n = this.selectedIndex >= this.selectorsNumber - 3;
       e && (s && (i < this.selectedIndex - 3 || i > this.selectedIndex + 3) || o && i >= 5 || n && i < this.selectorsNumber - 5) && (r = e);
-      const h = {
+      const d = {
         selector: !0,
         selected: i === this.selectedIndex,
         hidden: r
       };
-      t.push(l` <div class=${p(h)}></div> `);
+      t.push(l` <div class=${p(d)}></div> `);
     }
     return t;
   }
@@ -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) {
@@ -1779,7 +1784,7 @@ const rs = (t) => {
     }
   };
   return e.formAssociated = !0, e;
-}, $r = d`
+}, $r = h`
     :host {
         display: block;
         width: 100%;
@@ -1960,7 +1965,7 @@ j([
 N = j([
   b("ds-checkbox")
 ], N);
-const kr = d`
+const kr = h`
     :host {
         display: inline-block;
     }
@@ -1978,12 +1983,12 @@ const kr = d`
         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 [];
@@ -2109,11 +2114,7 @@ const Er = {
   toAttribute(t) {
     return JSON.stringify(t);
   }
-}, Or = d`
-    :host {
-        display: inline-block;
-    }
-
+}, Or = h`
     .container {
         display: inline-flex;
         position: relative;
@@ -2184,7 +2185,7 @@ 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;
@@ -2284,31 +2285,31 @@ let Z = class extends f {
   }
 };
 Z.styles = [Or];
-$t([
+wt([
   a({ type: Array, attribute: "selected-chips", converter: Er, reflect: !0 })
 ], Z.prototype, "selectedChips", 2);
-$t([
+wt([
   a({ type: Boolean, attribute: "multi-choice", converter: m })
 ], Z.prototype, "multiChoice", 2);
-$t([
+wt([
   a({ type: String })
 ], Z.prototype, "size", 2);
-$t([
+wt([
   a({ type: String, reflect: !0 })
 ], Z.prototype, "mode", 2);
-$t([
+wt([
   y()
 ], Z.prototype, "hasScrollLeft", 2);
-$t([
+wt([
   y()
 ], Z.prototype, "hasScrollRight", 2);
-$t([
-  tt({ slot: "" })
+wt([
+  et({ slot: "" })
 ], Z.prototype, "chips", 2);
-$t([
-  lt(".chips-container")
+wt([
+  ct(".chips-container")
 ], Z.prototype, "chipsContainer", 2);
-Z = $t([
+Z = wt([
   b("ds-chips")
 ], Z);
 function Si({
@@ -2319,7 +2320,7 @@ function Si({
   currency: s,
   localeMatcher: o = "lookup",
   minimumIntegerDigits: n = 1,
-  minimumFractionDigits: h = 0,
+  minimumFractionDigits: d = 0,
   maximumFractionDigits: u = 20,
   thousandSeparator: g,
   fractionSeparator: $,
@@ -2332,28 +2333,28 @@ function Si({
     ...s && { currency: s },
     localeMatcher: o,
     minimumIntegerDigits: n,
-    minimumFractionDigits: h,
+    minimumFractionDigits: d,
     maximumFractionDigits: u,
     useGrouping: v
   }).formatToParts(t ?? 0);
-  return z.forEach((dt, Se) => {
-    switch (dt.type) {
+  return z.forEach((pt, ke) => {
+    switch (pt.type) {
       case "unit":
       case "currency":
       case "percentSign":
-        S = dt.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 ?? dt.value;
+        x += g ?? pt.value;
         break;
       case "decimal":
-        x += $ ?? dt.value;
+        x += $ ?? pt.value;
         break;
       case "integer":
       case "fraction":
       case "plusSign":
       case "minusSign":
-        x += dt.value;
+        x += pt.value;
         break;
     }
   }), {
@@ -2362,7 +2363,7 @@ function Si({
     ...T && { unitSymbolPosition: T }
   };
 }
-const Ar = d`
+const Ar = h`
     :host {
         display: inline;
     }
@@ -2499,7 +2500,7 @@ A([
 E = A([
   b("ds-currency")
 ], E);
-const Nr = d`
+const Nr = h`
     :host {
         display: inline-block;
     }
@@ -2539,7 +2540,7 @@ gs.styles = [Nr];
 gs = Br([
   b("ds-dialog-body")
 ], gs);
-const Lr = d`
+const Lr = h`
     :host {
         display: flex;
     }
@@ -2553,7 +2554,7 @@ var Mr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, ki = (t, e
     (n = t[o]) && (s = (r ? n(e, i, s) : n(s)) || s);
   return r && s && Mr(e, i, s), s;
 };
-let Je = class extends f {
+let Ze = class extends f {
   constructor() {
     super(...arguments), this.withDivider = !0;
   }
@@ -2572,18 +2573,18 @@ let Je = class extends f {
         `;
   }
 };
-Je.styles = [Lr];
+Ze.styles = [Lr];
 ki([
   a({
     type: Boolean,
     attribute: "with-divider",
     converter: m
   })
-], Je.prototype, "withDivider", 2);
-Je = ki([
+], Ze.prototype, "withDivider", 2);
+Ze = ki([
   b("ds-dialog-footer")
-], Je);
-const jr = d`
+], Ze);
+const jr = h`
     :host {
         display: block;
     }
@@ -2593,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;
   }
@@ -2631,27 +2632,27 @@ 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: d`@media(min-width: ${Bt.xs}px)`,
-  s: d`@media(min-width: ${Bt.s}px)`,
-  m: d`@media(min-width: ${Bt.m}px)`,
-  l: d`@media(min-width: ${Bt.l}px)`,
-  xl: d`@media(min-width: ${Bt.xl}px)`,
-  xxl: d`@media(min-width: ${Bt.xxl}px)`
-}, Ur = d`
+], 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;
     }
@@ -2709,7 +2710,7 @@ const U = {
         background-color: transparent;
     }
 
-    ${U.xs} {
+    ${V.xs} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 4px;
@@ -2717,7 +2718,7 @@ const U = {
         }
     }
 
-    ${U.m} {
+    ${V.m} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 8px;
@@ -2725,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();
@@ -2798,26 +2799,26 @@ 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);
-const Wr = d`
+], Et);
+const Wr = h`
     .divider {
         border: none;
         margin: 0;
@@ -2828,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";
   }
@@ -2856,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 = d`
+], le);
+const Yr = h`
     :host {
         display: inline-flex;
     }
@@ -2884,12 +2885,12 @@ const Gr = d`
         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";
   }
@@ -2942,29 +2943,29 @@ 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);
-const Zr = d`
+], yt);
+const Jr = h`
     :host {
         display: inline-flex;
     }
@@ -2981,12 +2982,12 @@ const Zr = d`
         padding: 0;
     }
 `;
-var Jr = 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 && Jr(e, i, 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";
   }
@@ -3069,50 +3070,50 @@ let V = class extends At(f) {
         `;
   }
 };
-V.styles = [Zr];
-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 Jt {
+], 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 Jt.instance || (Jt.instance = new Jt()), Jt.instance;
+    return Qt.instance || (Qt.instance = new Qt()), Qt.instance;
   }
   getCachedIcon(e) {
     return this.icons[e];
@@ -3124,22 +3125,22 @@ class Jt {
     }).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 = Jt.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();
@@ -3182,44 +3183,44 @@ let yt = class extends f {
         `;
   }
 };
-Ee = /* @__PURE__ */ new WeakMap();
-yt.styles = d`
+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();
@@ -3245,7 +3246,7 @@ Ls([
 Ls([
   y()
 ], Ue.prototype, "theme");
-const oo = d`
+const oo = h`
     :host {
         display: block;
         width: 100%;
@@ -3268,7 +3269,7 @@ const oo = d`
             font-size 0.2s;
         white-space: nowrap;
     }
-`, no = d`
+`, no = h`
     .container {
         position: relative;
     }
@@ -3299,7 +3300,7 @@ const oo = d`
     .input-field:focus {
         outline: none;
     }
-`, ao = d`
+`, ao = h`
     .container {
         padding: 16px 0 0 0;
     }
@@ -3416,7 +3417,7 @@ const oo = d`
         --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;
@@ -3478,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;
@@ -3612,34 +3613,34 @@ 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);
-const uo = d`
+], at);
+const uo = h`
     :host {
         display: inline-flex;
     }
@@ -3656,12 +3657,12 @@ const uo = d`
         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";
   }
@@ -3728,41 +3729,41 @@ 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);
-const bo = d`
+], W);
+const bo = h`
     .track {
         width: 100%;
         position: relative;
@@ -3776,7 +3777,7 @@ const bo = d`
         height: 100%;
         display: block;
     }
-`, yo = d`
+`, yo = h`
     .track.large {
         height: 4px;
     }
@@ -3795,7 +3796,7 @@ const bo = d`
     .dark .fill {
         background-color: var(--ds-color-white);
     }
-`, go = [yo], fo = d`
+`, go = [yo], fo = h`
     .track.large {
         height: 4px;
     }
@@ -3814,7 +3815,7 @@ const bo = d`
     .dark .fill {
         background-color: var(--ds-color-white);
     }
-`, xo = [fo], $o = d``, wo = [$o];
+`, xo = [fo], $o = h``, wo = [$o];
 var So = Object.defineProperty, Ms = (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);
@@ -3864,7 +3865,7 @@ Ms([
 Ms([
   a({ type: String })
 ], Ve.prototype, "size");
-const ko = d`
+const ko = h`
     .fill {
         width: 33%;
         transform: translateX(-100%);
@@ -3894,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-v0-2-0-canary-0"), r = bi(i);
-  return d`${r}`;
+function Kt(t, ...e) {
+  const i = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-7"), r = bi(i);
+  return h`${r}`;
 }
-const zo = qt`
+const zo = Kt`
     .container {
         display: inline-flex;
         justify-content: center;
@@ -3934,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";
   }
@@ -3965,20 +3966,20 @@ 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);
-const _o = d`
+], ce);
+const _o = h`
     .backdrop {
         display: flex;
         position: fixed;
@@ -4043,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";
   }
@@ -4076,23 +4077,23 @@ 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);
-const Bo = d`
+], jt);
+const Bo = h`
     :host {
         display: contents;
     }
@@ -4109,7 +4110,7 @@ const Bo = d`
     .container.default ::slotted([slot='text']) {
         display: none;
     }
-`, Lo = d`
+`, Lo = h`
     .spinner {
         width: 24px;
         height: 24px;
@@ -4146,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";
   }
@@ -4169,24 +4170,24 @@ 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);
-const Fo = d`
+], de);
+const Fo = h`
     :host {
         display: contents;
     }
-`, Ro = d`
+`, Ro = h`
     .container {
         display: grid;
         grid-template-columns: auto auto;
@@ -4249,7 +4250,7 @@ Ds([
 Be = Ds([
   b("ds-logo")
 ], Be);
-const Ho = d`
+const Ho = h`
     :host {
         display: inline-block;
     }
@@ -4285,12 +4286,12 @@ const Ho = d`
         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;
   }
@@ -4364,32 +4365,32 @@ 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);
-const Ko = d`
+], lt);
+const Ko = h`
     :host {
         transition: display 300ms ease allow-discrete;
     }
@@ -4459,7 +4460,7 @@ const Ko = d`
         grid-area: confirmButton;
     }
 
-    ${U.m} {
+    ${V.m} {
         .content-container.full-width {
             max-width: 700px;
         }
@@ -4490,7 +4491,7 @@ const Ko = d`
         }
     }
 
-    ${U.l} {
+    ${V.l} {
         .content-container.full-width {
             max-width: 952px;
         }
@@ -4508,7 +4509,7 @@ const Ko = d`
         }
     }
 
-    ${U.xl} {
+    ${V.xl} {
         .content-container.full-width {
             max-width: 1138px;
         }
@@ -4525,7 +4526,7 @@ const Ko = d`
                 '. cancelButton confirmButton';
         }
     }
-`, Go = d`
+`, Yo = h`
     .container.full-screen {
         position: fixed;
         height: 100%;
@@ -4542,7 +4543,7 @@ const Ko = d`
     .icon {
         margin-bottom: 32px;
     }
-`, Yo = d`
+`, Go = h`
     .container.dialog {
         position: fixed;
         height: auto;
@@ -4570,23 +4571,23 @@ const Ko = d`
         width: calc(100dvw - 32px);
     }
 
-    ${U.m} {
+    ${V.m} {
         .container.dialog .content-container {
             max-height: calc(100dvh - 112px);
             padding: 48px;
         }
     }
-`, Xo = d`
+`, Xo = h`
     .container.fit {
         position: absolute;
     }
-`, Zo = d`
+`, Jo = h`
     .container.full-screen.v-align-default {
         justify-content: flex-start;
         padding-top: 24px;
     }
 
-    ${U.m} {
+    ${V.m} {
         .container.full-screen.v-align-default {
             justify-content: center;
             padding-top: 0;
@@ -4603,19 +4604,19 @@ const Ko = d`
         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;
         }
@@ -4642,19 +4643,19 @@ const Ko = d`
         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;
         }
@@ -4666,12 +4667,12 @@ const Ko = d`
         margin-bottom: 24px;
     }
 `;
-var Jo = 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 && Jo(e, i, 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";
   }
@@ -4822,52 +4823,52 @@ let W = class extends At(f) {
     ));
   }
 };
-W.styles = [Go, Yo, Xo, Ko, Zo];
-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 = {
@@ -4914,17 +4915,17 @@ const js = (t) => class extends t {
 function Fs(t) {
   return !t || typeof t != "string" && typeof t != "number" ? !1 : (typeof t == "string" ? Number(t) : t) > 0;
 }
-const tn = d`
+const tn = h`
     :host {
         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(
@@ -4987,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);
@@ -5042,7 +5043,7 @@ cs([
 Le = cs([
   b("ds-password-input", { extendComponentNames: ["ds-text-input"] })
 ], Le);
-const nn = d`
+const nn = h`
     :host {
         display: contents;
     }
@@ -5052,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;
   }
@@ -5106,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);
-var cn = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, Ei = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? hn(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+], 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";
   }
@@ -5155,7 +5156,7 @@ Ei([
 $s = Ei([
   b("ds-portal", { skipTagAsComponentName: !0 })
 ], $s);
-const dn = d`
+const hn = h`
     .fill {
         transition: all 200ms ease-in-out;
     }
@@ -5165,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>
@@ -5177,14 +5178,14 @@ let te = class extends Ve {
               ` : c;
   }
 };
-te.styles = [...bn(te, te, "styles"), dn];
+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);
-const yn = d`
+], ee);
+const yn = h`
     :host {
         display: contents;
     }
@@ -5202,13 +5203,13 @@ const yn = d`
         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";
   }
@@ -5239,34 +5240,34 @@ 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);
-const xn = d`
+], xt);
+const xn = h`
     :host {
         display: block;
         flex: 0 0 auto;
@@ -5445,7 +5446,7 @@ F([
   a({ type: String, attribute: "size" })
 ], B.prototype, "_size", 2);
 F([
-  a({ type: Boolean, attribute: "error" })
+  a({ type: Boolean, attribute: "error", converter: m })
 ], B.prototype, "_error", 2);
 F([
   a({ type: String, attribute: "error-text" })
@@ -5475,12 +5476,12 @@ 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")
 ], B);
-const Sn = d`
+const Sn = h`
     :host {
         display: flex;
         flex-direction: column;
@@ -5494,12 +5495,12 @@ const Sn = d`
         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";
   }
@@ -5542,26 +5543,26 @@ 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);
-const Cn = d`
+], Ot);
+const Cn = h`
     :host {
         display: inline-block;
     }
@@ -5598,12 +5599,12 @@ const Cn = d`
         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 J = 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();
@@ -5667,45 +5668,45 @@ let J = class extends f {
         `;
   }
 };
-J.styles = [Cn];
-St([
+Q.styles = [Cn];
+kt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], J.prototype, "readonly", 2);
-St([
+], Q.prototype, "readonly", 2);
+kt([
   a({ type: String, reflect: !0 })
-], J.prototype, "name", 2);
-St([
+], Q.prototype, "name", 2);
+kt([
   a({ type: String })
-], J.prototype, "value", 2);
-St([
+], Q.prototype, "value", 2);
+kt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], J.prototype, "checked", 2);
-St([
+], Q.prototype, "checked", 2);
+kt([
   a({ type: Boolean, converter: m, reflect: !0 })
-], J.prototype, "disabled", 2);
-St([
+], Q.prototype, "disabled", 2);
+kt([
   a({ type: String, reflect: !0 })
-], J.prototype, "mode", 2);
-St([
+], Q.prototype, "mode", 2);
+kt([
   a({ type: String })
-], J.prototype, "size", 2);
-St([
+], Q.prototype, "size", 2);
+kt([
   As({ slot: "", flatten: !0 })
-], J.prototype, "_defaultSlotNodes", 2);
-J = St([
+], Q.prototype, "_defaultSlotNodes", 2);
+Q = kt([
   b("ds-radio")
-], J);
-const zn = d`
+], 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(
@@ -5813,38 +5814,38 @@ 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);
-const _n = d`
+], Y);
+const _n = h`
     :host {
         display: block;
         width: 100%;
@@ -5854,11 +5855,11 @@ const _n = d`
     .helper-text {
         user-select: none;
     }
-`, Pn = d`
+`, Pn = h`
     .container {
         position: relative;
     }
-`, Nn = d`
+`, Nn = h`
     .input-field::-webkit-search-decoration,
     .input-field::-webkit-search-cancel-button,
     .input-field::-webkit-search-results-button,
@@ -5879,14 +5880,14 @@ const _n = d`
     .input-field:focus {
         outline: none;
     }
-`, Bn = d`
+`, Bn = h`
     .helper-text {
         cursor: pointer;
         display: flex;
         justify-content: flex-start;
         align-items: center;
     }
-`, Ln = d`
+`, Ln = h`
     .input-container {
         align-items: center;
         justify-content: center;
@@ -6083,12 +6084,12 @@ L([
   y()
 ], _.prototype, "focused", 2);
 L([
-  lt(".input-field")
+  ct(".input-field")
 ], _.prototype, "inputField", 2);
 _ = L([
   b("ds-search")
 ], _);
-const jn = d`
+const jn = h`
     :host {
         display: contents;
     }
@@ -6098,7 +6099,7 @@ var Fn = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, ht = (t, e
     (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();
@@ -6125,6 +6126,7 @@ let G = class extends At(f) {
   get classes() {
     return {
       nav: !0,
+      "ds-blur": !0,
       "scroll-left": this.hasScrollLeft,
       "scroll-right": this.hasScrollRight
     };
@@ -6238,7 +6240,7 @@ let G = class extends At(f) {
                 aria-hidden=${!this.openItems}
             >
                 <div
-                    class="dropdown"
+                    class="dropdown ds-blur"
                 >
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
@@ -6267,7 +6269,7 @@ let G = class extends At(f) {
                 aria-hidden=${!this.openCtas}
             >
                 <div
-                    class="dropdown"
+                    class="dropdown ds-blur"
 
                 >
                     <slot name="actions"></slot>
@@ -6299,18 +6301,18 @@ ht([
   y()
 ], G.prototype, "hasScrollRight", 2);
 ht([
-  tt({ slot: "items" })
+  et({ slot: "items" })
 ], G.prototype, "items", 2);
 ht([
-  tt({ slot: "actions" })
+  et({ slot: "actions" })
 ], G.prototype, "ctas", 2);
 ht([
-  lt(".items-container")
+  ct(".items-container")
 ], G.prototype, "itemsContainer", 2);
 G = ht([
   b("ds-secondary-navigation")
 ], G);
-const Un = d`
+const Un = h`
     :host {
         display: flex;
         flex: 1 1 auto;
@@ -6359,7 +6361,7 @@ const Un = d`
         flex-shrink: 0;
     }
 `;
-var Vn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, hs = (t, e, i, r) => {
+var Vn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, ds = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? Hn(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 && Vn(e, i, s), s;
@@ -6401,20 +6403,20 @@ let he = class extends f {
   }
 };
 he.styles = [Un];
-hs([
+ds([
   a({ type: String })
 ], he.prototype, "size", 2);
-hs([
+ds([
   a({
     type: Boolean,
     converter: m,
     attribute: "full-width"
   })
 ], he.prototype, "fullWidth", 2);
-hs([
-  tt({ slot: "", flatten: !0 })
+ds([
+  et({ slot: "", flatten: !0 })
 ], he.prototype, "slottedElements", 2);
-he = hs([
+he = ds([
   b("ds-segmented-control")
 ], he);
 const ws = class {
@@ -6447,7 +6449,7 @@ const ws = class {
 };
 ws.KEYS_WHEN_OPEN = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", "Home", "End", "Enter", "Escape", " "]), ws.KEYS_WHEN_CLOSED = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", " "]);
 let li = ws;
-const Wn = d`
+const Wn = h`
     :host {
         display: contents;
     }
@@ -6623,8 +6625,8 @@ let I = class extends f {
       if (o.nodeType !== 3)
         return n;
       if (o.textContent.trim() === "") return "";
-      const h = document.createElement("span");
-      return h.classList.add("text"), h.appendChild(n), h;
+      const d = document.createElement("span");
+      return d.classList.add("text"), d.appendChild(n), d;
     });
     return l`
             <div class="select-outline">
@@ -6714,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 = d`
+const Yn = h`
     :host {
         display: inline-block;
     }
@@ -6738,10 +6740,10 @@ const Gn = d`
         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() {
@@ -6776,7 +6778,7 @@ let Qe = class extends f {
         `;
   }
 };
-Qe.styles = [Gn];
+Qe.styles = [Yn];
 Ni([
   a({ type: Boolean, converter: m })
 ], Qe.prototype, "checked", 2);
@@ -6789,10 +6791,10 @@ 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 }) => {
-  const n = s === "min" ? 1 : 2, h = r;
+}, 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(h) ? (Object.keys(o).forEach((v) => {
+  return Number.isFinite(d) ? (Object.keys(o).forEach((v) => {
     if (Number(v) < n && o[v] >= g) {
       if (g = o[v], t === 0) return;
       let x = e;
@@ -6806,15 +6808,15 @@ const ci = (t, e, i = 10) => {
       $ = x;
     }
     g = ms({ value: g, min: e, max: i }), $ = ms({ value: $, min: e, max: i });
-  }), h <= g || h >= $ ? (u = Math.max(g, Math.min($, h)), { stepValue: u, minLimit: g, maxLimit: $ }) : t === 0 ? { stepValue: h, minLimit: g, maxLimit: $ } : (u = Math.round((h - g) / t) * t + g, u = h - u > $ - h ? $ : u, u = ms({ value: u, min: g, max: $ }), { stepValue: u, minLimit: g, maxLimit: $ })) : { stepValue: o[String(n)], minLimit: g, maxLimit: $ };
-}, Zn = ({ value: t, fractionDigits: e }) => {
+  }), d <= g || d >= $ ? (u = Math.max(g, Math.min($, d)), { stepValue: u, minLimit: g, maxLimit: $ }) : t === 0 ? { stepValue: d, minLimit: g, maxLimit: $ } : (u = Math.round((d - g) / t) * t + g, u = d - u > $ - d ? $ : u, u = ms({ value: u, min: g, max: $ }), { stepValue: u, minLimit: g, maxLimit: $ })) : { stepValue: o[String(n)], minLimit: g, maxLimit: $ };
+}, Jn = ({ value: t, fractionDigits: e }) => {
   const i = Math.pow(10, e);
   return Math.round(t * i) / i;
-}, Jn = d`
+}, Zn = h`
     :host {
         display: block;
     }
-`, Qn = qt`
+`, Qn = Kt`
     .current-value-container {
         position: relative;
     }
@@ -6823,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;
@@ -6836,7 +6838,7 @@ const ci = (t, e, i = 10) => {
     .range-value-label:after {
         content: ':';
     }
-`, ea = qt`
+`, ea = Kt`
     .track {
         position: relative;
         cursor: pointer;
@@ -6853,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;
@@ -6864,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;
@@ -6874,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,
@@ -6902,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,
@@ -6924,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,
@@ -6946,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,
@@ -6965,7 +6967,7 @@ let w = class extends At(f) {
     return e === 0 ? 0 : (t - this.min) / e * 100;
   }
   handleChange({ value: t, role: e }) {
-    const i = Zn({ value: t, fractionDigits: this.maximumFractionDigits }), r = e === "min" ? "valueMin" : "valueMax";
+    const i = Jn({ value: t, fractionDigits: this.maximumFractionDigits }), r = e === "min" ? "valueMin" : "valueMax";
     this[r] !== i && (this[r] = i, this.dispatchEvent(
       new CustomEvent("change", {
         bubbles: !0,
@@ -7016,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,
@@ -7081,7 +7083,7 @@ let w = class extends At(f) {
       formattedValue: s,
       unitSymbol: o,
       unitSymbolPosition: n
-    } = this.formatNumber(r), h = this.unitSymbolPosition ?? n, u = this.unitSymbol ?? o, g = u ? h === "left" ? `${u} ${s}` : `${s} ${u}` : `${s}`, $ = i ? "number" : "text", v = i ? String(r ?? "") : g, x = t === 1 ? this.inputMinAriaLabel : this.inputMaxAriaLabel, S = typeof this.initialValueMax == "number" ? t === 1 ? "Start value" : "End value" : "Value", T = x ?? S;
+    } = this.formatNumber(r), d = this.unitSymbolPosition ?? n, u = this.unitSymbol ?? o, g = u ? d === "left" ? `${u} ${s}` : `${s} ${u}` : `${s}`, $ = i ? "number" : "text", v = i ? String(r ?? "") : g, x = t === 1 ? this.inputMinAriaLabel : this.inputMaxAriaLabel, S = typeof this.initialValueMax == "number" ? t === 1 ? "Start value" : "End value" : "Value", T = x ?? S;
     return l`
             <div class="input-wrapper">
                 <input
@@ -7144,7 +7146,7 @@ let w = class extends At(f) {
         `;
   }
 };
-w.styles = [Jn, ea, sa, Qn, ta];
+w.styles = [Zn, ea, sa, Qn, ta];
 k([
   a({ type: Number })
 ], w.prototype, "min", 2);
@@ -7225,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()
@@ -7248,12 +7250,12 @@ k([
 w = k([
   b("ds-slider")
 ], w);
-const oa = d`
+const oa = h`
     :host {
         display: block;
         width: 100%;
     }
-`, na = d`
+`, na = h`
     nav {
         display: flex;
         justify-content: flex-start;
@@ -7309,7 +7311,7 @@ const oa = d`
     .nav-container:hover .nav-arrow {
         visibility: visible;
     }
-`, aa = d`
+`, aa = h`
     ::slotted([slot='tab']) {
         white-space: nowrap;
         -webkit-user-select: none;
@@ -7327,7 +7329,7 @@ const oa = d`
     ::slotted([slot='tab'][selected]) {
         cursor: auto;
     }
-`, la = d`
+`, la = h`
     ::slotted([slot='panel']) {
         display: none;
     }
@@ -7345,10 +7347,10 @@ const oa = d`
     "icon-button-variant": "primary"
   }
 };
-var ha = Object.defineProperty, da = Object.getOwnPropertyDescriptor, X = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? da(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+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 && ha(e, i, s), s;
+  return r && s && da(e, i, s), s;
 };
 let D = class extends f {
   constructor() {
@@ -7436,9 +7438,9 @@ let D = class extends f {
   }
   selectTab(t) {
     var e, i, r, s, o;
-    (e = this.tabs) == null || e.forEach((h, u) => {
-      h.removeAttribute("selected"), h.setAttribute("aria-selected", u === t ? "true" : "false");
-    }), (i = this.tabs[t]) == null || i.setAttribute("selected", ""), this.panels.forEach((h) => h.removeAttribute("selected")), (r = this.panels[t]) == null || r.setAttribute("selected", "");
+    (e = this.tabs) == null || e.forEach((d, u) => {
+      d.removeAttribute("selected"), d.setAttribute("aria-selected", u === t ? "true" : "false");
+    }), (i = this.tabs[t]) == null || i.setAttribute("selected", ""), this.panels.forEach((d) => d.removeAttribute("selected")), (r = this.panels[t]) == null || r.setAttribute("selected", "");
     const n = (s = this.tabs) == null ? void 0 : s[this.selectedTab];
     this.nav.scrollLeft = (n == null ? void 0 : n.offsetLeft) - ((o = this.nav) == null ? void 0 : o.offsetWidth) / 2;
   }
@@ -7497,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;
     }
@@ -7543,7 +7545,7 @@ const pa = qt`
         justify-content: center;
         align-items: center;
     }
-`, ua = qt`
+`, ua = Kt`
     .icon.clicable {
         cursor: pointer;
     }
@@ -7553,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";
   }
@@ -7588,40 +7590,40 @@ 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);
-const ba = d`
+], $t);
+const ba = h`
     :host {
         display: contents;
     }
@@ -7643,12 +7645,12 @@ const ba = d`
         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";
   }
@@ -7684,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);
-const fa = d`
+], 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";
   }
@@ -7772,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: [
@@ -7816,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;
     }));
   }
@@ -7860,7 +7862,7 @@ let Ft = class extends pt {
   }
   loadThemeStyles() {
     return this.loadStyles ? new Promise((t, e) => {
-      const i = "/0.2.0-canary.0", r = `https://ds-assets.cupra.com${i}/styles/${this.theme}/theme.css`;
+      const i = "/1.0.0-canary.7", 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");
@@ -7872,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);
-const Ta = d`
+], 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;
   }
@@ -7957,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>
@@ -7967,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 = {
@@ -7997,7 +7999,7 @@ class Qt {
         exiting: !1
       };
       n.timeoutId = window.setTimeout(() => {
-        this.toasts.find((h) => h.id === i).exiting = !0, this.notifySubscribers();
+        this.toasts.find((d) => d.id === i).exiting = !0, this.notifySubscribers();
       }, s), this.toasts = [...this.toasts, n], this.notifySubscribers();
     }, this.handleRemoveToast = (e) => {
       const { id: i, referenceId: r } = e.detail || {};
@@ -8010,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);
@@ -8029,23 +8031,23 @@ class Qt {
     this.subscribers.forEach((i) => i(e));
   }
 }
-const hi = Qt.getInstance();
+const di = te.getInstance();
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: Ia } = tr, di = () => 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) {
-    const n = s.insertBefore(di(), o), h = s.insertBefore(di(), o);
-    i = new Ia(n, h, t, t.options);
+    const n = s.insertBefore(hi(), o), d = s.insertBefore(hi(), o);
+    i = new Ia(n, d, t, t.options);
   } else {
-    const n = i._$AB.nextSibling, h = i._$AM, u = h !== t;
+    const n = i._$AB.nextSibling, d = i._$AM, u = d !== t;
     if (u) {
       let g;
-      (r = i._$AQ) == null || r.call(i, t), i._$AM = t, i._$AP !== void 0 && (g = t._$AU) !== h._$AU && i._$AP(g);
+      (r = i._$AQ) == null || r.call(i, t), i._$AM = t, i._$AP !== void 0 && (g = t._$AU) !== d._$AU && i._$AP(g);
     }
     if (n !== o || u) {
       let g = i._$AA;
@@ -8056,7 +8058,7 @@ const { I: Ia } = tr, di = () => 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();
 };
 /**
@@ -8077,7 +8079,7 @@ const pi = (t, e, i) => {
     i === void 0 ? i = e : e !== void 0 && (r = e);
     const s = [], o = [];
     let n = 0;
-    for (const h of t) s[n] = r ? r(h, n) : n, o[n] = i(h, n), n++;
+    for (const d of t) s[n] = r ? r(d, n) : n, o[n] = i(d, n), n++;
     return { values: o, keys: s };
   }
   render(t, e, i) {
@@ -8086,34 +8088,34 @@ const pi = (t, e, i) => {
   update(t, [e, i, r]) {
     const s = Pa(t), { values: o, keys: n } = this.dt(e, i, r);
     if (!Array.isArray(s)) return this.ut = n, o;
-    const h = this.ut ?? (this.ut = []), u = [];
+    const d = this.ut ?? (this.ut = []), u = [];
     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 (h[v] === n[S]) u[S] = Nt(s[v], o[S]), v++, S++;
-    else if (h[x] === n[T]) u[T] = Nt(s[x], o[T]), x--, T--;
-    else if (h[v] === n[T]) u[T] = Nt(s[v], o[T]), Ce(t, u[T + 1], s[v]), v++, T--;
-    else if (h[x] === n[S]) u[S] = Nt(s[x], o[S]), Ce(t, s[v], s[x]), x--, S++;
-    else if (g === void 0 && (g = pi(n, S, T), $ = pi(h, v, x)), g.has(h[v])) if (g.has(h[x])) {
-      const z = $.get(n[S]), dt = z !== void 0 ? s[z] : null;
-      if (dt === null) {
-        const Se = Ce(t, s[v]);
-        Nt(Se, o[S]), u[S] = Se;
-      } else u[S] = Nt(dt, o[S]), Ce(t, s[v], dt), s[z] = null;
+    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]), 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 = d`
+}), Ba = h`
     :host {
         display: contents;
     }
@@ -8154,7 +8156,7 @@ const pi = (t, e, i) => {
         left: 1rem;
         align-items: flex-start;
     }
-`, La = d`
+`, La = h`
     .toast {
         margin-bottom: 1rem;
         animation: toast-in-top 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
@@ -8227,7 +8229,7 @@ let Me = class extends f {
     super(...arguments), this.position = "top-right", this.toasts = [], this.unsubscribe = null;
   }
   connectedCallback() {
-    super.connectedCallback(), this.unsubscribe = hi.subscribe((t) => {
+    super.connectedCallback(), this.unsubscribe = di.subscribe((t) => {
       this.toasts = t;
     });
   }
@@ -8238,7 +8240,7 @@ let Me = class extends f {
     const e = t.target;
     if (e.classList.contains("exiting") && (t.animationName === "toast-out-left" || t.animationName === "toast-out-right")) {
       const i = e.getAttribute("data-id");
-      i && hi.removeToast(i);
+      i && di.removeToast(i);
     }
   }
   getToastMessageTemplate(t) {
@@ -8302,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 de = class extends O {
+let pe = class extends O {
   constructor() {
     super(...arguments), this.checked = !1, this.checkedText = "", this.uncheckedText = "", this.rounded = !0;
   }
@@ -8336,29 +8338,29 @@ let de = 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 })
-], de.prototype, "checked", 2);
+], pe.prototype, "checked", 2);
 qe([
   a({ type: String, attribute: "checked-text" })
-], de.prototype, "checkedText", 2);
+], pe.prototype, "checkedText", 2);
 qe([
   a({ type: String, attribute: "unchecked-text" })
-], de.prototype, "uncheckedText", 2);
+], pe.prototype, "uncheckedText", 2);
 qe([
   a({ type: Boolean, converter: m })
-], de.prototype, "rounded", 2);
-de = qe([
+], pe.prototype, "rounded", 2);
+pe = qe([
   b("ds-toggle-button", { skipTagAsComponentName: !0, extendComponentNames: ["ds-button"] })
-], de);
-const Ra = d`
+], pe);
+const Ra = h`
     .container {
         display: flex;
         justify-content: flex-start;
@@ -8398,12 +8400,12 @@ const Ra = d`
         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";
   }
@@ -8466,26 +8468,26 @@ 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);
-const Ha = d`
+], At);
+const Ha = h`
     :host {
         position: relative;
         display: inline-block;
@@ -8504,7 +8506,7 @@ const Ha = d`
         grid-template-columns: 1fr 1fr;
         justify-content: flex-end;
     }
-`, Wa = d`
+`, Wa = h`
     .tooltip {
         width: max-content;
         white-space: normal;
@@ -8573,7 +8575,7 @@ const Ha = d`
         bottom: 0;
         transform: none;
     }
-`, qa = d`
+`, qa = h`
     .arrow {
         width: 0;
         height: 0;
@@ -8639,12 +8641,12 @@ const Ha = d`
         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;
@@ -8782,56 +8784,56 @@ 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 = d`
+const Ga = h`
     :host {
         display: contents;
     }
 `;
-var Xa = Object.defineProperty, Za = Object.getOwnPropertyDescriptor, Ke = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Za(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+var Xa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, Ke = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ja(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 Rt = class extends f {
+let Ut = class extends f {
   constructor() {
     super(...arguments), this.size = "medium", this.disabled = !1;
   }
@@ -8883,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}
@@ -8897,23 +8899,23 @@ 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);
-const Ja = d`
+], Ut);
+const Za = h`
     :host {
         display: contents;
     }
@@ -8954,7 +8956,7 @@ let De = class extends f {
         `;
   }
 };
-De.styles = [Ja];
+De.styles = [Za];
 Us([
   a({ type: Number, attribute: "steps", reflect: !0 })
 ], De.prototype, "steps", 2);
@@ -8964,17 +8966,17 @@ Us([
 De = Us([
   b("ds-stepper")
 ], De);
-const el = d`
+const el = h`
     :host {
         display: contents;
     }
 `;
-var sl = Object.defineProperty, il = Object.getOwnPropertyDescriptor, ds = (t, e, i, r) => {
+var sl = Object.defineProperty, il = Object.getOwnPropertyDescriptor, hs = (t, e, i, r) => {
   for (var s = r > 1 ? void 0 : r ? il(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 && sl(e, i, s), s;
 };
-let pe = class extends At(f) {
+let ue = class extends _t(f) {
   constructor() {
     super(...arguments), this.size = "medium";
   }
@@ -9018,20 +9020,20 @@ let pe = class extends At(f) {
         `;
   }
 };
-pe.styles = [el];
-ds([
+ue.styles = [el];
+hs([
   a({ type: String, converter: Fe })
-], pe.prototype, "size", 2);
-ds([
+], ue.prototype, "size", 2);
+hs([
   As({ slot: "header", flatten: !0 })
-], pe.prototype, "headerItems", 2);
-ds([
+], ue.prototype, "headerItems", 2);
+hs([
   As({ slot: "footer", flatten: !0 })
-], pe.prototype, "footerItems", 2);
-pe = ds([
+], ue.prototype, "footerItems", 2);
+ue = hs([
   b("ds-static-box")
-], pe);
-const rl = d`
+], ue);
+const rl = h`
     :host {
         display: contents;
     }
@@ -9041,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();
@@ -9070,7 +9072,7 @@ let ue = class extends f {
   }
   get contentTemplate() {
     return this.error ? c : l`
-            <div part="container" class=${p(this.classes)} data-testid="ds-interactive-card-container">
+            <div part="container" class=${p(this.classes)} data-testid="ds-interactive-card-container" tabindex="0">
                 <header class="header" part="header">
                     <div class="header-main">
                         <slot name="title" class="title" part="title"></slot>
@@ -9101,20 +9103,20 @@ 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);
-const al = d`
+], me);
+const al = h`
     :host {
         display: contents;
     }
@@ -9145,7 +9147,18 @@ let je = class extends f {
       const e = t.target.assignedElements().find((i) => i.tagName === "DS-BUTTON");
       this.setMainCtaSize(e);
     }, this.setMainCtaSize = (t) => {
-      t && (t.size = { xxl: "large", xl: "large", l: "medium", m: "medium", s: "small", xs: "small", xxs: "small" });
+      t && t.setAttribute(
+        "size",
+        JSON.stringify({
+          xxl: "large",
+          xl: "large",
+          l: "medium",
+          m: "medium",
+          s: "small",
+          xs: "small",
+          xxs: "small"
+        })
+      );
     };
   }
   firstUpdated(t) {
@@ -9161,7 +9174,15 @@ let je = class extends f {
       "@click": this.toggleModal,
       "data-testid": "modal-button",
       "data-aria-label": "more actions",
-      size: { xxl: "large", xl: "large", l: "medium", m: "medium", s: "small", xs: "small", xxs: "small" }
+      size: JSON.stringify({
+        xxl: "large",
+        xl: "large",
+        l: "medium",
+        m: "medium",
+        s: "small",
+        xs: "small",
+        xxs: "small"
+      })
     });
   }
   classes() {
@@ -9198,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")