@florid-kit/components 0.8.65 → 0.9.0

package/index.mjs

@@ -22,7 +22,7 @@ let se = class {
     return this.cssText;
   }
 };
-const ue = (o) => new se(typeof o == "string" ? o : o + "", void 0, Bt), g = (o, ...t) => {
+const ue = (o) => new se(typeof o == "string" ? o : o + "", void 0, Bt), b = (o, ...t) => {
   const e = o.length === 1 ? o[0] : t.reduce((r, i, n) => r + ((s) => {
     if (s._$cssResult$ === !0) return s.cssText;
     if (typeof s == "number") return s;
@@ -45,10 +45,10 @@ const ue = (o) => new se(typeof o == "string" ? o : o + "", void 0, Bt), g = (o,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: fe, defineProperty: be, getOwnPropertyDescriptor: ge, getOwnPropertyNames: ye, getOwnPropertySymbols: me, getPrototypeOf: xe } = Object, U = globalThis, Xt = U.trustedTypes, we = Xt ? Xt.emptyScript : "", kt = U.reactiveElementPolyfillSupport, rt = (o, t) => o, mt = { toAttribute(o, t) {
+const { is: fe, defineProperty: ge, getOwnPropertyDescriptor: be, getOwnPropertyNames: ye, getOwnPropertySymbols: me, getPrototypeOf: we } = Object, U = globalThis, Xt = U.trustedTypes, xe = Xt ? Xt.emptyScript : "", kt = U.reactiveElementPolyfillSupport, rt = (o, t) => o, mt = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
-      o = o ? we : null;
+      o = o ? xe : null;
       break;
     case Object:
     case Array:
@@ -85,11 +85,11 @@ let Y = class extends HTMLElement {
   static createProperty(t, e = Jt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
       const r = Symbol(), i = this.getPropertyDescriptor(t, r, e);
-      i !== void 0 && be(this.prototype, t, i);
+      i !== void 0 && ge(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, r) {
-    const { get: i, set: n } = ge(this.prototype, t) ?? { get() {
+    const { get: i, set: n } = be(this.prototype, t) ?? { get() {
       return this[e];
     }, set(s) {
       this[e] = s;
@@ -104,7 +104,7 @@ let Y = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(rt("elementProperties"))) return;
-    const t = xe(this);
+    const t = we(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
@@ -282,7 +282,7 @@ Y.elementStyles = [], Y.shadowRootOptions = { mode: "open" }, Y[rt("elementPrope
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const nt = globalThis, xt = nt.trustedTypes, Qt = xt ? xt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ae = "$lit$", R = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + R, $e = `<${le}>`, G = document, at = () => G.createComment(""), lt = (o) => o === null || typeof o != "object" && typeof o != "function", Ht = Array.isArray, Ce = (o) => Ht(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", At = `[ 	
+const nt = globalThis, wt = nt.trustedTypes, Qt = wt ? wt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ae = "$lit$", R = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + R, $e = `<${le}>`, G = document, at = () => G.createComment(""), lt = (o) => o === null || typeof o != "object" && typeof o != "function", Ht = Array.isArray, Ce = (o) => Ht(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", At = `[ 	
 \f\r]`, it = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Yt = /-->/g, te = />/g, q = RegExp(`>|${At}(?:([^\\s"'>=/]+)(${At}*=${At}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, oe = /"/g, ce = /^(?:script|style|textarea|title)$/i, _e = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = _e(1), V = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ie = /* @__PURE__ */ new WeakMap(), W = G.createTreeWalker(G, 129);
 function he(o, t) {
@@ -314,13 +314,13 @@ class ct {
     for (; (i = W.nextNode()) !== null && c.length < h; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(ae)) {
-          const C = m[s++], P = i.getAttribute(p).split(R), gt = /([.?@])?(.*)/.exec(C);
-          c.push({ type: 1, index: n, name: gt[2], strings: P, ctor: gt[1] === "." ? Se : gt[1] === "?" ? Ee : gt[1] === "@" ? Le : $t }), i.removeAttribute(p);
+          const C = m[s++], P = i.getAttribute(p).split(R), bt = /([.?@])?(.*)/.exec(C);
+          c.push({ type: 1, index: n, name: bt[2], strings: P, ctor: bt[1] === "." ? Se : bt[1] === "?" ? Ee : bt[1] === "@" ? Le : $t }), i.removeAttribute(p);
         } else p.startsWith(R) && (c.push({ type: 6, index: n }), i.removeAttribute(p));
         if (ce.test(i.tagName)) {
           const p = i.textContent.split(R), C = p.length - 1;
           if (C > 0) {
-            i.textContent = xt ? xt.emptyScript : "";
+            i.textContent = wt ? wt.emptyScript : "";
             for (let P = 0; P < C; P++) i.append(p[P], at()), W.nextNode(), c.push({ type: 2, index: ++n });
             i.append(p[C], at());
           }
@@ -554,7 +554,7 @@ Et == null || Et({ LitElement: v });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const x = (o) => (t, e) => {
+const w = (o) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
     customElements.define(o, t);
   }) : customElements.define(o, t);
@@ -599,11 +599,11 @@ function a(o) {
 function X(o) {
   return a({ ...o, state: !0, attribute: !1 });
 }
-const bt = g`
+const gt = b`
 	outline: 1px dashed var(--color-border-primary);
 	outline-offset: 2px;
 `;
-g`
+b`
 	:host * {
 		box-sizing: border-box;
 	}
@@ -693,9 +693,6 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#3F2B2E;}
-</style>
 <path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
 	s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
 </svg>
@@ -703,9 +700,6 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#3F2B2E;}
-</style>
 <path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
 </svg>
 `, Ke = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -754,7 +748,9 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, lo = `<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>
-`, J = {
+`, co = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
+<path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`, J = {
   wishlist: De,
   playerv: He,
   chevronRight: Me,
@@ -778,10 +774,11 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   pause: eo,
   mapDualArrow: oo,
   swipeDualArrow: ro,
-  backtobag: lo
-}, co = {
-  strikeDiagonal: io
+  backToBag: lo,
+  checkbox: co
 }, ho = {
+  strikeDiagonal: io
+}, po = {
   success: no,
   error: so,
   info: ao
@@ -837,13 +834,13 @@ class Ot extends Pt {
 }
 Ot.directiveName = "unsafeSVG", Ot.resultType = 2;
 const O = Ft(Ot);
-var po = Object.defineProperty, uo = Object.getOwnPropertyDescriptor, w = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? uo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var uo = Object.defineProperty, vo = Object.getOwnPropertyDescriptor, x = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? vo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && po(t, e, i), i;
+  return r && i && uo(t, e, i), i;
 };
-const vo = Tt(v);
-let b = class extends vo {
+const fo = Tt(v);
+let g = class extends fo {
   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;
   }
@@ -907,9 +904,9 @@ let b = class extends vo {
     `;
   }
 };
-Be(b);
-b.formAssociated = !0;
-b.styles = g`
+Be(g);
+g.formAssociated = !0;
+g.styles = b`
     :host {
       --button-border: transparent;
       --badge-outer-width: 19px;
@@ -1026,7 +1023,7 @@ b.styles = g`
     }
 
     .button:focus-visible {
-      ${bt};
+      ${gt};
     }
 
     span.text + span.text::before {
@@ -1111,61 +1108,61 @@ b.styles = g`
     }
     //End icon movment on hover
   `;
-w([
+x([
   a()
-], b.prototype, "type", 2);
-w([
+], g.prototype, "type", 2);
+x([
   a({ reflect: !0 })
-], b.prototype, "value", 2);
-w([
+], g.prototype, "value", 2);
+x([
   a({ type: String, reflect: !0 })
-], b.prototype, "variant", 2);
-w([
+], g.prototype, "variant", 2);
+x([
   a({ type: String })
-], b.prototype, "text", 2);
-w([
+], g.prototype, "text", 2);
+x([
   a({ type: String })
-], b.prototype, "textsecond", 2);
-w([
+], g.prototype, "textsecond", 2);
+x([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "fullwidth", 2);
-w([
+], g.prototype, "fullwidth", 2);
+x([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "disabled", 2);
-w([
+], g.prototype, "disabled", 2);
+x([
   a({ type: String, reflect: !0 })
-], b.prototype, "startIconModel", 2);
-w([
+], g.prototype, "startIconModel", 2);
+x([
   a({ type: String, reflect: !0 })
-], b.prototype, "endIconModel", 2);
-w([
+], g.prototype, "endIconModel", 2);
+x([
   a({ type: Boolean, reflect: !0, attribute: "starticon" })
-], b.prototype, "startIcon", 2);
-w([
+], g.prototype, "startIcon", 2);
+x([
   a({ type: Boolean, reflect: !0, attribute: "endicon" })
-], b.prototype, "endIcon", 2);
-w([
+], g.prototype, "endIcon", 2);
+x([
   a({ type: String, attribute: "paneltarget", reflect: !0 })
-], b.prototype, "panelTarget", 2);
-w([
+], g.prototype, "panelTarget", 2);
+x([
   a({ type: String })
-], b.prototype, "href", 2);
-w([
+], g.prototype, "href", 2);
+x([
   a({ type: String })
-], b.prototype, "target", 2);
-w([
+], g.prototype, "target", 2);
+x([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "underlined", 2);
-w([
+], g.prototype, "underlined", 2);
+x([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "withbadge", 2);
-b = w([
-  x("o-button")
-], b);
-var fo = Object.defineProperty, bo = Object.getOwnPropertyDescriptor, Ct = (o, t, e, r) => {
+], g.prototype, "withbadge", 2);
+g = x([
+  w("o-button")
+], g);
+var go = Object.defineProperty, bo = Object.getOwnPropertyDescriptor, Ct = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? bo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && fo(t, e, i), i;
+  return r && i && go(t, e, i), i;
 };
 let et = class extends v {
   constructor() {
@@ -1208,7 +1205,7 @@ let et = class extends v {
     this.label = o, this.requestUpdate();
   }
 };
-et.styles = g`
+et.styles = b`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -1284,7 +1281,7 @@ Ct([
   a({ type: String, reflect: !0 })
 ], et.prototype, "label", 2);
 et = Ct([
-  x("o-wishlist-button")
+  w("o-wishlist-button")
 ], et);
 /**
  * @license
@@ -1292,10 +1289,10 @@ et = Ct([
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const _ = (o) => o ?? d;
-var go = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, D = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? yo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var yo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, D = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && go(t, e, i), i;
+  return r && i && yo(t, e, i), i;
 };
 let k = class extends v {
   constructor() {
@@ -1325,7 +1322,7 @@ let k = class extends v {
 		`;
   }
 };
-k.styles = g`
+k.styles = b`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -1530,7 +1527,7 @@ k.styles = g`
 		}
 
 		.icon-button:focus-visible {
-			${bt}
+			${gt}
 		}
 
 		.sr-only {
@@ -1565,12 +1562,12 @@ D([
   a({ type: String })
 ], k.prototype, "srLabel", 2);
 k = D([
-  x("o-icon-button")
+  w("o-icon-button")
 ], k);
-var mo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, Q = (o, t, e, r) => {
+var wo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, Q = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? xo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && mo(t, e, i), i;
+  return r && i && wo(t, e, i), i;
 };
 let T = class extends v {
   constructor() {
@@ -1610,7 +1607,7 @@ let T = class extends v {
         `;
   }
 };
-T.styles = g`
+T.styles = b`
         :host([template="standard"]) a {
             color: var(--color-content-action-secondary);
             font-size: var(--font-size-200);
@@ -1717,12 +1714,12 @@ Q([
   a({ type: Boolean, reflect: !0 })
 ], T.prototype, "reverseEndIcon", 2);
 T = Q([
-  x("o-link")
+  w("o-link")
 ], T);
-var wo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, _t = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? $o(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var $o = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, _t = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Co(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && wo(t, e, i), i;
+  return r && i && $o(t, e, i), i;
 };
 let ot = class extends v {
   constructor() {
@@ -1751,7 +1748,7 @@ let ot = class extends v {
 		`;
   }
 };
-ot.styles = g`
+ot.styles = b`
 		svg {
 			width: 12px;
 			height: 12px;
@@ -1795,14 +1792,14 @@ _t([
   a({ type: String })
 ], ot.prototype, "href", 2);
 ot = _t([
-  x("o-rating")
+  w("o-rating")
 ], ot);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Co = (o) => o.strings === void 0;
+const _o = (o) => o.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -1814,7 +1811,7 @@ const st = (o, t) => {
   if (e === void 0) return !1;
   for (const i of e) (r = i._$AO) == null || r.call(i, t, !1), st(i, t);
   return !0;
-}, wt = (o) => {
+}, xt = (o) => {
   let t, e;
   do {
     if ((t = o._$AM) === void 0) break;
@@ -1825,22 +1822,22 @@ const st = (o, t) => {
     let e = t._$AN;
     if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
     else if (e.has(o)) break;
-    e.add(o), Ao(t);
+    e.add(o), So(t);
   }
 };
-function _o(o) {
-  this._$AN !== void 0 ? (wt(this), this._$AM = o, de(this)) : this._$AM = o;
+function ko(o) {
+  this._$AN !== void 0 ? (xt(this), this._$AM = o, de(this)) : this._$AM = o;
 }
-function ko(o, t = !1, e = 0) {
+function Ao(o, t = !1, e = 0) {
   const r = this._$AH, i = this._$AN;
-  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = e; n < r.length; n++) st(r[n], !1), wt(r[n]);
-  else r != null && (st(r, !1), wt(r));
+  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = e; n < r.length; n++) st(r[n], !1), xt(r[n]);
+  else r != null && (st(r, !1), xt(r));
   else st(this, o);
 }
-const Ao = (o) => {
-  o.type == jt.CHILD && (o._$AP ?? (o._$AP = ko), o._$AQ ?? (o._$AQ = _o));
+const So = (o) => {
+  o.type == jt.CHILD && (o._$AP ?? (o._$AP = Ao), o._$AQ ?? (o._$AQ = ko));
 };
-class So extends Nt {
+class Eo extends Nt {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
@@ -1849,10 +1846,10 @@ class So extends Nt {
   }
   _$AO(t, e = !0) {
     var r, i;
-    t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), e && (st(this, t), wt(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), e && (st(this, t), xt(this));
   }
   setValue(t) {
-    if (Co(this._$Ct)) this._$Ct._$AI(t, this);
+    if (_o(this._$Ct)) this._$Ct._$AI(t, this);
     else {
       const e = [...this._$Ct._$AH];
       e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
@@ -1863,7 +1860,7 @@ class So extends Nt {
   reconnected() {
   }
 }
-class Eo extends So {
+class Lo extends Eo {
   constructor() {
     super(...arguments), this.prevData = {};
   }
@@ -1890,7 +1887,7 @@ class Eo extends So {
         (!t || !(i in t) && r[i] === e[i]) && (r[i] = void 0);
   }
 }
-class Lo extends Eo {
+class Po extends Lo {
   constructor() {
     super(...arguments), this.eventData = {};
   }
@@ -1934,7 +1931,7 @@ class Lo extends Eo {
     }
   }
 }
-class Po extends Lo {
+class Oo extends Po {
   apply(t) {
     if (!t)
       return;
@@ -1983,11 +1980,11 @@ class Po extends Lo {
       }
   }
 }
-const re = Ft(Po);
-var Oo = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, y = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Io(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+const re = Ft(Oo);
+var Io = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, y = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? zo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Oo(t, e, i), i;
+  return r && i && Io(t, e, i), i;
 };
 let u = class extends v {
   constructor() {
@@ -2186,7 +2183,7 @@ let u = class extends v {
 		`;
   }
 };
-u.styles = g`
+u.styles = b`
 		:host {
 			--z-overlay: 99;
 			--z-panel: 100;
@@ -2290,7 +2287,7 @@ u.styles = g`
 		.panel:focus-visible,
 		.close-btn:focus,
 		.close-btn:focus-visible {
-			${bt}
+			${gt}
 		}
 
 		.content {
@@ -2438,12 +2435,12 @@ y([
   a({ type: Boolean })
 ], u.prototype, "isHidingDetail", 2);
 u = y([
-  x("o-side-panel")
+  w("o-side-panel")
 ], u);
-var zo = Object.defineProperty, Bo = Object.getOwnPropertyDescriptor, Z = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Bo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Bo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, Z = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Do(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && zo(t, e, i), i;
+  return r && i && Bo(t, e, i), i;
 };
 let B = class extends v {
   constructor() {
@@ -2522,7 +2519,7 @@ let B = class extends v {
     `;
   }
 };
-B.styles = g`
+B.styles = b`
     :host {
       display: flex;
       gap: 5px;
@@ -2650,12 +2647,12 @@ Z([
   X()
 ], B.prototype, "focusedIndex", 2);
 B = Z([
-  x("thumbnail-navigation")
+  w("thumbnail-navigation")
 ], B);
-var Do = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, Rt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ho(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Ho = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, Rt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Do(t, e, i), i;
+  return r && i && Ho(t, e, i), i;
 };
 let ht = class extends v {
   constructor() {
@@ -2667,7 +2664,7 @@ let ht = class extends v {
     `;
   }
 };
-ht.styles = g`
+ht.styles = b`
     .tag {
       display: inline-block;
       padding: var(--spacing-2-xs) var(--spacing-s);
@@ -2732,12 +2729,12 @@ Rt([
   a({ type: String, reflect: !0 })
 ], ht.prototype, "bgstyle", 2);
 ht = Rt([
-  x("o-tag")
+  w("o-tag")
 ], ht);
-var Mo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, Ut = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? To(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var To = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, Ut = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? jo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Mo(t, e, i), i;
+  return r && i && To(t, e, i), i;
 };
 let dt = class extends v {
   constructor() {
@@ -2752,7 +2749,7 @@ let dt = class extends v {
     `;
   }
 };
-dt.styles = g`
+dt.styles = b`
     .tooltip {
         position: relative;
         display: inline-block;
@@ -2852,12 +2849,12 @@ Ut([
   a({ type: String, reflect: !0 })
 ], dt.prototype, "text", 2);
 dt = Ut([
-  x("o-tooltip")
+  w("o-tooltip")
 ], dt);
-var jo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, j = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Fo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, j = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? No(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && jo(t, e, i), i;
+  return r && i && Fo(t, e, i), i;
 };
 let I = class extends v {
   constructor() {
@@ -2982,7 +2979,7 @@ let I = class extends v {
     `;
   }
 };
-I.styles = g`
+I.styles = b`
 		:host {
 			display: inline-block;
 			position: relative;
@@ -3147,10 +3144,10 @@ j([
   X()
 ], I.prototype, "menuWidth", 2);
 I = j([
-  x("o-dropdown")
+  w("o-dropdown")
 ], I);
-var No = Object.getOwnPropertyDescriptor, Ro = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? No(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Ro = Object.getOwnPropertyDescriptor, Uo = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ro(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = s(i) || i);
   return i;
 };
@@ -3159,7 +3156,7 @@ let It = class extends v {
     return l` <span class="dots"></span> `;
   }
 };
-It.styles = g`
+It.styles = b`
     :host {
       display: flex;
       align-items: center;
@@ -3211,13 +3208,13 @@ It.styles = g`
       }
     }
   `;
-It = Ro([
-  x("o-dots")
+It = Uo([
+  w("o-dots")
 ], It);
-var Uo = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Vo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Vo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Zo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Uo(t, e, i), i;
+  return r && i && Vo(t, e, i), i;
 };
 let A = class extends v {
   constructor() {
@@ -3356,7 +3353,7 @@ let A = class extends v {
 		`;
   }
 };
-A.styles = g`
+A.styles = b`
 		:host {
 			display: inline-block;
 			position: relative;
@@ -3560,14 +3557,14 @@ H([
   X()
 ], A.prototype, "menuWidth", 2);
 A = H([
-  x("o-dropdown-variant")
+  w("o-dropdown-variant")
 ], A);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const pe = "important", Zo = " !" + pe, qo = Ft(class extends Nt {
+const pe = "important", qo = " !" + pe, Wo = Ft(class extends Nt {
   constructor(o) {
     var t;
     if (super(o), o.type !== jt.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
@@ -3586,17 +3583,17 @@ const pe = "important", Zo = " !" + pe, qo = Ft(class extends Nt {
       const i = t[r];
       if (i != null) {
         this.ft.add(r);
-        const n = typeof i == "string" && i.endsWith(Zo);
+        const n = typeof i == "string" && i.endsWith(qo);
         r.includes("-") || n ? e.setProperty(r, n ? i.slice(0, -11) : i, n ? pe : "") : e[r] = i;
       }
     }
     return V;
   }
 });
-var Wo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Vt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ko(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Ko = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, Vt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Go(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Wo(t, e, i), i;
+  return r && i && Ko(t, e, i), i;
 };
 let pt = class extends v {
   constructor() {
@@ -3607,7 +3604,7 @@ let pt = class extends v {
       width: `${this.imageSize}px`,
       height: `${this.imageSize}px`
     }, e = l`
-      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${qo(t)} />` : ""}
+      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${Wo(t)} />` : ""}
       <div class="m-reassurance-content">
         <h3 class="a-reassurance-text">${_(this.option.title)}</h3>
         <p class="a-reassurance-description">${_(this.option.description)}</p>
@@ -3616,7 +3613,7 @@ let pt = class extends v {
     return o ? l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>` : l`<div class="reassurance-item">${e}</div>`;
   }
 };
-pt.styles = g`
+pt.styles = b`
     :host {
       display: inline-block;
       position: relative;
@@ -3705,15 +3702,15 @@ Vt([
   a({ type: Number, reflect: !0 })
 ], pt.prototype, "imageSize", 2);
 pt = Vt([
-  x("o-reassurance")
+  w("o-reassurance")
 ], pt);
-var Go = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, F = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Xo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Xo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, F = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Jo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Go(t, e, i), i;
+  return r && i && Xo(t, e, i), i;
 };
-const Jo = Tt(v);
-let S = class extends Jo {
+const Qo = Tt(v);
+let S = class extends Qo {
   constructor() {
     super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
   }
@@ -3736,7 +3733,7 @@ let S = class extends Jo {
     `;
   }
 };
-S.styles = g`
+S.styles = b`
     :host {
       cursor: pointer;
       display: inline-flex;
@@ -3812,7 +3809,7 @@ S.styles = g`
       }
 
       &:focus-visible {
-        ${bt};
+        ${gt};
       }
     }
 
@@ -3851,12 +3848,12 @@ F([
   a({ type: Boolean, reflect: !0 })
 ], S.prototype, "inactive", 2);
 S = F([
-  x("o-chip")
+  w("o-chip")
 ], S);
-var Qo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Zt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Yo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Yo = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, Zt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? ti(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Qo(t, e, i), i;
+  return r && i && Yo(t, e, i), i;
 };
 let ut = class extends v {
   constructor() {
@@ -3874,7 +3871,7 @@ let ut = class extends v {
     `;
   }
 };
-ut.styles = g`
+ut.styles = b`
     :host {
       display: flex;
       flex-direction: row;
@@ -3889,15 +3886,15 @@ Zt([
   a({ reflect: !0 })
 ], ut.prototype, "value", 2);
 ut = Zt([
-  x("o-chipset")
+  w("o-chipset")
 ], ut);
-var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, M = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? ei(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var ei = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, M = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? oi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && ti(t, e, i), i;
+  return r && i && ei(t, e, i), i;
 };
-const oi = Tt(v);
-let E = class extends oi {
+const ii = Tt(v);
+let E = class extends ii {
   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";
   }
@@ -3916,7 +3913,7 @@ let E = class extends oi {
     return l`<span class="cross-icon">${O(o)}</span>`;
   }
   strikeThroughImg() {
-    const o = co[this.strikethroughImgName].replace(
+    const o = ho[this.strikethroughImgName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="strikethrough"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
@@ -3947,7 +3944,7 @@ let E = class extends oi {
     `;
   }
 };
-E.styles = g`
+E.styles = b`
     :host {
       cursor: pointer;
       display: inline-flex;
@@ -4027,7 +4024,7 @@ E.styles = g`
     }
 
     .button:focus-visible {
-      ${bt};
+      ${gt};
     }
 
     span.text + span.text::before {
@@ -4101,12 +4098,12 @@ M([
   a({ type: Boolean, reflect: !0 })
 ], E.prototype, "fullwidth", 2);
 E = M([
-  x("o-filter-chip")
+  w("o-filter-chip")
 ], E);
-var ii = Object.defineProperty, N = (o, t, e, r) => {
+var ri = Object.defineProperty, N = (o, t, e, r) => {
   for (var i = void 0, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = s(t, e, i) || i);
-  return i && ii(t, e, i), i;
+  return i && ri(t, e, i), i;
 };
 const Wt = class Wt extends v {
   constructor() {
@@ -4154,7 +4151,7 @@ const Wt = class Wt extends v {
     `;
   }
 };
-Wt.styles = g`
+Wt.styles = b`
     :host {
         display: block;
         max-width: 100%;
@@ -4271,10 +4268,10 @@ N([
   a({ type: Function })
 ], L.prototype, "onClickTile");
 customElements.define("mini-tile", L);
-var ri = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, qt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? ni(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var ni = Object.defineProperty, si = Object.getOwnPropertyDescriptor, qt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? si(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && ri(t, e, i), i;
+  return r && i && ni(t, e, i), i;
 };
 let vt = class extends v {
   constructor() {
@@ -4288,7 +4285,7 @@ let vt = class extends v {
     `;
   }
 };
-vt.styles = g`
+vt.styles = b`
     :host([variant]) {
       --badge-width: 19px;
       display: inline-block;
@@ -4330,12 +4327,12 @@ qt([
   a({ type: String })
 ], vt.prototype, "text", 2);
 vt = qt([
-  x("o-badge")
+  w("o-badge")
 ], vt);
-var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, z = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? ai(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, z = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? li(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && si(t, e, i), i;
+  return r && i && ai(t, e, i), i;
 };
 let $ = class extends v {
   constructor() {
@@ -4377,7 +4374,7 @@ let $ = class extends v {
     });
   }
   render() {
-    const t = ho[this.icon].replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"');
+    const t = po[this.icon].replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"');
     return l`
             <div class="o-toast">
                 <div class="o-toast-icon">
@@ -4397,7 +4394,7 @@ let $ = class extends v {
         `;
   }
 };
-$.styles = g`
+$.styles = b`
         :host {
             --vertical-offset: 24px;
             --horizontal-offset: 24px;
@@ -4429,19 +4426,19 @@ $.styles = g`
         }
 
         :host([animated][animationaxis="horizontal"][horizontalanchor="right"]) {
-            right: -300px;
+            right: -100%;
         }
 
         :host([animated][animationaxis="horizontal"][horizontalanchor="left"]) {
-            left: -300px;
+            left: -100%;
         }
 
         :host([animated][animationaxis="vertical"][verticalanchor="top"]) {
-            top: -300px;
+            top: -100%;
         }
 
         :host([animated][animationaxis="vertical"][verticalanchor="bottom"]) {
-            bottom: -300px;
+            bottom: -100%;
         }
 
         .o-toast {
@@ -4458,6 +4455,8 @@ $.styles = g`
             color: var(--color-content-body);
             padding: 0 8px;
             width: max-content;
+            text-align: center;
+            max-width: 70vw;
         }
 
         .o-toast-icon {
@@ -4495,5 +4494,5 @@ z([
   a({ type: Number, reflect: !0 })
 ], $.prototype, "lifeduration", 2);
 $ = z([
-  x("o-toast")
+  w("o-toast")
 ], $);