@florid-kit/components 2.4.1 → 2.4.4

package/index.mjs

@@ -3,16 +3,16 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const G1 = globalThis, f2 = G1.ShadowRoot && (G1.ShadyCSS === void 0 || G1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, v2 = Symbol(), k2 = /* @__PURE__ */ new WeakMap();
+const G1 = globalThis, v2 = G1.ShadowRoot && (G1.ShadyCSS === void 0 || G1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, b2 = Symbol(), k2 = /* @__PURE__ */ new WeakMap();
 let U2 = class {
   constructor(t, o, n) {
-    if (this._$cssResult$ = !0, n !== v2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, n !== b2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = o;
   }
   get styleSheet() {
     let t = this.o;
     const o = this.t;
-    if (f2 && t === void 0) {
+    if (v2 && t === void 0) {
       const n = o !== void 0 && o.length === 1;
       n && (t = k2.get(o)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), n && k2.set(o, t));
     }
@@ -22,20 +22,20 @@ let U2 = class {
     return this.cssText;
   }
 };
-const t0 = (e) => new U2(typeof e == "string" ? e : e + "", void 0, v2), C = (e, ...t) => {
+const t0 = (e) => new U2(typeof e == "string" ? e : e + "", void 0, b2), C = (e, ...t) => {
   const o = e.length === 1 ? e[0] : t.reduce((n, i, s) => n + ((r) => {
     if (r._$cssResult$ === !0) return r.cssText;
     if (typeof r == "number") return r;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(i) + e[s + 1], e[0]);
-  return new U2(o, e, v2);
+  return new U2(o, e, b2);
 }, e0 = (e, t) => {
-  if (f2) e.adoptedStyleSheets = t.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  if (v2) e.adoptedStyleSheets = t.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
   else for (const o of t) {
     const n = document.createElement("style"), i = G1.litNonce;
     i !== void 0 && n.setAttribute("nonce", i), n.textContent = o.cssText, e.appendChild(n);
   }
-}, Z2 = f2 ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Z2 = v2 ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let o = "";
   for (const n of t.cssRules) o += n.cssText;
   return t0(o);
@@ -45,7 +45,7 @@ const t0 = (e) => new U2(typeof e == "string" ? e : e + "", void 0, v2), C = (e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: o0, defineProperty: i0, getOwnPropertyDescriptor: n0, getOwnPropertyNames: s0, getOwnPropertySymbols: r0, getPrototypeOf: l0 } = Object, p1 = globalThis, _2 = p1.trustedTypes, a0 = _2 ? _2.emptyScript : "", r2 = p1.reactiveElementPolyfillSupport, Z1 = (e, t) => e, X1 = { toAttribute(e, t) {
+const { is: o0, defineProperty: i0, getOwnPropertyDescriptor: n0, getOwnPropertyNames: s0, getOwnPropertySymbols: r0, getPrototypeOf: l0 } = Object, p1 = globalThis, _2 = p1.trustedTypes, a0 = _2 ? _2.emptyScript : "", l2 = p1.reactiveElementPolyfillSupport, _1 = (e, t) => e, X1 = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? a0 : null;
@@ -73,7 +73,7 @@ const { is: o0, defineProperty: i0, getOwnPropertyDescriptor: n0, getOwnProperty
       }
   }
   return o;
-} }, b2 = (e, t) => !o0(e, t), S2 = { attribute: !0, type: String, converter: X1, reflect: !1, useDefault: !1, hasChanged: b2 };
+} }, w2 = (e, t) => !o0(e, t), S2 = { attribute: !0, type: String, converter: X1, reflect: !1, useDefault: !1, hasChanged: w2 };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), p1.litPropertyMetadata ?? (p1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let $1 = class extends HTMLElement {
   static addInitializer(t) {
@@ -103,13 +103,13 @@ let $1 = class extends HTMLElement {
     return this.elementProperties.get(t) ?? S2;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(Z1("elementProperties"))) return;
+    if (this.hasOwnProperty(_1("elementProperties"))) return;
     const t = l0(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(Z1("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Z1("properties"))) {
+    if (this.hasOwnProperty(_1("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(_1("properties"))) {
       const o = this.properties, n = [...s0(o), ...r0(o)];
       for (const i of n) this.createProperty(i, o[i]);
     }
@@ -200,7 +200,7 @@ let $1 = class extends HTMLElement {
     var i;
     if (t !== void 0) {
       const s = this.constructor, r = this[t];
-      if (n ?? (n = s.getPropertyOptions(t)), !((n.hasChanged ?? b2)(r, o) || n.useDefault && n.reflect && r === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(s._$Eu(t, n)))) return;
+      if (n ?? (n = s.getPropertyOptions(t)), !((n.hasChanged ?? w2)(r, o) || n.useDefault && n.reflect && r === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(s._$Eu(t, n)))) return;
       this.C(t, o, n);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -276,38 +276,38 @@ let $1 = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-$1.elementStyles = [], $1.shadowRootOptions = { mode: "open" }, $1[Z1("elementProperties")] = /* @__PURE__ */ new Map(), $1[Z1("finalized")] = /* @__PURE__ */ new Map(), r2 == null || r2({ ReactiveElement: $1 }), (p1.reactiveElementVersions ?? (p1.reactiveElementVersions = [])).push("2.1.0");
+$1.elementStyles = [], $1.shadowRootOptions = { mode: "open" }, $1[_1("elementProperties")] = /* @__PURE__ */ new Map(), $1[_1("finalized")] = /* @__PURE__ */ new Map(), l2 == null || l2({ ReactiveElement: $1 }), (p1.reactiveElementVersions ?? (p1.reactiveElementVersions = [])).push("2.1.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const _1 = globalThis, Y1 = _1.trustedTypes, F2 = Y1 ? Y1.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, q2 = "$lit$", d1 = `lit$${Math.random().toFixed(9).slice(2)}$`, N2 = "?" + d1, c0 = `<${N2}>`, w1 = document, F1 = () => w1.createComment(""), O1 = (e) => e === null || typeof e != "object" && typeof e != "function", w2 = Array.isArray, h0 = (e) => w2(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", l2 = `[ 	
-\f\r]`, k1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, O2 = /-->/g, A2 = />/g, f1 = RegExp(`>|${l2}(?:([^\\s"'>=/]+)(${l2}*=${l2}*(?:[^ 	
+const S1 = globalThis, Y1 = S1.trustedTypes, F2 = Y1 ? Y1.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, q2 = "$lit$", d1 = `lit$${Math.random().toFixed(9).slice(2)}$`, N2 = "?" + d1, c0 = `<${N2}>`, w1 = document, O1 = () => w1.createComment(""), A1 = (e) => e === null || typeof e != "object" && typeof e != "function", m2 = Array.isArray, h0 = (e) => m2(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", a2 = `[ 	
+\f\r]`, Z1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, O2 = /-->/g, A2 = />/g, f1 = RegExp(`>|${a2}(?:([^\\s"'>=/]+)(${a2}*=${a2}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), I2 = /'/g, P2 = /"/g, K2 = /^(?:script|style|textarea|title)$/i, d0 = (e) => (t, ...o) => ({ _$litType$: e, strings: t, values: o }), a = d0(1), A = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), z2 = /* @__PURE__ */ new WeakMap(), v1 = w1.createTreeWalker(w1, 129);
 function W2(e, t) {
-  if (!w2(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  if (!m2(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return F2 !== void 0 ? F2.createHTML(t) : t;
 }
 const p0 = (e, t) => {
   const o = e.length - 1, n = [];
-  let i, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = k1;
+  let i, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = Z1;
   for (let c = 0; c < o; c++) {
     const h = e[c];
     let f, w, v = -1, i1 = 0;
-    for (; i1 < h.length && (r.lastIndex = i1, w = r.exec(h), w !== null); ) i1 = r.lastIndex, r === k1 ? w[1] === "!--" ? r = O2 : w[1] !== void 0 ? r = A2 : w[2] !== void 0 ? (K2.test(w[2]) && (i = RegExp("</" + w[2], "g")), r = f1) : w[3] !== void 0 && (r = f1) : r === f1 ? w[0] === ">" ? (r = i ?? k1, v = -1) : w[1] === void 0 ? v = -2 : (v = r.lastIndex - w[2].length, f = w[1], r = w[3] === void 0 ? f1 : w[3] === '"' ? P2 : I2) : r === P2 || r === I2 ? r = f1 : r === O2 || r === A2 ? r = k1 : (r = f1, i = void 0);
+    for (; i1 < h.length && (r.lastIndex = i1, w = r.exec(h), w !== null); ) i1 = r.lastIndex, r === Z1 ? w[1] === "!--" ? r = O2 : w[1] !== void 0 ? r = A2 : w[2] !== void 0 ? (K2.test(w[2]) && (i = RegExp("</" + w[2], "g")), r = f1) : w[3] !== void 0 && (r = f1) : r === f1 ? w[0] === ">" ? (r = i ?? Z1, v = -1) : w[1] === void 0 ? v = -2 : (v = r.lastIndex - w[2].length, f = w[1], r = w[3] === void 0 ? f1 : w[3] === '"' ? P2 : I2) : r === P2 || r === I2 ? r = f1 : r === O2 || r === A2 ? r = Z1 : (r = f1, i = void 0);
     const h1 = r === f1 && e[c + 1].startsWith("/>") ? " " : "";
-    s += r === k1 ? h + c0 : v >= 0 ? (n.push(f), h.slice(0, v) + q2 + h.slice(v) + d1 + h1) : h + d1 + (v === -2 ? c : h1);
+    s += r === Z1 ? h + c0 : v >= 0 ? (n.push(f), h.slice(0, v) + q2 + h.slice(v) + d1 + h1) : h + d1 + (v === -2 ? c : h1);
   }
   return [W2(e, s + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
 };
-class A1 {
+class I1 {
   constructor({ strings: t, _$litType$: o }, n) {
     let i;
     this.parts = [];
     let s = 0, r = 0;
     const c = t.length - 1, h = this.parts, [f, w] = p0(t, o);
-    if (this.el = A1.createElement(f, n), v1.currentNode = this.el.content, o === 2 || o === 3) {
+    if (this.el = I1.createElement(f, n), v1.currentNode = this.el.content, o === 2 || o === 3) {
       const v = this.el.content.firstChild;
       v.replaceWith(...v.childNodes);
     }
@@ -321,8 +321,8 @@ class A1 {
           const v = i.textContent.split(d1), i1 = v.length - 1;
           if (i1 > 0) {
             i.textContent = Y1 ? Y1.emptyScript : "";
-            for (let h1 = 0; h1 < i1; h1++) i.append(v[h1], F1()), v1.nextNode(), h.push({ type: 2, index: ++s });
-            i.append(v[i1], F1());
+            for (let h1 = 0; h1 < i1; h1++) i.append(v[h1], O1()), v1.nextNode(), h.push({ type: 2, index: ++s });
+            i.append(v[i1], O1());
           }
         }
       } else if (i.nodeType === 8) if (i.data === N2) h.push({ type: 2, index: s });
@@ -342,7 +342,7 @@ function B1(e, t, o = e, n) {
   var r, c;
   if (t === A) return t;
   let i = n !== void 0 ? (r = o._$Co) == null ? void 0 : r[n] : o._$Cl;
-  const s = O1(t) ? void 0 : t._$litDirective$;
+  const s = A1(t) ? void 0 : t._$litDirective$;
   return (i == null ? void 0 : i.constructor) !== s && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), s === void 0 ? i = void 0 : (i = new s(e), i._$AT(e, o, n)), n !== void 0 ? (o._$Co ?? (o._$Co = []))[n] = i : o._$Cl = i), i !== void 0 && (t = B1(e, i._$AS(e, t.values), i, n)), t;
 }
 class C0 {
@@ -393,7 +393,7 @@ class U1 {
     return this._$AB;
   }
   _$AI(t, o = this) {
-    t = B1(this, t, o), O1(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== A && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : h0(t) ? this.k(t) : this._(t);
+    t = B1(this, t, o), A1(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== A && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : h0(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -402,11 +402,11 @@ class U1 {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== d && O1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w1.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && A1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w1.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var s;
-    const { values: o, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = A1.createElement(W2(n.h, n.h[0]), this.options)), n);
+    const { values: o, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = I1.createElement(W2(n.h, n.h[0]), this.options)), n);
     if (((s = this._$AH) == null ? void 0 : s._$AD) === i) this._$AH.p(o);
     else {
       const r = new C0(i, this), c = r.u(this.options);
@@ -415,13 +415,13 @@ class U1 {
   }
   _$AC(t) {
     let o = z2.get(t.strings);
-    return o === void 0 && z2.set(t.strings, o = new A1(t)), o;
+    return o === void 0 && z2.set(t.strings, o = new I1(t)), o;
   }
   k(t) {
-    w2(this._$AH) || (this._$AH = [], this._$AR());
+    m2(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
     let n, i = 0;
-    for (const s of t) i === o.length ? o.push(n = new U1(this.O(F1()), this.O(F1()), this, this.options)) : n = o[i], n._$AI(s), i++;
+    for (const s of t) i === o.length ? o.push(n = new U1(this.O(O1()), this.O(O1()), this, this.options)) : n = o[i], n._$AI(s), i++;
     i < o.length && (this._$AR(n && n._$AB.nextSibling, i), o.length = i);
   }
   _$AR(t = this._$AA.nextSibling, o) {
@@ -449,11 +449,11 @@ class Q1 {
   _$AI(t, o = this, n, i) {
     const s = this.strings;
     let r = !1;
-    if (s === void 0) t = B1(this, t, o, 0), r = !O1(t) || t !== this._$AH && t !== A, r && (this._$AH = t);
+    if (s === void 0) t = B1(this, t, o, 0), r = !A1(t) || t !== this._$AH && t !== A, r && (this._$AH = t);
     else {
       const c = t;
       let h, f;
-      for (t = s[0], h = 0; h < s.length - 1; h++) f = B1(this, c[n + h], o, h), f === A && (f = this._$AH[h]), r || (r = !O1(f) || f !== this._$AH[h]), f === d ? t = d : t !== d && (t += (f ?? "") + s[h + 1]), this._$AH[h] = f;
+      for (t = s[0], h = 0; h < s.length - 1; h++) f = B1(this, c[n + h], o, h), f === A && (f = this._$AH[h]), r || (r = !A1(f) || f !== this._$AH[h]), f === d ? t = d : t !== d && (t += (f ?? "") + s[h + 1]), this._$AH[h] = f;
     }
     r && !i && this.j(t);
   }
@@ -502,14 +502,14 @@ class v0 {
     B1(this, t);
   }
 }
-const a2 = _1.litHtmlPolyfillSupport;
-a2 == null || a2(A1, U1), (_1.litHtmlVersions ?? (_1.litHtmlVersions = [])).push("3.3.0");
+const c2 = S1.litHtmlPolyfillSupport;
+c2 == null || c2(I1, U1), (S1.litHtmlVersions ?? (S1.litHtmlVersions = [])).push("3.3.0");
 const b0 = (e, t, o) => {
   const n = (o == null ? void 0 : o.renderBefore) ?? t;
   let i = n._$litPart$;
   if (i === void 0) {
     const s = (o == null ? void 0 : o.renderBefore) ?? null;
-    n._$litPart$ = i = new U1(t.insertBefore(F1(), s), s, void 0, o ?? {});
+    n._$litPart$ = i = new U1(t.insertBefore(O1(), s), s, void 0, o ?? {});
   }
   return i._$AI(e), i;
 };
@@ -546,8 +546,8 @@ let p = class extends $1 {
 };
 var R2;
 p._$litElement$ = !0, p.finalized = !0, (R2 = b1.litElementHydrateSupport) == null || R2.call(b1, { LitElement: p });
-const c2 = b1.litElementPolyfillSupport;
-c2 == null || c2({ LitElement: p });
+const h2 = b1.litElementPolyfillSupport;
+h2 == null || h2({ LitElement: p });
 (b1.litElementVersions ?? (b1.litElementVersions = [])).push("4.2.0");
 /**
  * @license
@@ -564,7 +564,7 @@ const u = (e) => (t, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const w0 = { attribute: !0, type: String, converter: X1, reflect: !1, hasChanged: b2 }, m0 = (e = w0, t, o) => {
+const w0 = { attribute: !0, type: String, converter: X1, reflect: !1, hasChanged: w2 }, m0 = (e = w0, t, o) => {
   const { kind: n, metadata: i } = o;
   let s = globalThis.litPropertyMetadata.get(i);
   if (s === void 0 && globalThis.litPropertyMetadata.set(i, s = /* @__PURE__ */ new Map()), n === "setter" && ((e = Object.create(e)).wrapped = !0), s.set(o.name, e), n === "accessor") {
@@ -630,7 +630,7 @@ C`
 		box-sizing: border-box;
 	}
 `;
-const m2 = C`
+const y2 = C`
 	border: 0 !important;
 	clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
 	-webkit-clip-path: inset(50%) !important;
@@ -657,12 +657,12 @@ const m2 = C`
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const I1 = Symbol("internals"), h2 = Symbol("privateInternals");
+const P1 = Symbol("internals"), d2 = Symbol("privateInternals");
 function t2(e) {
   var t;
   class o extends e {
-    get [(t = I1, t)]() {
-      return this[h2] || (this[h2] = this.attachInternals()), this[h2];
+    get [(t = P1, t)]() {
+      return this[d2] || (this[d2] = this.attachInternals()), this[d2];
     }
   }
   return o;
@@ -676,7 +676,7 @@ function x0(e) {
   e.addInitializer((t) => {
     const o = t;
     o.addEventListener("click", async (n) => {
-      const { type: i, [I1]: s } = o, { form: r } = s;
+      const { type: i, [P1]: s } = o, { form: r } = s;
       if (!(!r || i === "button") && (await new Promise((c) => {
         setTimeout(c);
       }), !n.defaultPrevented)) {
@@ -1534,7 +1534,7 @@ const $0 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   checkbox: J0,
   sliderLeftArrow: Q0,
   sliderRightArrow: t3
-}, y2 = {
+}, L2 = {
   "occ-address": { small: e3, medium: o3, large: i3 },
   "occ-autorep": { small: n3, medium: s3, large: r3 },
   "occ-back": { small: l3, medium: a3, large: c3 },
@@ -1593,7 +1593,7 @@ const $0 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "occ-wishlist-filled": { small: n5, medium: D2, large: D2 },
   "occ-wishlist-outlined": { small: s5, medium: T2, large: T2 }
 }, l5 = Object.fromEntries(
-  Object.entries(y2).map(([e, t]) => [
+  Object.entries(L2).map(([e, t]) => [
     e,
     t.medium ?? t.small ?? t.large ?? ""
   ])
@@ -1605,8 +1605,8 @@ const $0 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   small: 12,
   medium: 16,
   large: 24
-}, c5 = (e) => Object.prototype.hasOwnProperty.call(y2, e), h5 = (e) => e === "xsmall" ? "small" : e, d5 = (e, t, o) => {
-  const n = y2[e];
+}, c5 = (e) => Object.prototype.hasOwnProperty.call(L2, e), h5 = (e) => e === "xsmall" ? "small" : e, d5 = (e, t, o) => {
+  const n = L2[e];
   if (o) {
     const i = h5(t);
     return n[i] ?? n.large ?? n.medium ?? n.small ?? "";
@@ -1654,7 +1654,7 @@ let o2 = class {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class d2 extends o2 {
+class p2 extends o2 {
   constructor(t) {
     if (super(t), this.it = d, t.type !== n1.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -1668,16 +1668,16 @@ class d2 extends o2 {
     return o.raw = o, this._t = { _$litType$: this.constructor.resultType, strings: o, values: [] };
   }
 }
-d2.directiveName = "unsafeHTML", d2.resultType = 1;
+p2.directiveName = "unsafeHTML", p2.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class p2 extends d2 {
+class C2 extends p2 {
 }
-p2.directiveName = "unsafeSVG", p2.resultType = 2;
-const q = e2(p2);
+C2.directiveName = "unsafeSVG", C2.resultType = 2;
+const q = e2(C2);
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -1689,11 +1689,11 @@ const X2 = (e) => e.strings === void 0, g5 = {}, f5 = (e, t = g5) => e._$AH = t;
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S1 = (e, t) => {
+const F1 = (e, t) => {
   var n;
   const o = e._$AN;
   if (o === void 0) return !1;
-  for (const i of o) (n = i._$AO) == null || n.call(i, t, !1), S1(i, t);
+  for (const i of o) (n = i._$AO) == null || n.call(i, t, !1), F1(i, t);
   return !0;
 }, J1 = (e) => {
   let t, o;
@@ -1714,9 +1714,9 @@ function v5(e) {
 }
 function b5(e, t = !1, o = 0) {
   const n = this._$AH, i = this._$AN;
-  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let s = o; s < n.length; s++) S1(n[s], !1), J1(n[s]);
-  else n != null && (S1(n, !1), J1(n));
-  else S1(this, e);
+  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let s = o; s < n.length; s++) F1(n[s], !1), J1(n[s]);
+  else n != null && (F1(n, !1), J1(n));
+  else F1(this, e);
 }
 const w5 = (e) => {
   e.type == n1.CHILD && (e._$AP ?? (e._$AP = b5), e._$AQ ?? (e._$AQ = v5));
@@ -1730,7 +1730,7 @@ class m5 extends o2 {
   }
   _$AO(t, o = !0) {
     var n, i;
-    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), o && (S1(this, t), J1(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), o && (F1(this, t), J1(this));
   }
   setValue(t) {
     if (X2(this._$Ct)) this._$Ct._$AI(t, this);
@@ -2094,7 +2094,7 @@ I.styles = C`
 		}
 
 		.sr-only {
-			${m2}
+			${y2}
 		}
 	`;
 J([
@@ -2757,7 +2757,7 @@ let m = class extends k5 {
     this.setAttribute("name", e);
   }
   get form() {
-    return this[I1].form;
+    return this[P1].form;
   }
   handleClick(e) {
     if (!(e instanceof KeyboardEvent && !["Enter", " "].includes(e.key)) && this.panelTarget) {
@@ -3088,7 +3088,7 @@ L([
 m = L([
   u("o-button")
 ], m);
-var Z5 = Object.defineProperty, _5 = Object.getOwnPropertyDescriptor, M1 = (e, t, o, n) => {
+var Z5 = Object.defineProperty, _5 = Object.getOwnPropertyDescriptor, k1 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? _5(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
   return n && i && Z5(t, o, i), i;
@@ -3182,7 +3182,7 @@ C1.styles = C`
 		}
 
 		.sr-only {
-			${m2}
+			${y2}
 		}
 
 		:host([icon="occ-wishlist-outlined"][bgstyle="none-contrast"]) .wishlist-button svg path {
@@ -3194,22 +3194,22 @@ C1.styles = C`
 			stroke: var(--color-content-action-secondary);
 		}
 	`;
-M1([
+k1([
   l({ type: String, reflect: !0 })
 ], C1.prototype, "status", 2);
-M1([
+k1([
   l({ type: String, reflect: !0 })
 ], C1.prototype, "icon", 2);
-M1([
+k1([
   l({ type: String, reflect: !0 })
 ], C1.prototype, "bgstyle", 2);
-M1([
+k1([
   l({ type: String, reflect: !0 })
 ], C1.prototype, "ariaDescribedBy", 2);
-M1([
+k1([
   l({ type: String, reflect: !0 })
 ], C1.prototype, "label", 2);
-C1 = M1([
+C1 = k1([
   u("o-wishlist-button")
 ], C1);
 var S5 = Object.defineProperty, F5 = Object.getOwnPropertyDescriptor, y1 = (e, t, o, n) => {
@@ -3669,12 +3669,12 @@ u1([
 X = u1([
   u("thumbnail-navigation")
 ], X);
-var z5 = Object.defineProperty, D5 = Object.getOwnPropertyDescriptor, L2 = (e, t, o, n) => {
+var z5 = Object.defineProperty, D5 = Object.getOwnPropertyDescriptor, x2 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? D5(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
   return n && i && z5(t, o, i), i;
 };
-let P1 = class extends p {
+let z1 = class extends p {
   constructor() {
     super(...arguments), this.type = "", this.bgstyle = "background-white";
   }
@@ -3684,7 +3684,7 @@ let P1 = class extends p {
     `;
   }
 };
-P1.styles = C`
+z1.styles = C`
     .tag {
       display: inline-block;
       padding: var(--spacing-2-xs) var(--spacing-s);
@@ -3741,21 +3741,21 @@ P1.styles = C`
     }
 
   `;
-L2([
+x2([
   l({ type: String, reflect: !0 })
-], P1.prototype, "type", 2);
-L2([
+], z1.prototype, "type", 2);
+x2([
   l({ type: String, reflect: !0 })
-], P1.prototype, "bgstyle", 2);
-P1 = L2([
+], z1.prototype, "bgstyle", 2);
+z1 = x2([
   u("o-tag")
-], P1);
-var T5 = Object.defineProperty, j5 = Object.getOwnPropertyDescriptor, x2 = (e, t, o, n) => {
+], z1);
+var T5 = Object.defineProperty, j5 = Object.getOwnPropertyDescriptor, $2 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? j5(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
   return n && i && T5(t, o, i), i;
 };
-let z1 = class extends p {
+let D1 = class extends p {
   constructor() {
     super(...arguments), this.type = "top", this.text = "";
   }
@@ -3768,7 +3768,7 @@ let z1 = class extends p {
     `;
   }
 };
-z1.styles = C`
+D1.styles = C`
     .tooltip {
         position: relative;
         display: inline-block;
@@ -3861,15 +3861,15 @@ z1.styles = C`
   }
       
   `;
-x2([
+$2([
   l({ type: String, reflect: !0 })
-], z1.prototype, "type", 2);
-x2([
+], D1.prototype, "type", 2);
+$2([
   l({ type: String, reflect: !0 })
-], z1.prototype, "text", 2);
-z1 = x2([
+], D1.prototype, "text", 2);
+D1 = $2([
   u("o-tooltip")
-], z1);
+], D1);
 var R5 = Object.defineProperty, U5 = Object.getOwnPropertyDescriptor, a1 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? U5(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
@@ -4169,12 +4169,12 @@ var q5 = Object.getOwnPropertyDescriptor, N5 = (e, t, o, n) => {
     (r = e[s]) && (i = r(i) || i);
   return i;
 };
-let C2 = class extends p {
+let u2 = class extends p {
   render() {
     return a` <span class="dots"></span> `;
   }
 };
-C2.styles = C`
+u2.styles = C`
   :host {
     display: flex;
     align-items: center;
@@ -4217,9 +4217,9 @@ C2.styles = C`
     background-color: var(--color-container-action-primary-pressed);
   }
 `;
-C2 = N5([
+u2 = N5([
   u("o-dots")
-], C2);
+], u2);
 var K5 = Object.defineProperty, W5 = Object.getOwnPropertyDescriptor, Q = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? W5(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
@@ -4687,14 +4687,14 @@ const J2 = "important", G5 = " !" + J2, X5 = e2(class extends o2 {
     return A;
   }
 });
-var Y5 = Object.defineProperty, J5 = Object.getOwnPropertyDescriptor, $2 = (e, t, o, n) => {
+var Y5 = Object.defineProperty, J5 = Object.getOwnPropertyDescriptor, n2 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? J5(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
   return n && i && Y5(t, o, i), i;
 };
-let D1 = class extends p {
+let V1 = class extends p {
   constructor() {
-    super(...arguments), this.option = {}, this.imageSize = 64;
+    super(...arguments), this.option = {}, this.imageSize = 64, this.fullwidth = !1;
   }
   render() {
     const e = (r) => {
@@ -4710,10 +4710,10 @@ let D1 = class extends p {
         <p class="a-reassurance-description">${V(i)}</p>
       </div>
     `;
-    return t ? a`<a href="${V(this.option.url)}" class="reassurance-item clickable">${s}</a>` : a`<div class="reassurance-item">${s}</div>`;
+    return t ? a`<a href="${V(this.option.url)}" class="reassurance-item ${this.fullwidth ? "fullwidth" : ""} clickable">${s}</a>` : a`<div class="reassurance-item ${this.fullwidth ? "fullwidth" : ""}">${s}</div>`;
   }
 };
-D1.styles = C`
+V1.styles = C`
     :host {
       display: inline-block;
       position: relative;
@@ -4730,6 +4730,11 @@ D1.styles = C`
       padding: var(--spacing-xl);
     }
 
+    .reassurance-item.fullwidth {
+      width: 100%;
+      max-width: 100%;
+    }
+
     .reassurance-item:has(img) {
       padding: 3px var(--spacing-s) 3px var(--spacing-2-xs);
     }
@@ -4795,15 +4800,18 @@ D1.styles = C`
       overflow: hidden;
     }
   `;
-$2([
+n2([
   l({ type: Object, reflect: !0 })
-], D1.prototype, "option", 2);
-$2([
+], V1.prototype, "option", 2);
+n2([
   l({ type: Number, reflect: !0 })
-], D1.prototype, "imageSize", 2);
-D1 = $2([
+], V1.prototype, "imageSize", 2);
+n2([
+  l({ type: Boolean })
+], V1.prototype, "fullwidth", 2);
+V1 = n2([
   u("o-reassurance")
-], D1);
+], V1);
 var Q5 = Object.defineProperty, t6 = Object.getOwnPropertyDescriptor, c1 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? t6(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
@@ -5422,12 +5430,12 @@ R([
   l({ attribute: !1 })
 ], k.prototype, "onClickIcon");
 customElements.define("mini-tile", k);
-var a6 = Object.defineProperty, c6 = Object.getOwnPropertyDescriptor, n2 = (e, t, o, n) => {
+var a6 = Object.defineProperty, c6 = Object.getOwnPropertyDescriptor, s2 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? c6(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
   return n && i && a6(t, o, i), i;
 };
-let V1 = class extends p {
+let E1 = class extends p {
   constructor() {
     super(...arguments), this.variant = "cart", this.text = 0, this.srlabel = "";
   }
@@ -5439,7 +5447,7 @@ let V1 = class extends p {
     `;
   }
 };
-V1.styles = C`
+E1.styles = C`
     :host([variant]) {
       --badge-width: 19px;
       display: inline-block;
@@ -5474,21 +5482,21 @@ V1.styles = C`
     }
 
     .sr-only {
-      ${m2}
+      ${y2}
     }
   `;
-n2([
+s2([
   l({ type: String, reflect: !0 })
-], V1.prototype, "variant", 2);
-n2([
+], E1.prototype, "variant", 2);
+s2([
   l({ type: Number })
-], V1.prototype, "text", 2);
-n2([
+], E1.prototype, "text", 2);
+s2([
   l({ type: String })
-], V1.prototype, "srlabel", 2);
-V1 = n2([
+], E1.prototype, "srlabel", 2);
+E1 = s2([
   u("o-badge")
-], V1);
+], E1);
 var h6 = Object.defineProperty, d6 = Object.getOwnPropertyDescriptor, U = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? d6(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
@@ -6017,7 +6025,7 @@ var b6 = Object.getOwnPropertyDescriptor, w6 = (e, t, o, n) => {
     (r = e[s]) && (i = r(i) || i);
   return i;
 };
-let u2 = class extends p {
+let g2 = class extends p {
   render() {
     return a`
             <nav aria-label="Breadcrumbs">
@@ -6028,7 +6036,7 @@ let u2 = class extends p {
         `;
   }
 };
-u2.styles = C`
+g2.styles = C`
         nav {
             max-width: 144rem;
             margin: auto;
@@ -6040,9 +6048,9 @@ u2.styles = C`
             padding: var(--spacing-4-xs);
         }
     `;
-u2 = w6([
+g2 = w6([
   u("o-breadcrumbs")
-], u2);
+], g2);
 var m6 = Object.defineProperty, y6 = Object.getOwnPropertyDescriptor, H2 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? y6(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
@@ -7093,7 +7101,7 @@ var Z6 = Object.getOwnPropertyDescriptor, _6 = (e, t, o, n) => {
     (r = e[s]) && (i = r(i) || i);
   return i;
 };
-let g2 = class extends p {
+let f2 = class extends p {
   constructor() {
     super(), this.addEventListener("selected", this.onTabSelected);
   }
@@ -7116,7 +7124,7 @@ let g2 = class extends p {
     `;
   }
 };
-g2.styles = C`
+f2.styles = C`
     :host {
       display: flex;
       flex-direction: row;
@@ -7125,15 +7133,15 @@ g2.styles = C`
       gap: var(--spacing-s);
     }
   `;
-g2 = _6([
+f2 = _6([
   u("o-tablist")
-], g2);
-var S6 = Object.defineProperty, F6 = Object.getOwnPropertyDescriptor, s2 = (e, t, o, n) => {
+], f2);
+var S6 = Object.defineProperty, F6 = Object.getOwnPropertyDescriptor, r2 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? F6(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
   return n && i && S6(t, o, i), i;
 };
-let O6 = 0, E1 = class extends p {
+let O6 = 0, M1 = class extends p {
   constructor() {
     super(), this.label = "", this.expanded = !1, this.disabled = !1;
     const e = ++O6;
@@ -7181,7 +7189,7 @@ let O6 = 0, E1 = class extends p {
     `;
   }
 };
-E1.styles = C`
+M1.styles = C`
     :host {
       display: block;
       border-bottom: var(--color-border-tertiary) solid 1px;
@@ -7294,18 +7302,18 @@ E1.styles = C`
       padding-bottom: var(--spacing-3-xl);
     }
   `;
-s2([
+r2([
   l({ type: String })
-], E1.prototype, "label", 2);
-s2([
+], M1.prototype, "label", 2);
+r2([
   l({ type: Boolean, reflect: !0 })
-], E1.prototype, "expanded", 2);
-s2([
+], M1.prototype, "expanded", 2);
+r2([
   l({ type: Boolean, reflect: !0 })
-], E1.prototype, "disabled", 2);
-E1 = s2([
+], M1.prototype, "disabled", 2);
+M1 = r2([
   u("o-accordion")
-], E1);
+], M1);
 var A6 = Object.defineProperty, I6 = Object.getOwnPropertyDescriptor, V2 = (e, t, o, n) => {
   for (var i = n > 1 ? void 0 : n ? I6(t, o) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (i = (n ? r(t, o, i) : r(i)) || i);
@@ -7792,7 +7800,7 @@ let m1 = class extends p {
 m1.styles = C`
         :host {
             --feedback-text-color: var(--color-content-action-secondary, #3F2B2E);
-            --feedback-bg-color: transparent;
+            --feedback-bg-color: var(--color-container-bg-default, #F5F0EB);
 
             display: block;
             width: fit-content;
@@ -7914,10 +7922,10 @@ let X6 = 0, H = class extends G6 {
     super(), this.label = "", this.value = "", this.placeholder = "", this.helperText = "", this.state = "default", this.disabled = !1, this.leadingIcon = "", this.trailingIcon = "", this.name = "", this.required = !1, this.clearLabel = "Clear", this.inputId = "", this.inputId || (this.inputId = `o-input-${++X6}`);
   }
   updated(e) {
-    (e.has("value") || e.has("name")) && this[I1].setFormValue(this.value);
+    (e.has("value") || e.has("name")) && this[P1].setFormValue(this.value);
   }
   formResetCallback() {
-    this.value = "", this[I1].setFormValue("");
+    this.value = "", this[P1].setFormValue("");
   }
   handleInput(e) {
     e.stopPropagation();