@warp-ds/elements 1.1.2-next.2 → 1.2.0-next.1

package/dist/index.js

@@ -4,7 +4,7 @@ var j = (r, o, e) => (_t(r, typeof o != "symbol" ? o + "" : o, e), e), qt = (r,
   if (!o.has(r))
     throw TypeError("Cannot " + e);
 };
-var K = (r, o, e) => (qt(r, o, "read from private field"), e ? e.call(r) : o.get(r)), fo = (r, o, e) => {
+var K = (r, o, e) => (qt(r, o, "read from private field"), e ? e.call(r) : o.get(r)), mo = (r, o, e) => {
   if (o.has(r))
     throw TypeError("Cannot add the same private member more than once");
   o instanceof WeakSet ? o.add(r) : o.set(r, e);
@@ -16,9 +16,9 @@ import { LitElement as H, css as U, html as $ } from "lit";
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var Yr;
-const dr = window, Lo = dr.trustedTypes, be = Lo ? Lo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, nr = "$lit$", lo = `lit$${(Math.random() + "").slice(9)}$`, re = "?" + lo, Yt = `<${re}>`, Yo = document, br = () => Yo.createComment(""), Uo = (r) => r === null || typeof r != "object" && typeof r != "function", Ce = Array.isArray, Te = (r) => Ce(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Xr = `[ 	
-\f\r]`, No = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, ge = />/g, ko = RegExp(`>|${Xr}(?:([^\\s"'>=/]+)(${Xr}*=${Xr}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ue = /'/g, ve = /"/g, Le = /^(?:script|style|textarea|title)$/i, ho = Symbol.for("lit-noChange"), N = Symbol.for("lit-nothing"), pe = /* @__PURE__ */ new WeakMap(), _o = Yo.createTreeWalker(Yo, 129, null, !1);
+const dr = window, Lo = dr.trustedTypes, be = Lo ? Lo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, nr = "$lit$", io = `lit$${(Math.random() + "").slice(9)}$`, re = "?" + io, Yt = `<${re}>`, qo = document, br = () => qo.createComment(""), Uo = (r) => r === null || typeof r != "object" && typeof r != "function", Ce = Array.isArray, Le = (r) => Ce(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Xr = `[ 	
+\f\r]`, Oo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, ge = />/g, fo = RegExp(`>|${Xr}(?:([^\\s"'>=/]+)(${Xr}*=${Xr}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ue = /'/g, ve = /"/g, Te = /^(?:script|style|textarea|title)$/i, po = Symbol.for("lit-noChange"), N = Symbol.for("lit-nothing"), pe = /* @__PURE__ */ new WeakMap(), zo = qo.createTreeWalker(qo, 129, null, !1);
 function Me(r, o) {
   if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
@@ -26,14 +26,14 @@ function Me(r, o) {
 }
 const De = (r, o) => {
   const e = r.length - 1, t = [];
-  let a, c = o === 2 ? "<svg>" : "", i = No;
+  let a, c = o === 2 ? "<svg>" : "", i = Oo;
   for (let l = 0; l < e; l++) {
     const n = r[l];
     let b, v, u = -1, p = 0;
     for (; p < n.length && (i.lastIndex = p, v = i.exec(n), v !== null); )
-      p = i.lastIndex, i === No ? v[1] === "!--" ? i = se : v[1] !== void 0 ? i = ge : v[2] !== void 0 ? (Le.test(v[2]) && (a = RegExp("</" + v[2], "g")), i = ko) : v[3] !== void 0 && (i = ko) : i === ko ? v[0] === ">" ? (i = a ?? No, u = -1) : v[1] === void 0 ? u = -2 : (u = i.lastIndex - v[2].length, b = v[1], i = v[3] === void 0 ? ko : v[3] === '"' ? ve : ue) : i === ve || i === ue ? i = ko : i === se || i === ge ? i = No : (i = ko, a = void 0);
-    const g = i === ko && r[l + 1].startsWith("/>") ? " " : "";
-    c += i === No ? n + Yt : u >= 0 ? (t.push(b), n.slice(0, u) + nr + n.slice(u) + lo + g) : n + lo + (u === -2 ? (t.push(void 0), l) : g);
+      p = i.lastIndex, i === Oo ? v[1] === "!--" ? i = se : v[1] !== void 0 ? i = ge : v[2] !== void 0 ? (Te.test(v[2]) && (a = RegExp("</" + v[2], "g")), i = fo) : v[3] !== void 0 && (i = fo) : i === fo ? v[0] === ">" ? (i = a ?? Oo, u = -1) : v[1] === void 0 ? u = -2 : (u = i.lastIndex - v[2].length, b = v[1], i = v[3] === void 0 ? fo : v[3] === '"' ? ve : ue) : i === ve || i === ue ? i = fo : i === se || i === ge ? i = Oo : (i = fo, a = void 0);
+    const g = i === fo && r[l + 1].startsWith("/>") ? " " : "";
+    c += i === Oo ? n + Yt : u >= 0 ? (t.push(b), n.slice(0, u) + nr + n.slice(u) + io + g) : n + io + (u === -2 ? (t.push(void 0), l) : g);
   }
   return [Me(r, c + (r[e] || "<?>") + (o === 2 ? "</svg>" : "")), t];
 };
@@ -43,32 +43,32 @@ class Qo {
     this.parts = [];
     let c = 0, i = 0;
     const l = o.length - 1, n = this.parts, [b, v] = De(o, e);
-    if (this.el = Qo.createElement(b, t), _o.currentNode = this.el.content, e === 2) {
+    if (this.el = Qo.createElement(b, t), zo.currentNode = this.el.content, e === 2) {
       const u = this.el.content, p = u.firstChild;
       p.remove(), u.append(...p.childNodes);
     }
-    for (; (a = _o.nextNode()) !== null && n.length < l; ) {
+    for (; (a = zo.nextNode()) !== null && n.length < l; ) {
       if (a.nodeType === 1) {
         if (a.hasAttributes()) {
           const u = [];
           for (const p of a.getAttributeNames())
-            if (p.endsWith(nr) || p.startsWith(lo)) {
+            if (p.endsWith(nr) || p.startsWith(io)) {
               const g = v[i++];
               if (u.push(p), g !== void 0) {
-                const h = a.getAttribute(g.toLowerCase() + nr).split(lo), x = /([.?@])?(.*)/.exec(g);
-                n.push({ type: 1, index: c, name: x[2], strings: h, ctor: x[1] === "." ? Be : x[1] === "?" ? Re : x[1] === "@" ? Pe : Vo });
+                const h = a.getAttribute(g.toLowerCase() + nr).split(io), x = /([.?@])?(.*)/.exec(g);
+                n.push({ type: 1, index: c, name: x[2], strings: h, ctor: x[1] === "." ? Be : x[1] === "?" ? Re : x[1] === "@" ? Pe : Wo });
               } else
                 n.push({ type: 6, index: c });
             }
           for (const p of u)
             a.removeAttribute(p);
         }
-        if (Le.test(a.tagName)) {
-          const u = a.textContent.split(lo), p = u.length - 1;
+        if (Te.test(a.tagName)) {
+          const u = a.textContent.split(io), p = u.length - 1;
           if (p > 0) {
             a.textContent = Lo ? Lo.emptyScript : "";
             for (let g = 0; g < p; g++)
-              a.append(u[g], br()), _o.nextNode(), n.push({ type: 2, index: ++c });
+              a.append(u[g], br()), zo.nextNode(), n.push({ type: 2, index: ++c });
             a.append(u[p], br());
           }
         }
@@ -77,24 +77,24 @@ class Qo {
           n.push({ type: 2, index: c });
         else {
           let u = -1;
-          for (; (u = a.data.indexOf(lo, u + 1)) !== -1; )
-            n.push({ type: 7, index: c }), u += lo.length - 1;
+          for (; (u = a.data.indexOf(io, u + 1)) !== -1; )
+            n.push({ type: 7, index: c }), u += io.length - 1;
         }
       c++;
     }
   }
   static createElement(o, e) {
-    const t = Yo.createElement("template");
+    const t = qo.createElement("template");
     return t.innerHTML = o, t;
   }
 }
-function Xo(r, o, e = r, t) {
+function Yo(r, o, e = r, t) {
   var a, c, i, l;
-  if (o === ho)
+  if (o === po)
     return o;
   let n = t !== void 0 ? (a = e._$Co) === null || a === void 0 ? void 0 : a[t] : e._$Cl;
   const b = Uo(o) ? void 0 : o._$litDirective$;
-  return (n == null ? void 0 : n.constructor) !== b && ((c = n == null ? void 0 : n._$AO) === null || c === void 0 || c.call(n, !1), b === void 0 ? n = void 0 : (n = new b(r), n._$AT(r, e, t)), t !== void 0 ? ((i = (l = e)._$Co) !== null && i !== void 0 ? i : l._$Co = [])[t] = n : e._$Cl = n), n !== void 0 && (o = Xo(r, n._$AS(r, o.values), n, t)), o;
+  return (n == null ? void 0 : n.constructor) !== b && ((c = n == null ? void 0 : n._$AO) === null || c === void 0 || c.call(n, !1), b === void 0 ? n = void 0 : (n = new b(r), n._$AT(r, e, t)), t !== void 0 ? ((i = (l = e)._$Co) !== null && i !== void 0 ? i : l._$Co = [])[t] = n : e._$Cl = n), n !== void 0 && (o = Yo(r, n._$AS(r, o.values), n, t)), o;
 }
 class Oe {
   constructor(o, e) {
@@ -108,17 +108,17 @@ class Oe {
   }
   u(o) {
     var e;
-    const { el: { content: t }, parts: a } = this._$AD, c = ((e = o == null ? void 0 : o.creationScope) !== null && e !== void 0 ? e : Yo).importNode(t, !0);
-    _o.currentNode = c;
-    let i = _o.nextNode(), l = 0, n = 0, b = a[0];
+    const { el: { content: t }, parts: a } = this._$AD, c = ((e = o == null ? void 0 : o.creationScope) !== null && e !== void 0 ? e : qo).importNode(t, !0);
+    zo.currentNode = c;
+    let i = zo.nextNode(), l = 0, n = 0, b = a[0];
     for (; b !== void 0; ) {
       if (l === b.index) {
         let v;
         b.type === 2 ? v = new ee(i, i.nextSibling, this, o) : b.type === 1 ? v = new b.ctor(i, b.name, b.strings, this, o) : b.type === 6 && (v = new Ie(i, this, o)), this._$AV.push(v), b = a[++n];
       }
-      l !== (b == null ? void 0 : b.index) && (i = _o.nextNode(), l++);
+      l !== (b == null ? void 0 : b.index) && (i = zo.nextNode(), l++);
     }
-    return _o.currentNode = Yo, c;
+    return zo.currentNode = qo, c;
   }
   v(o) {
     let e = 0;
@@ -147,7 +147,7 @@ let ee = class Ne {
     return this._$AB;
   }
   _$AI(o, e = this) {
-    o = Xo(this, o, e), Uo(o) ? o === N || o == null || o === "" ? (this._$AH !== N && this._$AR(), this._$AH = N) : o !== this._$AH && o !== ho && this._(o) : o._$litType$ !== void 0 ? this.g(o) : o.nodeType !== void 0 ? this.$(o) : Te(o) ? this.T(o) : this._(o);
+    o = Yo(this, o, e), Uo(o) ? o === N || o == null || o === "" ? (this._$AH !== N && this._$AR(), this._$AH = N) : o !== this._$AH && o !== po && this._(o) : o._$litType$ !== void 0 ? this.g(o) : o.nodeType !== void 0 ? this.$(o) : Le(o) ? this.T(o) : this._(o);
   }
   k(o) {
     return this._$AA.parentNode.insertBefore(o, this._$AB);
@@ -156,7 +156,7 @@ let ee = class Ne {
     this._$AH !== o && (this._$AR(), this._$AH = this.k(o));
   }
   _(o) {
-    this._$AH !== N && Uo(this._$AH) ? this._$AA.nextSibling.data = o : this.$(Yo.createTextNode(o)), this._$AH = o;
+    this._$AH !== N && Uo(this._$AH) ? this._$AA.nextSibling.data = o : this.$(qo.createTextNode(o)), this._$AH = o;
   }
   g(o) {
     var e;
@@ -192,7 +192,7 @@ let ee = class Ne {
     this._$AM === void 0 && (this._$Cp = o, (e = this._$AP) === null || e === void 0 || e.call(this, o));
   }
 };
-class Vo {
+class Wo {
   constructor(o, e, t, a, c) {
     this.type = 1, this._$AH = N, this._$AN = void 0, this.element = o, this.name = e, this._$AM = a, this.options = c, t.length > 2 || t[0] !== "" || t[1] !== "" ? (this._$AH = Array(t.length - 1).fill(new String()), this.strings = t) : this._$AH = N;
   }
@@ -206,12 +206,12 @@ class Vo {
     const c = this.strings;
     let i = !1;
     if (c === void 0)
-      o = Xo(this, o, e, 0), i = !Uo(o) || o !== this._$AH && o !== ho, i && (this._$AH = o);
+      o = Yo(this, o, e, 0), i = !Uo(o) || o !== this._$AH && o !== po, i && (this._$AH = o);
     else {
       const l = o;
       let n, b;
       for (o = c[0], n = 0; n < c.length - 1; n++)
-        b = Xo(this, l[t + n], e, n), b === ho && (b = this._$AH[n]), i || (i = !Uo(b) || b !== this._$AH[n]), b === N ? o = N : o !== N && (o += (b ?? "") + c[n + 1]), this._$AH[n] = b;
+        b = Yo(this, l[t + n], e, n), b === po && (b = this._$AH[n]), i || (i = !Uo(b) || b !== this._$AH[n]), b === N ? o = N : o !== N && (o += (b ?? "") + c[n + 1]), this._$AH[n] = b;
     }
     i && !a && this.j(o);
   }
@@ -219,7 +219,7 @@ class Vo {
     o === N ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, o ?? "");
   }
 }
-let Be = class extends Vo {
+let Be = class extends Wo {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -228,20 +228,20 @@ let Be = class extends Vo {
   }
 };
 const Xt = Lo ? Lo.emptyScript : "";
-let Re = class extends Vo {
+let Re = class extends Wo {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(o) {
     o && o !== N ? this.element.setAttribute(this.name, Xt) : this.element.removeAttribute(this.name);
   }
-}, Pe = class extends Vo {
+}, Pe = class extends Wo {
   constructor(o, e, t, a, c) {
     super(o, e, t, a, c), this.type = 5;
   }
   _$AI(o, e = this) {
     var t;
-    if ((o = (t = Xo(this, o, e, 0)) !== null && t !== void 0 ? t : N) === ho)
+    if ((o = (t = Yo(this, o, e, 0)) !== null && t !== void 0 ? t : N) === po)
       return;
     const a = this._$AH, c = o === N && a !== N || o.capture !== a.capture || o.once !== a.once || o.passive !== a.passive, i = o !== N && (a === N || c);
     c && this.element.removeEventListener(this.name, this, a), i && this.element.addEventListener(this.name, this, o), this._$AH = o;
@@ -259,17 +259,17 @@ class Ie {
     return this._$AM._$AU;
   }
   _$AI(o) {
-    Xo(this, o);
+    Yo(this, o);
   }
 }
-const Zt = { O: nr, P: lo, A: re, C: 1, M: De, L: Oe, D: Te, R: Xo, I: ee, V: Vo, H: Re, N: Pe, U: Be, F: Ie }, he = dr.litHtmlPolyfillSupport;
+const Zt = { O: nr, P: io, A: re, C: 1, M: De, L: Oe, D: Le, R: Yo, I: ee, V: Wo, H: Re, N: Pe, U: Be, F: Ie }, he = dr.litHtmlPolyfillSupport;
 he == null || he(Qo, ee), ((Yr = dr.litHtmlVersions) !== null && Yr !== void 0 ? Yr : dr.litHtmlVersions = []).push("2.7.5");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O = (r) => r ?? N, io = {
+const O = (r) => r ?? N, No = {
   base: "border-2 relative",
   tooltip: "i-bg-$color-tooltip-background i-border-$color-tooltip-background i-shadow-$shadow-tooltip i-text-$color-tooltip-text rounded-4 py-6 px-8",
   callout: "i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8",
@@ -286,7 +286,7 @@ const O = (r) => r ?? N, io = {
   arrowHighlight: "i-bg-$color-callout-background i-border-$color-callout-border",
   content: "last-child:mb-0",
   notCallout: "absolute z-50"
-}, $o = {
+}, ko = {
   base: "py-4 px-8 border-0 rounded-4 text-xs inline-flex",
   neutral: "i-bg-$color-badge-neutral-background i-text-$color-badge-neutral-text",
   info: "i-bg-$color-badge-info-background i-text-$color-badge-info-text",
@@ -301,7 +301,7 @@ const O = (r) => r ?? N, io = {
   positionTR: "rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0",
   positionBR: "rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0",
   positionBL: "rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0"
-}, no = {
+}, lo = {
   box: "group block relative break-words last-child:mb-0 p-16 rounded-8",
   // Relative here enables w-clickable
   bleed: "-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",
@@ -343,8 +343,8 @@ const O = (r) => r ?? N, io = {
 }, jt = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block", Q = {
   expandable: "will-change-height",
   expandableTitle: "font-bold i-text-$color-expandable-title-text",
-  expandableBox: "i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 " + no.box,
-  expandableBleed: no.bleed,
+  expandableBox: "i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 " + lo.box,
+  expandableBleed: lo.bleed,
   chevron: "inline-block align-middle i-text-$color-expandable-icon",
   chevronNonBox: "relative left-8",
   chevronBox: "absolute right-16",
@@ -354,11 +354,11 @@ const O = (r) => r ?? N, io = {
   expansion: "overflow-hidden",
   expansionNotExpanded: "h-0 invisible",
   button: jt + " hover:underline focus:underline",
-  buttonBox: "w-full text-left relative inline-flex items-center " + no.box,
+  buttonBox: "w-full text-left relative inline-flex items-center " + lo.box,
   paddingTop: "pt-0",
   title: "flex justify-between items-center",
   titleType: "h4"
-}, uo = "font-bold focusable justify-center transition-colors ease-in-out", D = {
+}, go = "font-bold focusable justify-center transition-colors ease-in-out", D = {
   primary: "i-text-$color-button-primary-text hover:i-text-$color-button-primary-text i-bg-$color-button-primary-background hover:i-bg-$color-button-primary-background-hover active:i-bg-$color-button-primary-background-active",
   secondary: "i-text-$color-button-secondary-text hover:i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active",
   utility: "i-text-$color-button-utility-text hover:i-text-$color-button-utility-text i-bg-$color-button-utility-background i-border-$color-button-utility-border hover:i-bg-$color-button-utility-background hover:i-border-$color-button-utility-border-hover active:i-border-$color-button-utility-border-active",
@@ -371,11 +371,11 @@ const O = (r) => r ?? N, io = {
   loading: "i-text-$color-button-loading-text i-bg-$color-button-loading-background",
   link: "i-text-$color-button-link-text"
 }, S = {
-  primary: `border-0 rounded-8 ${uo}`,
-  secondary: `border-2 rounded-8 ${uo}`,
-  utility: `border rounded-4 ${uo}`,
-  negative: `border-0 rounded-8 ${uo}`,
-  pill: `p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${uo}`,
+  primary: `border-0 rounded-8 ${go}`,
+  secondary: `border-2 rounded-8 ${go}`,
+  utility: `border rounded-4 ${go}`,
+  negative: `border-0 rounded-8 ${go}`,
+  pill: `p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${go}`,
   link: `bg-transparent focusable ease-in-out inline active:underline hover:underline ${D.link}`
 }, f = {
   xsmall: "py-6 px-16",
@@ -393,9 +393,9 @@ const O = (r) => r ?? N, io = {
 }, m = {
   inProgress: `border-transparent animate-inprogress pointer-events-none ${D.loading}`,
   // .button--in-progress, a.button--in-progress:visited
-  quiet: `border-0 rounded-8 ${uo}`,
-  utilityQuiet: `border-0 rounded-4 ${uo}`,
-  negativeQuiet: `border-0 rounded-8 ${uo}`,
+  quiet: `border-0 rounded-8 ${go}`,
+  utilityQuiet: `border-0 rounded-4 ${go}`,
+  negativeQuiet: `border-0 rounded-8 ${go}`,
   isDisabled: `font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${D.disabled}`
   // .button:disabled, .button--is-disabled
 }, Y = {
@@ -480,7 +480,7 @@ const O = (r) => r ?? N, io = {
   warningIcon: "i-text-$color-alert-warning-icon",
   info: "i-border-$color-alert-info-subtle-border i-bg-$color-alert-info-background i-text-$color-alert-info-text i-border-l-$color-alert-info-border",
   infoIcon: "i-text-$color-alert-info-icon"
-}, yo = {
+}, $o = {
   default: "block text-m mb-0 leading-m i-text-$color-input-text-filled i-bg-$color-input-background i-border-$color-input-border hover:i-border-$color-input-border-hover active:i-border-$color-input-border-active rounded-4 py-12 px-8 block border-1 w-full focusable focus:[--w-outline-offset:-2px] caret-current",
   textArea: "min-h-[42] sm:min-h-[45]",
   disabled: "i-bg-$color-input-background-disabled i-border-$color-input-border-disabled hover:i-border-$color-input-border-disabled! i-text-$color-input-text-disabled pointer-events-none",
@@ -490,7 +490,7 @@ const O = (r) => r ?? N, io = {
   wrapper: "relative",
   suffix: "pr-40",
   prefix: "pl-40"
-}, So = {
+}, jo = {
   default: "block text-m mb-0 leading-m i-text-$color-select-text i-bg-$color-select-background i-border-$color-select-border hover:i-border-$color-select-border-hover active:i-border-$color-select-border-active rounded-4 py-12 px-8 block border-1 w-full focusable focus:[--w-outline-offset:-2px] appearance-none pr-32 cursor-pointer caret-current",
   disabled: "i-bg-$color-select-background-disabled i-border-$color-select-border-disabled hover:i-border-$color-select-border-disabled! active:i-border-$color-select-border-disabled! i-text-$color-select-text-disabled pointer-events-none",
   invalid: "i-border-$color-select-border-negative",
@@ -517,7 +517,7 @@ const O = (r) => r ?? N, io = {
   wrapperWithLabel: "w-max pl-12",
   wrapperWithIcon: "w-40",
   label: "antialiased block relative cursor-default pb-0 font-bold text-xs i-text-$color-label-text"
-}, Eo = {
+}, Ao = {
   wrapper: "flex space-x-8",
   text: "i-text-$color-breadcrumbs-text",
   link: "i-text-$color-breadcrumbs-link-text",
@@ -576,7 +576,7 @@ const Ue = ae(class extends ce {
       const i = !!o[c];
       i === this.it.has(c) || !((t = this.nt) === null || t === void 0) && t.has(c) || (i ? (a.add(c), this.it.add(c)) : (a.remove(c), this.it.delete(c)));
     }
-    return ho;
+    return po;
   }
 }), Et = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 function Jo(r) {
@@ -1309,11 +1309,11 @@ j(Er, "styles", U`
   label: { type: String }
 });
 customElements.get("w-affix") || customElements.define("w-affix", Er);
-var vo = function() {
+var uo = function() {
   for (var r = [], o = arguments.length; o--; )
     r[o] = arguments[o];
   return r.reduce(function(e, t) {
-    return e.concat(typeof t == "string" ? t : Array.isArray(t) ? vo.apply(void 0, t) : typeof t == "object" && t ? Object.keys(t).map(function(a) {
+    return e.concat(typeof t == "string" ? t : Array.isArray(t) ? uo.apply(void 0, t) : typeof t == "object" && t ? Object.keys(t).map(function(a) {
       return t[a] ? a : "";
     }) : "");
   }, []).join(" ");
@@ -1336,14 +1336,14 @@ negative, positive, warning, info.`
       );
   }
   get _wrapperClasses() {
-    return vo({
+    return uo({
       [Bo.alert]: !0,
       [Bo[this.variant]]: !0
     });
   }
   get _iconClasses() {
     const o = Bo[`${this.variant}Icon`];
-    return vo({
+    return uo({
       [Bo.icon]: !0,
       [o]: !0
     });
@@ -2078,12 +2078,12 @@ function we(r, o, e) {
   }
   return u;
 }
-const Tt = async (r, o, e) => {
+const Lt = async (r, o, e) => {
   const { placement: t = "bottom", strategy: a = "absolute", middleware: c = [], platform: i } = e, l = await (i.isRTL == null ? void 0 : i.isRTL(o));
   let n = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: b, y: v } = we(n, t, l), u = t, p = {}, g = 0;
   for (let h = 0; h < c.length; h++) {
-    const { name: x, fn: z } = c[h], { x: E, y: L, data: B, reset: M } = await z({ x: b, y: v, initialPlacement: t, placement: u, strategy: a, middlewareData: p, rects: n, platform: i, elements: { reference: r, floating: o } });
-    b = E ?? b, v = L ?? v, p = { ...p, [x]: { ...p[x], ...B } }, M && g <= 50 && (g++, typeof M == "object" && (M.placement && (u = M.placement), M.rects && (n = M.rects === !0 ? await i.getElementRects({ reference: r, floating: o, strategy: a }) : M.rects), { x: b, y: v } = we(n, u, l)), h = -1);
+    const { name: x, fn: z } = c[h], { x: E, y: T, data: B, reset: M } = await z({ x: b, y: v, initialPlacement: t, placement: u, strategy: a, middlewareData: p, rects: n, platform: i, elements: { reference: r, floating: o } });
+    b = E ?? b, v = T ?? v, p = { ...p, [x]: { ...p[x], ...B } }, M && g <= 50 && (g++, typeof M == "object" && (M.placement && (u = M.placement), M.rects && (n = M.rects === !0 ? await i.getElementRects({ reference: r, floating: o, strategy: a }) : M.rects), { x: b, y: v } = we(n, u, l)), h = -1);
   }
   return { x: b, y: v, placement: u, strategy: a, middlewareData: p };
 };
@@ -2101,18 +2101,18 @@ async function Fe(r, o) {
   const { x: t, y: a, platform: c, rects: i, elements: l, strategy: n } = r, { boundary: b = "clippingAncestors", rootBoundary: v = "viewport", elementContext: u = "floating", altBoundary: p = !1, padding: g = 0 } = o, h = Qe(g), x = l[p ? u === "floating" ? "reference" : "floating" : u], z = gr(await c.getClippingRect({ element: (e = await (c.isElement == null ? void 0 : c.isElement(x))) == null || e ? x : x.contextElement || await (c.getDocumentElement == null ? void 0 : c.getDocumentElement(l.floating)), boundary: b, rootBoundary: v, strategy: n })), E = gr(c.convertOffsetParentRelativeRectToViewportRelativeRect ? await c.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: u === "floating" ? { ...i.floating, x: t, y: a } : i.reference, offsetParent: await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l.floating)), strategy: n }) : i[u]);
   return { top: z.top - E.top + h.top, bottom: E.bottom - z.bottom + h.bottom, left: z.left - E.left + h.left, right: E.right - z.right + h.right };
 }
-const Lt = Math.min, Mt = Math.max;
-function Tr(r, o, e) {
-  return Mt(r, Lt(o, e));
+const Tt = Math.min, Mt = Math.max;
+function Lr(r, o, e) {
+  return Mt(r, Tt(o, e));
 }
 const Dt = (r) => ({ name: "arrow", options: r, async fn(o) {
   const { element: e, padding: t = 0 } = r ?? {}, { x: a, y: c, placement: i, rects: l, platform: n } = o;
   if (e == null)
     return {};
-  const b = Qe(t), v = { x: a, y: c }, u = Ko(i), p = yr(i), g = ie(u), h = await n.getDimensions(e), x = u === "y" ? "top" : "left", z = u === "y" ? "bottom" : "right", E = l.reference[g] + l.reference[u] - v[u] - l.floating[g], L = v[u] - l.reference[u], B = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(e));
+  const b = Qe(t), v = { x: a, y: c }, u = Ko(i), p = yr(i), g = ie(u), h = await n.getDimensions(e), x = u === "y" ? "top" : "left", z = u === "y" ? "bottom" : "right", E = l.reference[g] + l.reference[u] - v[u] - l.floating[g], T = v[u] - l.reference[u], B = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(e));
   let M = B ? u === "y" ? B.clientHeight || 0 : B.clientWidth || 0 : 0;
   M === 0 && (M = l.floating[g]);
-  const co = E / 2 - L / 2, W = b[x], C = M - h[g] - b[z], R = M / 2 - h[g] / 2 + co, F = Tr(W, R, C), ro = (p === "start" ? b[x] : b[z]) > 0 && R !== F && l.reference[g] <= l.floating[g];
+  const co = E / 2 - T / 2, W = b[x], C = M - h[g] - b[z], R = M / 2 - h[g] / 2 + co, F = Lr(W, R, C), ro = (p === "start" ? b[x] : b[z]) > 0 && R !== F && l.reference[g] <= l.floating[g];
   return { [u]: v[u] - (ro ? R < W ? W - R : C - R : 0), data: { [u]: F, centerOffset: R - F } };
 } }), Ot = { left: "right", right: "left", bottom: "top", top: "bottom" };
 function ur(r) {
@@ -2136,11 +2136,11 @@ const Pt = function(r) {
     const { placement: t, middlewareData: a, rects: c, initialPlacement: i, platform: l, elements: n } = o, { mainAxis: b = !0, crossAxis: v = !0, fallbackPlacements: u, fallbackStrategy: p = "bestFit", flipAlignment: g = !0, ...h } = r, x = Go(t), z = u || (x === i || !g ? [ur(i)] : function(R) {
       const F = ur(R);
       return [xe(R), F, xe(F)];
-    }(i)), E = [i, ...z], L = await Fe(o, h), B = [];
+    }(i)), E = [i, ...z], T = await Fe(o, h), B = [];
     let M = ((e = a.flip) == null ? void 0 : e.overflows) || [];
-    if (b && B.push(L[x]), v) {
+    if (b && B.push(T[x]), v) {
       const { main: R, cross: F } = Nt(t, c, await (l.isRTL == null ? void 0 : l.isRTL(n.floating)));
-      B.push(L[R], L[F]);
+      B.push(T[R], T[F]);
     }
     if (M = [...M, { placement: t, overflows: B }], !B.every((R) => R <= 0)) {
       var co, W;
@@ -2167,8 +2167,8 @@ const Pt = function(r) {
   return r === void 0 && (r = 0), { name: "offset", options: r, async fn(o) {
     const { x: e, y: t } = o, a = await async function(c, i) {
       const { placement: l, platform: n, elements: b } = c, v = await (n.isRTL == null ? void 0 : n.isRTL(b.floating)), u = Go(l), p = yr(l), g = Ko(l) === "x", h = ["left", "top"].includes(u) ? -1 : 1, x = v && g ? -1 : 1, z = typeof i == "function" ? i(c) : i;
-      let { mainAxis: E, crossAxis: L, alignmentAxis: B } = typeof z == "number" ? { mainAxis: z, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...z };
-      return p && typeof B == "number" && (L = p === "end" ? -1 * B : B), g ? { x: L * x, y: E * h } : { x: E * h, y: L * x };
+      let { mainAxis: E, crossAxis: T, alignmentAxis: B } = typeof z == "number" ? { mainAxis: z, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...z };
+      return p && typeof B == "number" && (T = p === "end" ? -1 * B : B), g ? { x: T * x, y: E * h } : { x: E * h, y: T * x };
     }(o, r);
     return { x: e + a.x, y: t + a.y, data: a };
   } };
@@ -2179,116 +2179,116 @@ function Ht(r) {
 const Ut = function(r) {
   return r === void 0 && (r = {}), { name: "shift", options: r, async fn(o) {
     const { x: e, y: t, placement: a } = o, { mainAxis: c = !0, crossAxis: i = !1, limiter: l = { fn: (z) => {
-      let { x: E, y: L } = z;
-      return { x: E, y: L };
+      let { x: E, y: T } = z;
+      return { x: E, y: T };
     } }, ...n } = r, b = { x: e, y: t }, v = await Fe(o, n), u = Ko(Go(a)), p = Ht(u);
     let g = b[u], h = b[p];
     if (c) {
       const z = u === "y" ? "bottom" : "right";
-      g = Tr(g + v[u === "y" ? "top" : "left"], g, g - v[z]);
+      g = Lr(g + v[u === "y" ? "top" : "left"], g, g - v[z]);
     }
     if (i) {
       const z = p === "y" ? "bottom" : "right";
-      h = Tr(h + v[p === "y" ? "top" : "left"], h, h - v[z]);
+      h = Lr(h + v[p === "y" ? "top" : "left"], h, h - v[z]);
     }
     const x = l.fn({ ...o, [u]: g, [p]: h });
     return { ...x, data: { x: x.x - e, y: x.y - t } };
   } };
 };
-function We(r) {
+function Ve(r) {
   return r && r.document && r.location && r.alert && r.setInterval;
 }
-function so(r) {
+function bo(r) {
   if (r == null)
     return window;
-  if (!We(r)) {
+  if (!Ve(r)) {
     const o = r.ownerDocument;
     return o && o.defaultView || window;
   }
   return r;
 }
 function or(r) {
-  return so(r).getComputedStyle(r);
+  return bo(r).getComputedStyle(r);
 }
-function bo(r) {
-  return We(r) ? "" : r ? (r.nodeName || "").toLowerCase() : "";
+function no(r) {
+  return Ve(r) ? "" : r ? (r.nodeName || "").toLowerCase() : "";
 }
-function Ve() {
+function We() {
   const r = navigator.userAgentData;
   return r != null && r.brands ? r.brands.map((o) => o.brand + "/" + o.version).join(" ") : navigator.userAgent;
 }
 function ao(r) {
-  return r instanceof so(r).HTMLElement;
+  return r instanceof bo(r).HTMLElement;
 }
-function Mo(r) {
-  return r instanceof so(r).Element;
+function To(r) {
+  return r instanceof bo(r).Element;
 }
 function le(r) {
-  return typeof ShadowRoot > "u" ? !1 : r instanceof so(r).ShadowRoot || r instanceof ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : r instanceof bo(r).ShadowRoot || r instanceof ShadowRoot;
 }
 function zr(r) {
   const { overflow: o, overflowX: e, overflowY: t } = or(r);
   return /auto|scroll|overlay|hidden/.test(o + t + e);
 }
 function Qt(r) {
-  return ["table", "td", "th"].includes(bo(r));
+  return ["table", "td", "th"].includes(no(r));
 }
 function me(r) {
-  const o = /firefox/i.test(Ve()), e = or(r);
+  const o = /firefox/i.test(We()), e = or(r);
   return e.transform !== "none" || e.perspective !== "none" || e.contain === "paint" || ["transform", "perspective"].includes(e.willChange) || o && e.willChange === "filter" || o && !!e.filter && e.filter !== "none";
 }
 function Je() {
-  return !/^((?!chrome|android).)*safari/i.test(Ve());
+  return !/^((?!chrome|android).)*safari/i.test(We());
 }
 const fe = Math.min, Ho = Math.max, vr = Math.round;
-function qo(r, o, e) {
+function _o(r, o, e) {
   var t, a, c, i;
   o === void 0 && (o = !1), e === void 0 && (e = !1);
   const l = r.getBoundingClientRect();
   let n = 1, b = 1;
   o && ao(r) && (n = r.offsetWidth > 0 && vr(l.width) / r.offsetWidth || 1, b = r.offsetHeight > 0 && vr(l.height) / r.offsetHeight || 1);
-  const v = Mo(r) ? so(r) : window, u = !Je() && e, p = (l.left + (u && (t = (a = v.visualViewport) == null ? void 0 : a.offsetLeft) != null ? t : 0)) / n, g = (l.top + (u && (c = (i = v.visualViewport) == null ? void 0 : i.offsetTop) != null ? c : 0)) / b, h = l.width / n, x = l.height / b;
+  const v = To(r) ? bo(r) : window, u = !Je() && e, p = (l.left + (u && (t = (a = v.visualViewport) == null ? void 0 : a.offsetLeft) != null ? t : 0)) / n, g = (l.top + (u && (c = (i = v.visualViewport) == null ? void 0 : i.offsetTop) != null ? c : 0)) / b, h = l.width / n, x = l.height / b;
   return { width: h, height: x, top: g, right: p + h, bottom: g + x, left: p, x: p, y: g };
 }
-function po(r) {
-  return (o = r, (o instanceof so(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
+function vo(r) {
+  return (o = r, (o instanceof bo(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
   var o;
 }
 function _r(r) {
-  return Mo(r) ? { scrollLeft: r.scrollLeft, scrollTop: r.scrollTop } : { scrollLeft: r.pageXOffset, scrollTop: r.pageYOffset };
+  return To(r) ? { scrollLeft: r.scrollLeft, scrollTop: r.scrollTop } : { scrollLeft: r.pageXOffset, scrollTop: r.pageYOffset };
 }
 function Ge(r) {
-  return qo(po(r)).left + _r(r).scrollLeft;
+  return _o(vo(r)).left + _r(r).scrollLeft;
 }
 function Ft(r, o, e) {
-  const t = ao(o), a = po(o), c = qo(r, t && function(n) {
-    const b = qo(n);
+  const t = ao(o), a = vo(o), c = _o(r, t && function(n) {
+    const b = _o(n);
     return vr(b.width) !== n.offsetWidth || vr(b.height) !== n.offsetHeight;
   }(o), e === "fixed");
   let i = { scrollLeft: 0, scrollTop: 0 };
   const l = { x: 0, y: 0 };
   if (t || !t && e !== "fixed")
-    if ((bo(o) !== "body" || zr(a)) && (i = _r(o)), ao(o)) {
-      const n = qo(o, !0);
+    if ((no(o) !== "body" || zr(a)) && (i = _r(o)), ao(o)) {
+      const n = _o(o, !0);
       l.x = n.x + o.clientLeft, l.y = n.y + o.clientTop;
     } else
       a && (l.x = Ge(a));
   return { x: c.left + i.scrollLeft - l.x, y: c.top + i.scrollTop - l.y, width: c.width, height: c.height };
 }
 function Ke(r) {
-  return bo(r) === "html" ? r : r.assignedSlot || r.parentNode || (le(r) ? r.host : null) || po(r);
+  return no(r) === "html" ? r : r.assignedSlot || r.parentNode || (le(r) ? r.host : null) || vo(r);
 }
 function ke(r) {
   return ao(r) && getComputedStyle(r).position !== "fixed" ? r.offsetParent : null;
 }
-function Lr(r) {
-  const o = so(r);
+function Tr(r) {
+  const o = bo(r);
   let e = ke(r);
   for (; e && Qt(e) && getComputedStyle(e).position === "static"; )
     e = ke(e);
-  return e && (bo(e) === "html" || bo(e) === "body" && getComputedStyle(e).position === "static" && !me(e)) ? o : e || function(t) {
+  return e && (no(e) === "html" || no(e) === "body" && getComputedStyle(e).position === "static" && !me(e)) ? o : e || function(t) {
     let a = Ke(t);
-    for (le(a) && (a = a.host); ao(a) && !["html", "body"].includes(bo(a)); ) {
+    for (le(a) && (a = a.host); ao(a) && !["html", "body"].includes(no(a)); ) {
       if (me(a))
         return a;
       a = a.parentNode;
@@ -2299,22 +2299,22 @@ function Lr(r) {
 function $e(r) {
   if (ao(r))
     return { width: r.offsetWidth, height: r.offsetHeight };
-  const o = qo(r);
+  const o = _o(r);
   return { width: o.width, height: o.height };
 }
 function ot(r) {
   const o = Ke(r);
-  return ["html", "body", "#document"].includes(bo(o)) ? r.ownerDocument.body : ao(o) && zr(o) ? o : ot(o);
+  return ["html", "body", "#document"].includes(no(o)) ? r.ownerDocument.body : ao(o) && zr(o) ? o : ot(o);
 }
 function rt(r, o) {
   var e;
   o === void 0 && (o = []);
-  const t = ot(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c = so(t), i = a ? [c].concat(c.visualViewport || [], zr(t) ? t : []) : t, l = o.concat(i);
+  const t = ot(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c = bo(t), i = a ? [c].concat(c.visualViewport || [], zr(t) ? t : []) : t, l = o.concat(i);
   return a ? l : l.concat(rt(i));
 }
 function ye(r, o, e) {
   return o === "viewport" ? gr(function(t, a) {
-    const c = so(t), i = po(t), l = c.visualViewport;
+    const c = bo(t), i = vo(t), l = c.visualViewport;
     let n = i.clientWidth, b = i.clientHeight, v = 0, u = 0;
     if (l) {
       n = l.width, b = l.height;
@@ -2322,20 +2322,20 @@ function ye(r, o, e) {
       (p || !p && a === "fixed") && (v = l.offsetLeft, u = l.offsetTop);
     }
     return { width: n, height: b, x: v, y: u };
-  }(r, e)) : Mo(o) ? function(t, a) {
-    const c = qo(t, !1, a === "fixed"), i = c.top + t.clientTop, l = c.left + t.clientLeft;
+  }(r, e)) : To(o) ? function(t, a) {
+    const c = _o(t, !1, a === "fixed"), i = c.top + t.clientTop, l = c.left + t.clientLeft;
     return { top: i, left: l, x: l, y: i, right: l + t.clientWidth, bottom: i + t.clientHeight, width: t.clientWidth, height: t.clientHeight };
   }(o, e) : gr(function(t) {
     var a;
-    const c = po(t), i = _r(t), l = (a = t.ownerDocument) == null ? void 0 : a.body, n = Ho(c.scrollWidth, c.clientWidth, l ? l.scrollWidth : 0, l ? l.clientWidth : 0), b = Ho(c.scrollHeight, c.clientHeight, l ? l.scrollHeight : 0, l ? l.clientHeight : 0);
+    const c = vo(t), i = _r(t), l = (a = t.ownerDocument) == null ? void 0 : a.body, n = Ho(c.scrollWidth, c.clientWidth, l ? l.scrollWidth : 0, l ? l.clientWidth : 0), b = Ho(c.scrollHeight, c.clientHeight, l ? l.scrollHeight : 0, l ? l.clientHeight : 0);
     let v = -i.scrollLeft + Ge(t);
     const u = -i.scrollTop;
     return or(l || c).direction === "rtl" && (v += Ho(c.clientWidth, l ? l.clientWidth : 0) - n), { width: n, height: b, x: v, y: u };
-  }(po(r)));
+  }(vo(r)));
 }
-function Wt(r) {
-  const o = rt(r), e = ["absolute", "fixed"].includes(or(r).position) && ao(r) ? Lr(r) : r;
-  return Mo(e) ? o.filter((t) => Mo(t) && function(a, c) {
+function Vt(r) {
+  const o = rt(r), e = ["absolute", "fixed"].includes(or(r).position) && ao(r) ? Tr(r) : r;
+  return To(e) ? o.filter((t) => To(t) && function(a, c) {
     const i = c.getRootNode == null ? void 0 : c.getRootNode();
     if (a.contains(c))
       return !0;
@@ -2348,31 +2348,31 @@ function Wt(r) {
       } while (l);
     }
     return !1;
-  }(t, e) && bo(t) !== "body") : [];
+  }(t, e) && no(t) !== "body") : [];
 }
-const Vt = { getClippingRect: function(r) {
+const Wt = { getClippingRect: function(r) {
   let { element: o, boundary: e, rootBoundary: t, strategy: a } = r;
-  const c = [...e === "clippingAncestors" ? Wt(o) : [].concat(e), t], i = c[0], l = c.reduce((n, b) => {
+  const c = [...e === "clippingAncestors" ? Vt(o) : [].concat(e), t], i = c[0], l = c.reduce((n, b) => {
     const v = ye(o, b, a);
     return n.top = Ho(v.top, n.top), n.right = fe(v.right, n.right), n.bottom = fe(v.bottom, n.bottom), n.left = Ho(v.left, n.left), n;
   }, ye(o, i, a));
   return { width: l.right - l.left, height: l.bottom - l.top, x: l.left, y: l.top };
 }, convertOffsetParentRelativeRectToViewportRelativeRect: function(r) {
   let { rect: o, offsetParent: e, strategy: t } = r;
-  const a = ao(e), c = po(e);
+  const a = ao(e), c = vo(e);
   if (e === c)
     return o;
   let i = { scrollLeft: 0, scrollTop: 0 };
   const l = { x: 0, y: 0 };
-  if ((a || !a && t !== "fixed") && ((bo(e) !== "body" || zr(c)) && (i = _r(e)), ao(e))) {
-    const n = qo(e, !0);
+  if ((a || !a && t !== "fixed") && ((no(e) !== "body" || zr(c)) && (i = _r(e)), ao(e))) {
+    const n = _o(e, !0);
     l.x = n.x + e.clientLeft, l.y = n.y + e.clientTop;
   }
   return { ...o, x: o.x - i.scrollLeft + l.x, y: o.y - i.scrollTop + l.y };
-}, isElement: Mo, getDimensions: $e, getOffsetParent: Lr, getDocumentElement: po, getElementRects: (r) => {
+}, isElement: To, getDimensions: $e, getOffsetParent: Tr, getDocumentElement: vo, getElementRects: (r) => {
   let { reference: o, floating: e, strategy: t } = r;
-  return { reference: Ft(o, Lr(e), t), floating: { ...$e(e), x: 0, y: 0 } };
-}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => or(r).direction === "rtl" }, Jt = (r, o, e) => Tt(r, o, { platform: Vt, ...e }), pr = "top", hr = "bottom", Mr = "left", Dr = "right", er = {
+  return { reference: Ft(o, Tr(e), t), floating: { ...$e(e), x: 0, y: 0 } };
+}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => or(r).direction === "rtl" }, Jt = (r, o, e) => Lt(r, o, { platform: Wt, ...e }), pr = "top", hr = "bottom", Mr = "left", Dr = "right", er = {
   [pr]: hr,
   [hr]: pr,
   [Mr]: Dr,
@@ -2506,13 +2506,13 @@ var et = {}, tt = {};
   }
   const u = /\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;
   function p(g, h = !1) {
-    return g.replace(u, function(x, z, E, L, B, M, co, W, C) {
+    return g.replace(u, function(x, z, E, T, B, M, co, W, C) {
       if (z !== void 0)
         return "\\";
       if (E !== void 0)
         return a(E);
-      if (L !== void 0)
-        return l(L);
+      if (T !== void 0)
+        return l(T);
       if (B !== void 0)
         return c(B, M);
       if (co !== void 0)
@@ -2593,8 +2593,8 @@ var Fo = {}, at = {}, ct = { exports: {} };
       for (var s = Object.getOwnPropertyNames(d), w = [], y = 0; y < s.length; y++) {
         var X = s[y], _ = d[X], Z = [].concat(_);
         if (X === "include") {
-          for (var T = 0; T < Z.length; T++)
-            w.push({ include: Z[T] });
+          for (var L = 0; L < Z.length; L++)
+            w.push({ include: Z[L] });
           continue;
         }
         var A = [];
@@ -2646,8 +2646,8 @@ var Fo = {}, at = {}, ct = { exports: {} };
       return Array.isArray(d) ? h(d) : g(d);
     }
     var E = x("error", { lineBreaks: !0, shouldThrow: !0 });
-    function L(d, s) {
-      for (var w = null, y = /* @__PURE__ */ Object.create(null), X = !0, _ = null, Z = [], T = [], A = 0; A < d.length; A++)
+    function T(d, s) {
+      for (var w = null, y = /* @__PURE__ */ Object.create(null), X = !0, _ = null, Z = [], L = [], A = 0; A < d.length; A++)
         d[A].fallback && (X = !1);
       for (var A = 0; A < d.length; A++) {
         var q = d[A];
@@ -2661,8 +2661,8 @@ var Fo = {}, at = {}, ct = { exports: {} };
         var I = q.match.slice();
         if (X)
           for (; I.length && typeof I[0] == "string" && I[0].length === 1; ) {
-            var wo = I.shift();
-            y[wo.charCodeAt(0)] = q;
+            var ho = I.shift();
+            y[ho.charCodeAt(0)] = q;
           }
         if (q.pop || q.push || q.next) {
           if (!s)
@@ -2672,35 +2672,35 @@ var Fo = {}, at = {}, ct = { exports: {} };
         }
         if (I.length !== 0) {
           X = !1, Z.push(q);
-          for (var xo = 0; xo < I.length; xo++) {
-            var mo = I[xo];
-            if (a(mo)) {
+          for (var wo = 0; wo < I.length; wo++) {
+            var xo = I[wo];
+            if (a(xo)) {
               if (_ === null)
-                _ = mo.unicode;
-              else if (_ !== mo.unicode && q.fallback === !1)
+                _ = xo.unicode;
+              else if (_ !== xo.unicode && q.fallback === !1)
                 throw new Error("If one rule is /u then all must be");
             }
           }
-          var Zo = b(I.map(v)), G = new RegExp(Zo);
+          var Xo = b(I.map(v)), G = new RegExp(Xo);
           if (G.test(""))
             throw new Error("RegExp matches empty string: " + G);
-          var Do = l(Zo);
-          if (Do > 0)
+          var Mo = l(Xo);
+          if (Mo > 0)
             throw new Error("RegExp has capture groups: " + G + `
 Use (?: … ) instead`);
           if (!q.lineBreaks && G.test(`
 `))
             throw new Error("Rule should declare lineBreaks: " + G);
-          T.push(n(Zo));
+          L.push(n(Xo));
         }
       }
-      var jo = w && w.fallback, Oo = t && !jo ? "ym" : "gm", rr = t || jo ? "" : "|";
-      _ === !0 && (Oo += "u");
-      var yt = new RegExp(b(T) + rr, Oo);
+      var Zo = w && w.fallback, Do = t && !Zo ? "ym" : "gm", rr = t || Zo ? "" : "|";
+      _ === !0 && (Do += "u");
+      var yt = new RegExp(b(L) + rr, Do);
       return { regexp: yt, groups: Z, fast: y, error: w || E };
     }
     function B(d) {
-      var s = L(z(d));
+      var s = T(z(d));
       return new C({ start: s }, "start");
     }
     function M(d, s, w) {
@@ -2720,39 +2720,39 @@ Use (?: … ) instead`);
         X[Z] = z(d[Z]).concat(w);
       }
       for (var _ = 0; _ < y.length; _++)
-        for (var Z = y[_], T = X[Z], A = /* @__PURE__ */ Object.create(null), q = 0; q < T.length; q++) {
-          var I = T[q];
+        for (var Z = y[_], L = X[Z], A = /* @__PURE__ */ Object.create(null), q = 0; q < L.length; q++) {
+          var I = L[q];
           if (I.include) {
-            var wo = [q, 1];
+            var ho = [q, 1];
             if (I.include !== Z && !A[I.include]) {
               A[I.include] = !0;
-              var xo = X[I.include];
-              if (!xo)
+              var wo = X[I.include];
+              if (!wo)
                 throw new Error("Cannot include nonexistent state '" + I.include + "' (in state '" + Z + "')");
-              for (var mo = 0; mo < xo.length; mo++) {
-                var Zo = xo[mo];
-                T.indexOf(Zo) === -1 && wo.push(Zo);
+              for (var xo = 0; xo < wo.length; xo++) {
+                var Xo = wo[xo];
+                L.indexOf(Xo) === -1 && ho.push(Xo);
               }
             }
-            T.splice.apply(T, wo), q--;
+            L.splice.apply(L, ho), q--;
           }
         }
       for (var G = /* @__PURE__ */ Object.create(null), _ = 0; _ < y.length; _++) {
         var Z = y[_];
-        G[Z] = L(X[Z], !0);
+        G[Z] = T(X[Z], !0);
       }
       for (var _ = 0; _ < y.length; _++) {
-        for (var Do = y[_], jo = G[Do], Oo = jo.groups, q = 0; q < Oo.length; q++)
-          M(Oo[q], Do, G);
-        for (var rr = Object.getOwnPropertyNames(jo.fast), q = 0; q < rr.length; q++)
-          M(jo.fast[rr[q]], Do, G);
+        for (var Mo = y[_], Zo = G[Mo], Do = Zo.groups, q = 0; q < Do.length; q++)
+          M(Do[q], Mo, G);
+        for (var rr = Object.getOwnPropertyNames(Zo.fast), q = 0; q < rr.length; q++)
+          M(Zo.fast[rr[q]], Mo, G);
       }
       return new C(G, s);
     }
     function W(d) {
       for (var s = typeof Map < "u", w = s ? /* @__PURE__ */ new Map() : /* @__PURE__ */ Object.create(null), y = Object.getOwnPropertyNames(d), X = 0; X < y.length; X++) {
-        var _ = y[X], Z = d[_], T = Array.isArray(Z) ? Z : [Z];
-        T.forEach(function(A) {
+        var _ = y[X], Z = d[_], L = Array.isArray(Z) ? Z : [Z];
+        L.forEach(function(A) {
           if (typeof A != "string")
             throw new Error("keyword must be string (in keyword '" + _ + "')");
           s ? w.set(A, _) : w[A] = _;
@@ -2819,8 +2819,8 @@ Use (?: … ) instead`);
         var X = R(y, w), _ = this.error;
         if (X == null)
           return this._token(_, w.slice(d, w.length), d);
-        var Z = this._getGroup(X), T = X[0];
-        return _.fallback && X.index !== d ? (this.queuedGroup = Z, this.queuedText = T, this._token(_, w.slice(d, X.index), d)) : this._token(Z, T, d);
+        var Z = this._getGroup(X), L = X[0];
+        return _.fallback && X.index !== d ? (this.queuedGroup = Z, this.queuedText = L, this._token(_, w.slice(d, X.index), d)) : this._token(Z, L, d);
       }
     }, C.prototype._token = function(d, s, w) {
       var y = 0;
@@ -2842,8 +2842,8 @@ Use (?: … ) instead`);
         lineBreaks: y,
         line: this.line,
         col: this.col
-      }, T = s.length;
-      if (this.index += T, this.line += y, y !== 0 ? this.col = T - _ + 1 : this.col += T, d.shouldThrow) {
+      }, L = s.length;
+      if (this.index += L, this.line += y, y !== 0 ? this.col = L - _ + 1 : this.col += L, d.shouldThrow) {
         var A = new Error(this.formatError(Z, "invalid syntax"));
         throw A;
       }
@@ -2871,14 +2871,14 @@ Use (?: … ) instead`);
           line: this.line,
           col: this.col
         };
-      var y = 2, X = Math.max(d.line - y, 1), _ = d.line + y, Z = String(_).length, T = p(
+      var y = 2, X = Math.max(d.line - y, 1), _ = d.line + y, Z = String(_).length, L = p(
         this.buffer,
         this.line - d.line + y + 1
       ).slice(0, 5), A = [];
       A.push(s + " at line " + d.line + " col " + d.col + ":"), A.push("");
-      for (var q = 0; q < T.length; q++) {
-        var I = T[q], wo = X + q;
-        A.push(u(String(wo), Z) + "  " + I), wo === d.line && A.push(u("", Z + d.col + 1) + "^");
+      for (var q = 0; q < L.length; q++) {
+        var I = L[q], ho = X + q;
+        A.push(u(String(ho), Z) + "  " + I), ho === d.line && A.push(u("", Z + d.col + 1) + "^");
       }
       return A.join(`
 `);
@@ -3263,10 +3263,10 @@ class ha {
     return Array.isArray(this._events[o]);
   }
 }
-var wa = Object.defineProperty, xa = (r, o, e) => o in r ? wa(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, Ao = (r, o, e) => (xa(r, typeof o != "symbol" ? o + "" : o, e), e);
+var wa = Object.defineProperty, xa = (r, o, e) => o in r ? wa(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, So = (r, o, e) => (xa(r, typeof o != "symbol" ? o + "" : o, e), e);
 class ma extends ha {
   constructor(o) {
-    super(), Ao(this, "_locale"), Ao(this, "_locales"), Ao(this, "_localeData"), Ao(this, "_messages"), Ao(this, "_missing"), Ao(this, "t", this._.bind(this)), this._messages = {}, this._localeData = {}, o.missing != null && (this._missing = o.missing), o.messages != null && this.load(o.messages), o.localeData != null && this.loadLocaleData(o.localeData), (o.locale != null || o.locales != null) && this.activate(o.locale, o.locales);
+    super(), So(this, "_locale"), So(this, "_locales"), So(this, "_localeData"), So(this, "_messages"), So(this, "_missing"), So(this, "t", this._.bind(this)), this._messages = {}, this._localeData = {}, o.missing != null && (this._missing = o.missing), o.messages != null && this.load(o.messages), o.localeData != null && this.loadLocaleData(o.localeData), (o.locale != null || o.locales != null) && this.activate(o.locale, o.locales);
   }
   get locale() {
     return this._locale;
@@ -3334,7 +3334,7 @@ class ma extends ha {
 function fa(r = {}) {
   return new ma(r);
 }
-const V = fa(), ka = JSON.parse('{"attention.callout":"callout speech bubble","attention.pointingDown":"pointing down","attention.pointingLeft":"pointing left","attention.pointingRight":"pointing right","attention.pointingUp":"pointing up","attention.popover":"popover speech bubble","attention.tooltip":"tooltip"}'), $a = JSON.parse('{"attention.callout":"callout speech bubble","attention.pointingDown":"pointing down","attention.pointingLeft":"pointing left","attention.pointingRight":"pointing right","attention.pointingUp":"pointing up","attention.popover":"popover speech bubble","attention.tooltip":"tooltip"}'), ya = JSON.parse('{"attention.callout":"callout speech bubble","attention.pointingDown":"pointing down","attention.pointingLeft":"pointing left","attention.pointingRight":"pointing right","attention.pointingUp":"pointing up","attention.popover":"popover speech bubble","attention.tooltip":"tooltip"}'), za = ["en", "nb", "fi"], st = "en", Xe = (r) => za.find(
+const V = fa(), ka = JSON.parse('{"attention.callout":"callout speech bubble","attention.aria.highlight":"highlighted speech bubble","attention.pointingDown":"pointing down","attention.pointingLeft":"pointing left","attention.pointingRight":"pointing right","attention.pointingUp":"pointing up","attention.popover":"popover speech bubble","attention.tooltip":"tooltip"}'), $a = JSON.parse('{"attention.callout":"callout speech bubble","attention.aria.highlight":"highlighted speech bubble","attention.pointingDown":"pointing down","attention.pointingLeft":"pointing left","attention.pointingRight":"pointing right","attention.pointingUp":"pointing up","attention.popover":"popover speech bubble","attention.tooltip":"tooltip"}'), ya = JSON.parse('{"attention.callout":"callout speech bubble","attention.aria.highlight":"highlighted speech bubble","attention.pointingDown":"pointing down","attention.pointingLeft":"pointing left","attention.pointingRight":"pointing right","attention.pointingUp":"pointing up","attention.popover":"popover speech bubble","attention.tooltip":"tooltip"}'), za = ["en", "nb", "fi"], st = "en", Xe = (r) => za.find(
   (o) => r === o || r.toLowerCase().includes(o)
 ) || st;
 function _a() {
@@ -3355,7 +3355,7 @@ const qa = (r, o, e, t) => r === "nb" ? e : r === "fi" ? t : o, qr = (r, o, e) =
 };
 class Br extends Jo(H) {
   constructor() {
-    super(), qr(ka, $a, ya), this.show = !1, this.tooltip = !1, this.callout = !1, this.popover = !1, this.noArrow = !1;
+    super(), qr(ka, $a, ya), this.show = !1, this.tooltip = !1, this.callout = !1, this.popover = !1, this.highlight = !1, this.noArrow = !1;
   }
   connectedCallback() {
     if (super.connectedCallback(), !this.placement || !Object.keys(er).includes(this.placement))
@@ -3444,6 +3444,12 @@ ${JSON.stringify(
           message: "popover speech bubble",
           comment: "Default screenreader message for popover speech bubble in the attention component"
         });
+      case this.highlight:
+        return V._({
+          id: "attention.aria.highlight",
+          message: "highlighted speech bubble",
+          comment: "Default screenreader message for highlighted speech bubble in the attention component"
+        });
       default:
         return "";
     }
@@ -3457,6 +3463,18 @@ ${JSON.stringify(
       this._targetEl.setAttribute("aria-details", o);
     }
   }
+  get _activeVariantClasses() {
+    const o = {
+      callout: this.callout,
+      popover: this.popover,
+      tooltip: this.tooltip,
+      highlight: this.highlight
+    }, e = Object.keys(o).find((t) => !!o[t]) || "";
+    return {
+      wrapper: No[e],
+      arrow: No[`arrow${e.charAt(0).toUpperCase() + e.slice(1)}`]
+    };
+  }
   firstUpdated() {
     this.setAriaLabels(), this.callout && (this._attentionEl.style.position = "relative");
   }
@@ -3471,19 +3489,15 @@ ${JSON.stringify(
   }
   get _wrapperClasses() {
     return Ar({
-      [io.base]: !0,
-      [io.tooltip]: this.tooltip,
-      [io.callout]: this.callout,
-      [io.popover]: this.popover
+      [No.base]: !0,
+      [this._activeVariantClasses.wrapper]: !0
     });
   }
   get _arrowClasses() {
     return Ar({
-      [io.arrowBase]: !0,
-      [io[`arrowDirection${this._arrowDirection.charAt(0).toUpperCase() + this._arrowDirection.slice(1)}`]]: !0,
-      [io.arrowTooltip]: this.tooltip,
-      [io.arrowCallout]: this.callout,
-      [io.arrowPopover]: this.popover
+      [No.arrowBase]: !0,
+      [No[`arrowDirection${this._arrowDirection.charAt(0).toUpperCase() + this._arrowDirection.slice(1)}`]]: !0,
+      [this._activeVariantClasses.arrow]: !0
     });
   }
   get _arrowHtml() {
@@ -3538,6 +3552,8 @@ j(Br, "properties", {
   callout: { type: Boolean, reflect: !0 },
   // Whether Attention element is rendered as a popover
   popover: { type: Boolean, reflect: !0 },
+  // Whether Attention element is rendered as a highlight
+  highlight: { type: Boolean, reflect: !0 },
   // Render Attention element without an arrow
   noArrow: { type: Boolean, reflect: !0 }
 }), j(Br, "styles", [
@@ -4218,13 +4234,13 @@ class Rr extends H {
   }
   get _class() {
     return Ar({
-      [$o.base]: !0,
-      [$o[this.variant]]: !0,
-      [$o.positionBase]: !!this.position,
-      [$o.positionTL]: this.position === "top-left",
-      [$o.positionTR]: this.position === "top-right",
-      [$o.positionBR]: this.position === "bottom-right",
-      [$o.positionBL]: this.position === "bottom-left"
+      [ko.base]: !0,
+      [ko[this.variant]]: !0,
+      [ko.positionBase]: !!this.position,
+      [ko.positionTL]: this.position === "top-left",
+      [ko.positionTR]: this.position === "top-right",
+      [ko.positionBR]: this.position === "bottom-right",
+      [ko.positionBL]: this.position === "bottom-left"
     });
   }
   render() {
@@ -4896,11 +4912,11 @@ customElements.get("w-badge") || customElements.define("w-badge", Rr);
 class Pr extends H {
   get _class() {
     return J({
-      [no.box]: !0,
-      [no.bleed]: this.bleed,
-      [no.info]: this.info,
-      [no.neutral]: this.neutral,
-      [no.bordered]: this.bordered
+      [lo.box]: !0,
+      [lo.bleed]: this.bleed,
+      [lo.info]: this.info,
+      [lo.neutral]: this.neutral,
+      [lo.bordered]: this.bordered
     });
   }
   render() {
@@ -5584,7 +5600,7 @@ customElements.get("w-box") || customElements.define("w-box", Pr);
 function Ya(r, o) {
   return r.flatMap((e) => [e, o]).slice(0, -1);
 }
-const Xa = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}'), Za = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}'), ja = JSON.parse('{"breadcrumbs.ariaLabel":"Olet tässä"}'), Sa = $`<span class=${Eo.separator}
+const Xa = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}'), Za = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}'), ja = JSON.parse('{"breadcrumbs.ariaLabel":"Olet tässä"}'), Sa = $`<span class=${Ao.separator}
   >/</span
 >`;
 class Ir extends Jo(H) {
@@ -5601,13 +5617,13 @@ class Ir extends Jo(H) {
       if (typeof t == "string") {
         const c = a === children.length - 1;
         return $`<span
-          class=${Eo.text}
+          class=${Ao.text}
           aria-current=${c ? "page" : void 0}
           >${t}</span
         >`;
       }
       return t.classList.add(
-        t.tagName === "A" ? Eo.link : Eo.text
+        t.tagName === "A" ? Ao.link : Ao.text
       ), t;
     });
     this._children = Ya(e, Sa);
@@ -5615,10 +5631,10 @@ class Ir extends Jo(H) {
   render() {
     return $`
       <nav aria-labelledby="breadCrumbLabel">
-        <h2 id="breadCrumbLabel" class=${Eo.a11y}>
+        <h2 id="breadCrumbLabel" class=${Ao.a11y}>
           ${this.ariaLabel}
         </h2>
-        <div class=${Eo.wrapper}>${this._children}</div>
+        <div class=${Ao.wrapper}>${this._children}</div>
       </nav>
     `;
   }
@@ -6306,7 +6322,7 @@ const { I: Aa } = Zt, Ze = () => document.createComment(""), Po = (r, o, e) => {
     }
   }
   return e;
-}, zo = (r, o, e = r) => (r._$AI(o, e), r), Ea = {}, Ca = (r, o = Ea) => r._$AH = o, Ta = (r) => r._$AH, Sr = (r) => {
+}, yo = (r, o, e = r) => (r._$AI(o, e), r), Ea = {}, Ca = (r, o = Ea) => r._$AH = o, La = (r) => r._$AH, Sr = (r) => {
   var o;
   (o = r._$AP) === null || o === void 0 || o.call(r, !1, !0);
   let e = r._$AA;
@@ -6345,7 +6361,7 @@ const je = (r, o, e) => {
   }
   update(r, [o, e, t]) {
     var a;
-    const c = Ta(r), { values: i, keys: l } = this.dt(o, e, t);
+    const c = La(r), { values: i, keys: l } = this.dt(o, e, t);
     if (!Array.isArray(c))
       return this.ht = l, i;
     const n = (a = this.ht) !== null && a !== void 0 ? a : this.ht = [], b = [];
@@ -6356,21 +6372,21 @@ const je = (r, o, e) => {
       else if (c[g] === null)
         g--;
       else if (n[p] === l[h])
-        b[h] = zo(c[p], i[h]), p++, h++;
+        b[h] = yo(c[p], i[h]), p++, h++;
       else if (n[g] === l[x])
-        b[x] = zo(c[g], i[x]), g--, x--;
+        b[x] = yo(c[g], i[x]), g--, x--;
       else if (n[p] === l[x])
-        b[x] = zo(c[p], i[x]), Po(r, b[x + 1], c[p]), p++, x--;
+        b[x] = yo(c[p], i[x]), Po(r, b[x + 1], c[p]), p++, x--;
       else if (n[g] === l[h])
-        b[h] = zo(c[g], i[h]), Po(r, c[p], c[g]), g--, h++;
+        b[h] = yo(c[g], i[h]), Po(r, c[p], c[g]), g--, h++;
       else if (v === void 0 && (v = je(l, h, x), u = je(n, p, g)), v.has(n[p]))
         if (v.has(n[g])) {
           const z = u.get(l[h]), E = z !== void 0 ? c[z] : null;
           if (E === null) {
-            const L = Po(r, c[p]);
-            zo(L, i[h]), b[h] = L;
+            const T = Po(r, c[p]);
+            yo(T, i[h]), b[h] = T;
           } else
-            b[h] = zo(E, i[h]), Po(r, c[p], E), c[z] = null;
+            b[h] = yo(E, i[h]), Po(r, c[p], E), c[z] = null;
           h++;
         } else
           Sr(c[g]), g--;
@@ -6378,25 +6394,25 @@ const je = (r, o, e) => {
         Sr(c[p]), p++;
     for (; h <= x; ) {
       const z = Po(r, b[x + 1]);
-      zo(z, i[h]), b[h++] = z;
+      yo(z, i[h]), b[h++] = z;
     }
     for (; p <= g; ) {
       const z = c[p++];
       z !== null && Sr(z);
     }
-    return this.ht = l, Ca(r, b), ho;
+    return this.ht = l, Ca(r, b), po;
   }
-}), Wo = typeof window < "u";
+}), Vo = typeof window < "u";
 class Hr extends H {
   constructor() {
-    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = Wo ? window.location.href : "";
+    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = Vo ? window.location.href : "";
   }
   async connectedCallback() {
     if (super.connectedCallback(), !this.api) {
       console.error('Broadcast "api" attribute invalid or undefined');
       return;
     }
-    Wo && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
+    Vo && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
   }
   async _fetchMessage() {
     const o = `${this.api}?path=${this.url}`;
@@ -7103,7 +7119,7 @@ j(Hr, "properties", {
 }
   `);
 customElements.get("w-broadcast") || customElements.define("w-broadcast", Hr);
-const La = JSON.parse('{"button.aria.loading":"Loading..."}'), Ma = JSON.parse('{"button.aria.loading":"Laster..."}'), Da = JSON.parse('{"button.aria.loading":"Ladataan..."}'), Se = [
+const Ta = JSON.parse('{"button.aria.loading":"Loading..."}'), Ma = JSON.parse('{"button.aria.loading":"Laster..."}'), Da = JSON.parse('{"button.aria.loading":"Ladataan..."}'), Se = [
   "primary",
   "secondary",
   "negative",
@@ -7113,7 +7129,7 @@ const La = JSON.parse('{"button.aria.loading":"Loading..."}'), Ma = JSON.parse('
 ];
 class ar extends Jo(H) {
   constructor() {
-    super(), qr(La, Ma, Da), this.variant = "secondary", this.ariaValueTextLoading = V._({
+    super(), qr(Ta, Ma, Da), this.variant = "secondary", this.ariaValueTextLoading = V._({
       id: "button.aria.loading",
       message: "Loading...",
       comment: "Screenreader message for buttons that are loading"
@@ -7133,7 +7149,7 @@ ${Se.join(
   }
   get _classes() {
     const o = this.variant === "primary", e = this.variant === "secondary", t = this.variant === "negative", a = this.variant === "utility", c = this.variant === "pill", i = this.variant === "link";
-    return vo(
+    return uo(
       {
         [Y.secondary]: e && !this.small && !this.quiet && !this.loading,
         [Y.secondarySmall]: e && this.small && !this.quiet && !this.loading,
@@ -8604,7 +8620,7 @@ class Qr extends Jo(H) {
     return $`<div
       class=${J({
       [this.contentClass || ""]: !0,
-      [no.box]: this.box,
+      [lo.box]: this.box,
       [Q.paddingTop]: this._hasTitle && this.box
     })}
     >
@@ -9360,7 +9376,7 @@ class Fr extends ce {
   render(o) {
     if (o === N || o == null)
       return this.ft = void 0, this.et = o;
-    if (o === ho)
+    if (o === po)
       return o;
     if (typeof o != "string")
       throw Error(this.constructor.directiveName + "() called with a non-string value");
@@ -9373,23 +9389,23 @@ class Fr extends ce {
 }
 Fr.directiveName = "unsafeHTML", Fr.resultType = 1;
 const ut = ae(Fr), Oa = JSON.parse('{"select.label.optional":"(optional)"}'), Na = JSON.parse('{"select.label.optional":"(valgfritt)"}'), Ba = JSON.parse('{"select.label.optional":"(valinnainen)"}');
-var mr, vt, fr, pt, kr, ht, $r, wt, Co, ir, To, lr;
-class Wr extends Jo(H) {
+var mr, vt, fr, pt, kr, ht, $r, wt, Eo, ir, Co, lr;
+class Vr extends Jo(H) {
   constructor() {
     super();
-    fo(this, mr);
-    fo(this, fr);
-    fo(this, kr);
-    fo(this, $r);
-    fo(this, Co);
-    fo(this, To);
+    mo(this, mr);
+    mo(this, fr);
+    mo(this, kr);
+    mo(this, $r);
+    mo(this, Eo);
+    mo(this, Co);
     qr(Oa, Na, Ba), this._options = this.innerHTML;
   }
   render() {
-    return $`<div class="${So.wrapper}">
+    return $`<div class="${jo.wrapper}">
       ${cr(
       this.label,
-      () => $`<label class="${K(this, fr, pt)}" for="${K(this, Co, ir)}">
+      () => $`<label class="${K(this, fr, pt)}" for="${K(this, Eo, ir)}">
             ${this.label}
             ${cr(
         this.optional,
@@ -9403,15 +9419,15 @@ class Wr extends Jo(H) {
       )}</label
           >`
     )}
-      <div class="${So.selectWrapper}">
+      <div class="${jo.selectWrapper}">
         <select
           class="${K(this, mr, vt)}"
-          id="${K(this, Co, ir)}"
+          id="${K(this, Eo, ir)}"
           ?autofocus=${this.autoFocus}
-          aria-describedby="${O(K(this, To, lr))}"
+          aria-describedby="${O(K(this, Co, lr))}"
           aria-invalid="${O(this.invalid)}"
           aria-errormessage="${O(
-      this.invalid && K(this, To, lr)
+      this.invalid && K(this, Co, lr)
     )}"
         >
           ${ut(this._options)}
@@ -9423,7 +9439,7 @@ class Wr extends Jo(H) {
       ${cr(
       this.always || this.invalid,
       () => $`<div
-            id="${K(this, To, lr)}"
+            id="${K(this, Co, lr)}"
             class="${K(this, kr, ht)}"
           >
             ${this.hint}
@@ -9433,30 +9449,30 @@ class Wr extends Jo(H) {
   }
 }
 mr = new WeakSet(), vt = function() {
-  return vo({
-    [So.default]: !0,
-    [So.invalid]: this.invalid
+  return uo({
+    [jo.default]: !0,
+    [jo.invalid]: this.invalid
   });
 }, fr = new WeakSet(), pt = function() {
-  return vo({
+  return uo({
     [Io.label]: !0,
     [Io.labelInvalid]: this.invalid
   });
 }, kr = new WeakSet(), ht = function() {
-  return vo({
+  return uo({
     [sr.helpText]: !0,
     [sr.helpTextInvalid]: this.invalid
   });
 }, $r = new WeakSet(), wt = function() {
-  return vo({
-    [So.chevron]: !0,
-    [So.chevronDisabled]: this.disabled
+  return uo({
+    [jo.chevron]: !0,
+    [jo.chevronDisabled]: this.disabled
   });
-}, Co = new WeakSet(), ir = function() {
+}, Eo = new WeakSet(), ir = function() {
   return "select_id";
-}, To = new WeakSet(), lr = function() {
-  return this.hint ? `${K(this, Co, ir)}__hint` : void 0;
-}, j(Wr, "properties", {
+}, Co = new WeakSet(), lr = function() {
+  return this.hint ? `${K(this, Eo, ir)}__hint` : void 0;
+}, j(Vr, "properties", {
   // Whether the element should receive focus on render
   autoFocus: { type: Boolean, reflect: !0 },
   // Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error
@@ -9470,7 +9486,7 @@ mr = new WeakSet(), vt = function() {
   // Whether to show optional text
   optional: { type: Boolean, reflect: !0 },
   _options: { state: !0 }
-}), j(Wr, "styles", U`
+}), j(Vr, "styles", U`
     /* layer: preflights */
 *,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
 *,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
@@ -10124,19 +10140,19 @@ mr = new WeakSet(), vt = function() {
 .sm\\:pt-32{padding-top:3.2rem;}
 };
   `);
-customElements.get("w-select") || customElements.define("w-select", Wr);
-class Vr extends H {
+customElements.get("w-select") || customElements.define("w-select", Vr);
+class Wr extends H {
   constructor() {
     super(), this.type = "text";
   }
   get _inputStyles() {
     return J({
-      [yo.default]: !0,
-      [yo.invalid]: this.invalid,
-      [yo.disabled]: this.disabled,
-      [yo.readOnly]: this.readOnly,
-      [yo.suffix]: this._hasSuffix,
-      [yo.prefix]: this._hasPrefix
+      [$o.default]: !0,
+      [$o.invalid]: this.invalid,
+      [$o.disabled]: this.disabled,
+      [$o.readOnly]: this.readOnly,
+      [$o.suffix]: this._hasSuffix,
+      [$o.prefix]: this._hasPrefix
     });
   }
   get _helpTextStyles() {
@@ -10185,7 +10201,7 @@ class Vr extends H {
   render() {
     return $`
       ${this._label}
-      <div class="${yo.wrapper}">
+      <div class="${$o.wrapper}">
         <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
         <input
           class="${this._inputStyles}"
@@ -10216,7 +10232,7 @@ class Vr extends H {
     `;
   }
 }
-j(Vr, "properties", {
+j(Wr, "properties", {
   disabled: { type: Boolean },
   invalid: { type: Boolean },
   id: { type: String },
@@ -10240,7 +10256,7 @@ j(Vr, "properties", {
 // ::slotted([Simple Selector]) confirms to Specificity rules, but (being simple) does not add weight to lightDOM skin selectors,
 // so never gets higher Specificity. Thus in order to overwrite style linked within shadowDOM, we need to use !important.
 // https://stackoverflow.com/a/61631668
-j(Vr, "styles", [
+j(Wr, "styles", [
   U`
       /* layer: preflights */
 *,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
@@ -10902,9 +10918,9 @@ j(Vr, "styles", [
       }
     `
 ]);
-customElements.get("w-textfield") || customElements.define("w-textfield", Vr);
-function Va(r, o) {
-  if (!Wo)
+customElements.get("w-textfield") || customElements.define("w-textfield", Wr);
+function Wa(r, o) {
+  if (!Vo)
     return;
   const e = customElements.get("w-toast-container").init(), t = {
     id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
@@ -10916,10 +10932,10 @@ function Va(r, o) {
   return e.set(t), t;
 }
 function Ja(r) {
-  return Wo ? customElements.get("w-toast-container").init().del(r) : void 0;
+  return Vo ? customElements.get("w-toast-container").init().del(r) : void 0;
 }
 function Ga(r, o) {
-  if (!Wo)
+  if (!Vo)
     return;
   const e = customElements.get("w-toast-container").init();
   return e.set({ ...e.get(r), ...o }), e.get(r);
@@ -10971,7 +10987,7 @@ const mt = (r) => {
     for (const a of e.split(" "))
       o[a] = t;
   return Ue(o);
-}, go = {
+}, so = {
   success: "success",
   error: "error",
   warning: "warning"
@@ -10992,17 +11008,17 @@ class Jr extends H {
   get _primaryClasses() {
     return Ee({
       [oo.toast]: !0,
-      [oo.positive]: this.type === go.success,
-      [oo.warning]: this.type === go.warning,
-      [oo.negative]: this.type === go.error
+      [oo.positive]: this.type === so.success,
+      [oo.warning]: this.type === so.warning,
+      [oo.negative]: this.type === so.error
     });
   }
   get _iconClasses() {
     return Ee({
       [oo.icon]: !0,
-      [oo.iconPositive]: this.type == go.success,
-      [oo.iconWarning]: this.type === go.warning,
-      [oo.iconNegative]: this.type === go.error
+      [oo.iconPositive]: this.type == so.success,
+      [oo.iconWarning]: this.type === so.warning,
+      [oo.iconNegative]: this.type === so.error
     });
   }
   get _wrapper() {
@@ -11010,10 +11026,10 @@ class Jr extends H {
     return ((o = this.renderRoot) == null ? void 0 : o.querySelector("section")) ?? null;
   }
   get _warning() {
-    return this.type === go.warning;
+    return this.type === so.warning;
   }
   get _error() {
-    return this.type === go.error;
+    return this.type === so.error;
   }
   get _role() {
     return this._error || this._warning ? "alert" : "status";
@@ -13853,11 +13869,11 @@ export {
   ar as WarpButton,
   Ur as WarpCard,
   Qr as WarpExpandable,
-  Wr as WarpSelect,
-  Vr as WarpTextField,
+  Vr as WarpSelect,
+  Wr as WarpTextField,
   Jr as WarpToast,
   Gr as WarpToastContainer,
   Ja as removeToast,
-  Va as toast,
+  Wa as toast,
   Ga as updateToast
 };