@florid-kit/components 0.11.0 → 2.0.0

package/index.mjs

@@ -3,7 +3,7 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S1 = globalThis, J1 = S1.ShadowRoot && (S1.ShadyCSS === void 0 || S1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q1 = Symbol(), w2 = /* @__PURE__ */ new WeakMap();
+const S1 = globalThis, Y1 = S1.ShadowRoot && (S1.ShadyCSS === void 0 || S1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q1 = Symbol(), w2 = /* @__PURE__ */ new WeakMap();
 let _2 = class {
   constructor(t, i, n) {
     if (this._$cssResult$ = !0, n !== Q1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -12,7 +12,7 @@ let _2 = class {
   get styleSheet() {
     let t = this.o;
     const i = this.t;
-    if (J1 && t === void 0) {
+    if (Y1 && t === void 0) {
       const n = i !== void 0 && i.length === 1;
       n && (t = w2.get(i)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), n && w2.set(i, t));
     }
@@ -30,12 +30,12 @@ const D2 = (e) => new _2(typeof e == "string" ? e : e + "", void 0, Q1), g = (e,
   })(o) + e[s + 1], e[0]);
   return new _2(i, e, Q1);
 }, T2 = (e, t) => {
-  if (J1) e.adoptedStyleSheets = t.map((i) => i instanceof CSSStyleSheet ? i : i.styleSheet);
+  if (Y1) e.adoptedStyleSheets = t.map((i) => i instanceof CSSStyleSheet ? i : i.styleSheet);
   else for (const i of t) {
     const n = document.createElement("style"), o = S1.litNonce;
     o !== void 0 && n.setAttribute("nonce", o), n.textContent = i.cssText, e.appendChild(n);
   }
-}, b2 = J1 ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, b2 = Y1 ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let i = "";
   for (const n of t.cssRules) i += n.cssText;
   return D2(i);
@@ -45,7 +45,7 @@ const D2 = (e) => new _2(typeof e == "string" ? e : e + "", void 0, Q1), g = (e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: j2, defineProperty: R2, getOwnPropertyDescriptor: U2, getOwnPropertyNames: q2, getOwnPropertySymbols: N2, getPrototypeOf: K2 } = Object, e1 = globalThis, m2 = e1.trustedTypes, W2 = m2 ? m2.emptyScript : "", j1 = e1.reactiveElementPolyfillSupport, w1 = (e, t) => e, F1 = { toAttribute(e, t) {
+const { is: j2, defineProperty: R2, getOwnPropertyDescriptor: U2, getOwnPropertyNames: N2, getOwnPropertySymbols: q2, getPrototypeOf: K2 } = Object, e1 = globalThis, m2 = e1.trustedTypes, W2 = m2 ? m2.emptyScript : "", j1 = e1.reactiveElementPolyfillSupport, w1 = (e, t) => e, F1 = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? W2 : null;
@@ -110,7 +110,7 @@ let d1 = class extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(w1("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(w1("properties"))) {
-      const i = this.properties, n = [...q2(i), ...N2(i)];
+      const i = this.properties, n = [...N2(i), ...q2(i)];
       for (const o of n) this.createProperty(o, i[o]);
     }
     const t = this[Symbol.metadata];
@@ -282,53 +282,53 @@ d1.elementStyles = [], d1.shadowRootOptions = { mode: "open" }, d1[w1("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b1 = globalThis, A1 = b1.trustedTypes, y2 = A1 ? A1.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, S2 = "$lit$", t1 = `lit$${Math.random().toFixed(9).slice(2)}$`, F2 = "?" + t1, G2 = `<${F2}>`, l1 = document, L1 = () => l1.createComment(""), y1 = (e) => e === null || typeof e != "object" && typeof e != "function", e2 = Array.isArray, X2 = (e) => e2(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", R1 = `[ 	
+const b1 = globalThis, O1 = b1.trustedTypes, y2 = O1 ? O1.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, S2 = "$lit$", t1 = `lit$${Math.random().toFixed(9).slice(2)}$`, F2 = "?" + t1, G2 = `<${F2}>`, l1 = document, L1 = () => l1.createComment(""), y1 = (e) => e === null || typeof e != "object" && typeof e != "function", e2 = Array.isArray, X2 = (e) => e2(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", R1 = `[ 	
 \f\r]`, f1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, x2 = /-->/g, H2 = />/g, n1 = RegExp(`>|${R1}(?:([^\\s"'>=/]+)(${R1}*=${R1}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), V2 = /'/g, $2 = /"/g, A2 = /^(?:script|style|textarea|title)$/i, Y2 = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), a = Y2(1), i1 = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), B2 = /* @__PURE__ */ new WeakMap(), s1 = l1.createTreeWalker(l1, 129);
-function O2(e, t) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), V2 = /'/g, B2 = /"/g, O2 = /^(?:script|style|textarea|title)$/i, J2 = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), a = J2(1), i1 = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), $2 = /* @__PURE__ */ new WeakMap(), s1 = l1.createTreeWalker(l1, 129);
+function A2(e, t) {
   if (!e2(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return y2 !== void 0 ? y2.createHTML(t) : t;
 }
-const J2 = (e, t) => {
+const Y2 = (e, t) => {
   const i = e.length - 1, n = [];
   let o, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = f1;
   for (let c = 0; c < i; c++) {
     const h = e[c];
-    let u, L, f = -1, q = 0;
-    for (; q < h.length && (r.lastIndex = q, L = r.exec(h), L !== null); ) q = r.lastIndex, r === f1 ? L[1] === "!--" ? r = x2 : L[1] !== void 0 ? r = H2 : L[2] !== void 0 ? (A2.test(L[2]) && (o = RegExp("</" + L[2], "g")), r = n1) : L[3] !== void 0 && (r = n1) : r === n1 ? L[0] === ">" ? (r = o ?? f1, f = -1) : L[1] === void 0 ? f = -2 : (f = r.lastIndex - L[2].length, u = L[1], r = L[3] === void 0 ? n1 : L[3] === '"' ? $2 : V2) : r === $2 || r === V2 ? r = n1 : r === x2 || r === H2 ? r = f1 : (r = n1, o = void 0);
+    let u, b, v = -1, N = 0;
+    for (; N < h.length && (r.lastIndex = N, b = r.exec(h), b !== null); ) N = r.lastIndex, r === f1 ? b[1] === "!--" ? r = x2 : b[1] !== void 0 ? r = H2 : b[2] !== void 0 ? (O2.test(b[2]) && (o = RegExp("</" + b[2], "g")), r = n1) : b[3] !== void 0 && (r = n1) : r === n1 ? b[0] === ">" ? (r = o ?? f1, v = -1) : b[1] === void 0 ? v = -2 : (v = r.lastIndex - b[2].length, u = b[1], r = b[3] === void 0 ? n1 : b[3] === '"' ? B2 : V2) : r === B2 || r === V2 ? r = n1 : r === x2 || r === H2 ? r = f1 : (r = n1, o = void 0);
     const Q = r === n1 && e[c + 1].startsWith("/>") ? " " : "";
-    s += r === f1 ? h + G2 : f >= 0 ? (n.push(u), h.slice(0, f) + S2 + h.slice(f) + t1 + Q) : h + t1 + (f === -2 ? c : Q);
+    s += r === f1 ? h + G2 : v >= 0 ? (n.push(u), h.slice(0, v) + S2 + h.slice(v) + t1 + Q) : h + t1 + (v === -2 ? c : Q);
   }
-  return [O2(e, s + (e[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
+  return [A2(e, s + (e[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
 };
 class x1 {
   constructor({ strings: t, _$litType$: i }, n) {
     let o;
     this.parts = [];
     let s = 0, r = 0;
-    const c = t.length - 1, h = this.parts, [u, L] = J2(t, i);
+    const c = t.length - 1, h = this.parts, [u, b] = Y2(t, i);
     if (this.el = x1.createElement(u, n), s1.currentNode = this.el.content, i === 2 || i === 3) {
-      const f = this.el.content.firstChild;
-      f.replaceWith(...f.childNodes);
+      const v = this.el.content.firstChild;
+      v.replaceWith(...v.childNodes);
     }
     for (; (o = s1.nextNode()) !== null && h.length < c; ) {
       if (o.nodeType === 1) {
-        if (o.hasAttributes()) for (const f of o.getAttributeNames()) if (f.endsWith(S2)) {
-          const q = L[r++], Q = o.getAttribute(f).split(t1), _1 = /([.?@])?(.*)/.exec(q);
-          h.push({ type: 1, index: s, name: _1[2], strings: Q, ctor: _1[1] === "." ? t3 : _1[1] === "?" ? e3 : _1[1] === "@" ? i3 : P1 }), o.removeAttribute(f);
-        } else f.startsWith(t1) && (h.push({ type: 6, index: s }), o.removeAttribute(f));
-        if (A2.test(o.tagName)) {
-          const f = o.textContent.split(t1), q = f.length - 1;
-          if (q > 0) {
-            o.textContent = A1 ? A1.emptyScript : "";
-            for (let Q = 0; Q < q; Q++) o.append(f[Q], L1()), s1.nextNode(), h.push({ type: 2, index: ++s });
-            o.append(f[q], L1());
+        if (o.hasAttributes()) for (const v of o.getAttributeNames()) if (v.endsWith(S2)) {
+          const N = b[r++], Q = o.getAttribute(v).split(t1), _1 = /([.?@])?(.*)/.exec(N);
+          h.push({ type: 1, index: s, name: _1[2], strings: Q, ctor: _1[1] === "." ? t3 : _1[1] === "?" ? e3 : _1[1] === "@" ? i3 : P1 }), o.removeAttribute(v);
+        } else v.startsWith(t1) && (h.push({ type: 6, index: s }), o.removeAttribute(v));
+        if (O2.test(o.tagName)) {
+          const v = o.textContent.split(t1), N = v.length - 1;
+          if (N > 0) {
+            o.textContent = O1 ? O1.emptyScript : "";
+            for (let Q = 0; Q < N; Q++) o.append(v[Q], L1()), s1.nextNode(), h.push({ type: 2, index: ++s });
+            o.append(v[N], L1());
           }
         }
       } else if (o.nodeType === 8) if (o.data === F2) h.push({ type: 2, index: s });
       else {
-        let f = -1;
-        for (; (f = o.data.indexOf(t1, f + 1)) !== -1; ) h.push({ type: 7, index: s }), f += t1.length - 1;
+        let v = -1;
+        for (; (v = o.data.indexOf(t1, v + 1)) !== -1; ) h.push({ type: 7, index: s }), v += t1.length - 1;
       }
       s++;
     }
@@ -406,7 +406,7 @@ class k1 {
   }
   $(t) {
     var s;
-    const { values: i, _$litType$: n } = t, o = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = x1.createElement(O2(n.h, n.h[0]), this.options)), n);
+    const { values: i, _$litType$: n } = t, o = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = x1.createElement(A2(n.h, n.h[0]), this.options)), n);
     if (((s = this._$AH) == null ? void 0 : s._$AD) === o) this._$AH.p(i);
     else {
       const r = new Q2(o, this), c = r.u(this.options);
@@ -414,8 +414,8 @@ class k1 {
     }
   }
   _$AC(t) {
-    let i = B2.get(t.strings);
-    return i === void 0 && B2.set(t.strings, i = new x1(t)), i;
+    let i = $2.get(t.strings);
+    return i === void 0 && $2.set(t.strings, i = new x1(t)), i;
   }
   k(t) {
     e2(this._$AH) || (this._$AH = [], this._$AR());
@@ -546,15 +546,15 @@ let p = class extends d1 {
 };
 var Z2;
 p._$litElement$ = !0, p.finalized = !0, (Z2 = r1.litElementHydrateSupport) == null || Z2.call(r1, { LitElement: p });
-const q1 = r1.litElementPolyfillSupport;
-q1 == null || q1({ LitElement: p });
+const N1 = r1.litElementPolyfillSupport;
+N1 == null || N1({ LitElement: p });
 (r1.litElementVersions ?? (r1.litElementVersions = [])).push("4.2.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const v = (e) => (t, i) => {
+const f = (e) => (t, i) => {
   i !== void 0 ? i.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
@@ -648,12 +648,12 @@ const o2 = g`
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const n2 = Symbol("internals"), N1 = Symbol("privateInternals");
+const n2 = Symbol("internals"), q1 = Symbol("privateInternals");
 function s2(e) {
   var t;
   class i extends e {
     get [(t = n2, t)]() {
-      return this[N1] || (this[N1] = this.attachInternals()), this[N1];
+      return this[q1] || (this[q1] = this.attachInternals()), this[q1];
     }
   }
   return i;
@@ -749,10 +749,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, V3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
 </svg>
-`, $3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, B3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.79502 11.6311C8.39179 12.123 7.60821 12.123 7.20498 11.6311L2.21403 5.54238C1.69947 4.91464 2.17092 4 3.00905 4L12.991 4C13.8291 4 14.3005 4.91465 13.786 5.54238L8.79502 11.6311Z" fill="#3F2B2E"/>
 </svg>
-`, B3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.20498 4.36894C7.60821 3.87702 8.39179 3.87702 8.79502 4.36894L13.786 10.4576C14.3005 11.0854 13.8291 12 12.991 12L3.00905 12C2.17092 12 1.69947 11.0854 2.21403 10.4576L7.20498 4.36894Z" fill="#3F2B2E"/>
 </svg>
 `, E3 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -777,10 +777,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, F3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10ZM7.5 4C7.22386 4 7 4.22386 7 4.5V8.5C7 8.77614 7.22386 9 7.5 9H8.5C8.77614 9 9 8.77614 9 8.5V4.5C9 4.22386 8.77614 4 8.5 4H7.5Z" fill="#BB0218"/>
 </svg>
-`, A3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, O3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
 </svg>
-`, O3 = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, A3 = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
 </svg>
 `, P3 = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
@@ -809,10 +809,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, U3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.3003 14V13.9601C14.4205 11.1248 13.0684 7.96007 9.81343 7.7005C8.29111 7.5807 6.40824 7.60067 4.57545 7.62063C3.83432 7.62063 3.12324 7.6406 2.46223 7.63062C3.38363 8.51913 4.83585 10.0566 6.21795 12.1231L5.60702 12.4925C3.85435 9.87687 2.00153 8.13977 1.29044 7.51082L1 7.25125L1.29044 6.99168C1.99151 6.37271 3.81429 4.65557 5.57698 2L6.18791 2.36938C4.77575 4.49584 3.32354 6.03328 2.40214 6.91181C3.07316 6.91181 3.79426 6.91181 4.5454 6.90183C6.38821 6.88186 8.29111 6.8619 9.84348 6.9817C13.5792 7.2812 15.1315 10.8053 14.9913 13.9501L14.2602 13.97L14.3003 14Z" fill="#3F2B2E"/>
 </svg>
-`, q3 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, N3 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M20.9489 21V20.94C21.1189 16.6724 19.189 11.935 14.5493 11.5353C12.3894 11.3554 9.68954 11.3853 7.0897 11.4153C6.03976 11.4253 5.01982 11.4453 4.07988 11.4353C5.3998 12.7746 7.45967 15.0833 9.43956 18.1816L8.55961 18.7413C6.05976 14.8234 3.41992 12.2049 2.40998 11.2554L2 10.8756L2.40998 10.4958C3.40992 9.56635 6.00976 6.97779 8.52961 3L9.40956 3.55969C7.38968 6.74792 5.3198 9.06663 4.01988 10.3859C4.96982 10.3859 6.00976 10.3859 7.0797 10.3659C9.70954 10.3359 12.4294 10.3159 14.6392 10.4958C19.9589 10.9456 22.1788 16.2326 21.9888 20.96L20.9489 20.99V21Z" fill="#3F2B2E"/>
 </svg>
-`, N3 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, q3 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.6703 4.26C10.0709 4.06 9.05195 3.85 7.75325 3.74C7.46354 2.2 6.87413 1 6.005 1C5.13586 1 4.53646 2.21 4.24675 3.75C3.0979 3.85 2.17882 4.05 1.35964 4.26L1 4.35L3.4975 11H8.51249L11 4.37L10.6703 4.26ZM6.005 1.67C6.35465 1.67 6.81419 2.43 7.08392 3.7C6.73427 3.68 6.38462 3.67 6.005 3.67C5.62537 3.67 5.26573 3.68 4.92607 3.7C5.1958 2.43 5.64535 1.67 6.005 1.67Z" fill="#432A2E"/>
 </svg>
 `, K3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -827,10 +827,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, X3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.5 5.53C13.67 5.25 12.28 4.96 10.5 4.81C10.1 2.65 9.26 1 8.01 1C6.76 1 5.93 2.66 5.52 4.82C3.95 4.97 2.69 5.24 1.56 5.52L1 5.66L4.49 15H11.52L15 5.7L14.49 5.53H14.5ZM8.02 2.04C8.49 2.04 9.08 3.04 9.45 4.74C8.99 4.72 8.52 4.7 8.02 4.7C7.52 4.7 7.04 4.72 6.59 4.74C6.95 3.04 7.55 2.04 8.02 2.04ZM10.83 13.96H5.2L2.37 6.39C3.22 6.19 4.18 6 5.37 5.87C5.29 6.56 5.25 7.28 5.25 7.99H6.27C6.27 7.18 6.33 6.45 6.42 5.78C6.92 5.75 7.45 5.73 8.03 5.73C8.61 5.73 9.13 5.75 9.64 5.78C9.73 6.45 9.79 7.18 9.79 7.99H10.81C10.81 7.27 10.77 6.55 10.69 5.85C11.94 5.97 12.96 6.15 13.7 6.35L10.86 13.94L10.83 13.96Z" fill="#3F2B2E"/>
 </svg>
-`, Y3 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, J3 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M22.45 8.29332C21.09 7.83311 18.77 7.36289 15.8 7.12278C15.18 3.70123 13.89 1 12 1C10.11 1 8.82 3.70123 8.2 7.13279C5.57 7.36289 3.47 7.80309 1.6 8.27331L1 8.42337L6.49 23H17.52L23 8.46339L22.45 8.28331V8.29332ZM12.01 2.12051C13 2.12051 14.08 4.05139 14.67 7.05275C13.82 7.00273 12.94 6.97271 12.01 6.97271C11.08 6.97271 10.19 7.00273 9.35 7.05275C9.94 4.05139 11.01 2.12051 12.01 2.12051ZM16.77 21.8895H7.25L2.47 9.21373C4.08 8.82356 5.87 8.4734 8.03 8.2633C7.87 9.47385 7.78 10.7444 7.78 11.995H8.88C8.88 10.6244 8.98 9.33379 9.15 8.16326C10.03 8.10323 10.98 8.07322 12 8.07322C13.02 8.07322 13.95 8.10323 14.85 8.16326C15.02 9.33379 15.12 10.6144 15.12 11.995H16.22C16.22 10.7344 16.13 9.46385 15.97 8.24329C18.34 8.44338 20.26 8.80355 21.54 9.17372L16.75 21.8795L16.77 21.8895Z" fill="#3F2B2E"/>
 </svg>
-`, J3 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Y3 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.30478 5.82558C7.30478 5.87403 7.30478 5.92248 7.30478 5.98062H7.95219C7.95219 5.71899 7.92231 5.45736 7.90239 5.20543L7.29482 5.82558H7.30478Z" fill="#432A2E"/>
 <path d="M3.51992 9.03295L7.5737 4.8469L7.87251 4.53682L7.94223 4.4593L8.38048 4.01357L10.761 1.55233L10.1335 1L7.3745 3.84884L6.84661 4.39147L3.19123 8.17054L3.08167 8.28682L1 10.438L1.61753 11L3.22112 9.34302L3.51992 9.03295Z" fill="#432A2E"/>
 <path d="M2.99203 7.66667L1.89641 4.82752C2.55378 4.67248 3.29084 4.54651 4.15737 4.4593C4.09761 4.95349 4.05777 5.46705 4.05777 5.98062H4.61554L4.70518 5.88372C4.70518 5.34108 4.74502 4.8469 4.81474 4.40116C5.18327 4.38178 5.58167 4.3624 6 4.3624C6.05976 4.3624 6.10956 4.3624 6.16932 4.3624L6.77689 3.73256C6.51793 3.72287 6.26892 3.71318 6 3.71318C5.62151 3.71318 5.26295 3.72287 4.9243 3.74225C5.19323 2.51163 5.64143 1.77519 6 1.77519C6.32868 1.77519 6.73705 2.41473 7.01594 3.5L7.54382 2.95736C7.21514 1.89147 6.69721 1.13566 6.00996 1.13566C5.14343 1.13566 4.54582 2.30814 4.25697 3.80039C3.11155 3.89729 2.19522 4.09109 1.37849 4.29457L1.01992 4.38178L2.48406 8.18992L2.98207 7.67636L2.99203 7.66667Z" fill="#432A2E"/>
@@ -965,11 +965,11 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <path d="M1 5.92417C1.55625 5.37441 2.73125 4.06635 4.5125 2L4.75 2.13902C4.18125 3.29542 3.49375 4.58452 2.69375 6C3.49375 7.41548 4.175 8.70458 4.75 9.86098L4.5125 10C2.73125 7.93997 1.5625 6.63191 1 6.07583V5.91153V5.92417Z" fill="#3F2B2E"/>
 <path d="M11 6.07583C10.4438 6.62559 9.26875 7.93365 7.4875 10L7.25 9.86098C7.81875 8.70458 8.50625 7.41548 9.30625 6C8.50625 4.58452 7.825 3.29542 7.25 2.13902L7.4875 2C9.26875 4.06003 10.4375 5.36809 11 5.92417V6.08847V6.07583Z" fill="#3F2B2E"/>
 </svg>
-`, $t = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Bt = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 7.88626C1.77875 7.06161 3.42375 5.09953 5.9175 2L6.25 2.20853C5.45375 3.94313 4.49125 5.87678 3.37125 8C4.49125 10.1232 5.445 12.0569 6.25 13.7915L5.9175 14C3.42375 10.91 1.7875 8.94787 1 8.11374V7.8673V7.88626Z" fill="#3F2B2E"/>
 <path d="M15 8.11374C14.2212 8.93839 12.5763 10.9005 10.0825 14L9.75 13.7915C10.5462 12.0569 11.5087 10.1232 12.6287 8C11.5087 5.87678 10.555 3.94313 9.75 2.20853L10.0825 2C12.5763 5.09005 14.2125 7.05213 15 7.88626V8.1327V8.11374Z" fill="#3F2B2E"/>
 </svg>
-`, Bt = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $t = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 11.8104C2.22375 10.436 4.80875 7.16588 8.7275 2L9.25 2.34755C7.99875 5.23855 6.48625 8.4613 4.72625 12C6.48625 15.5387 7.985 18.7615 9.25 21.6525L8.7275 22C4.80875 16.8499 2.2375 13.5798 1 12.1896V11.7788V11.8104Z" fill="#3F2B2E"/>
 <path d="M23 12.1896C21.7763 13.564 19.1913 16.8341 15.2725 22L14.75 21.6525C16.0013 18.7615 17.5138 15.5387 19.2738 12C17.5138 8.4613 16.015 5.23855 14.75 2.34755L15.2725 2C19.1913 7.15008 21.7625 10.4202 23 11.8104V12.2212V12.1896Z" fill="#3F2B2E"/>
 </svg>
@@ -994,10 +994,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, Ft = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.89 3.5C5.13 4.24 3.33 5.8 0.5 8.18L0.69 8.5C2.28 7.74 4.05 6.82 6 5.76C7.94 6.82 9.71 7.74 11.31 8.5L11.5 8.18C8.67 5.8 6.87 4.24 6.11 3.5H5.89Z" fill="#3F2B2E"/>
 </svg>
-`, At = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ot = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.14 5C9.11 5.89538 11.39 7.76923 15 10.6215L14.75 11C12.72 10.0862 10.47 8.98769 8 7.71385C5.53 8.98769 3.27 10.0862 1.25 11L1 10.6215C4.61 7.76923 6.89 5.89538 7.86 5H8.14Z" fill="#3F2B2E"/>
 </svg>
-`, Ot = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, At = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.23 7C13.82 8.49091 17.57 11.6091 23.5 16.3636L23.09 17C19.76 15.4727 16.06 13.6455 12 11.5182C7.93 13.6455 4.24 15.4727 0.91 17L0.5 16.3636C6.42 11.6091 10.18 8.49091 11.77 7H12.23Z" fill="#3F2B2E"/>
 </svg>
 `, Pt = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -1028,12 +1028,12 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <path d="M2 12.82L4.17818 14H11.632L14 12.83V5.9H2V12.82ZM2.9592 6.9H13.0408V12.2L11.4122 13H4.40799L2.9592 12.21V6.9Z" fill="#3F2B2E"/>
 <path d="M11.3922 10.34H4.59783V11.34H11.3922V10.34Z" fill="#3F2B2E"/>
 </svg>
-`, qt = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Nt = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 2V6.79H22V2H2ZM20.91 5.65H3.09V3.14H20.91V5.65Z" fill="#3F2B2E"/>
 <path d="M2 20.09L5.52 22H18.16L22 20.1V8.69H2V20.09ZM3.09 9.83H20.91V19.38L17.91 20.86H5.79L3.09 19.39V9.83Z" fill="#3F2B2E"/>
 <path d="M17.82 16.3H6.18V17.44H17.82V16.3Z" fill="#3F2B2E"/>
 </svg>
-`, Nt = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, qt = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.49 10.31L8.42 10.22C8.1 9.82 7.82 6.38 7.74 3.29V3.18L7.14 2.5H4.84L4.24 3.2V3.31C4.16 6.39 3.9 9.82 3.58 10.22L3.5 10.31V11.5H8.5V10.31H8.49ZM7.78 10.83H4.21V10.52C4.75 9.51 4.91 5.02 4.95 3.43L5.18 3.16H6.8L7.03 3.42C7.07 5.01 7.24 9.51 7.78 10.52V10.83Z" fill="#3F2B2E"/>
 <path d="M7.07 0.5H4.93V1.17H7.07V0.5Z" fill="#3F2B2E"/>
 <path d="M6.72 1.5H5.29V2.17H6.72V1.5Z" fill="#3F2B2E"/>
@@ -1054,10 +1054,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, Xt = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.99 8.13385L13.7909 7.08923C14.4204 6.23846 14.7402 5.54923 14.7802 5.47385L13.9308 5C13.9308 5 11.8722 9.35077 7.995 9.35077C4.11777 9.35077 2.1192 5.04308 2.09921 5L1.25981 5.48462C1.28979 5.56 1.61956 6.23846 2.23911 7.06769L1 8.13385L1.58958 8.95231L2.87866 7.84308C3.30835 8.31692 3.81799 8.80154 4.40757 9.21077L3.62812 10.6969L4.44754 11.2246L5.24697 9.71692C5.91649 10.0615 6.66595 10.2877 7.49536 10.3631V12H8.44468V10.3631C9.34404 10.2985 10.1535 10.0508 10.853 9.68462L11.6624 11.2138L12.4818 10.6862L11.6824 9.17846C12.252 8.78 12.7416 8.31692 13.1613 7.85385L14.4104 8.94154L15 8.12308L14.99 8.13385Z" fill="#3F2B2E"/>
 </svg>
-`, Yt = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Jt = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M23.5 12.07L21.28 10.24C22.41 8.82 23.01 7.62 23.07 7.5L22.13 7C22.1 7.07 18.64 14.07 12.01 14.07C5.38 14.07 1.97 7.08 1.94 7.01L1 7.52C1.06 7.64 1.66 8.81 2.77 10.2L0.5 12.07L1.15 12.94L3.48 11.02C4.26 11.88 5.22 12.75 6.36 13.48L4.93 16.07L5.84 16.62L7.28 14.01C8.48 14.63 9.86 15.04 11.4 15.13V18H12.46V15.14C14.12 15.07 15.59 14.63 16.85 13.97L18.31 16.62L19.22 16.07L17.77 13.44C18.88 12.73 19.8 11.89 20.56 11.06L22.83 12.93L23.48 12.06L23.5 12.07Z" fill="#3F2B2E"/>
 </svg>
-`, Jt = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Yt = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.99 9.74C2.49 9.74 0.66 6.3 0.58 6.15L0.5 6L0.58 5.85C0.65 5.7 2.39 2.25 6.01 2.25H6.02C9.7 2.25 11.36 5.71 11.43 5.85L11.5 6L11.43 6.15C11.36 6.3 9.57 9.75 5.99 9.75V9.74ZM1.27 5.99C1.66 6.63 3.3 9.06 5.98 9.06C8.66 9.06 10.36 6.62 10.73 5.98C10.38 5.35 8.84 2.92 6.01 2.92C3.23 2.92 1.64 5.34 1.27 5.99Z" fill="#3F2B2E"/>
 <path d="M6 8.05C5.27 8.05 4.57 7.68 4.23 7.11L4.14 6.92C4.03 6.68 3.96 6.42 3.94 6.13V5.99C3.94 5.66 4.01 5.35 4.14 5.06L4.19 4.95C4.53 4.33 5.25 3.93 6.01 3.93C6.77 3.93 7.44 4.31 7.78 4.88C7.97 5.22 8.06 5.53 8.07 5.86V5.99C8.07 6.32 8 6.63 7.87 6.92L7.82 7.03C7.49 7.65 6.76 8.05 6.01 8.05H6ZM6 4.61C5.49 4.61 5 4.87 4.79 5.25L4.75 5.33C4.66 5.53 4.61 5.75 4.61 5.98V6.09C4.63 6.27 4.67 6.46 4.75 6.63L4.8 6.73C5.03 7.11 5.51 7.35 6 7.35C6.49 7.35 7 7.09 7.21 6.71L7.25 6.62C7.34 6.42 7.39 6.2 7.39 5.97V5.85C7.38 5.64 7.32 5.43 7.21 5.23C6.97 4.83 6.49 4.58 6 4.58V4.61Z" fill="#3F2B2E"/>
 </svg>
@@ -1188,11 +1188,11 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <path d="M10.5 8.79C10.48 8.39 10.38 8 10.2 7.66L10.16 7.59C9.93 7.2 9.56 6.89 9.13 6.69L10.31 3.5L10.02 3.4C9.49 3.22 8.59 3.03 7.45 2.94C7.19 1.57 6.67 0.5 5.91 0.5C5.15 0.5 4.62 1.58 4.36 2.95C3.35 3.04 2.54 3.22 1.82 3.4L1.5 3.48L3.7 9.42H5.66C5.7 9.67 5.76 9.91 5.85 10.12L5.96 10.35C6.36 11.05 7.18 11.5 8.05 11.5C8.92 11.5 9.81 11.01 10.2 10.26L10.26 10.12C10.42 9.76 10.5 9.37 10.5 8.97V8.79ZM5.9 1.07C6.21 1.07 6.61 1.74 6.85 2.88C6.55 2.86 6.23 2.85 5.9 2.85C5.57 2.85 5.25 2.86 4.95 2.88C5.19 1.74 5.59 1.07 5.9 1.07ZM5.91 7.67L5.85 7.81C5.71 8.12 5.65 8.46 5.63 8.81H4.09L2.27 3.89C2.85 3.75 3.51 3.63 4.27 3.55C4.21 4.01 4.18 4.48 4.18 4.95H4.76C4.76 4.42 4.8 3.94 4.86 3.5C5.19 3.48 5.53 3.47 5.91 3.47C6.29 3.47 6.63 3.48 6.96 3.5C7.02 3.94 7.06 4.42 7.06 4.95H7.63C7.63 4.48 7.6 4 7.54 3.54C8.37 3.62 9.07 3.74 9.54 3.87L8.57 6.5C8.4 6.46 8.23 6.43 8.06 6.43C7.16 6.43 6.31 6.92 5.92 7.67H5.91ZM9.92 8.95C9.92 9.27 9.86 9.57 9.74 9.85L9.69 9.97C9.41 10.51 8.74 10.88 8.06 10.88C7.38 10.88 6.76 10.54 6.44 9.99L6.38 9.85C6.28 9.62 6.22 9.36 6.19 9.09V8.94C6.19 8.62 6.25 8.32 6.38 8.04L6.43 7.92C6.71 7.38 7.38 7.01 8.06 7.01C8.74 7.01 9.37 7.36 9.69 7.92C9.83 8.19 9.91 8.49 9.92 8.79V8.95Z" fill="#3F2B2E"/>
 <path d="M7.91 8.8H6.77V9.4H8.49V7.61H7.91V8.8Z" fill="#3F2B2E"/>
 </svg>
-`, $6 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, B6 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.49 11.7975C14.46 11.2372 14.31 10.7168 14.04 10.2265L13.99 10.1464C13.67 9.61608 13.15 9.1958 12.54 8.91561L14.23 4.59273L13.77 4.44263C13.02 4.20247 11.75 3.94229 10.13 3.81221C9.76 1.93095 9 0.5 7.87 0.5C6.74 0.5 5.97 1.94096 5.61 3.82221C4.18 3.9523 3.04 4.18246 2.01 4.43262L1.5 4.5527L4.68 12.6781H7.48C7.54 13.0083 7.62 13.3185 7.75 13.5987L7.91 13.9189C8.5 14.8796 9.69 15.5 10.95 15.5C12.21 15.5 13.5 14.8195 14.07 13.7889L14.16 13.5987C14.39 13.1084 14.5 12.568 14.5 12.0177V11.7875L14.49 11.7975ZM7.86 1.4006C8.28 1.4006 8.83 2.27118 9.16 3.75217C8.74 3.73215 8.31 3.72215 7.86 3.72215C7.41 3.72215 6.97 3.73215 6.56 3.75217C6.89 2.27118 7.43 1.4006 7.86 1.4006ZM7.83 10.2565L7.74 10.4466C7.55 10.8669 7.45 11.3172 7.42 11.7775H5.3L2.73 5.19313C3.53 5.01301 4.42 4.8529 5.46 4.74283C5.39 5.34323 5.35 5.96364 5.35 6.59406H6.27C6.27 5.8936 6.32 5.25317 6.4 4.67278C6.86 4.64276 7.34 4.63276 7.86 4.63276C8.38 4.63276 8.86 4.64276 9.32 4.67278C9.4 5.25317 9.45 5.8936 9.45 6.59406H10.37C10.37 5.96364 10.33 5.34323 10.26 4.73282C11.39 4.83289 12.33 4.993 13 5.17312L11.65 8.63542C11.42 8.5954 11.18 8.55537 10.94 8.55537C9.64 8.55537 8.39 9.23582 7.82 10.2665L7.83 10.2565ZM13.57 12.0277C13.57 12.448 13.48 12.8582 13.31 13.2285L13.24 13.3886C12.85 14.0991 11.91 14.5994 10.95 14.5994C9.99 14.5994 9.13 14.1491 8.7 13.4586L8.59 13.2285C8.45 12.9183 8.36 12.5781 8.33 12.2278V12.0277C8.33 11.6074 8.42 11.1971 8.59 10.8269L8.66 10.6668C9.05 9.9563 9.99 9.45597 10.95 9.45597C11.91 9.45597 12.78 9.92628 13.2 10.6067L13.24 10.6768C13.44 11.037 13.55 11.4273 13.57 11.8276V12.0277Z" fill="#3F2B2E"/>
 <path d="M10.69 11.7675H9.1V12.6781H11.61V10.2065H10.69V11.7675Z" fill="#3F2B2E"/>
 </svg>
-`, B6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.5 17.6976C21.46 16.8972 21.2401 16.1469 20.8503 15.4466L20.7704 15.3165C20.2806 14.5061 19.4511 13.8658 18.4916 13.4757L21.0203 7.03274L20.5605 6.88267C19.4111 6.51251 17.4621 6.13233 14.9634 5.94225C14.4437 3.17099 13.3543 1 11.7651 1C10.176 1 9.08653 3.18099 8.56681 5.95225C6.34798 6.14234 4.5889 6.4925 3.00973 6.87267L2.5 6.99272L7.12756 18.7781H11.3753C11.4553 19.3183 11.5852 19.8286 11.8051 20.2988L12.035 20.749C12.8745 22.1196 14.5936 23 16.4027 23C18.2117 23 20.0608 22.0396 20.8703 20.5789L21.0003 20.2988C21.3301 19.5884 21.49 18.8281 21.49 18.0277V17.6976H21.5ZM11.7751 1.8904C12.6147 1.8904 13.5142 3.45111 14.0139 5.87221C13.3043 5.8322 12.5647 5.81219 11.7751 5.81219C10.9855 5.81219 10.2359 5.8422 9.5363 5.88222C10.036 3.46112 10.9356 1.90041 11.7751 1.90041V1.8904ZM11.935 15.4766L11.8051 15.7567C11.4953 16.417 11.3354 17.1373 11.3154 17.8777H7.76723L3.74934 7.63302C5.09863 7.32287 6.60784 7.03274 8.42688 6.87267C8.28695 7.85312 8.21699 8.88358 8.21699 9.89404H9.1465C9.1465 8.78354 9.22646 7.74307 9.36639 6.80264C10.116 6.75261 10.9056 6.73261 11.7651 6.73261C12.6247 6.73261 13.4043 6.76262 14.1639 6.80264C14.3038 7.74307 14.3937 8.78354 14.3937 9.90405H15.3233C15.3233 8.88358 15.2533 7.85312 15.1134 6.87267C17.1123 7.03274 18.7215 7.32287 19.8009 7.62301L17.612 13.2156C17.2123 13.1255 16.8125 13.0755 16.4027 13.0755C14.5337 13.0755 12.7446 14.0359 11.935 15.4966V15.4766ZM20.5705 18.0277C20.5705 18.698 20.4306 19.3383 20.1607 19.9286L20.0508 20.1787C19.4211 21.3092 17.9219 22.0996 16.4127 22.0996C14.9035 22.0996 13.5142 21.3893 12.8346 20.2888L12.6547 19.9286C12.4248 19.4384 12.2948 18.9081 12.2449 18.3379V18.0377C12.2449 17.3674 12.3848 16.7271 12.6547 16.1369L12.7646 15.8868C13.3943 14.7563 14.8935 13.9659 16.4027 13.9659C17.9119 13.9659 19.3211 14.7162 19.9808 15.7967L20.0508 15.9068C20.3606 16.477 20.5405 17.0973 20.5805 17.7376V18.0377L20.5705 18.0277Z" fill="#3F2B2E"/>
 <path d="M16.2528 17.8777H13.6241V18.7781H17.1723V15.3165H16.2528V17.8777Z" fill="#3F2B2E"/>
 </svg>
@@ -1230,11 +1230,11 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <path d="M2 2C2 1.44772 2.44772 1 3 1H3.66667C4.21895 1 4.66667 1.44772 4.66667 2V10C4.66667 10.5523 4.21895 11 3.66667 11H3C2.44772 11 2 10.5523 2 10V2Z" fill="#3F2B2E"/>
 <path d="M7.33333 2C7.33333 1.44772 7.78105 1 8.33333 1H9C9.55228 1 10 1.44772 10 2V10C10 10.5523 9.55228 11 9 11H8.33333C7.78105 11 7.33333 10.5523 7.33333 10V2Z" fill="#3F2B2E"/>
 </svg>
-`, A6 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, O6 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.5 3C3.5 2.44772 3.94772 2 4.5 2H5.5C6.05228 2 6.5 2.44772 6.5 3V13C6.5 13.5523 6.05228 14 5.5 14H4.5C3.94772 14 3.5 13.5523 3.5 13V3Z" fill="#3F2B2E"/>
 <path d="M9.5 3C9.5 2.44772 9.94772 2 10.5 2H11.5C12.0523 2 12.5 2.44772 12.5 3V13C12.5 13.5523 12.0523 14 11.5 14H10.5C9.94772 14 9.5 13.5523 9.5 13V3Z" fill="#3F2B2E"/>
 </svg>
-`, O6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, A6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 5C6 4.44772 6.44772 4 7 4H9C9.55228 4 10 4.44772 10 5V19C10 19.5523 9.55228 20 9 20H7C6.44772 20 6 19.5523 6 19V5Z" fill="#3F2B2E"/>
 <path d="M14 5C14 4.44772 14.4477 4 15 4H17C17.5523 4 18 4.44772 18 5V19C18 19.5523 17.5523 20 17 20H15C14.4477 20 14 19.5523 14 19V5Z" fill="#3F2B2E"/>
 </svg>
@@ -1264,12 +1264,12 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.97 14.71C10.69 13.93 10.31 7.59 10.14 3.77V3.61L9.39 2.63H6.61L5.88 3.62V3.78C5.69 7.71 5.32 13.88 5.03 14.73L5 14.91V15.5H11V14.99L10.97 14.72V14.71ZM7.11 3.65H8.88L9.13 3.98C9.14 4.27 9.17 4.81 9.2 5.48C8.94 5.09 8.5 4.83 8 4.83C7.5 4.83 7.06 5.09 6.8 5.48C6.83 4.8 6.86 4.27 6.87 3.97L7.11 3.65ZM8.42 6.28C8.42 6.52 8.23 6.71 7.99 6.71C7.75 6.71 7.56 6.52 7.56 6.28C7.56 6.04 7.75 5.85 7.99 5.85C8.23 5.85 8.42 6.04 8.42 6.28ZM6.11 14.48C6.35 13 6.57 9.54 6.72 6.94C6.96 7.41 7.44 7.73 8 7.73C8.56 7.73 9.04 7.4 9.28 6.93C9.43 9.53 9.65 13 9.89 14.47H6.12L6.11 14.48Z" fill="#3F2B2E"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.36 2.2H8.64V1.45L9.22 1.51V0.6L8.62 0.5H7.38L6.78 0.6V1.51L7.36 1.45V2.2Z" fill="#3F2B2E"/>
 </svg>
-`, q6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, N6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 7.49C10.88 7.49 9.98 8.38 9.98 9.47C9.98 10.56 10.89 11.45 12 11.45C13.11 11.45 14.02 10.56 14.02 9.47C14.02 8.38 13.11 7.49 12 7.49ZM12 10.4C11.48 10.4 11.05 9.98 11.05 9.47C11.05 8.96 11.47 8.54 12 8.54C12.53 8.54 12.95 8.96 12.95 9.47C12.95 9.98 12.53 10.4 12 10.4Z" fill="#3F2B2E"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.47 22.63C16.02 21.39 15.42 11.76 15.13 5.58V5.42L14.07 4.07H9.91L8.88 5.43V5.59C8.67 9.82 8.04 21.14 7.53 22.65L7.5 22.73V23.5H16.5V22.81L16.47 22.63ZM8.68 22.44C9.27 19.31 9.86 7.41 9.94 5.8L10.45 5.13H13.53L14.06 5.81C14.16 7.86 14.73 19.41 15.32 22.45H8.68V22.44Z" fill="#3F2B2E"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.99 3.14H13.01V1.97L13.94 2.07V0.66L12.99 0.5H11.01L10.06 0.66V2.07L10.99 1.97V3.14Z" fill="#3F2B2E"/>
 </svg>
-`, N6 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, q6 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.93 9.17789L9.86 9.05778C9.11 7.80664 7.63 7.02593 6.01 7.02593C4.39 7.02593 2.77 7.89672 2.07 9.19791L1.94 9.44813C1.65 10.0687 1.5 10.7693 1.5 11.5H10.5V11.2097C10.45 10.4691 10.26 9.78844 9.93 9.1879V9.17789Z" fill="#3F2B2E"/>
 <path d="M3.42 4.64377L3.55 4.88399C4.02 5.6747 4.98 6.18517 6.01 6.18517C7.04 6.18517 8.06 5.63467 8.52 4.7939L8.6 4.63376C8.78 4.2434 8.87 3.79299 8.87 3.34258V3.15241C8.84 2.71201 8.72 2.28162 8.51 1.89126L8.46 1.80118C7.99 1.02047 7.01 0.5 6.01 0.5C5.01 0.5 3.96 1.0505 3.5 1.88126L3.42 2.0414C3.24 2.44177 3.15 2.88217 3.15 3.33258V3.52275C3.18 3.93312 3.27 4.29345 3.43 4.64377H3.42Z" fill="#3F2B2E"/>
 </svg>
@@ -1289,11 +1289,11 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <path d="M14 14.97V14.5806C13.9374 13.6419 13.687 12.7832 13.2487 12.0243C13.2487 12.0243 13.2487 12.0143 13.2383 12.0043L13.1443 11.8545C12.1426 10.2468 10.1704 9.24822 8.01043 9.24822C5.85044 9.24822 3.69043 10.3566 2.7513 12.0243L2.58435 12.3538C2.58435 12.3538 2.57391 12.3937 2.56348 12.4137C2.19826 13.1826 2 14.0713 2 14.97C2 14.97 2 14.97 2 14.98H3.21043C3.21043 14.2311 3.37739 13.5021 3.66957 12.873C3.66957 12.873 3.66957 12.873 3.66957 12.8631L3.82609 12.5635C4.55652 11.2753 6.23652 10.4165 8 10.4165C9.76348 10.4165 11.3287 11.2154 12.0904 12.4437L12.1739 12.5835C12.5287 13.2026 12.727 13.9016 12.7791 14.6405V14.99L13.9896 15L14 14.97Z" fill="#3F2B2E"/>
 <path d="M4.53565 6.33238L4.70261 6.65193C5.3287 7.67047 6.62261 8.32953 8 8.32953C9.37739 8.32953 10.7443 7.62054 11.3704 6.5321L11.4748 6.3224C11.7148 5.81312 11.84 5.24394 11.84 4.66476V4.42511C11.7983 3.86591 11.6313 3.3067 11.36 2.78745L11.2974 2.6776C10.6713 1.67903 9.34609 1 8 1C6.65391 1 5.24522 1.70899 4.62957 2.78745L4.52522 2.99715C4.28522 3.50642 4.16 4.07561 4.16 4.65478V4.90442C4.20174 5.42368 4.31652 5.89301 4.53565 6.34237V6.33238ZM5.37043 4.65478C5.37043 4.23538 5.46435 3.82596 5.62087 3.49643L5.70435 3.32668C6.10087 2.63766 7.04 2.16833 8 2.16833C8.96 2.16833 9.83652 2.62767 10.2852 3.34665C10.4835 3.70613 10.5983 4.10556 10.6296 4.46505V4.67475C10.6296 5.09415 10.5357 5.50357 10.3791 5.8331L10.2957 6.00285C9.89913 6.69187 8.96 7.17118 8 7.17118C7.04 7.17118 6.16348 6.7418 5.71478 6.00285L5.62087 5.8331C5.47478 5.53352 5.3913 5.19401 5.36 4.85449V4.64479L5.37043 4.65478Z" fill="#3F2B2E"/>
 </svg>
-`, Y6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, J6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.005 14.168C12.9534 14.168 13.8819 14.3279 14.7704 14.5876C16.9667 15.2371 18.8636 16.6058 19.8619 18.4242L20.1215 18.9337C20.6905 20.1526 21 21.5513 21 22.98C21 22.98 21 22.99 21 23H19.7421C19.7421 21.7511 19.4825 20.5322 18.9933 19.4932L18.7438 19.0136C17.9052 17.485 16.2779 16.3161 14.391 15.7666C13.6223 15.5468 12.8236 15.4169 11.995 15.4169C11.1764 15.4169 10.3777 15.5468 9.60899 15.7666C7.72213 16.3161 6.09484 17.475 5.25624 19.0136L5.00666 19.4932C4.51747 20.5422 4.2579 21.7611 4.2579 23H3C3 23 3 22.99 3 22.98C3 21.5513 3.2995 20.1526 3.87854 18.9337L4.1381 18.4242C5.13644 16.6058 7.03328 15.2271 9.22962 14.5876C10.1181 14.3279 11.0466 14.168 11.995 14.168" fill="#3F2B2E"/>
 <path d="M6.91348 9.07266L7.17304 9.55223C8.1015 11.0808 9.99834 12.0699 12.005 12.0699C14.0116 12.0699 16.0383 11.0009 16.9468 9.38238L17.1065 9.06267C17.4559 8.29337 17.6456 7.42416 17.6456 6.53497V6.1653C17.5857 5.29609 17.3461 4.46685 16.9368 3.68756L16.8469 3.51771C15.9285 2.00908 13.9917 1 12.015 1C10.0383 1 7.97171 2.06903 7.07321 3.67757L6.91348 3.99728C6.56406 4.76658 6.37438 5.63579 6.37438 6.52498V6.89464C6.43428 7.68392 6.61398 8.39328 6.92346 9.07266H6.91348ZM7.61231 6.52498C7.61231 5.81562 7.76206 5.11626 8.03161 4.52679L8.17138 4.24705C8.84027 3.03815 10.3777 2.22888 11.995 2.22888C13.5225 2.22888 15.0599 3.01817 15.7388 4.12716L15.8186 4.26703C16.1481 4.88647 16.3378 5.54587 16.3777 6.20527V6.53497C16.3777 7.24432 16.228 7.94369 15.9584 8.53315L15.8186 8.8129C15.1398 10.0318 13.6023 10.8411 11.995 10.8411C10.3877 10.8411 8.9401 10.0917 8.25125 8.94278L8.0416 8.54314C7.802 8.02361 7.66223 7.45413 7.61231 6.85468V6.52498Z" fill="#3F2B2E"/>
 </svg>
-`, J6 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Y6 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.2404 4.25C8.2404 4.25 8.2704 3.29 7.7004 2.6C7.3104 2.13 6.7304 1.88 6.0204 1.87C6.0204 1.87 5.9804 1.87 5.9704 1.87C5.3304 1.88 4.8204 2.08 4.4304 2.45C3.7104 3.15 3.7504 4.21 3.7504 4.24V11.06L4.4404 11.5H7.5604L8.2504 11.06V4.25H8.2404ZM7.4404 4.24V10.67L7.3004 10.76H4.6704L4.5304 10.67V4.23C4.5304 4.23 4.5104 3.43 4.9904 2.97C5.2304 2.74 5.5504 2.62 5.9804 2.62C6.4604 2.62 6.8204 2.77 7.0604 3.07C7.4504 3.54 7.4304 4.23 7.4304 4.25L7.4404 4.24Z" fill="#3F2B2E"/>
 <path d="M6.8504 1.56L6.7704 0.5H5.2104L5.1304 1.56H6.8504Z" fill="#3F2B2E"/>
 </svg>
@@ -1395,10 +1395,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, V4 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.99 5.05599L10.8701 4.68638H7.3037L6.1948 1.25H5.83517L4.71628 4.67639H1.11988L1 5.02603L3.91708 7.12382L2.7982 10.5103L3.10789 10.74L6.01498 8.64222L8.9021 10.75L9.22178 10.5202L8.11289 7.13381L11 5.06598L10.99 5.05599ZM9.49151 5.3357L7.3037 6.55442V5.3357H9.49151Z" fill="#432A2E"/>
 </svg>
-`, $4 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, B4 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.656L14.84 6.12639H9.85L8.29 1.25H7.79L6.22 6.11639H6.21L1.16 6.1064L1 6.60603L5.09 9.59382L3.52 14.4003L3.95 14.73L5.99 13.2411L8.03 11.7522L12.07 14.75L12.52 14.4202L10.96 9.6138L15 6.66599V6.656ZM12.66 7.12565L10.37 8.79441L9.85 9.17413V7.12565H12.66ZM9.85 11.8521V9.42395L10.01 9.91358L10.89 12.6216L9.86 11.8521H9.85Z" fill="#432A2E"/>
 </svg>
-`, B4 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $4 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.99 10.124L21.7601 9.37362H14.6337L12.4148 2.5H11.6952L9.45627 9.35361L2.22989 9.3336L2 10.044L7.83708 14.2462L5.5982 21.0197L6.21789 21.48L12.035 17.2778L17.8021 21.5L18.4418 21.0398L16.2229 14.2662L22 10.114L21.99 10.124ZM15.963 13.2256L15.8731 10.3741H19.921L15.953 13.2256H15.963ZM16.9225 19.629L16.1429 19.0587L16.083 17.0577L16.9225 19.629Z" fill="#3F2B2E"/>
 </svg>
 `, E4 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -1425,13 +1425,13 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, E2 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.91263 14L7.72275 13.9232C1.44662 11.3113 0.926944 7.66242 1.00689 6.21246C1.09684 4.30158 2.27611 2.66917 3.94508 2.16025C5.35421 1.72814 6.78333 2.17945 7.95261 3.39895C9.27179 2.13144 10.8408 1.69933 12.2999 2.21786C13.869 2.7844 14.9483 4.388 14.9983 6.21246C15.0382 7.66242 14.4386 11.3113 8.11251 13.9232L7.92263 14H7.91263Z" fill="#3F2B2E"/>
 </svg>
-`, A4 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, O4 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.94129 10.24L5.82136 10.19C1.32372 8.33153 0.953912 5.74359 1.00389 4.7244C1.07385 3.37548 1.91341 2.22639 3.09279 1.86668C4.10226 1.55693 5.13172 1.88667 5.96128 2.76596C6.91079 1.8467 8.0302 1.52695 9.07965 1.90665C10.1891 2.30633 10.9687 3.43543 10.9986 4.7244C11.0286 5.75358 10.5988 8.33153 6.07123 10.2L5.95129 10.25L5.94129 10.24ZM5.95129 3.69522L5.70142 3.39546C5.15171 2.716 4.49206 2.3463 3.82241 2.3463C3.6425 2.3463 3.4626 2.37628 3.28269 2.42624C2.36317 2.70601 1.68353 3.65526 1.63356 4.74439C1.59358 5.63368 1.9234 7.8719 5.95129 9.58053C10.0092 7.8719 10.399 5.62369 10.379 4.7344C10.349 3.69522 9.7493 2.77596 8.86976 2.4662C8.00021 2.15645 7.04072 2.52616 6.23114 3.40546L5.96128 3.70522L5.95129 3.69522Z" fill="#3F2B2E"/>
 </svg>
 `, M2 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.91263 14L7.72275 13.9232C1.44662 11.3113 0.926944 7.66242 1.00689 6.21246C1.09684 4.30158 2.27611 2.66917 3.94508 2.16025C5.35421 1.72814 6.78333 2.17945 7.95261 3.39895C9.27179 2.13144 10.8408 1.69933 12.2999 2.21786C13.869 2.7844 14.9483 4.388 14.9983 6.21246C15.0382 7.66242 14.4386 11.3113 8.11251 13.9232L7.92263 14H7.91263ZM4.97445 2.95724C4.7246 2.95724 4.47475 2.99565 4.2349 3.07247C2.98567 3.45657 2.05625 4.7721 1.98629 6.26047C1.92633 7.49918 2.38604 10.6008 7.92263 12.9629C11.8102 11.3017 14.0888 8.7955 14.0189 6.23166C13.9789 4.7913 13.1494 3.53339 11.9601 3.11088C10.7809 2.68838 9.47167 3.13969 8.37235 4.33999L7.93262 4.85852L7.54286 4.3976C6.79332 3.45657 5.88388 2.94764 4.97445 2.94764V2.95724Z" fill="#3F2B2E"/>
 </svg>
-`, O4 = {
+`, A4 = {
   wishlist: c3,
   playerv: h3,
   chevronRight: d3,
@@ -1449,22 +1449,22 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   arrowTop: x3,
   cart: H3,
   notifyme: V3,
-  triangledown: $3,
-  triangleup: B3,
+  triangledown: B3,
+  triangleup: $3,
   checkstroke: E3,
   pause: M3,
   mapDualArrow: k3,
   swipeDualArrow: _3,
-  backToBag: O3,
+  backToBag: A3,
   checkbox: P3,
   sliderLeftArrow: z3,
   sliderRightArrow: I3
 }, r2 = {
   "occ-address": { small: D3, medium: T3, large: j3 },
-  "occ-back": { small: R3, medium: U3, large: q3 },
-  "occ-bag-filled": { small: N3, medium: K3, large: W3 },
-  "occ-bag-outlined": { small: G3, medium: X3, large: Y3 },
-  "occ-bag-strike": { small: J3, medium: Q3, large: tt },
+  "occ-back": { small: R3, medium: U3, large: N3 },
+  "occ-bag-filled": { small: q3, medium: K3, large: W3 },
+  "occ-bag-outlined": { small: G3, medium: X3, large: J3 },
+  "occ-bag-strike": { small: Y3, medium: Q3, large: tt },
   "occ-bottle": { small: et, medium: it, large: ot },
   "occ-briefcase": { small: nt, medium: st, large: rt },
   "occ-burger": { small: lt, medium: at, large: ct },
@@ -1473,16 +1473,16 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "occ-check-filled": { small: vt, medium: ft, large: wt },
   "occ-check-outlined": { small: bt, medium: mt, large: Lt },
   "occ-chevron-bottom": { small: yt, medium: xt, large: Ht },
-  "occ-chevron-double": { small: Vt, medium: $t, large: Bt },
+  "occ-chevron-double": { small: Vt, medium: Bt, large: $t },
   "occ-chevron-left": { small: Et, medium: Mt, large: kt },
   "occ-chevron-right": { small: Zt, medium: _t, large: St },
-  "occ-chevron-top": { small: Ft, medium: At, large: Ot },
+  "occ-chevron-top": { small: Ft, medium: Ot, large: At },
   "occ-close-filled": { small: Pt, medium: zt, large: It },
   "occ-close-outlined": { small: Dt, medium: Tt, large: jt },
-  "occ-cream": { small: Rt, medium: Ut, large: qt },
-  "occ-cream-tube": { small: Nt, medium: Kt, large: Wt },
-  "occ-eye-hide": { small: Gt, medium: Xt, large: Yt },
-  "occ-eye-show": { small: Jt, medium: Qt, large: t6 },
+  "occ-cream": { small: Rt, medium: Ut, large: Nt },
+  "occ-cream-tube": { small: qt, medium: Kt, large: Wt },
+  "occ-eye-hide": { small: Gt, medium: Xt, large: Jt },
+  "occ-eye-show": { small: Yt, medium: Qt, large: t6 },
   "occ-geoloc": { small: e6, medium: i6, large: o6 },
   "occ-gift": { small: n6, medium: s6, large: r6 },
   "occ-hand-shake": { small: l6, medium: a6, large: c6 },
@@ -1491,16 +1491,16 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "occ-mail": { small: v6, medium: f6, large: w6 },
   "occ-message": { small: b6, medium: m6, large: L6 },
   "occ-minus": { small: y6, medium: x6, large: H6 },
-  "occ-order": { small: V6, medium: $6, large: B6 },
+  "occ-order": { small: V6, medium: B6, large: $6 },
   "occ-order-sent": { small: E6, medium: M6, large: k6 },
   "occ-padlock": { small: Z6, medium: _6, large: S6 },
-  "occ-pause": { small: F6, medium: A6, large: O6 },
+  "occ-pause": { small: F6, medium: O6, large: A6 },
   "occ-play": { small: P6, medium: z6, large: I6 },
   "occ-plus": { small: D6, medium: T6, large: j6 },
-  "occ-product": { small: R6, medium: U6, large: q6 },
-  "occ-profil-filled": { small: N6, medium: K6, large: W6 },
-  "occ-profil-outlined": { small: G6, medium: X6, large: Y6 },
-  "occ-refill": { small: J6, medium: Q6, large: t4 },
+  "occ-product": { small: R6, medium: U6, large: N6 },
+  "occ-profil-filled": { small: q6, medium: K6, large: W6 },
+  "occ-profil-outlined": { small: G6, medium: X6, large: J6 },
+  "occ-refill": { small: Y6, medium: Q6, large: t4 },
   "occ-refine": { small: e4, medium: i4, large: o4 },
   "occ-reward-card": { small: n4, medium: s4, large: r4 },
   "occ-samples": { small: l4, medium: a4, large: c4 },
@@ -1509,18 +1509,18 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "occ-star-100": { small: v4, medium: f4, large: w4 },
   "occ-star-25": { small: b4, medium: m4, large: L4 },
   "occ-star-50": { small: y4, medium: x4, large: H4 },
-  "occ-star-75": { small: V4, medium: $4, large: B4 },
+  "occ-star-75": { small: V4, medium: B4, large: $4 },
   "occ-store": { small: E4, medium: M4, large: k4 },
   "occ-warning": { small: Z4, medium: _4, large: S4 },
   "occ-wishlist-filled": { small: F4, medium: E2, large: E2 },
-  "occ-wishlist-outlined": { small: A4, medium: M2, large: M2 }
+  "occ-wishlist-outlined": { small: O4, medium: M2, large: M2 }
 }, P4 = Object.fromEntries(
   Object.entries(r2).map(([e, t]) => [
     e,
     t.medium ?? t.small ?? t.large ?? ""
   ])
 ), P2 = {
-  ...O4,
+  ...A4,
   ...P4
 }, z4 = {
   xsmall: 8,
@@ -1547,7 +1547,7 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 }, U4 = {
   success: S3,
   error: F3,
-  info: A3
+  info: O3
 };
 /**
  * @license
@@ -1605,7 +1605,7 @@ const P = a2(W1);
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q4 = (e) => e.strings === void 0;
+const N4 = (e) => e.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -1617,7 +1617,7 @@ const m1 = (e, t) => {
   if (i === void 0) return !1;
   for (const o of i) (n = o._$AO) == null || n.call(o, t, !1), m1(o, t);
   return !0;
-}, O1 = (e) => {
+}, A1 = (e) => {
   let t, i;
   do {
     if ((t = e._$AM) === void 0) break;
@@ -1631,17 +1631,17 @@ const m1 = (e, t) => {
     i.add(e), W4(t);
   }
 };
-function N4(e) {
-  this._$AN !== void 0 ? (O1(this), this._$AM = e, z2(this)) : this._$AM = e;
+function q4(e) {
+  this._$AN !== void 0 ? (A1(this), this._$AM = e, z2(this)) : this._$AM = e;
 }
 function K4(e, t = !1, i = 0) {
   const n = this._$AH, o = this._$AN;
-  if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(n)) for (let s = i; s < n.length; s++) m1(n[s], !1), O1(n[s]);
-  else n != null && (m1(n, !1), O1(n));
+  if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(n)) for (let s = i; s < n.length; s++) m1(n[s], !1), A1(n[s]);
+  else n != null && (m1(n, !1), A1(n));
   else m1(this, e);
 }
 const W4 = (e) => {
-  e.type == l2.CHILD && (e._$AP ?? (e._$AP = K4), e._$AQ ?? (e._$AQ = N4));
+  e.type == l2.CHILD && (e._$AP ?? (e._$AP = K4), e._$AQ ?? (e._$AQ = q4));
 };
 class G4 extends c2 {
   constructor() {
@@ -1652,10 +1652,10 @@ class G4 extends c2 {
   }
   _$AO(t, i = !0) {
     var n, o;
-    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (o = this.disconnected) == null || o.call(this)), i && (m1(this, t), O1(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (o = this.disconnected) == null || o.call(this)), i && (m1(this, t), A1(this));
   }
   setValue(t) {
-    if (q4(this._$Ct)) this._$Ct._$AI(t, this);
+    if (N4(this._$Ct)) this._$Ct._$AI(t, this);
     else {
       const i = [...this._$Ct._$AH];
       i[this._$Ci] = t, this._$Ct._$AI(i, this, 0);
@@ -1693,7 +1693,7 @@ class X4 extends G4 {
         (!t || !(o in t) && n[o] === i[o]) && (n[o] = void 0);
   }
 }
-class Y4 extends X4 {
+class J4 extends X4 {
   constructor() {
     super(...arguments), this.eventData = {};
   }
@@ -1737,7 +1737,7 @@ class Y4 extends X4 {
     }
   }
 }
-class J4 extends Y4 {
+class Y4 extends J4 {
   apply(t) {
     if (!t)
       return;
@@ -1786,13 +1786,13 @@ class J4 extends Y4 {
       }
   }
 }
-const k2 = a2(J4);
+const k2 = a2(Y4);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const M = (e) => e ?? d;
+const E = (e) => e ?? d;
 var Q4 = Object.defineProperty, t5 = Object.getOwnPropertyDescriptor, T = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? t5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
@@ -1820,7 +1820,7 @@ let k = class extends p {
 			` : a`
 				<button
 					type="button"
-					aria-label=${M(h)}
+					aria-label=${E(h)}
 					aria-describedby=${this.getAttribute("aria-describedby") || d}
 					class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}"
 					?disabled="${this.disabled}"
@@ -2043,7 +2043,7 @@ T([
   l({ type: String })
 ], k.prototype, "srLabel", 2);
 k = T([
-  v("o-icon-button")
+  f("o-icon-button")
 ], k);
 var e5 = Object.defineProperty, i5 = Object.getOwnPropertyDescriptor, w = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? i5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -2154,12 +2154,12 @@ let C = class extends p {
       }
     }
     if (document.querySelector("#refineandsortpopin")) {
-      const r = t.querySelector(".close-btn"), c = r ? this.resolveFocusable(r) : null, h = t.querySelector(".js-clear-refinements"), u = h ? this.resolveFocusable(h) : null, L = (f) => {
-        e.preventDefault(), e.stopPropagation(), f.focus();
+      const r = t.querySelector(".close-btn"), c = r ? this.resolveFocusable(r) : null, h = t.querySelector(".js-clear-refinements"), u = h ? this.resolveFocusable(h) : null, b = (v) => {
+        e.preventDefault(), e.stopPropagation(), v.focus();
       };
       if (c && u) {
-        if (!e.shiftKey && i === u) return L(c);
-        if (e.shiftKey && i === c) return L(u);
+        if (!e.shiftKey && i === u) return b(c);
+        if (e.shiftKey && i === c) return b(u);
       }
     }
     const o = this.renderRoot.querySelector(".close-btn");
@@ -2656,7 +2656,7 @@ w([
   l({ type: Boolean })
 ], C.prototype, "isHidingDetail", 2);
 C = w([
-  v("o-side-panel")
+  f("o-side-panel")
 ], C);
 var o5 = Object.defineProperty, n5 = Object.getOwnPropertyDescriptor, H = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? n5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -2664,7 +2664,7 @@ var o5 = Object.defineProperty, n5 = Object.getOwnPropertyDescriptor, H = (e, t,
   return n && o && o5(t, i, o), o;
 };
 const s5 = s2(p);
-let b = class extends s5 {
+let m = class extends s5 {
   constructor() {
     super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "", this.endIconModel = "", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "", this.underlined = !1, this.withbadge = !1, this.hideRoleButton = !1;
   }
@@ -2733,9 +2733,9 @@ let b = class extends s5 {
     `;
   }
 };
-a3(b);
-b.formAssociated = !0;
-b.styles = g`
+a3(m);
+m.formAssociated = !0;
+m.styles = g`
     :host {
       --button-border: transparent;
       --badge-outer-width: 19px;
@@ -2944,58 +2944,58 @@ b.styles = g`
   `;
 H([
   l()
-], b.prototype, "type", 2);
+], m.prototype, "type", 2);
 H([
   l()
-], b.prototype, "value", 2);
+], m.prototype, "value", 2);
 H([
   l({ type: String, reflect: !0 })
-], b.prototype, "variant", 2);
+], m.prototype, "variant", 2);
 H([
   l({ type: String })
-], b.prototype, "text", 2);
+], m.prototype, "text", 2);
 H([
   l({ type: String })
-], b.prototype, "textsecond", 2);
+], m.prototype, "textsecond", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "fullwidth", 2);
+], m.prototype, "fullwidth", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "disabled", 2);
+], m.prototype, "disabled", 2);
 H([
   l({ type: String })
-], b.prototype, "startIconModel", 2);
+], m.prototype, "startIconModel", 2);
 H([
   l({ type: String })
-], b.prototype, "endIconModel", 2);
+], m.prototype, "endIconModel", 2);
 H([
   l({ type: Boolean, reflect: !0, attribute: "starticon" })
-], b.prototype, "startIcon", 2);
+], m.prototype, "startIcon", 2);
 H([
   l({ type: Boolean, reflect: !0, attribute: "endicon" })
-], b.prototype, "endIcon", 2);
+], m.prototype, "endIcon", 2);
 H([
   l({ type: String, attribute: "paneltarget" })
-], b.prototype, "panelTarget", 2);
+], m.prototype, "panelTarget", 2);
 H([
   l({ type: String })
-], b.prototype, "href", 2);
+], m.prototype, "href", 2);
 H([
   l({ type: String })
-], b.prototype, "target", 2);
+], m.prototype, "target", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "underlined", 2);
+], m.prototype, "underlined", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "withbadge", 2);
+], m.prototype, "withbadge", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "hideRoleButton", 2);
-b = H([
-  v("o-button")
-], b);
+], m.prototype, "hideRoleButton", 2);
+m = H([
+  f("o-button")
+], m);
 var r5 = Object.defineProperty, l5 = Object.getOwnPropertyDescriptor, z1 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? l5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
@@ -3107,14 +3107,14 @@ z1([
   l({ type: String, reflect: !0 })
 ], C1.prototype, "label", 2);
 C1 = z1([
-  v("o-wishlist-button")
+  f("o-wishlist-button")
 ], C1);
 var a5 = Object.defineProperty, c5 = Object.getOwnPropertyDescriptor, a1 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? c5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && a5(t, i, o), o;
 };
-let N = class extends p {
+let q = class extends p {
   constructor() {
     super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
   }
@@ -3147,7 +3147,7 @@ let N = class extends p {
                     <a
                         class="link-wrapper"
                         href="${this.href}"
-                        target="${M(this.target || void 0)}"
+                        target="${E(this.target || void 0)}"
                         @click="${this._handleClick}"
                     >
                         ${t}
@@ -3155,7 +3155,7 @@ let N = class extends p {
                 ` : a`<span class="link-wrapper">${t}</span>`;
   }
 };
-N.styles = g`
+q.styles = g`
         :host {
             cursor: pointer;
         }
@@ -3244,25 +3244,25 @@ N.styles = g`
     `;
 a1([
   l({ type: String })
-], N.prototype, "href", 2);
+], q.prototype, "href", 2);
 a1([
   l({ type: String })
-], N.prototype, "target", 2);
+], q.prototype, "target", 2);
 a1([
   l({ type: String, reflect: !0 })
-], N.prototype, "template", 2);
+], q.prototype, "template", 2);
 a1([
   l({ type: Boolean, reflect: !0 })
-], N.prototype, "inverse", 2);
+], q.prototype, "inverse", 2);
 a1([
   l({ type: Boolean, reflect: !0 })
-], N.prototype, "endIcon", 2);
+], q.prototype, "endIcon", 2);
 a1([
   l({ type: Boolean, reflect: !0 })
-], N.prototype, "reverseEndIcon", 2);
-N = a1([
-  v("o-link")
-], N);
+], q.prototype, "reverseEndIcon", 2);
+q = a1([
+  f("o-link")
+], q);
 var h5 = Object.defineProperty, d5 = Object.getOwnPropertyDescriptor, I1 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? d5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
@@ -3339,7 +3339,7 @@ I1([
   l({ type: String })
 ], g1.prototype, "href", 2);
 g1 = I1([
-  v("o-rating")
+  f("o-rating")
 ], g1);
 var p5 = Object.defineProperty, C5 = Object.getOwnPropertyDescriptor, o1 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? C5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -3564,7 +3564,7 @@ o1([
   G()
 ], D.prototype, "focusedIndex", 2);
 D = o1([
-  v("thumbnail-navigation")
+  f("thumbnail-navigation")
 ], D);
 var g5 = Object.defineProperty, u5 = Object.getOwnPropertyDescriptor, h2 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? u5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -3645,7 +3645,7 @@ h2([
   l({ type: String, reflect: !0 })
 ], H1.prototype, "bgstyle", 2);
 H1 = h2([
-  v("o-tag")
+  f("o-tag")
 ], H1);
 var v5 = Object.defineProperty, f5 = Object.getOwnPropertyDescriptor, d2 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? f5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -3765,9 +3765,9 @@ d2([
   l({ type: String, reflect: !0 })
 ], V1.prototype, "text", 2);
 V1 = d2([
-  v("o-tooltip")
+  f("o-tooltip")
 ], V1);
-var w5 = Object.defineProperty, b5 = Object.getOwnPropertyDescriptor, Y = (e, t, i, n) => {
+var w5 = Object.defineProperty, b5 = Object.getOwnPropertyDescriptor, J = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? b5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && w5(t, i, o), o;
@@ -4034,32 +4034,32 @@ z.styles = g`
       display: none;
     }
   `;
-Y([
+J([
   l({ type: Array, reflect: !0 })
 ], z.prototype, "options", 2);
-Y([
+J([
   l({ type: String, reflect: !0 })
 ], z.prototype, "value", 2);
-Y([
+J([
   l({ type: String, reflect: !0 })
 ], z.prototype, "name", 2);
-Y([
+J([
   l({ type: Boolean, reflect: !0 })
 ], z.prototype, "disabled", 2);
-Y([
+J([
   l({ type: String, reflect: !0 })
 ], z.prototype, "width", 2);
-Y([
+J([
   G()
 ], z.prototype, "open", 2);
-Y([
+J([
   G()
 ], z.prototype, "activeIndex", 2);
-Y([
+J([
   G()
 ], z.prototype, "menuWidth", 2);
-z = Y([
-  v("o-dropdown")
+z = J([
+  f("o-dropdown")
 ], z);
 var m5 = Object.getOwnPropertyDescriptor, L5 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? m5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -4115,7 +4115,7 @@ G1.styles = g`
   }
 `;
 G1 = L5([
-  v("o-dots")
+  f("o-dots")
 ], G1);
 var y5 = Object.defineProperty, x5 = Object.getOwnPropertyDescriptor, j = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? x5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -4124,16 +4124,96 @@ var y5 = Object.defineProperty, x5 = Object.getOwnPropertyDescriptor, j = (e, t,
 };
 let Z = class extends p {
   constructor() {
-    super(...arguments), this.options = [], this.value = "", this.name = "", this.additionaltext = "+X variant(s)", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._handleOutsideClick = (e) => {
-      this.contains(e.target) || (this.open = !1, this.activeIndex = -1);
+    super(...arguments), this.options = [], this.value = "", this.name = "", this.additionaltext = "+X variant(s)", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._sent = /* @__PURE__ */ new Set(), this._pendingByKey = /* @__PURE__ */ new Map(), this._handleOutsideClick = (e) => {
+      this.contains(e.target) || (this.open = !1, this.activeIndex = -1, this._stopObserveVisibleItems());
     };
   }
+  _getKey(e, t, i) {
+    return (t == null ? void 0 : t.productId) ?? e.value ?? String(i);
+  }
+  _scheduleFlush() {
+    this._flushTimer || (this._flushTimer = window.setTimeout(() => {
+      this._flushTimer = void 0, this._flushPending();
+    }, 80));
+  }
+  _flushPending() {
+    if (!this.open || this._pendingByKey.size === 0) return;
+    const e = Array.from(this._pendingByKey.values());
+    this._pendingByKey.clear(), this.dispatchEvent(
+      new CustomEvent("event-tracking", {
+        detail: {
+          products: e
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  _emitTrackingEvent(e, t) {
+    const i = e == null ? void 0 : e.dataproduct;
+    if (!i) return;
+    let n;
+    try {
+      n = JSON.parse(i);
+    } catch (o) {
+      console.warn("Invalid dataproduct JSON:", i, o);
+      return;
+    }
+    this.dispatchEvent(
+      new CustomEvent("event-tracking", {
+        detail: {
+          product: n
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
   connectedCallback() {
     super.connectedCallback(), document.addEventListener("click", this._handleOutsideClick);
   }
   disconnectedCallback() {
     document.removeEventListener("click", this._handleOutsideClick), super.disconnectedCallback();
   }
+  _startObserveVisibleItems() {
+    var t;
+    this._stopObserveVisibleItems();
+    const e = (t = this.renderRoot) == null ? void 0 : t.querySelector("#dropdown-listbox");
+    e && (this._io = new IntersectionObserver(
+      (i) => {
+        if (this.open)
+          for (const n of i) {
+            if (!n.isIntersecting) continue;
+            const o = n.target, s = o.dataset.index;
+            if (!s) continue;
+            const r = Number(s), c = this.options[r];
+            if (!c || c.disabled) continue;
+            const h = c.dataproduct ?? o.dataset.product;
+            if (!h) continue;
+            let u;
+            try {
+              u = JSON.parse(h);
+            } catch (v) {
+              console.warn("Invalid dataproduct JSON:", h, v);
+              continue;
+            }
+            const b = this._getKey(c, u, r);
+            this._sent.has(b) || (this._sent.add(b), this._pendingByKey.set(b, u), this._scheduleFlush());
+          }
+      },
+      {
+        root: e,
+        threshold: 0.75
+      }
+    ), e.querySelectorAll("li[role='option']").forEach((i) => {
+      var n;
+      return (n = this._io) == null ? void 0 : n.observe(i);
+    }));
+  }
+  _stopObserveVisibleItems() {
+    var e;
+    this._flushPending(), this._flushTimer && (clearTimeout(this._flushTimer), this._flushTimer = void 0), (e = this._io) == null || e.disconnect(), this._io = void 0;
+  }
   toggle() {
     var e;
     if (!this.disabled) {
@@ -4141,7 +4221,9 @@ let Z = class extends p {
         const t = (e = this.renderRoot) == null ? void 0 : e.querySelector("button");
         t && (this.menuWidth = `${t.getBoundingClientRect().width}px`);
       }
-      this.open && this.updateComplete.then(() => this._focusActiveOption());
+      this.open ? this.updateComplete.then(() => {
+        this._focusActiveOption(), this._startObserveVisibleItems();
+      }) : this._stopObserveVisibleItems();
     }
   }
   _focusActiveOption() {
@@ -4206,7 +4288,7 @@ let Z = class extends p {
 				?disabled=${this.disabled}
 				class="btn-dropdown"
 			>
-				<img alt="${M(t == null ? void 0 : t.label)}" src="${M(t == null ? void 0 : t.imgurl)}" />
+				<img alt="${E(t == null ? void 0 : t.label)}" src="${E(t == null ? void 0 : t.imgurl)}" />
 				<span id="dropdown-label" class="label">
 					${t ? t.label : "Select an option"}
 				</span>
@@ -4235,17 +4317,22 @@ let Z = class extends p {
 								<li
 									id="option-${n}"
 									role="option"
+									data-index="${n}"
+									data-product="${E(i.dataproduct)}"
 									aria-selected="${i.value === this.value}"
 									aria-disabled="${i.disabled ? "true" : "false"}"
 									tabindex="${n === this.activeIndex ? "0" : "-1"}"
 									class="${n === this.activeIndex ? "active" : ""} ${i.disabled ? "disabled" : ""}"
-									@click=${() => this.selectOption(i)}
+									@click=${(o) => {
+        this._emitTrackingEvent(i, n), this.selectOption(i);
+      }}
 								>
-									<a href="${M(i.url)}">
-										<img alt="${M(i.label)}" src="${M(i.imgurl)}" />
+
+									<a href="${E(i.url)}">
+										<img alt="${E(i.label)}" src="${E(i.imgurl)}" />
 										<span class="label">${i.label}</span>
 										<div class="right">
-											<span class="additional-text">${M(i.additionaltext)}</span>
+											<span class="additional-text">${E(i.additionaltext)}</span>
 											${i.value === this.value && !i.additionaltext ? a`
 												<span class="check">${P(e)}</span>` : null}
 										</div>
@@ -4464,7 +4551,7 @@ j([
   G()
 ], Z.prototype, "menuWidth", 2);
 Z = j([
-  v("o-dropdown-variant")
+  f("o-dropdown-variant")
 ], Z);
 /**
  * @license
@@ -4497,12 +4584,12 @@ const I2 = "important", H5 = " !" + I2, V5 = a2(class extends c2 {
     return i1;
   }
 });
-var $5 = Object.defineProperty, B5 = Object.getOwnPropertyDescriptor, p2 = (e, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? B5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
+var B5 = Object.defineProperty, $5 = Object.getOwnPropertyDescriptor, p2 = (e, t, i, n) => {
+  for (var o = n > 1 ? void 0 : n ? $5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
-  return n && o && $5(t, i, o), o;
+  return n && o && B5(t, i, o), o;
 };
-let $1 = class extends p {
+let B1 = class extends p {
   constructor() {
     super(...arguments), this.option = {}, this.imageSize = 64;
   }
@@ -4514,16 +4601,16 @@ let $1 = class extends p {
       width: `${this.imageSize}px`,
       height: `${this.imageSize}px`
     }, n = this.option && this.option.title ? e(this.option.title) : "", o = this.option && this.option.description ? e(this.option.description) : "", s = a`
-      ${this.option.imgurl ? a`<img src="${this.option.imgurl}" alt="${M(n)}" aria-hidden="true" style=${V5(i)} />` : ""}
+      ${this.option.imgurl ? a`<img src="${this.option.imgurl}" alt="${E(n)}" aria-hidden="true" style=${V5(i)} />` : ""}
       <div class="m-reassurance-content">
-        <h3 class="a-reassurance-text">${M(n)}</h3>
-        <p class="a-reassurance-description">${M(o)}</p>
+        <h3 class="a-reassurance-text">${E(n)}</h3>
+        <p class="a-reassurance-description">${E(o)}</p>
       </div>
     `;
-    return t ? a`<a href="${M(this.option.url)}" class="reassurance-item clickable">${s}</a>` : a`<div class="reassurance-item">${s}</div>`;
+    return t ? a`<a href="${E(this.option.url)}" class="reassurance-item clickable">${s}</a>` : a`<div class="reassurance-item">${s}</div>`;
   }
 };
-$1.styles = g`
+B1.styles = g`
     :host {
       display: inline-block;
       position: relative;
@@ -4607,14 +4694,14 @@ $1.styles = g`
   `;
 p2([
   l({ type: Object, reflect: !0 })
-], $1.prototype, "option", 2);
+], B1.prototype, "option", 2);
 p2([
   l({ type: Number, reflect: !0 })
-], $1.prototype, "imageSize", 2);
-$1 = p2([
-  v("o-reassurance")
-], $1);
-var E5 = Object.defineProperty, M5 = Object.getOwnPropertyDescriptor, J = (e, t, i, n) => {
+], B1.prototype, "imageSize", 2);
+B1 = p2([
+  f("o-reassurance")
+], B1);
+var E5 = Object.defineProperty, M5 = Object.getOwnPropertyDescriptor, Y = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? M5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && E5(t, i, o), o;
@@ -4738,39 +4825,39 @@ _.styles = g`
       align-items: center;
     }
   `;
-J([
+Y([
   l({ type: String, reflect: !0 })
 ], _.prototype, "link", 2);
-J([
+Y([
   l({ reflect: !0 })
 ], _.prototype, "name", 2);
-J([
+Y([
   l({ reflect: !0 })
 ], _.prototype, "value", 2);
-J([
+Y([
   l({ type: String })
 ], _.prototype, "text", 2);
-J([
+Y([
   l({ type: String, reflect: !0 })
 ], _.prototype, "size", 2);
-J([
+Y([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "selected", 2);
-J([
+Y([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "fullwidth", 2);
-J([
+Y([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "inactive", 2);
-_ = J([
-  v("o-chip")
+_ = Y([
+  f("o-chip")
 ], _);
 var Z5 = Object.defineProperty, _5 = Object.getOwnPropertyDescriptor, C2 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? _5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && Z5(t, i, o), o;
 };
-let B1 = class extends p {
+let $1 = class extends p {
   constructor() {
     super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
   }
@@ -4786,7 +4873,7 @@ let B1 = class extends p {
     `;
   }
 };
-B1.styles = g`
+$1.styles = g`
     :host {
       display: flex;
       flex-direction: row;
@@ -4796,20 +4883,20 @@ B1.styles = g`
   `;
 C2([
   l({ reflect: !0 })
-], B1.prototype, "name", 2);
+], $1.prototype, "name", 2);
 C2([
   l({ reflect: !0 })
-], B1.prototype, "value", 2);
-B1 = C2([
-  v("o-chipset")
-], B1);
+], $1.prototype, "value", 2);
+$1 = C2([
+  f("o-chipset")
+], $1);
 var S5 = Object.defineProperty, F5 = Object.getOwnPropertyDescriptor, R = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? F5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && S5(t, i, o), o;
 };
-const A5 = s2(p);
-let S = class extends A5 {
+const O5 = s2(p);
+let S = class extends O5 {
   constructor() {
     super(...arguments), this.name = "", this.value = "", this.type = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
   }
@@ -5006,12 +5093,12 @@ R([
   l({ type: Boolean, reflect: !0 })
 ], S.prototype, "fullwidth", 2);
 S = R([
-  v("o-filter-chip")
+  f("o-filter-chip")
 ], S);
-var O5 = Object.defineProperty, A = (e, t, i, n) => {
+var A5 = Object.defineProperty, O = (e, t, i, n) => {
   for (var o = void 0, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = r(t, i, o) || o);
-  return o && O5(t, i, o), o;
+  return o && A5(t, i, o), o;
 };
 const v2 = class v2 extends p {
   constructor() {
@@ -5194,44 +5281,44 @@ v2.styles = g`
       cursor: pointer;
     }
   `;
-let $ = v2;
-A([
+let B = v2;
+O([
   l({ type: String })
-], $.prototype, "type");
-A([
+], B.prototype, "type");
+O([
   l({ type: String })
-], $.prototype, "titleProduct");
-A([
+], B.prototype, "titleProduct");
+O([
   l({ type: String })
-], $.prototype, "volume");
-A([
+], B.prototype, "volume");
+O([
   l({ type: String })
-], $.prototype, "perLiter");
-A([
+], B.prototype, "perLiter");
+O([
   l({ type: String })
-], $.prototype, "mainPrice");
-A([
+], B.prototype, "mainPrice");
+O([
   l({ type: String })
-], $.prototype, "imageUrl");
-A([
+], B.prototype, "imageUrl");
+O([
   l({ type: String })
-], $.prototype, "altImage");
-A([
+], B.prototype, "altImage");
+O([
   l({ type: Boolean })
-], $.prototype, "fullwidth");
-A([
+], B.prototype, "fullwidth");
+O([
   l({ type: String })
-], $.prototype, "tagText");
-A([
+], B.prototype, "tagText");
+O([
   l({ type: Boolean })
-], $.prototype, "outOfStock");
-A([
+], B.prototype, "outOfStock");
+O([
   l({ attribute: !1 })
-], $.prototype, "onClickTile");
-A([
+], B.prototype, "onClickTile");
+O([
   l({ attribute: !1 })
-], $.prototype, "onClickIcon");
-customElements.define("mini-tile", $);
+], B.prototype, "onClickIcon");
+customElements.define("mini-tile", B);
 var P5 = Object.defineProperty, z5 = Object.getOwnPropertyDescriptor, D1 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? z5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
@@ -5297,14 +5384,14 @@ D1([
   l({ type: String })
 ], u1.prototype, "srlabel", 2);
 u1 = D1([
-  v("o-badge")
+  f("o-badge")
 ], u1);
-var I5 = Object.defineProperty, D5 = Object.getOwnPropertyDescriptor, O = (e, t, i, n) => {
+var I5 = Object.defineProperty, D5 = Object.getOwnPropertyDescriptor, A = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? D5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && I5(t, i, o), o;
 };
-let B = class extends p {
+let $ = class extends p {
   constructor() {
     super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 5e3, this.multiline = !1;
   }
@@ -5368,7 +5455,7 @@ let B = class extends p {
         `;
   }
 };
-B.styles = g`
+$.styles = g`
         :host {
             --vertical-offset: 24px;
             --horizontal-offset: 24px;
@@ -5446,48 +5533,48 @@ B.styles = g`
             height: 16px;
         }
     `;
-O([
+A([
   l({ type: String, reflect: !0 })
-], B.prototype, "icon", 2);
-O([
+], $.prototype, "icon", 2);
+A([
   l({ type: String, reflect: !0 })
-], B.prototype, "text", 2);
-O([
+], $.prototype, "text", 2);
+A([
   l({ type: String, reflect: !0 })
-], B.prototype, "verticalanchor", 2);
-O([
+], $.prototype, "verticalanchor", 2);
+A([
   l({ type: String, reflect: !0 })
-], B.prototype, "horizontalanchor", 2);
-O([
+], $.prototype, "horizontalanchor", 2);
+A([
   l({ type: Number, reflect: !0 })
-], B.prototype, "verticaloffset", 2);
-O([
+], $.prototype, "verticaloffset", 2);
+A([
   l({ type: Number, reflect: !0 })
-], B.prototype, "horizontaloffset", 2);
-O([
+], $.prototype, "horizontaloffset", 2);
+A([
   l({ type: Number, reflect: !0 })
-], B.prototype, "animationduration", 2);
-O([
+], $.prototype, "animationduration", 2);
+A([
   l({ type: String, reflect: !0 })
-], B.prototype, "animationaxis", 2);
-O([
+], $.prototype, "animationaxis", 2);
+A([
   l({ type: Boolean, reflect: !0 })
-], B.prototype, "animated", 2);
-O([
+], $.prototype, "animated", 2);
+A([
   l({ type: Number, reflect: !0 })
-], B.prototype, "lifeduration", 2);
-O([
+], $.prototype, "lifeduration", 2);
+A([
   l({ type: Boolean, reflect: !0 })
-], B.prototype, "multiline", 2);
-B = O([
-  v("o-toast")
-], B);
+], $.prototype, "multiline", 2);
+$ = A([
+  f("o-toast")
+], $);
 var T5 = Object.defineProperty, j5 = Object.getOwnPropertyDescriptor, I = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? j5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && T5(t, i, o), o;
 };
-let R5 = 0, E = class extends p {
+let R5 = 0, M = class extends p {
   constructor() {
     super(), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Checkbox", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-checkbox-${++R5}`);
   }
@@ -5527,7 +5614,7 @@ let R5 = 0, E = class extends p {
     `;
   }
 };
-E.styles = g`
+M.styles = g`
     :host {
       display: inline-flex;
       align-items: center;
@@ -5632,45 +5719,45 @@ E.styles = g`
   `;
 I([
   l({ type: Boolean, reflect: !0 })
-], E.prototype, "checked", 2);
+], M.prototype, "checked", 2);
 I([
   l({ type: Boolean, reflect: !0 })
-], E.prototype, "indeterminate", 2);
+], M.prototype, "indeterminate", 2);
 I([
   l({ type: Boolean, reflect: !0 })
-], E.prototype, "disabled", 2);
+], M.prototype, "disabled", 2);
 I([
   l({ type: String, reflect: !0 })
-], E.prototype, "size", 2);
+], M.prototype, "size", 2);
 I([
   l({ type: Boolean })
-], E.prototype, "showLabel", 2);
+], M.prototype, "showLabel", 2);
 I([
   l({ type: String })
-], E.prototype, "label", 2);
+], M.prototype, "label", 2);
 I([
   l({ type: String })
-], E.prototype, "name", 2);
+], M.prototype, "name", 2);
 I([
   l({ type: String })
-], E.prototype, "value", 2);
+], M.prototype, "value", 2);
 I([
   l({ type: String, reflect: !0 })
-], E.prototype, "inputId", 2);
+], M.prototype, "inputId", 2);
 I([
   i2("input")
-], E.prototype, "inputEl", 2);
-E = I([
-  v("o-checkbox")
-], E);
-var U5 = Object.defineProperty, q5 = Object.getOwnPropertyDescriptor, U = (e, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? q5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
+], M.prototype, "inputEl", 2);
+M = I([
+  f("o-checkbox")
+], M);
+var U5 = Object.defineProperty, N5 = Object.getOwnPropertyDescriptor, U = (e, t, i, n) => {
+  for (var o = n > 1 ? void 0 : n ? N5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && U5(t, i, o), o;
 };
-let N5 = 0, F = class extends p {
+let q5 = 0, F = class extends p {
   constructor() {
-    super(), this.checked = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Radio button", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-radio-${++N5}`);
+    super(), this.checked = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Radio button", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-radio-${++q5}`);
   }
   handleClick() {
     this.disabled || this.checked || (this.checked = !0, this.syncInput(), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
@@ -5820,7 +5907,7 @@ U([
   i2("input")
 ], F.prototype, "inputEl", 2);
 F = U([
-  v("o-radio")
+  f("o-radio")
 ], F);
 var K5 = Object.getOwnPropertyDescriptor, W5 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? K5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -5851,7 +5938,7 @@ X1.styles = g`
         }
     `;
 X1 = W5([
-  v("o-breadcrumbs")
+  f("o-breadcrumbs")
 ], X1);
 var G5 = Object.defineProperty, X5 = Object.getOwnPropertyDescriptor, g2 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? X5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -5928,12 +6015,12 @@ g2([
   l({ type: Boolean, reflect: !0 })
 ], E1.prototype, "active", 2);
 E1 = g2([
-  v("o-breadcrumb")
+  f("o-breadcrumb")
 ], E1);
-var Y5 = Object.defineProperty, J5 = Object.getOwnPropertyDescriptor, c1 = (e, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? J5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
+var J5 = Object.defineProperty, Y5 = Object.getOwnPropertyDescriptor, c1 = (e, t, i, n) => {
+  for (var o = n > 1 ? void 0 : n ? Y5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
-  return n && o && Y5(t, i, o), o;
+  return n && o && J5(t, i, o), o;
 };
 let K = class extends p {
   constructor() {
@@ -6058,7 +6145,7 @@ c1([
   l({ type: Boolean, reflect: !0, attribute: "showhover" })
 ], K.prototype, "showHover", 2);
 K = c1([
-  v("o-arch-image")
+  f("o-arch-image")
 ], K);
 const Q5 = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
@@ -6469,7 +6556,7 @@ var i0 = Object.defineProperty, o0 = Object.getOwnPropertyDescriptor, x = (e, t,
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && i0(t, i, o), o;
 };
-let m = class extends p {
+let L = class extends p {
   constructor() {
     super(...arguments), this.type = "cart | notifyme", this.titleProduct = "", this.descriptionProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.salesPercentage = "", this.oldPrice = "", this.imageUrl = "https://placehold.co/112x140", this.outOfStock = !1, this.outOfStockText = "Out of stock", this.altImage = "", this.fullwidth = !1, this.current = !1, this.hideIcon = !1, this.tagText = "";
   }
@@ -6538,7 +6625,7 @@ let m = class extends p {
     `;
   }
 };
-m.styles = g`
+L.styles = g`
     :host {
       display: block;
       max-width: 100%;
@@ -6709,61 +6796,61 @@ m.styles = g`
   `;
 x([
   l({ type: String })
-], m.prototype, "type", 2);
+], L.prototype, "type", 2);
 x([
   l({ type: String })
-], m.prototype, "titleProduct", 2);
+], L.prototype, "titleProduct", 2);
 x([
   l({ type: String })
-], m.prototype, "descriptionProduct", 2);
+], L.prototype, "descriptionProduct", 2);
 x([
   l({ type: String })
-], m.prototype, "volume", 2);
+], L.prototype, "volume", 2);
 x([
   l({ type: String })
-], m.prototype, "perLiter", 2);
+], L.prototype, "perLiter", 2);
 x([
   l({ type: String })
-], m.prototype, "mainPrice", 2);
+], L.prototype, "mainPrice", 2);
 x([
   l({ type: String })
-], m.prototype, "salesPercentage", 2);
+], L.prototype, "salesPercentage", 2);
 x([
   l({ type: String })
-], m.prototype, "oldPrice", 2);
+], L.prototype, "oldPrice", 2);
 x([
   l({ type: String })
-], m.prototype, "imageUrl", 2);
+], L.prototype, "imageUrl", 2);
 x([
   l({ type: Boolean })
-], m.prototype, "outOfStock", 2);
+], L.prototype, "outOfStock", 2);
 x([
   l({ type: String })
-], m.prototype, "outOfStockText", 2);
+], L.prototype, "outOfStockText", 2);
 x([
   l({ type: String })
-], m.prototype, "altImage", 2);
+], L.prototype, "altImage", 2);
 x([
   l({ type: Boolean })
-], m.prototype, "fullwidth", 2);
+], L.prototype, "fullwidth", 2);
 x([
   l({ type: Boolean })
-], m.prototype, "current", 2);
+], L.prototype, "current", 2);
 x([
   l({ type: Boolean })
-], m.prototype, "hideIcon", 2);
+], L.prototype, "hideIcon", 2);
 x([
   l({ type: String })
-], m.prototype, "tagText", 2);
+], L.prototype, "tagText", 2);
 x([
   l({ attribute: !1 })
-], m.prototype, "onClickTile", 2);
+], L.prototype, "onClickTile", 2);
 x([
   l({ attribute: !1 })
-], m.prototype, "onClickIcon", 2);
-m = x([
-  v("o-medium-tile")
-], m);
+], L.prototype, "onClickIcon", 2);
+L = x([
+  f("o-medium-tile")
+], L);
 var n0 = Object.defineProperty, s0 = Object.getOwnPropertyDescriptor, h1 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? s0(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
@@ -6896,14 +6983,14 @@ h1([
   l({ type: Boolean, reflect: !0 })
 ], W.prototype, "inactive", 2);
 W = h1([
-  v("o-tab")
+  f("o-tab")
 ], W);
 var r0 = Object.getOwnPropertyDescriptor, l0 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? r0(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = r(o) || o);
   return o;
 };
-let Y1 = class extends p {
+let J1 = class extends p {
   constructor() {
     super(), this.addEventListener("selected", this.onTabSelected);
   }
@@ -6926,7 +7013,7 @@ let Y1 = class extends p {
     `;
   }
 };
-Y1.styles = g`
+J1.styles = g`
     :host {
       display: flex;
       flex-direction: row;
@@ -6935,9 +7022,9 @@ Y1.styles = g`
       gap: var(--spacing-s);
     }
   `;
-Y1 = l0([
-  v("o-tablist")
-], Y1);
+J1 = l0([
+  f("o-tablist")
+], J1);
 var a0 = Object.defineProperty, c0 = Object.getOwnPropertyDescriptor, T1 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? c0(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
@@ -7113,7 +7200,7 @@ T1([
   l({ type: Boolean, reflect: !0 })
 ], v1.prototype, "disabled", 2);
 v1 = T1([
-  v("o-accordion")
+  f("o-accordion")
 ], v1);
 var d0 = Object.defineProperty, p0 = Object.getOwnPropertyDescriptor, u2 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? p0(t, i) : t, s = e.length - 1, r; s >= 0; s--)
@@ -7167,5 +7254,5 @@ u2([
   i2("slot")
 ], M1.prototype, "defaultSlot", 2);
 M1 = u2([
-  v("o-accordion-group")
+  f("o-accordion-group")
 ], M1);