@warp-ds/elements 1.1.0-next.1 → 1.1.0

package/dist/index.js

@@ -1,102 +1,102 @@
-var Te = Object.defineProperty;
-var Be = (r, o, e) => o in r ? Te(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
-var f = (r, o, e) => (Be(r, typeof o != "symbol" ? o + "" : o, e), e), Re = (r, o, e) => {
+var qt = Object.defineProperty;
+var Xt = (r, o, e) => o in r ? qt(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
+var Z = (r, o, e) => (Xt(r, typeof o != "symbol" ? o + "" : o, e), e), Yt = (r, o, e) => {
   if (!o.has(r))
     throw TypeError("Cannot " + e);
 };
-var T = (r, o, e) => (Re(r, o, "read from private field"), e ? e.call(r) : o.get(r)), J = (r, o, e) => {
+var J = (r, o, e) => (Yt(r, o, "read from private field"), e ? e.call(r) : o.get(r)), fo = (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);
 };
-import { html as v, LitElement as Y, css as A, svg as G } from "lit";
+import { html as f, LitElement as I, css as Q, svg as po } from "lit";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var rr;
-const Ro = window, vo = Ro.trustedTypes, Lr = vo ? vo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Do = "$lit$", P = `lit$${(Math.random() + "").slice(9)}$`, qr = "?" + P, De = `<${qr}>`, co = document, No = () => co.createComment(""), yo = (r) => r === null || typeof r != "object" && typeof r != "function", ee = Array.isArray, te = (r) => ee(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", er = `[ 	
-\f\r]`, xo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Er = /-->/g, Mr = />/g, K = RegExp(`>|${er}(?:([^\\s"'>=/]+)(${er}*=${er}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Tr = /'/g, Br = /"/g, ae = /^(?:script|style|textarea|title)$/i, V = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Rr = /* @__PURE__ */ new WeakMap(), to = co.createTreeWalker(co, 129, null, !1);
-function ce(r, o) {
+var Xr;
+const nr = window, Mo = nr.trustedTypes, be = Mo ? Mo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, br = "$lit$", lo = `lit$${(Math.random() + "").slice(9)}$`, oe = "?" + lo, jt = `<${oe}>`, Xo = document, sr = () => Xo.createComment(""), Ho = (r) => r === null || typeof r != "object" && typeof r != "function", Me = Array.isArray, Te = (r) => Me(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Yr = `[ 	
+\f\r]`, No = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, ge = />/g, ko = RegExp(`>|${Yr}(?:([^\\s"'>=/]+)(${Yr}*=${Yr}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ue = /'/g, ve = /"/g, Oe = /^(?:script|style|textarea|title)$/i, ho = Symbol.for("lit-noChange"), N = Symbol.for("lit-nothing"), he = /* @__PURE__ */ new WeakMap(), _o = Xo.createTreeWalker(Xo, 129, null, !1);
+function Be(r, o) {
   if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return Lr !== void 0 ? Lr.createHTML(o) : o;
+  return be !== void 0 ? be.createHTML(o) : o;
 }
-const ie = (r, o) => {
+const Ne = (r, o) => {
   const e = r.length - 1, t = [];
-  let a, c = o === 2 ? "<svg>" : "", i = xo;
+  let a, c = o === 2 ? "<svg>" : "", i = No;
   for (let l = 0; l < e; l++) {
-    const d = r[l];
-    let n, g, b = -1, s = 0;
-    for (; s < d.length && (i.lastIndex = s, g = i.exec(d), g !== null); )
-      s = i.lastIndex, i === xo ? g[1] === "!--" ? i = Er : g[1] !== void 0 ? i = Mr : g[2] !== void 0 ? (ae.test(g[2]) && (a = RegExp("</" + g[2], "g")), i = K) : g[3] !== void 0 && (i = K) : i === K ? g[0] === ">" ? (i = a ?? xo, b = -1) : g[1] === void 0 ? b = -2 : (b = i.lastIndex - g[2].length, n = g[1], i = g[3] === void 0 ? K : g[3] === '"' ? Br : Tr) : i === Br || i === Tr ? i = K : i === Er || i === Mr ? i = xo : (i = K, a = void 0);
-    const w = i === K && r[l + 1].startsWith("/>") ? " " : "";
-    c += i === xo ? d + De : b >= 0 ? (t.push(n), d.slice(0, b) + Do + d.slice(b) + P + w) : d + P + (b === -2 ? (t.push(void 0), l) : w);
-  }
-  return [ce(r, c + (r[e] || "<?>") + (o === 2 ? "</svg>" : "")), t];
+    const n = r[l];
+    let b, v, u = -1, h = 0;
+    for (; h < n.length && (i.lastIndex = h, v = i.exec(n), v !== null); )
+      h = i.lastIndex, i === No ? v[1] === "!--" ? i = se : v[1] !== void 0 ? i = ge : v[2] !== void 0 ? (Oe.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 + jt : u >= 0 ? (t.push(b), n.slice(0, u) + br + n.slice(u) + lo + g) : n + lo + (u === -2 ? (t.push(void 0), l) : g);
+  }
+  return [Be(r, c + (r[e] || "<?>") + (o === 2 ? "</svg>" : "")), t];
 };
-class zo {
+class Qo {
   constructor({ strings: o, _$litType$: e }, t) {
     let a;
     this.parts = [];
     let c = 0, i = 0;
-    const l = o.length - 1, d = this.parts, [n, g] = ie(o, e);
-    if (this.el = zo.createElement(n, t), to.currentNode = this.el.content, e === 2) {
-      const b = this.el.content, s = b.firstChild;
-      s.remove(), b.append(...s.childNodes);
+    const l = o.length - 1, n = this.parts, [b, v] = Ne(o, e);
+    if (this.el = Qo.createElement(b, t), _o.currentNode = this.el.content, e === 2) {
+      const u = this.el.content, h = u.firstChild;
+      h.remove(), u.append(...h.childNodes);
     }
-    for (; (a = to.nextNode()) !== null && d.length < l; ) {
+    for (; (a = _o.nextNode()) !== null && n.length < l; ) {
       if (a.nodeType === 1) {
         if (a.hasAttributes()) {
-          const b = [];
-          for (const s of a.getAttributeNames())
-            if (s.endsWith(Do) || s.startsWith(P)) {
-              const w = g[i++];
-              if (b.push(s), w !== void 0) {
-                const x = a.getAttribute(w.toLowerCase() + Do).split(P), m = /([.?@])?(.*)/.exec(w);
-                d.push({ type: 1, index: c, name: m[2], strings: x, ctor: m[1] === "." ? ne : m[1] === "?" ? be : m[1] === "@" ? ge : Yo });
+          const u = [];
+          for (const h of a.getAttributeNames())
+            if (h.endsWith(br) || h.startsWith(lo)) {
+              const g = v[i++];
+              if (u.push(h), g !== void 0) {
+                const p = a.getAttribute(g.toLowerCase() + br).split(lo), x = /([.?@])?(.*)/.exec(g);
+                n.push({ type: 1, index: c, name: x[2], strings: p, ctor: x[1] === "." ? Pe : x[1] === "?" ? Ie : x[1] === "@" ? He : Jo });
               } else
-                d.push({ type: 6, index: c });
+                n.push({ type: 6, index: c });
             }
-          for (const s of b)
-            a.removeAttribute(s);
+          for (const h of u)
+            a.removeAttribute(h);
         }
-        if (ae.test(a.tagName)) {
-          const b = a.textContent.split(P), s = b.length - 1;
-          if (s > 0) {
-            a.textContent = vo ? vo.emptyScript : "";
-            for (let w = 0; w < s; w++)
-              a.append(b[w], No()), to.nextNode(), d.push({ type: 2, index: ++c });
-            a.append(b[s], No());
+        if (Oe.test(a.tagName)) {
+          const u = a.textContent.split(lo), h = u.length - 1;
+          if (h > 0) {
+            a.textContent = Mo ? Mo.emptyScript : "";
+            for (let g = 0; g < h; g++)
+              a.append(u[g], sr()), _o.nextNode(), n.push({ type: 2, index: ++c });
+            a.append(u[h], sr());
           }
         }
       } else if (a.nodeType === 8)
-        if (a.data === qr)
-          d.push({ type: 2, index: c });
+        if (a.data === oe)
+          n.push({ type: 2, index: c });
         else {
-          let b = -1;
-          for (; (b = a.data.indexOf(P, b + 1)) !== -1; )
-            d.push({ type: 7, index: c }), b += P.length - 1;
+          let u = -1;
+          for (; (u = a.data.indexOf(lo, u + 1)) !== -1; )
+            n.push({ type: 7, index: c }), u += lo.length - 1;
         }
       c++;
     }
   }
   static createElement(o, e) {
-    const t = co.createElement("template");
+    const t = Xo.createElement("template");
     return t.innerHTML = o, t;
   }
 }
-function io(r, o, e = r, t) {
+function Yo(r, o, e = r, t) {
   var a, c, i, l;
-  if (o === V)
+  if (o === ho)
     return o;
-  let d = t !== void 0 ? (a = e._$Co) === null || a === void 0 ? void 0 : a[t] : e._$Cl;
-  const n = yo(o) ? void 0 : o._$litDirective$;
-  return (d == null ? void 0 : d.constructor) !== n && ((c = d == null ? void 0 : d._$AO) === null || c === void 0 || c.call(d, !1), n === void 0 ? d = void 0 : (d = new n(r), d._$AT(r, e, t)), t !== void 0 ? ((i = (l = e)._$Co) !== null && i !== void 0 ? i : l._$Co = [])[t] = d : e._$Cl = d), d !== void 0 && (o = io(r, d._$AS(r, o.values), d, t)), o;
+  let n = t !== void 0 ? (a = e._$Co) === null || a === void 0 ? void 0 : a[t] : e._$Cl;
+  const b = Ho(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 = Yo(r, n._$AS(r, o.values), n, t)), o;
 }
-class le {
+class De {
   constructor(o, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = o, this._$AM = e;
   }
@@ -108,17 +108,17 @@ class le {
   }
   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 : co).importNode(t, !0);
-    to.currentNode = c;
-    let i = to.nextNode(), l = 0, d = 0, n = a[0];
-    for (; n !== void 0; ) {
-      if (l === n.index) {
-        let g;
-        n.type === 2 ? g = new _r(i, i.nextSibling, this, o) : n.type === 1 ? g = new n.ctor(i, n.name, n.strings, this, o) : n.type === 6 && (g = new se(i, this, o)), this._$AV.push(g), n = a[++d];
+    const { el: { content: t }, parts: a } = this._$AD, c = ((e = o == null ? void 0 : o.creationScope) !== null && e !== void 0 ? e : Xo).importNode(t, !0);
+    _o.currentNode = c;
+    let i = _o.nextNode(), l = 0, n = 0, b = a[0];
+    for (; b !== void 0; ) {
+      if (l === b.index) {
+        let v;
+        b.type === 2 ? v = new re(i, i.nextSibling, this, o) : b.type === 1 ? v = new b.ctor(i, b.name, b.strings, this, o) : b.type === 6 && (v = new Qe(i, this, o)), this._$AV.push(v), b = a[++n];
       }
-      l !== (n == null ? void 0 : n.index) && (i = to.nextNode(), l++);
+      l !== (b == null ? void 0 : b.index) && (i = _o.nextNode(), l++);
     }
-    return to.currentNode = co, c;
+    return _o.currentNode = Xo, c;
   }
   v(o) {
     let e = 0;
@@ -126,10 +126,10 @@ class le {
       t !== void 0 && (t.strings !== void 0 ? (t._$AI(o, t, e), e += t.strings.length - 2) : t._$AI(o[e])), e++;
   }
 }
-let _r = class de {
+let re = class Re {
   constructor(o, e, t, a) {
     var c;
-    this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = o, this._$AB = e, this._$AM = t, this.options = a, this._$Cp = (c = a == null ? void 0 : a.isConnected) === null || c === void 0 || c;
+    this.type = 2, this._$AH = N, this._$AN = void 0, this._$AA = o, this._$AB = e, this._$AM = t, this.options = a, this._$Cp = (c = a == null ? void 0 : a.isConnected) === null || c === void 0 || c;
   }
   get _$AU() {
     var o, e;
@@ -147,7 +147,7 @@ let _r = class de {
     return this._$AB;
   }
   _$AI(o, e = this) {
-    o = io(this, o, e), yo(o) ? o === _ || o == null || o === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : o !== this._$AH && o !== V && 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), Ho(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);
   }
   k(o) {
     return this._$AA.parentNode.insertBefore(o, this._$AB);
@@ -156,28 +156,28 @@ let _r = class de {
     this._$AH !== o && (this._$AR(), this._$AH = this.k(o));
   }
   _(o) {
-    this._$AH !== _ && yo(this._$AH) ? this._$AA.nextSibling.data = o : this.$(co.createTextNode(o)), this._$AH = o;
+    this._$AH !== N && Ho(this._$AH) ? this._$AA.nextSibling.data = o : this.$(Xo.createTextNode(o)), this._$AH = o;
   }
   g(o) {
     var e;
-    const { values: t, _$litType$: a } = o, c = typeof a == "number" ? this._$AC(o) : (a.el === void 0 && (a.el = zo.createElement(ce(a.h, a.h[0]), this.options)), a);
+    const { values: t, _$litType$: a } = o, c = typeof a == "number" ? this._$AC(o) : (a.el === void 0 && (a.el = Qo.createElement(Be(a.h, a.h[0]), this.options)), a);
     if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === c)
       this._$AH.v(t);
     else {
-      const i = new le(c, this), l = i.u(this.options);
+      const i = new De(c, this), l = i.u(this.options);
       i.v(t), this.$(l), this._$AH = i;
     }
   }
   _$AC(o) {
-    let e = Rr.get(o.strings);
-    return e === void 0 && Rr.set(o.strings, e = new zo(o)), e;
+    let e = he.get(o.strings);
+    return e === void 0 && he.set(o.strings, e = new Qo(o)), e;
   }
   T(o) {
-    ee(this._$AH) || (this._$AH = [], this._$AR());
+    Me(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let t, a = 0;
     for (const c of o)
-      a === e.length ? e.push(t = new de(this.k(No()), this.k(No()), this, this.options)) : t = e[a], t._$AI(c), a++;
+      a === e.length ? e.push(t = new Re(this.k(sr()), this.k(sr()), this, this.options)) : t = e[a], t._$AI(c), a++;
     a < e.length && (this._$AR(t && t._$AB.nextSibling, a), e.length = a);
   }
   _$AR(o = this._$AA.nextSibling, e) {
@@ -192,9 +192,9 @@ let _r = class de {
     this._$AM === void 0 && (this._$Cp = o, (e = this._$AP) === null || e === void 0 || e.call(this, o));
   }
 };
-class Yo {
+class Jo {
   constructor(o, e, t, a, c) {
-    this.type = 1, this._$AH = _, 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 = _;
+    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;
   }
   get tagName() {
     return this.element.tagName;
@@ -206,44 +206,44 @@ class Yo {
     const c = this.strings;
     let i = !1;
     if (c === void 0)
-      o = io(this, o, e, 0), i = !yo(o) || o !== this._$AH && o !== V, i && (this._$AH = o);
+      o = Yo(this, o, e, 0), i = !Ho(o) || o !== this._$AH && o !== ho, i && (this._$AH = o);
     else {
       const l = o;
-      let d, n;
-      for (o = c[0], d = 0; d < c.length - 1; d++)
-        n = io(this, l[t + d], e, d), n === V && (n = this._$AH[d]), i || (i = !yo(n) || n !== this._$AH[d]), n === _ ? o = _ : o !== _ && (o += (n ?? "") + c[d + 1]), this._$AH[d] = n;
+      let n, b;
+      for (o = c[0], n = 0; n < c.length - 1; n++)
+        b = Yo(this, l[t + n], e, n), b === ho && (b = this._$AH[n]), i || (i = !Ho(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);
   }
   j(o) {
-    o === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, o ?? "");
+    o === N ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, o ?? "");
   }
 }
-let ne = class extends Yo {
+let Pe = class extends Jo {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(o) {
-    this.element[this.name] = o === _ ? void 0 : o;
+    this.element[this.name] = o === N ? void 0 : o;
   }
 };
-const Ne = vo ? vo.emptyScript : "";
-let be = class extends Yo {
+const Zt = Mo ? Mo.emptyScript : "";
+let Ie = class extends Jo {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(o) {
-    o && o !== _ ? this.element.setAttribute(this.name, Ne) : this.element.removeAttribute(this.name);
+    o && o !== N ? this.element.setAttribute(this.name, Zt) : this.element.removeAttribute(this.name);
   }
-}, ge = class extends Yo {
+}, He = class extends Jo {
   constructor(o, e, t, a, c) {
     super(o, e, t, a, c), this.type = 5;
   }
   _$AI(o, e = this) {
     var t;
-    if ((o = (t = io(this, o, e, 0)) !== null && t !== void 0 ? t : _) === V)
+    if ((o = (t = Yo(this, o, e, 0)) !== null && t !== void 0 ? t : N) === ho)
       return;
-    const a = this._$AH, c = o === _ && a !== _ || o.capture !== a.capture || o.once !== a.once || o.passive !== a.passive, i = o !== _ && (a === _ || c);
+    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;
   }
   handleEvent(o) {
@@ -251,7 +251,7 @@ let be = class extends Yo {
     typeof this._$AH == "function" ? this._$AH.call((t = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && t !== void 0 ? t : this.element, o) : this._$AH.handleEvent(o);
   }
 };
-class se {
+class Qe {
   constructor(o, e, t) {
     this.element = o, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = t;
   }
@@ -259,17 +259,17 @@ class se {
     return this._$AM._$AU;
   }
   _$AI(o) {
-    io(this, o);
+    Yo(this, o);
   }
 }
-const Ie = { O: Do, P, A: qr, C: 1, M: ie, L: le, D: te, R: io, I: _r, V: Yo, H: be, N: ge, U: ne, F: se }, Dr = Ro.litHtmlPolyfillSupport;
-Dr == null || Dr(zo, _r), ((rr = Ro.litHtmlVersions) !== null && rr !== void 0 ? rr : Ro.litHtmlVersions = []).push("2.7.5");
+const St = { O: br, P: lo, A: oe, C: 1, M: Ne, L: De, D: Te, R: Yo, I: re, V: Jo, H: Ie, N: He, U: Pe, F: Qe }, pe = nr.litHtmlPolyfillSupport;
+pe == null || pe(Qo, re), ((Xr = nr.litHtmlVersions) !== null && Xr !== void 0 ? Xr : nr.litHtmlVersions = []).push("2.7.5");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q = (r) => r ?? _, I = {
+const B = (r) => r ?? N, io = {
   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",
@@ -284,7 +284,7 @@ const q = (r) => r ?? _, I = {
   arrowPopover: "i-bg-$color-popover-background i-border-$color-popover-background",
   content: "last-child:mb-0",
   notCallout: "absolute z-50"
-}, oo = {
+}, $o = {
   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",
@@ -299,7 +299,7 @@ const q = (r) => r ?? _, I = {
   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"
-}, H = {
+}, no = {
   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",
@@ -310,7 +310,7 @@ const q = (r) => r ?? _, I = {
   infoClickable: "hover:i-bg-$color-box-info-background-hover active:i-bg-$color-box-info-background-hover",
   neutralClickable: "hover:i-bg-$color-box-neutral-background-hover active:i-bg-$color-box-neutral-background-hover",
   borderedClickable: "hover:i-bg-$color-box-bordered-background-hover active:i-bg-$color-box-bordered-background-hover hover:i-border-$color-box-bordered-border-hover active:i-border-$color-box-bordered-border-hover"
-}, D = {
+}, eo = {
   card: "cursor-pointer overflow-hidden relative transition-all",
   cardShadow: "rounded-8 i-shadow-$shadow-card hover:i-shadow-$shadow-card-hover hover:i-bg-$color-card-background-hover tap-highlight-transparent",
   cardFlat: "border-2 rounded-4",
@@ -321,11 +321,11 @@ const q = (r) => r ?? _, I = {
   cardOutlineUnselected: "i-border-$color-card-border",
   cardOutlineSelected: "i-border-$color-card-border-selected hover:i-border-$color-card-border-selected-hover",
   a11y: "sr-only"
-}, tr = {
+}, jr = {
   container: "fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",
   content: "w-full",
   toaster: "grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none"
-}, B = {
+}, K = {
   wrapper: "relative overflow-hidden w-full",
   toast: "flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all",
   positive: "i-bg-$color-toast-positive-background i-border-$color-toast-positive-subtle-border i-text-$color-toast-positive-text",
@@ -338,23 +338,23 @@ const q = (r) => r ?? _, I = {
   iconLoading: "animate-bounce",
   content: "self-center mr-8 py-4 last-child:mb-0",
   close: "bg-transparent ml-auto p-[8px] i-text-$color-toast-close-icon hover:i-text-$color-toast-close-icon-hover active:i-text-$color-toast-close-icon-active"
-}, Pe = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block", L = {
+}, At = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block", U = {
   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 " + H.box,
-  expandableBleed: H.bleed,
+  expandableBox: "i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 " + no.box,
+  expandableBleed: no.bleed,
   chevron: "inline-block align-middle transform transition-transform transform-gpu i-text-$color-expandable-icon",
   chevronNonBox: "relative left-8",
   chevronBox: "absolute right-16",
   chevronExpanded: "-rotate-180",
   expansion: "overflow-hidden",
   expansionNotExpanded: "h-0 invisible",
-  button: Pe + " hover:underline focus:underline",
-  buttonBox: "w-full text-left relative inline-flex items-center " + H.box,
+  button: At + " hover:underline focus:underline",
+  buttonBox: "w-full text-left relative inline-flex items-center " + no.box,
   paddingTop: "pt-0",
   title: "flex justify-between items-center",
   titleType: "h4"
-}, F = "font-bold focusable justify-center transition-colors ease-in-out", z = {
+}, go = "font-bold focusable justify-center transition-colors ease-in-out", O = {
   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",
@@ -366,14 +366,14 @@ const q = (r) => r ?? _, I = {
   negativeQuiet: "i-bg-$color-button-negative-quiet-background i-text-$color-button-negative-quiet-text hover:i-bg-$color-button-negative-quiet-background-hover active:i-bg-$color-button-negative-quiet-background-active",
   loading: "i-text-$color-button-loading-text i-bg-$color-button-loading-background",
   link: "i-text-$color-button-link-text"
-}, $ = {
-  primary: `border-0 rounded-8 ${F}`,
-  secondary: `border-2 rounded-8 ${F}`,
-  utility: `border rounded-4 ${F}`,
-  negative: `border-0 rounded-8 ${F}`,
-  pill: `p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${F}`,
-  link: `bg-transparent focusable ease-in-out inline active:underline hover:underline ${z.link}`
-}, p = {
+}, S = {
+  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 ${O.link}`
+}, k = {
   xsmall: "py-6 px-16",
   small: "py-8 px-16",
   medium: "py-10 px-14",
@@ -383,86 +383,86 @@ const q = (r) => r ?? _, I = {
   pill: "min-h-[44px] min-w-[44px]",
   pillSmall: "min-h-32 min-w-32",
   linkSmall: "p-0"
-}, h = {
+}, $ = {
   medium: "text-m leading-[24]",
   xsmall: "text-xs"
-}, u = {
-  inProgress: `border-transparent animate-inprogress pointer-events-none ${z.loading}`,
+}, m = {
+  inProgress: `border-transparent animate-inprogress pointer-events-none ${O.loading}`,
   // .button--in-progress, a.button--in-progress:visited
-  quiet: `border-0 rounded-8 ${F}`,
-  utilityQuiet: `border-0 rounded-4 ${F}`,
-  negativeQuiet: `border-0 rounded-8 ${F}`,
-  isDisabled: `font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${z.disabled}`
+  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 ${O.disabled}`
   // .button:disabled, .button--is-disabled
-}, k = {
+}, X = {
   // Buttontypes
-  secondary: `${p.medium} ${h.medium} ${$.secondary} ${z.secondary}`,
+  secondary: `${k.medium} ${$.medium} ${S.secondary} ${O.secondary}`,
   // .button--secondary, .button--default, .button
-  secondaryHref: `${p.medium} ${h.medium} ${$.secondary} ${z.secondary}`,
-  secondaryDisabled: `${p.medium} ${h.medium} ${$.secondary} ${u.isDisabled}`,
-  secondarySmall: `${h.xsmall} ${p.xsmall} ${$.secondary} ${z.secondary}`,
-  secondarySmallDisabled: `${h.xsmall} ${p.xsmall} ${$.secondary} ${u.isDisabled}`,
-  secondaryQuiet: `${p.medium} ${h.medium} ${u.quiet} ${z.quiet}`,
-  secondaryQuietDisabled: `${p.medium} ${h.medium} ${u.quiet} ${u.isDisabled}`,
-  secondarySmallQuiet: `${h.xsmall} ${p.xsmall} ${u.quiet} ${z.quiet}`,
-  secondarySmallQuietDisabled: `${h.xsmall} ${p.xsmall} ${u.quiet} ${u.isDisabled}`,
-  secondaryLoading: `${p.medium} ${h.medium} ${$.secondary} ${u.inProgress}`,
-  secondarySmallLoading: `${h.xsmall} ${p.xsmall}  ${$.secondary} ${u.inProgress}`,
-  secondarySmallQuietLoading: `${h.xsmall} ${p.xsmall} ${u.quiet} ${u.inProgress}`,
-  secondaryQuietLoading: `${p.medium} ${h.medium} ${u.quiet} ${u.inProgress}`,
-  primary: `${p.large} ${h.medium} ${$.primary} ${z.primary}`,
+  secondaryHref: `${k.medium} ${$.medium} ${S.secondary} ${O.secondary}`,
+  secondaryDisabled: `${k.medium} ${$.medium} ${S.secondary} ${m.isDisabled}`,
+  secondarySmall: `${$.xsmall} ${k.xsmall} ${S.secondary} ${O.secondary}`,
+  secondarySmallDisabled: `${$.xsmall} ${k.xsmall} ${S.secondary} ${m.isDisabled}`,
+  secondaryQuiet: `${k.medium} ${$.medium} ${m.quiet} ${O.quiet}`,
+  secondaryQuietDisabled: `${k.medium} ${$.medium} ${m.quiet} ${m.isDisabled}`,
+  secondarySmallQuiet: `${$.xsmall} ${k.xsmall} ${m.quiet} ${O.quiet}`,
+  secondarySmallQuietDisabled: `${$.xsmall} ${k.xsmall} ${m.quiet} ${m.isDisabled}`,
+  secondaryLoading: `${k.medium} ${$.medium} ${S.secondary} ${m.inProgress}`,
+  secondarySmallLoading: `${$.xsmall} ${k.xsmall}  ${S.secondary} ${m.inProgress}`,
+  secondarySmallQuietLoading: `${$.xsmall} ${k.xsmall} ${m.quiet} ${m.inProgress}`,
+  secondaryQuietLoading: `${k.medium} ${$.medium} ${m.quiet} ${m.inProgress}`,
+  primary: `${k.large} ${$.medium} ${S.primary} ${O.primary}`,
   // .button--primary, .button--cta
-  primaryDisabled: `${p.large} ${h.medium} ${u.isDisabled} ${$.primary}`,
-  primarySmall: `${p.small} ${h.xsmall} ${$.primary} ${z.primary}`,
-  primarySmallDisabled: `${p.small} ${h.xsmall} ${u.isDisabled} ${$.primary} `,
-  primaryQuiet: `${p.large} ${h.medium} ${u.quiet} ${z.quiet}`,
-  primaryQuietDisabled: `${p.large} ${h.medium} ${u.quiet} ${u.isDisabled}`,
-  primarySmallQuiet: `${p.small} ${h.xsmall} ${u.quiet} ${z.quiet}`,
-  primarySmallQuietDisabled: `${p.small} ${h.xsmall} ${u.quiet} ${u.isDisabled}`,
-  primaryLoading: `${p.large} ${h.medium} ${u.inProgress} ${$.primary}`,
-  primarySmallLoading: `${p.small} ${h.xsmall}  ${u.inProgress} ${$.primary}`,
-  primarySmallQuietLoading: `${p.small} ${h.xsmall} ${u.quiet} ${u.inProgress} ${$.primary}`,
-  primaryQuietLoading: `${p.large} ${h.medium} ${u.quiet} ${u.inProgress}`,
-  utility: `${p.utility} ${h.medium} ${$.utility} ${z.utility}`,
+  primaryDisabled: `${k.large} ${$.medium} ${m.isDisabled} ${S.primary}`,
+  primarySmall: `${k.small} ${$.xsmall} ${S.primary} ${O.primary}`,
+  primarySmallDisabled: `${k.small} ${$.xsmall} ${m.isDisabled} ${S.primary} `,
+  primaryQuiet: `${k.large} ${$.medium} ${m.quiet} ${O.quiet}`,
+  primaryQuietDisabled: `${k.large} ${$.medium} ${m.quiet} ${m.isDisabled}`,
+  primarySmallQuiet: `${k.small} ${$.xsmall} ${m.quiet} ${O.quiet}`,
+  primarySmallQuietDisabled: `${k.small} ${$.xsmall} ${m.quiet} ${m.isDisabled}`,
+  primaryLoading: `${k.large} ${$.medium} ${m.inProgress} ${S.primary}`,
+  primarySmallLoading: `${k.small} ${$.xsmall}  ${m.inProgress} ${S.primary}`,
+  primarySmallQuietLoading: `${k.small} ${$.xsmall} ${m.quiet} ${m.inProgress} ${S.primary}`,
+  primaryQuietLoading: `${k.large} ${$.medium} ${m.quiet} ${m.inProgress}`,
+  utility: `${k.utility} ${$.medium} ${S.utility} ${O.utility}`,
   // .button--utility
-  utilityDisabled: `${p.utility} ${h.medium} ${$.utility} ${u.isDisabled}`,
-  utilityQuiet: `${p.large} ${h.medium} ${u.utilityQuiet} ${z.utilityQuiet}`,
+  utilityDisabled: `${k.utility} ${$.medium} ${S.utility} ${m.isDisabled}`,
+  utilityQuiet: `${k.large} ${$.medium} ${m.utilityQuiet} ${O.utilityQuiet}`,
   // .button--utility-flat
-  utilityQuietDisabled: `${p.large} ${h.medium} ${u.utilityQuiet} ${u.isDisabled}`,
-  utilitySmall: `${p.smallUtility} ${h.xsmall} ${$.utility} ${z.utility}`,
-  utilitySmallDisabled: `${p.smallUtility} ${h.xsmall} ${$.utility} ${u.isDisabled}`,
-  utilitySmallQuiet: `${p.smallUtility} ${h.xsmall} ${u.utilityQuiet} ${z.utilityQuiet}`,
-  utilitySmallQuietDisabled: `${p.smallUtility} ${h.xsmall} ${u.utilityQuiet} ${u.isDisabled}`,
-  utilityLoading: `${p.large} ${h.medium} ${$.utility} ${u.inProgress}`,
-  utilitySmallLoading: `${p.smallUtility} ${h.xsmall} ${$.utility} ${u.inProgress}`,
-  utilityQuietLoading: `${p.large} ${h.medium} ${u.inProgress} ${u.utilityQuiet}`,
-  utilitySmallQuietLoading: `${p.smallUtility} ${h.xsmall} ${u.inProgress} ${u.utilityQuiet}`,
-  negative: `${p.large} ${h.medium} ${$.negative} ${z.destructive}`,
+  utilityQuietDisabled: `${k.large} ${$.medium} ${m.utilityQuiet} ${m.isDisabled}`,
+  utilitySmall: `${k.smallUtility} ${$.xsmall} ${S.utility} ${O.utility}`,
+  utilitySmallDisabled: `${k.smallUtility} ${$.xsmall} ${S.utility} ${m.isDisabled}`,
+  utilitySmallQuiet: `${k.smallUtility} ${$.xsmall} ${m.utilityQuiet} ${O.utilityQuiet}`,
+  utilitySmallQuietDisabled: `${k.smallUtility} ${$.xsmall} ${m.utilityQuiet} ${m.isDisabled}`,
+  utilityLoading: `${k.large} ${$.medium} ${S.utility} ${m.inProgress}`,
+  utilitySmallLoading: `${k.smallUtility} ${$.xsmall} ${S.utility} ${m.inProgress}`,
+  utilityQuietLoading: `${k.large} ${$.medium} ${m.inProgress} ${m.utilityQuiet}`,
+  utilitySmallQuietLoading: `${k.smallUtility} ${$.xsmall} ${m.inProgress} ${m.utilityQuiet}`,
+  negative: `${k.large} ${$.medium} ${S.negative} ${O.destructive}`,
   // .button--destructive
-  negativeDisabled: `${p.large} ${h.medium} ${$.negative} ${u.isDisabled}`,
-  negativeQuiet: `${p.large} ${h.medium} ${u.negativeQuiet} ${z.negativeQuiet}`,
+  negativeDisabled: `${k.large} ${$.medium} ${S.negative} ${m.isDisabled}`,
+  negativeQuiet: `${k.large} ${$.medium} ${m.negativeQuiet} ${O.negativeQuiet}`,
   // .button--destructive-flat
-  negativeQuietDisabled: `${p.large} ${h.medium} ${u.negativeQuiet}${u.isDisabled}`,
-  negativeSmall: `${p.small} ${h.xsmall} ${$.negative} ${z.destructive}`,
-  negativeSmallDisabled: `${p.small} ${h.xsmall} ${$.negative} ${u.isDisabled}`,
-  negativeSmallQuiet: `${p.small} ${h.xsmall} ${u.negativeQuiet} ${z.negativeQuiet}`,
-  negativeSmallQuietDisabled: `${p.small} ${h.xsmall} ${u.negativeQuiet} ${u.isDisabled}`,
-  negativeLoading: `${p.large} ${h.medium} ${$.negative} ${u.inProgress}`,
-  negativeSmallLoading: `${p.small} ${h.xsmall} ${u.inProgress} ${$.negative}`,
-  negativeQuietLoading: `${p.large} ${h.medium} ${u.negativeQuiet} ${$.negative} ${u.inProgress}`,
-  negativeSmallQuietLoading: `${p.small} ${h.xsmall} ${u.negativeQuiet} ${u.inProgress}`,
-  pill: `${p.pill} ${h.medium} ${$.pill} ${z.pill}`,
+  negativeQuietDisabled: `${k.large} ${$.medium} ${m.negativeQuiet}${m.isDisabled}`,
+  negativeSmall: `${k.small} ${$.xsmall} ${S.negative} ${O.destructive}`,
+  negativeSmallDisabled: `${k.small} ${$.xsmall} ${S.negative} ${m.isDisabled}`,
+  negativeSmallQuiet: `${k.small} ${$.xsmall} ${m.negativeQuiet} ${O.negativeQuiet}`,
+  negativeSmallQuietDisabled: `${k.small} ${$.xsmall} ${m.negativeQuiet} ${m.isDisabled}`,
+  negativeLoading: `${k.large} ${$.medium} ${S.negative} ${m.inProgress}`,
+  negativeSmallLoading: `${k.small} ${$.xsmall} ${m.inProgress} ${S.negative}`,
+  negativeQuietLoading: `${k.large} ${$.medium} ${m.negativeQuiet} ${S.negative} ${m.inProgress}`,
+  negativeSmallQuietLoading: `${k.small} ${$.xsmall} ${m.negativeQuiet} ${m.inProgress}`,
+  pill: `${k.pill} ${$.medium} ${S.pill} ${O.pill}`,
   // .button--pill
-  pillSmall: `${p.pillSmall} ${h.xsmall} ${$.pill} ${z.pill}`,
-  pillLoading: `${p.pill} ${h.medium} ${$.pill} ${u.inProgress}`,
-  pillSmallLoading: `${p.pillSmall} ${h.xsmall} ${$.pill} ${u.inProgress}`,
-  link: `${p.medium} ${h.medium} ${$.link}`,
-  linkSmall: `${p.linkSmall} ${h.xsmall} ${$.link}`,
+  pillSmall: `${k.pillSmall} ${$.xsmall} ${S.pill} ${O.pill}`,
+  pillLoading: `${k.pill} ${$.medium} ${S.pill} ${m.inProgress}`,
+  pillSmallLoading: `${k.pillSmall} ${$.xsmall} ${S.pill} ${m.inProgress}`,
+  link: `${k.medium} ${$.medium} ${S.link}`,
+  linkSmall: `${k.linkSmall} ${$.xsmall} ${S.link}`,
   linkAsButton: "inline-block hover:no-underline",
   a11y: "sr-only",
   fullWidth: "w-full max-w-full",
   contentWidth: "max-w-max"
-}, mo = {
+}, Do = {
   alert: "flex p-16 border border-l-4 rounded-4",
   willChangeHeight: "will-change-height",
   textWrapper: "last-child:mb-0 text-s",
@@ -476,7 +476,7 @@ const q = (r) => r ?? _, I = {
   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"
-}, ro = {
+}, yo = {
   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",
@@ -486,7 +486,7 @@ const q = (r) => r ?? _, I = {
   wrapper: "relative",
   suffix: "pr-40",
   prefix: "pl-40"
-}, bo = {
+}, So = {
   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",
@@ -495,31 +495,31 @@ const q = (r) => r ?? _, I = {
   selectWrapper: "relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",
   chevron: "absolute top-[30%] block right-0 bottom-0 w-32 h-full i-text-$color-select-icon pointer-events-none cursor-pointer",
   chevronDisabled: "opacity-25"
-}, fo = {
+}, Po = {
   label: "antialiased block relative text-s font-bold pb-4 cursor-pointer i-text-$color-label-text",
   labelInvalid: "i-text-$color-label-text-negative",
   optional: "pl-8 font-normal text-s i-text-$color-label-optional-text"
-}, Io = {
+}, gr = {
   helpText: "text-xs mt-4 block i-text-$color-helptext-text",
   helpTextValid: "i-text-$color-helptext-text-positive",
   helpTextInvalid: "i-text-$color-helptext-text-negative"
-}, ue = "absolute top-0 bottom-0 flex justify-center items-center focusable focus:[--w-outline-offset:-2px] bg-transparent ", He = {
-  wrapper: ue + "right-0",
+}, Ue = "absolute top-0 bottom-0 flex justify-center items-center focusable focus:[--w-outline-offset:-2px] bg-transparent ", Et = {
+  wrapper: Ue + "right-0",
   wrapperWithLabel: "w-max pr-12",
   wrapperWithIcon: "w-40",
   label: "antialiased block relative cursor-default pb-0 font-bold text-xs i-text-$color-label-text"
-}, Qe = {
-  wrapper: ue + "left-0",
+}, Ct = {
+  wrapper: Ue + "left-0",
   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"
-}, go = {
+}, Eo = {
   wrapper: "flex space-x-8",
   text: "i-text-$color-breadcrumbs-text",
   link: "i-text-$color-breadcrumbs-link-text",
   separator: "select-none i-text-$color-breadcrumbs-icon",
   a11y: "sr-only"
-}, Oe = v`
+}, Lt = f`
   <svg
     role="img"
     aria-label="X"
@@ -536,7 +536,7 @@ const q = (r) => r ?? _, I = {
       clipRule="evenodd"
     />
   </svg>
-`, Fe = v`
+`, Mt = f`
   <svg
     role="img"
     aria-label="Forstørrelsesglass"
@@ -567,8 +567,8 @@ const q = (r) => r ?? _, I = {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Xr = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Yr = (r) => (...o) => ({ _$litDirective$: r, values: o });
-let jr = class {
+const ee = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, te = (r) => (...o) => ({ _$litDirective$: r, values: o });
+let ae = class {
   constructor(o) {
   }
   get _$AU() {
@@ -589,10 +589,10 @@ let jr = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ve = Yr(class extends jr {
+const Fe = te(class extends ae {
   constructor(r) {
     var o;
-    if (super(r), r.type !== Xr.ATTRIBUTE || r.name !== "class" || ((o = r.strings) === null || o === void 0 ? void 0 : o.length) > 2)
+    if (super(r), r.type !== ee.ATTRIBUTE || r.name !== "class" || ((o = r.strings) === null || o === void 0 ? void 0 : o.length) > 2)
       throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(r) {
@@ -614,62 +614,62 @@ const ve = Yr(class extends jr {
       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 V;
+    return ho;
   }
-}), We = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-function jo(r) {
+}), Tt = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function Ko(r) {
   return class extends r {
     static createProperty(o, e) {
       let t = e;
       (typeof (e == null ? void 0 : e.attribute) > "u" || (e == null ? void 0 : e.attribute) === !0) && (t = Object.assign({}, e, {
-        attribute: We(o.toString())
+        attribute: Tt(o.toString())
       })), super.createProperty(o, t);
     }
   };
 }
-function ir(r) {
+function Er(r) {
   const o = [];
   for (const [e, t] of Object.entries(r))
     t && o.push(e);
   return o.join(" ");
 }
-function E(r) {
+function V(r) {
   const o = {};
   for (const [e, t] of Object.entries(r))
     for (const a of e.split(" "))
       o[a] = t;
-  return ve(o);
+  return Fe(o);
 }
-function Ue() {
+function Ot() {
   return `m${Math.random().toString(36).slice(2)}`;
 }
-class lr extends Y {
+class Cr extends I {
   get _classBase() {
-    return this.slot === "suffix" ? He : Qe;
+    return this.slot === "suffix" ? Et : Ct;
   }
   get _classes() {
-    return E({
+    return V({
       [this._classBase.wrapper]: !0,
       [this._classBase.wrapperWithLabel]: this.label,
       [this._classBase.wrapperWithIcon]: !this.label
     });
   }
   get _searchButton() {
-    return v`
-      <button aria-label="${q(this.ariaLabel)}" class="${this._classes}" type="submit">
-        ${Fe}
+    return f`
+      <button aria-label="${B(this.ariaLabel)}" class="${this._classes}" type="submit">
+        ${Mt}
       </button>
     `;
   }
   get _clearButton() {
-    return v`
-      <button aria-label="${q(this.ariaLabel)}" class="${this._classes}" type="reset">
-        ${Oe}
+    return f`
+      <button aria-label="${B(this.ariaLabel)}" class="${this._classes}" type="reset">
+        ${Lt}
       </button>
     `;
   }
   get _text() {
-    return v`
+    return f`
       <div class="${this._classes}">
         <span class="${this._classBase.label}">${this.label}</span>
       </div>
@@ -684,10 +684,10 @@ class lr extends Y {
       return this._clearButton;
   }
   render() {
-    return v`${this._markup}`;
+    return f`${this._markup}`;
   }
 }
-f(lr, "styles", A`
+Z(Cr, "styles", Q`
     /* 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}
@@ -1336,14 +1336,14 @@ f(lr, "styles", A`
 .sm\\:pb-32{padding-bottom:3.2rem;}
 .sm\\:pt-32{padding-top:3.2rem;}
 }
-  `), f(lr, "properties", {
+  `), Z(Cr, "properties", {
   ariaLabel: { type: String, attribute: "aria-label" },
   clear: { type: Boolean },
   search: { type: Boolean },
   label: { type: String }
 });
-customElements.get("w-affix") || customElements.define("w-affix", lr);
-const Ve = () => v`<svg
+customElements.get("w-affix") || customElements.define("w-affix", Cr);
+const Bt = () => f`<svg
   aria-label="Rødt utropstegn"
   role="img"
   xmlns="http://www.w3.org/2000/svg"
@@ -1351,8 +1351,8 @@ const Ve = () => v`<svg
   height="16"
   fill="none"
 >
-  ${ot}
-</svg>`, Ge = () => v`<svg
+  ${Pt}
+</svg>`, Nt = () => f`<svg
   aria-label="Grønt hake"
   role="img"
   width="16"
@@ -1360,8 +1360,8 @@ const Ve = () => v`<svg
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${rt}
-</svg> `, Je = () => v`<svg
+  ${It}
+</svg> `, Dt = () => f`<svg
   aria-label="Gult utropstegn"
   role="img"
   width="16"
@@ -1369,8 +1369,8 @@ const Ve = () => v`<svg
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${et}
-</svg> `, Ke = () => v`<svg
+  ${Ht}
+</svg> `, Rt = () => f`<svg
   aria-label="Info"
   role="img"
   width="16"
@@ -1378,8 +1378,8 @@ const Ve = () => v`<svg
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${tt}
-</svg>`, ot = G`<path
+  ${Qt}
+</svg>`, Pt = po`<path
 d="M4.1.586A2 2 0 0 1 5.516 0h4.97A2 2 0 0 1 11.9.586L15.413 4.1A2 2 0 0 1 16 5.514v4.97a2 2 0 0 1-.586 1.415L11.9 15.413a2 2 0 0 1-1.415.586h-4.97a2 2 0 0 1-1.414-.586L.586 11.9A2 2 0 0 1 0 10.485v-4.97A2 2 0 0 1 .586 4.1L4.1.586Z"
 fill="currentColor"
 />
@@ -1389,13 +1389,13 @@ clip-rule="evenodd"
 d="M8 3.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V4A.75.75 0 0 1 8 3.25Z"
 fill="#fff"
 />
-<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, rt = G`<circle cx="8" cy="8" r="8" transform="rotate(180 8 8)" fill="currentColor" />
+<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, It = po`<circle cx="8" cy="8" r="8" transform="rotate(180 8 8)" fill="currentColor" />
 <path
   fill-rule="evenodd"
   clip-rule="evenodd"
   d="M11.5 4.94c.3.27.34.75.06 1.06l-4 4.5a.75.75 0 0 1-1.09.03l-2-2a.75.75 0 0 1 1.06-1.06l1.44 1.44L10.44 5a.75.75 0 0 1 1.06-.07Z"
   fill="#fff"
-/>`, et = G`<path
+/>`, Ht = po`<path
 d="M.24 12 6.16 1.09a2.1 2.1 0 0 1 3.68 0l5.92 10.93c.73 1.36-.28 2.99-1.85 2.99H2.1a2.04 2.04 0 0 1-1.85-3Z"
 fill="currentColor"
 />
@@ -1405,61 +1405,61 @@ clip-rule="evenodd"
 d="M8 3.25c.41 0 .75.34.75.75v5a.75.75 0 0 1-1.5 0V4c0-.41.34-.75.75-.75Z"
 fill="#fff"
 />
-<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, tt = G`<circle cx="8" cy="8" r="8" fill="currentColor" />
+<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, Qt = po`<circle cx="8" cy="8" r="8" fill="currentColor" />
 <path
   fill-rule="evenodd"
   clip-rule="evenodd"
   d="M7.25 12a.75.75 0 0 0 1.5 0V8a.75.75 0 0 0-1.5 0v4ZM8 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"
   fill="#fff"
 />`;
-var W = 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) ? W.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(" ");
 };
-const Nr = {
-  negative: Ve(),
-  positive: Ge(),
-  warning: Je(),
-  info: Ke()
+const we = {
+  negative: Bt(),
+  positive: Nt(),
+  warning: Dt(),
+  info: Rt()
 };
-class dr extends Y {
+class Lr extends I {
   constructor() {
     super(), this.show = !1, this.role = "alert";
   }
   connectedCallback() {
-    if (super.connectedCallback(), !this.variant || !Object.keys(Nr).includes(this.variant))
+    if (super.connectedCallback(), !this.variant || !Object.keys(we).includes(this.variant))
       throw new Error(
         `Invalid "variant" attribute. Set its value to one of the following:
 negative, positive, warning, info.`
       );
   }
   get _wrapperClasses() {
-    return W({
-      [mo.alert]: !0,
-      [mo[this.variant]]: !0
+    return uo({
+      [Do.alert]: !0,
+      [Do[this.variant]]: !0
     });
   }
   get _iconClasses() {
-    const o = mo[`${this.variant}Icon`];
-    return W({
-      [mo.icon]: !0,
+    const o = Do[`${this.variant}Icon`];
+    return uo({
+      [Do.icon]: !0,
       [o]: !0
     });
   }
   get _icon() {
-    return this.variant ? Nr[this.variant] : {};
+    return this.variant ? we[this.variant] : {};
   }
   render() {
-    return v`
+    return f`
       <w-expand-transition ?show=${this.show}>
         <div role=${this.role} class=${this._wrapperClasses}>
           <div class=${this._iconClasses}>${this._icon}</div>
-          <div class=${mo.textWrapper}>
+          <div class=${Do.textWrapper}>
             <slot></slot>
           </div>
         </div>
@@ -1467,7 +1467,7 @@ negative, positive, warning, info.`
     `;
   }
 }
-f(dr, "properties", {
+Z(Lr, "properties", {
   variant: { type: String, reflect: !0 },
   show: { type: Boolean, reflect: !0 },
   role: { type: String, reflect: !0 }
@@ -1475,7 +1475,7 @@ f(dr, "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
-f(dr, "styles", A`
+Z(Lr, "styles", Q`
     /* 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}
@@ -2135,310 +2135,310 @@ f(dr, "styles", A`
       margin-bottom: 0px !important;
     }
   `);
-customElements.get("w-alert") || customElements.define("w-alert", dr);
-function Zo(r) {
+customElements.get("w-alert") || customElements.define("w-alert", Lr);
+function or(r) {
   return r.split("-")[0];
 }
-function Jo(r) {
+function zr(r) {
   return r.split("-")[1];
 }
-function Ao(r) {
-  return ["top", "bottom"].includes(Zo(r)) ? "x" : "y";
+function rr(r) {
+  return ["top", "bottom"].includes(or(r)) ? "x" : "y";
 }
-function Zr(r) {
+function ce(r) {
   return r === "y" ? "height" : "width";
 }
-function Ir(r, o, e) {
+function xe(r, o, e) {
   let { reference: t, floating: a } = r;
-  const c = t.x + t.width / 2 - a.width / 2, i = t.y + t.height / 2 - a.height / 2, l = Ao(o), d = Zr(l), n = t[d] / 2 - a[d] / 2, g = l === "x";
-  let b;
-  switch (Zo(o)) {
+  const c = t.x + t.width / 2 - a.width / 2, i = t.y + t.height / 2 - a.height / 2, l = rr(o), n = ce(l), b = t[n] / 2 - a[n] / 2, v = l === "x";
+  let u;
+  switch (or(o)) {
     case "top":
-      b = { x: c, y: t.y - a.height };
+      u = { x: c, y: t.y - a.height };
       break;
     case "bottom":
-      b = { x: c, y: t.y + t.height };
+      u = { x: c, y: t.y + t.height };
       break;
     case "right":
-      b = { x: t.x + t.width, y: i };
+      u = { x: t.x + t.width, y: i };
       break;
     case "left":
-      b = { x: t.x - a.width, y: i };
+      u = { x: t.x - a.width, y: i };
       break;
     default:
-      b = { x: t.x, y: t.y };
+      u = { x: t.x, y: t.y };
   }
-  switch (Jo(o)) {
+  switch (zr(o)) {
     case "start":
-      b[l] -= n * (e && g ? -1 : 1);
+      u[l] -= b * (e && v ? -1 : 1);
       break;
     case "end":
-      b[l] += n * (e && g ? -1 : 1);
+      u[l] += b * (e && v ? -1 : 1);
   }
-  return b;
+  return u;
 }
-const at = async (r, o, e) => {
+const Ut = 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 d = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: n, y: g } = Ir(d, t, l), b = t, s = {}, w = 0;
-  for (let x = 0; x < c.length; x++) {
-    const { name: m, fn: y } = c[x], { x: X, y: j, data: C, reset: Z } = await y({ x: n, y: g, initialPlacement: t, placement: b, strategy: a, middlewareData: s, rects: d, platform: i, elements: { reference: r, floating: o } });
-    n = X ?? n, g = j ?? g, s = { ...s, [m]: { ...s[m], ...C } }, Z && w <= 50 && (w++, typeof Z == "object" && (Z.placement && (b = Z.placement), Z.rects && (d = Z.rects === !0 ? await i.getElementRects({ reference: r, floating: o, strategy: a }) : Z.rects), { x: n, y: g } = Ir(d, b, l)), x = -1);
+  let n = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: b, y: v } = xe(n, t, l), u = t, h = {}, g = 0;
+  for (let p = 0; p < c.length; p++) {
+    const { name: x, fn: z } = c[p], { x: E, y: M, data: D, reset: T } = await z({ x: b, y: v, initialPlacement: t, placement: u, strategy: a, middlewareData: h, rects: n, platform: i, elements: { reference: r, floating: o } });
+    b = E ?? b, v = M ?? v, h = { ...h, [x]: { ...h[x], ...D } }, T && g <= 50 && (g++, typeof T == "object" && (T.placement && (u = T.placement), T.rects && (n = T.rects === !0 ? await i.getElementRects({ reference: r, floating: o, strategy: a }) : T.rects), { x: b, y: v } = xe(n, u, l)), p = -1);
   }
-  return { x: n, y: g, placement: b, strategy: a, middlewareData: s };
+  return { x: b, y: v, placement: u, strategy: a, middlewareData: h };
 };
-function pe(r) {
+function We(r) {
   return typeof r != "number" ? function(o) {
     return { top: 0, right: 0, bottom: 0, left: 0, ...o };
   }(r) : { top: r, right: r, bottom: r, left: r };
 }
-function Po(r) {
+function ur(r) {
   return { ...r, top: r.y, left: r.x, right: r.x + r.width, bottom: r.y + r.height };
 }
-async function he(r, o) {
+async function Ve(r, o) {
   var e;
   o === void 0 && (o = {});
-  const { x: t, y: a, platform: c, rects: i, elements: l, strategy: d } = r, { boundary: n = "clippingAncestors", rootBoundary: g = "viewport", elementContext: b = "floating", altBoundary: s = !1, padding: w = 0 } = o, x = pe(w), m = l[s ? b === "floating" ? "reference" : "floating" : b], y = Po(await c.getClippingRect({ element: (e = await (c.isElement == null ? void 0 : c.isElement(m))) == null || e ? m : m.contextElement || await (c.getDocumentElement == null ? void 0 : c.getDocumentElement(l.floating)), boundary: n, rootBoundary: g, strategy: d })), X = Po(c.convertOffsetParentRelativeRectToViewportRelativeRect ? await c.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: b === "floating" ? { ...i.floating, x: t, y: a } : i.reference, offsetParent: await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l.floating)), strategy: d }) : i[b]);
-  return { top: y.top - X.top + x.top, bottom: X.bottom - y.bottom + x.bottom, left: y.left - X.left + x.left, right: X.right - y.right + x.right };
+  const { x: t, y: a, platform: c, rects: i, elements: l, strategy: n } = r, { boundary: b = "clippingAncestors", rootBoundary: v = "viewport", elementContext: u = "floating", altBoundary: h = !1, padding: g = 0 } = o, p = We(g), x = l[h ? u === "floating" ? "reference" : "floating" : u], z = ur(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 = ur(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 + p.top, bottom: E.bottom - z.bottom + p.bottom, left: z.left - E.left + p.left, right: E.right - z.right + p.right };
 }
-const ct = Math.min, it = Math.max;
-function nr(r, o, e) {
-  return it(r, ct(o, e));
+const Ft = Math.min, Wt = Math.max;
+function Mr(r, o, e) {
+  return Wt(r, Ft(o, e));
 }
-const lt = (r) => ({ name: "arrow", options: r, async fn(o) {
-  const { element: e, padding: t = 0 } = r ?? {}, { x: a, y: c, placement: i, rects: l, platform: d } = o;
+const Vt = (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 n = pe(t), g = { x: a, y: c }, b = Ao(i), s = Jo(i), w = Zr(b), x = await d.getDimensions(e), m = b === "y" ? "top" : "left", y = b === "y" ? "bottom" : "right", X = l.reference[w] + l.reference[b] - g[b] - l.floating[w], j = g[b] - l.reference[b], C = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(e));
-  let Z = C ? b === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0;
-  Z === 0 && (Z = l.floating[w]);
-  const Co = X / 2 - j / 2, lo = n[m], ho = Z - x[w] - n[y], S = Z / 2 - x[w] / 2 + Co, M = nr(lo, S, ho), no = (s === "start" ? n[m] : n[y]) > 0 && S !== M && l.reference[w] <= l.floating[w];
-  return { [b]: g[b] - (no ? S < lo ? lo - S : ho - S : 0), data: { [b]: M, centerOffset: S - M } };
-} }), dt = { left: "right", right: "left", bottom: "top", top: "bottom" };
-function Ho(r) {
-  return r.replace(/left|right|bottom|top/g, (o) => dt[o]);
+  const b = We(t), v = { x: a, y: c }, u = rr(i), h = zr(i), g = ce(u), p = 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], M = v[u] - l.reference[u], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(e));
+  let T = D ? u === "y" ? D.clientHeight || 0 : D.clientWidth || 0 : 0;
+  T === 0 && (T = l.floating[g]);
+  const co = E / 2 - M / 2, W = b[x], C = T - p[g] - b[z], R = T / 2 - p[g] / 2 + co, F = Mr(W, R, C), ro = (h === "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 } };
+} }), Gt = { left: "right", right: "left", bottom: "top", top: "bottom" };
+function vr(r) {
+  return r.replace(/left|right|bottom|top/g, (o) => Gt[o]);
 }
-function nt(r, o, e) {
+function Jt(r, o, e) {
   e === void 0 && (e = !1);
-  const t = Jo(r), a = Ao(r), c = Zr(a);
+  const t = zr(r), a = rr(r), c = ce(a);
   let i = a === "x" ? t === (e ? "end" : "start") ? "right" : "left" : t === "start" ? "bottom" : "top";
-  return o.reference[c] > o.floating[c] && (i = Ho(i)), { main: i, cross: Ho(i) };
+  return o.reference[c] > o.floating[c] && (i = vr(i)), { main: i, cross: vr(i) };
 }
-const bt = { start: "end", end: "start" };
-function Pr(r) {
-  return r.replace(/start|end/g, (o) => bt[o]);
+const Kt = { start: "end", end: "start" };
+function me(r) {
+  return r.replace(/start|end/g, (o) => Kt[o]);
 }
-const gt = ["top", "right", "bottom", "left"];
-gt.reduce((r, o) => r.concat(o, o + "-start", o + "-end"), []);
-const st = function(r) {
+const oa = ["top", "right", "bottom", "left"];
+oa.reduce((r, o) => r.concat(o, o + "-start", o + "-end"), []);
+const ra = function(r) {
   return r === void 0 && (r = {}), { name: "flip", options: r, async fn(o) {
     var e;
-    const { placement: t, middlewareData: a, rects: c, initialPlacement: i, platform: l, elements: d } = o, { mainAxis: n = !0, crossAxis: g = !0, fallbackPlacements: b, fallbackStrategy: s = "bestFit", flipAlignment: w = !0, ...x } = r, m = Zo(t), y = b || (m === i || !w ? [Ho(i)] : function(S) {
-      const M = Ho(S);
-      return [Pr(S), M, Pr(M)];
-    }(i)), X = [i, ...y], j = await he(o, x), C = [];
-    let Z = ((e = a.flip) == null ? void 0 : e.overflows) || [];
-    if (n && C.push(j[m]), g) {
-      const { main: S, cross: M } = nt(t, c, await (l.isRTL == null ? void 0 : l.isRTL(d.floating)));
-      C.push(j[S], j[M]);
+    const { placement: t, middlewareData: a, rects: c, initialPlacement: i, platform: l, elements: n } = o, { mainAxis: b = !0, crossAxis: v = !0, fallbackPlacements: u, fallbackStrategy: h = "bestFit", flipAlignment: g = !0, ...p } = r, x = or(t), z = u || (x === i || !g ? [vr(i)] : function(R) {
+      const F = vr(R);
+      return [me(R), F, me(F)];
+    }(i)), E = [i, ...z], M = await Ve(o, p), D = [];
+    let T = ((e = a.flip) == null ? void 0 : e.overflows) || [];
+    if (b && D.push(M[x]), v) {
+      const { main: R, cross: F } = Jt(t, c, await (l.isRTL == null ? void 0 : l.isRTL(n.floating)));
+      D.push(M[R], M[F]);
     }
-    if (Z = [...Z, { placement: t, overflows: C }], !C.every((S) => S <= 0)) {
-      var Co, lo;
-      const S = ((Co = (lo = a.flip) == null ? void 0 : lo.index) != null ? Co : 0) + 1, M = X[S];
-      if (M)
-        return { data: { index: S, overflows: Z }, reset: { placement: M } };
-      let no = "bottom";
-      switch (s) {
+    if (T = [...T, { placement: t, overflows: D }], !D.every((R) => R <= 0)) {
+      var co, W;
+      const R = ((co = (W = a.flip) == null ? void 0 : W.index) != null ? co : 0) + 1, F = E[R];
+      if (F)
+        return { data: { index: R, overflows: T }, reset: { placement: F } };
+      let ro = "bottom";
+      switch (h) {
         case "bestFit": {
-          var ho;
-          const Cr = (ho = Z.map((Lo) => [Lo, Lo.overflows.filter((wo) => wo > 0).reduce((wo, Me) => wo + Me, 0)]).sort((Lo, wo) => Lo[1] - wo[1])[0]) == null ? void 0 : ho[0].placement;
-          Cr && (no = Cr);
+          var C;
+          const d = (C = T.map((s) => [s, s.overflows.filter((w) => w > 0).reduce((w, y) => w + y, 0)]).sort((s, w) => s[1] - w[1])[0]) == null ? void 0 : C[0].placement;
+          d && (ro = d);
           break;
         }
         case "initialPlacement":
-          no = i;
+          ro = i;
       }
-      if (t !== no)
-        return { reset: { placement: no } };
+      if (t !== ro)
+        return { reset: { placement: ro } };
     }
     return {};
   } };
-}, ut = function(r) {
+}, ea = 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: d, elements: n } = c, g = await (d.isRTL == null ? void 0 : d.isRTL(n.floating)), b = Zo(l), s = Jo(l), w = Ao(l) === "x", x = ["left", "top"].includes(b) ? -1 : 1, m = g && w ? -1 : 1, y = typeof i == "function" ? i(c) : i;
-      let { mainAxis: X, crossAxis: j, alignmentAxis: C } = typeof y == "number" ? { mainAxis: y, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...y };
-      return s && typeof C == "number" && (j = s === "end" ? -1 * C : C), w ? { x: j * m, y: X * x } : { x: X * x, y: j * m };
+      const { placement: l, platform: n, elements: b } = c, v = await (n.isRTL == null ? void 0 : n.isRTL(b.floating)), u = or(l), h = zr(l), g = rr(l) === "x", p = ["left", "top"].includes(u) ? -1 : 1, x = v && g ? -1 : 1, z = typeof i == "function" ? i(c) : i;
+      let { mainAxis: E, crossAxis: M, alignmentAxis: D } = typeof z == "number" ? { mainAxis: z, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...z };
+      return h && typeof D == "number" && (M = h === "end" ? -1 * D : D), g ? { x: M * x, y: E * p } : { x: E * p, y: M * x };
     }(o, r);
     return { x: e + a.x, y: t + a.y, data: a };
   } };
 };
-function vt(r) {
+function ta(r) {
   return r === "x" ? "y" : "x";
 }
-const pt = function(r) {
+const aa = 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: (y) => {
-      let { x: X, y: j } = y;
-      return { x: X, y: j };
-    } }, ...d } = r, n = { x: e, y: t }, g = await he(o, d), b = Ao(Zo(a)), s = vt(b);
-    let w = n[b], x = n[s];
+    const { x: e, y: t, placement: a } = o, { mainAxis: c = !0, crossAxis: i = !1, limiter: l = { fn: (z) => {
+      let { x: E, y: M } = z;
+      return { x: E, y: M };
+    } }, ...n } = r, b = { x: e, y: t }, v = await Ve(o, n), u = rr(or(a)), h = ta(u);
+    let g = b[u], p = b[h];
     if (c) {
-      const y = b === "y" ? "bottom" : "right";
-      w = nr(w + g[b === "y" ? "top" : "left"], w, w - g[y]);
+      const z = u === "y" ? "bottom" : "right";
+      g = Mr(g + v[u === "y" ? "top" : "left"], g, g - v[z]);
     }
     if (i) {
-      const y = s === "y" ? "bottom" : "right";
-      x = nr(x + g[s === "y" ? "top" : "left"], x, x - g[y]);
+      const z = h === "y" ? "bottom" : "right";
+      p = Mr(p + v[h === "y" ? "top" : "left"], p, p - v[z]);
     }
-    const m = l.fn({ ...o, [b]: w, [s]: x });
-    return { ...m, data: { x: m.x - e, y: m.y - t } };
+    const x = l.fn({ ...o, [u]: g, [h]: p });
+    return { ...x, data: { x: x.x - e, y: x.y - t } };
   } };
 };
-function we(r) {
+function Ge(r) {
   return r && r.document && r.location && r.alert && r.setInterval;
 }
-function O(r) {
+function so(r) {
   if (r == null)
     return window;
-  if (!we(r)) {
+  if (!Ge(r)) {
     const o = r.ownerDocument;
     return o && o.defaultView || window;
   }
   return r;
 }
-function So(r) {
-  return O(r).getComputedStyle(r);
+function er(r) {
+  return so(r).getComputedStyle(r);
 }
-function Q(r) {
-  return we(r) ? "" : r ? (r.nodeName || "").toLowerCase() : "";
+function bo(r) {
+  return Ge(r) ? "" : r ? (r.nodeName || "").toLowerCase() : "";
 }
-function xe() {
+function Je() {
   const r = navigator.userAgentData;
   return r != null && r.brands ? r.brands.map((o) => o.brand + "/" + o.version).join(" ") : navigator.userAgent;
 }
-function N(r) {
-  return r instanceof O(r).HTMLElement;
+function ao(r) {
+  return r instanceof so(r).HTMLElement;
 }
-function po(r) {
-  return r instanceof O(r).Element;
+function To(r) {
+  return r instanceof so(r).Element;
 }
-function Ar(r) {
-  return typeof ShadowRoot > "u" ? !1 : r instanceof O(r).ShadowRoot || r instanceof ShadowRoot;
+function ie(r) {
+  return typeof ShadowRoot > "u" ? !1 : r instanceof so(r).ShadowRoot || r instanceof ShadowRoot;
 }
-function Ko(r) {
-  const { overflow: o, overflowX: e, overflowY: t } = So(r);
+function _r(r) {
+  const { overflow: o, overflowX: e, overflowY: t } = er(r);
   return /auto|scroll|overlay|hidden/.test(o + t + e);
 }
-function ht(r) {
-  return ["table", "td", "th"].includes(Q(r));
+function ca(r) {
+  return ["table", "td", "th"].includes(bo(r));
 }
-function Hr(r) {
-  const o = /firefox/i.test(xe()), e = So(r);
+function fe(r) {
+  const o = /firefox/i.test(Je()), e = er(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 me() {
-  return !/^((?!chrome|android).)*safari/i.test(xe());
+function Ke() {
+  return !/^((?!chrome|android).)*safari/i.test(Je());
 }
-const Qr = Math.min, $o = Math.max, Qo = Math.round;
-function ao(r, o, e) {
+const ke = Math.min, Io = Math.max, hr = Math.round;
+function qo(r, o, e) {
   var t, a, c, i;
   o === void 0 && (o = !1), e === void 0 && (e = !1);
   const l = r.getBoundingClientRect();
-  let d = 1, n = 1;
-  o && N(r) && (d = r.offsetWidth > 0 && Qo(l.width) / r.offsetWidth || 1, n = r.offsetHeight > 0 && Qo(l.height) / r.offsetHeight || 1);
-  const g = po(r) ? O(r) : window, b = !me() && e, s = (l.left + (b && (t = (a = g.visualViewport) == null ? void 0 : a.offsetLeft) != null ? t : 0)) / d, w = (l.top + (b && (c = (i = g.visualViewport) == null ? void 0 : i.offsetTop) != null ? c : 0)) / n, x = l.width / d, m = l.height / n;
-  return { width: x, height: m, top: w, right: s + x, bottom: w + m, left: s, x: s, y: w };
+  let n = 1, b = 1;
+  o && ao(r) && (n = r.offsetWidth > 0 && hr(l.width) / r.offsetWidth || 1, b = r.offsetHeight > 0 && hr(l.height) / r.offsetHeight || 1);
+  const v = To(r) ? so(r) : window, u = !Ke() && e, h = (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, p = l.width / n, x = l.height / b;
+  return { width: p, height: x, top: g, right: h + p, bottom: g + x, left: h, x: h, y: g };
 }
-function U(r) {
-  return (o = r, (o instanceof O(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
+function vo(r) {
+  return (o = r, (o instanceof so(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
   var o;
 }
-function or(r) {
-  return po(r) ? { scrollLeft: r.scrollLeft, scrollTop: r.scrollTop } : { scrollLeft: r.pageXOffset, scrollTop: r.pageYOffset };
+function qr(r) {
+  return To(r) ? { scrollLeft: r.scrollLeft, scrollTop: r.scrollTop } : { scrollLeft: r.pageXOffset, scrollTop: r.pageYOffset };
 }
-function ke(r) {
-  return ao(U(r)).left + or(r).scrollLeft;
+function ot(r) {
+  return qo(vo(r)).left + qr(r).scrollLeft;
 }
-function wt(r, o, e) {
-  const t = N(o), a = U(o), c = ao(r, t && function(d) {
-    const n = ao(d);
-    return Qo(n.width) !== d.offsetWidth || Qo(n.height) !== d.offsetHeight;
+function ia(r, o, e) {
+  const t = ao(o), a = vo(o), c = qo(r, t && function(n) {
+    const b = qo(n);
+    return hr(b.width) !== n.offsetWidth || hr(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 ((Q(o) !== "body" || Ko(a)) && (i = or(o)), N(o)) {
-      const d = ao(o, !0);
-      l.x = d.x + o.clientLeft, l.y = d.y + o.clientTop;
+    if ((bo(o) !== "body" || _r(a)) && (i = qr(o)), ao(o)) {
+      const n = qo(o, !0);
+      l.x = n.x + o.clientLeft, l.y = n.y + o.clientTop;
     } else
-      a && (l.x = ke(a));
+      a && (l.x = ot(a));
   return { x: c.left + i.scrollLeft - l.x, y: c.top + i.scrollTop - l.y, width: c.width, height: c.height };
 }
-function fe(r) {
-  return Q(r) === "html" ? r : r.assignedSlot || r.parentNode || (Ar(r) ? r.host : null) || U(r);
+function rt(r) {
+  return bo(r) === "html" ? r : r.assignedSlot || r.parentNode || (ie(r) ? r.host : null) || vo(r);
 }
-function Or(r) {
-  return N(r) && getComputedStyle(r).position !== "fixed" ? r.offsetParent : null;
+function $e(r) {
+  return ao(r) && getComputedStyle(r).position !== "fixed" ? r.offsetParent : null;
 }
-function br(r) {
-  const o = O(r);
-  let e = Or(r);
-  for (; e && ht(e) && getComputedStyle(e).position === "static"; )
-    e = Or(e);
-  return e && (Q(e) === "html" || Q(e) === "body" && getComputedStyle(e).position === "static" && !Hr(e)) ? o : e || function(t) {
-    let a = fe(t);
-    for (Ar(a) && (a = a.host); N(a) && !["html", "body"].includes(Q(a)); ) {
-      if (Hr(a))
+function Tr(r) {
+  const o = so(r);
+  let e = $e(r);
+  for (; e && ca(e) && getComputedStyle(e).position === "static"; )
+    e = $e(e);
+  return e && (bo(e) === "html" || bo(e) === "body" && getComputedStyle(e).position === "static" && !fe(e)) ? o : e || function(t) {
+    let a = rt(t);
+    for (ie(a) && (a = a.host); ao(a) && !["html", "body"].includes(bo(a)); ) {
+      if (fe(a))
         return a;
       a = a.parentNode;
     }
     return null;
   }(r) || o;
 }
-function Fr(r) {
-  if (N(r))
+function ye(r) {
+  if (ao(r))
     return { width: r.offsetWidth, height: r.offsetHeight };
-  const o = ao(r);
+  const o = qo(r);
   return { width: o.width, height: o.height };
 }
-function $e(r) {
-  const o = fe(r);
-  return ["html", "body", "#document"].includes(Q(o)) ? r.ownerDocument.body : N(o) && Ko(o) ? o : $e(o);
+function et(r) {
+  const o = rt(r);
+  return ["html", "body", "#document"].includes(bo(o)) ? r.ownerDocument.body : ao(o) && _r(o) ? o : et(o);
 }
-function ye(r, o) {
+function tt(r, o) {
   var e;
   o === void 0 && (o = []);
-  const t = $e(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c = O(t), i = a ? [c].concat(c.visualViewport || [], Ko(t) ? t : []) : t, l = o.concat(i);
-  return a ? l : l.concat(ye(i));
+  const t = et(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c = so(t), i = a ? [c].concat(c.visualViewport || [], _r(t) ? t : []) : t, l = o.concat(i);
+  return a ? l : l.concat(tt(i));
 }
-function Wr(r, o, e) {
-  return o === "viewport" ? Po(function(t, a) {
-    const c = O(t), i = U(t), l = c.visualViewport;
-    let d = i.clientWidth, n = i.clientHeight, g = 0, b = 0;
+function ze(r, o, e) {
+  return o === "viewport" ? ur(function(t, a) {
+    const c = so(t), i = vo(t), l = c.visualViewport;
+    let n = i.clientWidth, b = i.clientHeight, v = 0, u = 0;
     if (l) {
-      d = l.width, n = l.height;
-      const s = me();
-      (s || !s && a === "fixed") && (g = l.offsetLeft, b = l.offsetTop);
+      n = l.width, b = l.height;
+      const h = Ke();
+      (h || !h && a === "fixed") && (v = l.offsetLeft, u = l.offsetTop);
     }
-    return { width: d, height: n, x: g, y: b };
-  }(r, e)) : po(o) ? function(t, a) {
-    const c = ao(t, !1, a === "fixed"), i = c.top + t.clientTop, l = c.left + t.clientLeft;
+    return { width: n, height: b, x: v, y: u };
+  }(r, e)) : To(o) ? function(t, a) {
+    const c = qo(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) : Po(function(t) {
+  }(o, e) : ur(function(t) {
     var a;
-    const c = U(t), i = or(t), l = (a = t.ownerDocument) == null ? void 0 : a.body, d = $o(c.scrollWidth, c.clientWidth, l ? l.scrollWidth : 0, l ? l.clientWidth : 0), n = $o(c.scrollHeight, c.clientHeight, l ? l.scrollHeight : 0, l ? l.clientHeight : 0);
-    let g = -i.scrollLeft + ke(t);
-    const b = -i.scrollTop;
-    return So(l || c).direction === "rtl" && (g += $o(c.clientWidth, l ? l.clientWidth : 0) - d), { width: d, height: n, x: g, y: b };
-  }(U(r)));
+    const c = vo(t), i = qr(t), l = (a = t.ownerDocument) == null ? void 0 : a.body, n = Io(c.scrollWidth, c.clientWidth, l ? l.scrollWidth : 0, l ? l.clientWidth : 0), b = Io(c.scrollHeight, c.clientHeight, l ? l.scrollHeight : 0, l ? l.clientHeight : 0);
+    let v = -i.scrollLeft + ot(t);
+    const u = -i.scrollTop;
+    return er(l || c).direction === "rtl" && (v += Io(c.clientWidth, l ? l.clientWidth : 0) - n), { width: n, height: b, x: v, y: u };
+  }(vo(r)));
 }
-function xt(r) {
-  const o = ye(r), e = ["absolute", "fixed"].includes(So(r).position) && N(r) ? br(r) : r;
-  return po(e) ? o.filter((t) => po(t) && function(a, c) {
+function la(r) {
+  const o = tt(r), e = ["absolute", "fixed"].includes(er(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;
-    if (i && Ar(i)) {
+    if (i && ie(i)) {
       let l = c;
       do {
         if (l && a === l)
@@ -2447,68 +2447,68 @@ function xt(r) {
       } while (l);
     }
     return !1;
-  }(t, e) && Q(t) !== "body") : [];
+  }(t, e) && bo(t) !== "body") : [];
 }
-const mt = { getClippingRect: function(r) {
+const da = { getClippingRect: function(r) {
   let { element: o, boundary: e, rootBoundary: t, strategy: a } = r;
-  const c = [...e === "clippingAncestors" ? xt(o) : [].concat(e), t], i = c[0], l = c.reduce((d, n) => {
-    const g = Wr(o, n, a);
-    return d.top = $o(g.top, d.top), d.right = Qr(g.right, d.right), d.bottom = Qr(g.bottom, d.bottom), d.left = $o(g.left, d.left), d;
-  }, Wr(o, i, a));
+  const c = [...e === "clippingAncestors" ? la(o) : [].concat(e), t], i = c[0], l = c.reduce((n, b) => {
+    const v = ze(o, b, a);
+    return n.top = Io(v.top, n.top), n.right = ke(v.right, n.right), n.bottom = ke(v.bottom, n.bottom), n.left = Io(v.left, n.left), n;
+  }, ze(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 = N(e), c = U(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") && ((Q(e) !== "body" || Ko(c)) && (i = or(e)), N(e))) {
-    const d = ao(e, !0);
-    l.x = d.x + e.clientLeft, l.y = d.y + e.clientTop;
+  if ((a || !a && t !== "fixed") && ((bo(e) !== "body" || _r(c)) && (i = qr(e)), ao(e))) {
+    const n = qo(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: po, getDimensions: Fr, getOffsetParent: br, getDocumentElement: U, getElementRects: (r) => {
+}, isElement: To, getDimensions: ye, getOffsetParent: Tr, getDocumentElement: vo, getElementRects: (r) => {
   let { reference: o, floating: e, strategy: t } = r;
-  return { reference: wt(o, br(e), t), floating: { ...Fr(e), x: 0, y: 0 } };
-}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => So(r).direction === "rtl" }, kt = (r, o, e) => at(r, o, { platform: mt, ...e }), qo = "top", _o = "bottom", Oo = "left", Fo = "right", ar = {
-  [qo]: _o,
-  [_o]: qo,
-  [Oo]: Fo,
-  [Fo]: Oo
-}, ft = {
-  [qo]: "↑",
-  [_o]: "↓",
-  [Oo]: "←",
-  [Fo]: "→"
-}, $t = {
-  [Oo]: -45,
-  [qo]: 45,
-  [Fo]: 135,
-  [_o]: -135
-}, Ur = "calc(50% - 7px)", yt = (r) => [qo, _o].includes(r);
-function zt({ actualDirection: r, directionName: o, arrowEl: e }) {
+  return { reference: ia(o, Tr(e), t), floating: { ...ye(e), x: 0, y: 0 } };
+}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => er(r).direction === "rtl" }, na = (r, o, e) => Ut(r, o, { platform: da, ...e }), Uo = "top", Fo = "bottom", pr = "left", wr = "right", Zr = {
+  [Uo]: Fo,
+  [Fo]: Uo,
+  [pr]: wr,
+  [wr]: pr
+}, ba = {
+  [Uo]: "↑",
+  [Fo]: "↓",
+  [pr]: "←",
+  [wr]: "→"
+}, sa = {
+  [pr]: -45,
+  [Uo]: 45,
+  [wr]: 135,
+  [Fo]: -135
+}, _e = "calc(50% - 7px)", ga = (r) => [Uo, Fo].includes(r);
+function ua({ actualDirection: r, directionName: o, arrowEl: e }) {
   if (!e)
     return;
   r = o;
-  const t = yt(o);
-  e.style.left = t ? Ur : "", e.style.top = t ? "" : Ur;
+  const t = ga(o);
+  e.style.left = t ? _e : "", e.style.top = t ? "" : _e;
 }
-async function qt(r) {
+async function va(r) {
   var a, c;
   if (!r.isShowing)
     return;
   if (await ((a = r == null ? void 0 : r.waitForDOM) == null ? void 0 : a.call(r)), r.isCallout)
-    return zt(r);
-  const o = await kt(r.targetEl, r.attentionEl, {
+    return ua(r);
+  const o = await na(r.targetEl, r.attentionEl, {
     placement: r.directionName,
     middleware: [
       // Should we make this configurable, but have these as sane defaults?
-      st(),
-      ut(8),
-      pt({ padding: 16 }),
+      ra(),
+      ea(8),
+      aa({ padding: 16 }),
       // @ts-ignore
-      lt({ element: r.noArrow ? void 0 : r.arrowEl })
+      Vt({ element: r.noArrow ? void 0 : r.arrowEl })
       // FIXME
     ]
   });
@@ -2520,16 +2520,16 @@ async function qt(r) {
   let { x: e, y: t } = o.middlewareData.arrow;
   r.arrowEl && (r.arrowEl.style.left = e ? e + "px" : "", r.arrowEl.style.top = t ? t + "px" : "");
 }
-class gr extends jo(Y) {
+class Or extends Ko(I) {
   constructor() {
     super(), this.show = !1, this.tooltip = !1, this.callout = !1, this.popover = !1, this.noArrow = !1;
   }
   connectedCallback() {
-    if (super.connectedCallback(), !this.placement || !Object.keys(ar).includes(this.placement))
+    if (super.connectedCallback(), !this.placement || !Object.keys(Zr).includes(this.placement))
       throw new Error(
         `Invalid "placement" attribute. Set its value to one of the following:
 ${JSON.stringify(
-          Object.keys(ar)
+          Object.keys(Zr)
         )}`
       );
     setTimeout(() => this.requestUpdate(), 0);
@@ -2541,7 +2541,7 @@ ${JSON.stringify(
     this.placement = o;
   }
   get _arrowDirection() {
-    return ar[this.placement];
+    return Zr[this.placement];
   }
   updated() {
     this.callout || this._attentionEl.style.setProperty("--attention-visibility", this.show ? "" : "hidden"), this.tooltip || this._attentionEl.style.setProperty("--attention-display", this.show ? "block" : "none"), this.attentionState = {
@@ -2553,11 +2553,11 @@ ${JSON.stringify(
       attentionEl: this._attentionEl,
       targetEl: this._targetEl,
       noArrow: this.noArrow
-    }, qt(this.attentionState);
+    }, va(this.attentionState);
   }
   setAriaLabels() {
     if (this._targetEl && !this._targetEl.getAttribute("aria-describedby")) {
-      const o = this._messageEl.id || (this._messageEl.id = Ue());
+      const o = this._messageEl.id || (this._messageEl.id = Ot());
       this._messageEl.setAttribute("role", "tooltip"), this._targetEl.setAttribute("aria-describedby", o);
     }
   }
@@ -2574,37 +2574,37 @@ ${JSON.stringify(
     return this.renderRoot.querySelector("slot[name='message']").assignedNodes()[0];
   }
   get _wrapperClasses() {
-    return ir({
-      [I.base]: !0,
-      [I.tooltip]: this.tooltip,
-      [I.callout]: this.callout,
-      [I.popover]: this.popover
+    return Er({
+      [io.base]: !0,
+      [io.tooltip]: this.tooltip,
+      [io.callout]: this.callout,
+      [io.popover]: this.popover
     });
   }
   get _arrowClasses() {
-    return ir({
-      [I.arrowBase]: !0,
-      [I[`arrowDirection${this._arrowDirection.charAt(0).toUpperCase() + this._arrowDirection.slice(1)}`]]: !0,
-      [I.arrowTooltip]: this.tooltip,
-      [I.arrowCallout]: this.callout,
-      [I.arrowPopover]: this.popover
+    return Er({
+      [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
     });
   }
   get _arrowHtml() {
-    return this.noArrow ? "" : v`<div
+    return this.noArrow ? "" : f`<div
           id="arrow"
           role="img"
-          aria-label=${ft[this._arrowDirection]}
+          aria-label=${ba[this._arrowDirection]}
           class="${this._arrowClasses}"
-          style="transform:rotate(${$t[this._arrowDirection]}deg);
+          style="transform:rotate(${sa[this._arrowDirection]}deg);
           margin-${// border alignment is off by a fraction of a pixel, this fixes it
     this._arrowDirection.charAt(0).toLowerCase() + this._arrowDirection.slice(1)}:-0.5px;"
         />`;
   }
   render() {
-    return v`
-      <div class=${q(this.className ? this.className : void 0)}>
-        ${this.placement === "right" || this.placement === "bottom" ? v`
+    return f`
+      <div class=${B(this.className ? this.className : void 0)}>
+        ${this.placement === "right" || this.placement === "bottom" ? f`
               <slot name="target"></slot>
               <div id="attention" class="${this._wrapperClasses}">
                 <div>
@@ -2612,7 +2612,7 @@ ${JSON.stringify(
                   <slot name="message"></slot>
                 </div>
               </div>
-            ` : v`
+            ` : f`
               <div id="attention" class="${this._wrapperClasses}">
                 <div>
                   <slot name="message"></slot>
@@ -2625,7 +2625,7 @@ ${JSON.stringify(
     `;
   }
 }
-f(gr, "properties", {
+Z(Or, "properties", {
   // Whether Attention element should be visible.
   show: { type: Boolean, reflect: !0 },
   // Placement according to the target element
@@ -2639,8 +2639,8 @@ f(gr, "properties", {
   popover: { type: Boolean, reflect: !0 },
   // Render Attention element without an arrow
   noArrow: { type: Boolean, reflect: !0 }
-}), f(gr, "styles", [
-  A`
+}), Z(Or, "styles", [
+  Q`
       /* 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}
@@ -3307,34 +3307,34 @@ f(gr, "properties", {
       }
     `
 ]);
-customElements.get("w-attention") || customElements.define("w-attention", gr);
-class sr extends Y {
+customElements.get("w-attention") || customElements.define("w-attention", Or);
+class Br extends I {
   constructor() {
     super(), this.variant = "neutral";
   }
   get _class() {
-    return ir({
-      [oo.base]: !0,
-      [oo[this.variant]]: !0,
-      [oo.positionBase]: !!this.position,
-      [oo.positionTL]: this.position === "top-left",
-      [oo.positionTR]: this.position === "top-right",
-      [oo.positionBR]: this.position === "bottom-right",
-      [oo.positionBL]: this.position === "bottom-left"
+    return Er({
+      [$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"
     });
   }
   render() {
-    return v`
+    return f`
       <div class="${this._class}">
         <slot></slot>
       </div>
     `;
   }
 }
-f(sr, "properties", {
+Z(Br, "properties", {
   variant: { type: "neutral" | "info" | "positive" | "warning" | "negative" | "disabled" | "notification" | "price" },
   position: { type: "top-left" | "top-right" | "bottom-right" | "bottom-left" }
-}), f(sr, "styles", A`
+}), Z(Br, "styles", Q`
       /* 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}
@@ -3984,26 +3984,26 @@ f(sr, "properties", {
 .sm\\:pt-32{padding-top:3.2rem;}
 }
       `);
-customElements.get("w-badge") || customElements.define("w-badge", sr);
-class ur extends Y {
+customElements.get("w-badge") || customElements.define("w-badge", Br);
+class Nr extends I {
   get _class() {
-    return E({
-      [H.box]: !0,
-      [H.bleed]: this.bleed,
-      [H.info]: this.info,
-      [H.neutral]: this.neutral,
-      [H.bordered]: this.bordered
+    return V({
+      [no.box]: !0,
+      [no.bleed]: this.bleed,
+      [no.info]: this.info,
+      [no.neutral]: this.neutral,
+      [no.bordered]: this.bordered
     });
   }
   render() {
-    return v`
+    return f`
       <div class="${this._class}">
         <slot></slot>
       </div>
     `;
   }
 }
-f(ur, "properties", {
+Z(Nr, "properties", {
   bleed: { type: Boolean },
   bordered: { type: Boolean },
   info: { type: Boolean },
@@ -4012,7 +4012,7 @@ f(ur, "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
-f(ur, "styles", A`
+Z(Nr, "styles", Q`
       /* 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}
@@ -4668,38 +4668,980 @@ f(ur, "styles", A`
           margin-bottom: 0 !important;
         }
       `);
-customElements.get("w-box") || customElements.define("w-box", ur);
-function _t(r, o) {
+customElements.get("w-box") || customElements.define("w-box", Nr);
+function ha(r, o) {
   return r.flatMap((e) => [e, o]).slice(0, -1);
 }
-const Xt = v`<span class=${go.separator} aria-hidden='true'>/</span>`;
-class vr extends jo(Y) {
+var Dr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function pa(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var at = {}, ct = {};
+(function(r) {
+  Object.defineProperty(r, "__esModule", { value: !0 }), r.errorMessages = r.ErrorType = void 0;
+  var o;
+  (function(e) {
+    e.MalformedUnicode = "MALFORMED_UNICODE", e.MalformedHexadecimal = "MALFORMED_HEXADECIMAL", e.CodePointLimit = "CODE_POINT_LIMIT", e.OctalDeprecation = "OCTAL_DEPRECATION", e.EndOfString = "END_OF_STRING";
+  })(o = r.ErrorType || (r.ErrorType = {})), r.errorMessages = /* @__PURE__ */ new Map([
+    [o.MalformedUnicode, "malformed Unicode character escape sequence"],
+    [
+      o.MalformedHexadecimal,
+      "malformed hexadecimal character escape sequence"
+    ],
+    [
+      o.CodePointLimit,
+      "Unicode codepoint must not be greater than 0x10FFFF in escape sequence"
+    ],
+    [
+      o.OctalDeprecation,
+      '"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'
+    ],
+    [o.EndOfString, "malformed escape sequence at end of string"]
+  ]);
+})(ct);
+(function(r) {
+  Object.defineProperty(r, "__esModule", { value: !0 }), r.unraw = r.errorMessages = r.ErrorType = void 0;
+  const o = ct;
+  Object.defineProperty(r, "ErrorType", { enumerable: !0, get: function() {
+    return o.ErrorType;
+  } }), Object.defineProperty(r, "errorMessages", { enumerable: !0, get: function() {
+    return o.errorMessages;
+  } });
+  function e(g) {
+    return !g.match(/[^a-f0-9]/i) ? parseInt(g, 16) : NaN;
+  }
+  function t(g, p, x) {
+    const z = e(g);
+    if (Number.isNaN(z) || x !== void 0 && x !== g.length)
+      throw new SyntaxError(o.errorMessages.get(p));
+    return z;
+  }
+  function a(g) {
+    const p = t(g, o.ErrorType.MalformedHexadecimal, 2);
+    return String.fromCharCode(p);
+  }
+  function c(g, p) {
+    const x = t(g, o.ErrorType.MalformedUnicode, 4);
+    if (p !== void 0) {
+      const z = t(p, o.ErrorType.MalformedUnicode, 4);
+      return String.fromCharCode(x, z);
+    }
+    return String.fromCharCode(x);
+  }
+  function i(g) {
+    return g.charAt(0) === "{" && g.charAt(g.length - 1) === "}";
+  }
+  function l(g) {
+    if (!i(g))
+      throw new SyntaxError(o.errorMessages.get(o.ErrorType.MalformedUnicode));
+    const p = g.slice(1, -1), x = t(p, o.ErrorType.MalformedUnicode);
+    try {
+      return String.fromCodePoint(x);
+    } catch (z) {
+      throw z instanceof RangeError ? new SyntaxError(o.errorMessages.get(o.ErrorType.CodePointLimit)) : z;
+    }
+  }
+  function n(g, p = !1) {
+    if (p)
+      throw new SyntaxError(o.errorMessages.get(o.ErrorType.OctalDeprecation));
+    const x = parseInt(g, 8);
+    return String.fromCharCode(x);
+  }
+  const b = /* @__PURE__ */ new Map([
+    ["b", "\b"],
+    ["f", "\f"],
+    ["n", `
+`],
+    ["r", "\r"],
+    ["t", "	"],
+    ["v", "\v"],
+    ["0", "\0"]
+  ]);
+  function v(g) {
+    return b.get(g) || g;
+  }
+  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 h(g, p = !1) {
+    return g.replace(u, function(x, z, E, M, D, T, co, W, C) {
+      if (z !== void 0)
+        return "\\";
+      if (E !== void 0)
+        return a(E);
+      if (M !== void 0)
+        return l(M);
+      if (D !== void 0)
+        return c(D, T);
+      if (co !== void 0)
+        return c(co);
+      if (W === "0")
+        return "\0";
+      if (W !== void 0)
+        return n(W, !p);
+      if (C !== void 0)
+        return v(C);
+      throw new SyntaxError(o.errorMessages.get(o.ErrorType.EndOfString));
+    });
+  }
+  r.unraw = h, r.default = h;
+})(at);
+const wa = /* @__PURE__ */ pa(at);
+var Wo = {}, it = {}, lt = { exports: {} };
+(function(r) {
+  (function(o, e) {
+    r.exports ? r.exports = e() : o.moo = e();
+  })(Dr, function() {
+    var o = Object.prototype.hasOwnProperty, e = Object.prototype.toString, t = typeof new RegExp().sticky == "boolean";
+    function a(d) {
+      return d && e.call(d) === "[object RegExp]";
+    }
+    function c(d) {
+      return d && typeof d == "object" && !a(d) && !Array.isArray(d);
+    }
+    function i(d) {
+      return d.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
+    }
+    function l(d) {
+      var s = new RegExp("|" + d);
+      return s.exec("").length - 1;
+    }
+    function n(d) {
+      return "(" + d + ")";
+    }
+    function b(d) {
+      if (!d.length)
+        return "(?!)";
+      var s = d.map(function(w) {
+        return "(?:" + w + ")";
+      }).join("|");
+      return "(?:" + s + ")";
+    }
+    function v(d) {
+      if (typeof d == "string")
+        return "(?:" + i(d) + ")";
+      if (a(d)) {
+        if (d.ignoreCase)
+          throw new Error("RegExp /i flag not allowed");
+        if (d.global)
+          throw new Error("RegExp /g flag is implied");
+        if (d.sticky)
+          throw new Error("RegExp /y flag is implied");
+        if (d.multiline)
+          throw new Error("RegExp /m flag is implied");
+        return d.source;
+      } else
+        throw new Error("Not a pattern: " + d);
+    }
+    function u(d, s) {
+      return d.length > s ? d : Array(s - d.length + 1).join(" ") + d;
+    }
+    function h(d, s) {
+      for (var w = d.length, y = 0; ; ) {
+        var Y = d.lastIndexOf(`
+`, w - 1);
+        if (Y === -1 || (y++, w = Y, y === s) || w === 0)
+          break;
+      }
+      var _ = y < s ? 0 : w + 1;
+      return d.substring(_).split(`
+`);
+    }
+    function g(d) {
+      for (var s = Object.getOwnPropertyNames(d), w = [], y = 0; y < s.length; y++) {
+        var Y = s[y], _ = d[Y], j = [].concat(_);
+        if (Y === "include") {
+          for (var L = 0; L < j.length; L++)
+            w.push({ include: j[L] });
+          continue;
+        }
+        var A = [];
+        j.forEach(function(q) {
+          c(q) ? (A.length && w.push(x(Y, A)), w.push(x(Y, q)), A = []) : A.push(q);
+        }), A.length && w.push(x(Y, A));
+      }
+      return w;
+    }
+    function p(d) {
+      for (var s = [], w = 0; w < d.length; w++) {
+        var y = d[w];
+        if (y.include) {
+          for (var Y = [].concat(y.include), _ = 0; _ < Y.length; _++)
+            s.push({ include: Y[_] });
+          continue;
+        }
+        if (!y.type)
+          throw new Error("Rule has no type: " + JSON.stringify(y));
+        s.push(x(y.type, y));
+      }
+      return s;
+    }
+    function x(d, s) {
+      if (c(s) || (s = { match: s }), s.include)
+        throw new Error("Matching rules cannot also include states");
+      var w = {
+        defaultType: d,
+        lineBreaks: !!s.error || !!s.fallback,
+        pop: !1,
+        next: null,
+        push: null,
+        error: !1,
+        fallback: !1,
+        value: null,
+        type: null,
+        shouldThrow: !1
+      };
+      for (var y in s)
+        o.call(s, y) && (w[y] = s[y]);
+      if (typeof w.type == "string" && d !== w.type)
+        throw new Error("Type transform cannot be a string (type '" + w.type + "' for token '" + d + "')");
+      var Y = w.match;
+      return w.match = Array.isArray(Y) ? Y : Y ? [Y] : [], w.match.sort(function(_, j) {
+        return a(_) && a(j) ? 0 : a(j) ? -1 : a(_) ? 1 : j.length - _.length;
+      }), w;
+    }
+    function z(d) {
+      return Array.isArray(d) ? p(d) : g(d);
+    }
+    var E = x("error", { lineBreaks: !0, shouldThrow: !0 });
+    function M(d, s) {
+      for (var w = null, y = /* @__PURE__ */ Object.create(null), Y = !0, _ = null, j = [], L = [], A = 0; A < d.length; A++)
+        d[A].fallback && (Y = !1);
+      for (var A = 0; A < d.length; A++) {
+        var q = d[A];
+        if (q.include)
+          throw new Error("Inheritance is not allowed in stateless lexers");
+        if (q.error || q.fallback) {
+          if (w)
+            throw !q.fallback == !w.fallback ? new Error("Multiple " + (q.fallback ? "fallback" : "error") + " rules not allowed (for token '" + q.defaultType + "')") : new Error("fallback and error are mutually exclusive (for token '" + q.defaultType + "')");
+          w = q;
+        }
+        var H = q.match.slice();
+        if (Y)
+          for (; H.length && typeof H[0] == "string" && H[0].length === 1; ) {
+            var wo = H.shift();
+            y[wo.charCodeAt(0)] = q;
+          }
+        if (q.pop || q.push || q.next) {
+          if (!s)
+            throw new Error("State-switching options are not allowed in stateless lexers (for token '" + q.defaultType + "')");
+          if (q.fallback)
+            throw new Error("State-switching options are not allowed on fallback tokens (for token '" + q.defaultType + "')");
+        }
+        if (H.length !== 0) {
+          Y = !1, j.push(q);
+          for (var xo = 0; xo < H.length; xo++) {
+            var mo = H[xo];
+            if (a(mo)) {
+              if (_ === null)
+                _ = mo.unicode;
+              else if (_ !== mo.unicode && q.fallback === !1)
+                throw new Error("If one rule is /u then all must be");
+            }
+          }
+          var jo = b(H.map(v)), G = new RegExp(jo);
+          if (G.test(""))
+            throw new Error("RegExp matches empty string: " + G);
+          var Oo = l(jo);
+          if (Oo > 0)
+            throw new Error("RegExp has capture groups: " + G + `
+Use (?: … ) instead`);
+          if (!q.lineBreaks && G.test(`
+`))
+            throw new Error("Rule should declare lineBreaks: " + G);
+          L.push(n(jo));
+        }
+      }
+      var Zo = w && w.fallback, Bo = t && !Zo ? "ym" : "gm", tr = t || Zo ? "" : "|";
+      _ === !0 && (Bo += "u");
+      var _t = new RegExp(b(L) + tr, Bo);
+      return { regexp: _t, groups: j, fast: y, error: w || E };
+    }
+    function D(d) {
+      var s = M(z(d));
+      return new C({ start: s }, "start");
+    }
+    function T(d, s, w) {
+      var y = d && (d.push || d.next);
+      if (y && !w[y])
+        throw new Error("Missing state '" + y + "' (in token '" + d.defaultType + "' of state '" + s + "')");
+      if (d && d.pop && +d.pop != 1)
+        throw new Error("pop must be 1 (in token '" + d.defaultType + "' of state '" + s + "')");
+    }
+    function co(d, s) {
+      var w = d.$all ? z(d.$all) : [];
+      delete d.$all;
+      var y = Object.getOwnPropertyNames(d);
+      s || (s = y[0]);
+      for (var Y = /* @__PURE__ */ Object.create(null), _ = 0; _ < y.length; _++) {
+        var j = y[_];
+        Y[j] = z(d[j]).concat(w);
+      }
+      for (var _ = 0; _ < y.length; _++)
+        for (var j = y[_], L = Y[j], A = /* @__PURE__ */ Object.create(null), q = 0; q < L.length; q++) {
+          var H = L[q];
+          if (H.include) {
+            var wo = [q, 1];
+            if (H.include !== j && !A[H.include]) {
+              A[H.include] = !0;
+              var xo = Y[H.include];
+              if (!xo)
+                throw new Error("Cannot include nonexistent state '" + H.include + "' (in state '" + j + "')");
+              for (var mo = 0; mo < xo.length; mo++) {
+                var jo = xo[mo];
+                L.indexOf(jo) === -1 && wo.push(jo);
+              }
+            }
+            L.splice.apply(L, wo), q--;
+          }
+        }
+      for (var G = /* @__PURE__ */ Object.create(null), _ = 0; _ < y.length; _++) {
+        var j = y[_];
+        G[j] = M(Y[j], !0);
+      }
+      for (var _ = 0; _ < y.length; _++) {
+        for (var Oo = y[_], Zo = G[Oo], Bo = Zo.groups, q = 0; q < Bo.length; q++)
+          T(Bo[q], Oo, G);
+        for (var tr = Object.getOwnPropertyNames(Zo.fast), q = 0; q < tr.length; q++)
+          T(Zo.fast[tr[q]], Oo, 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), Y = 0; Y < y.length; Y++) {
+        var _ = y[Y], j = d[_], L = Array.isArray(j) ? j : [j];
+        L.forEach(function(A) {
+          if (typeof A != "string")
+            throw new Error("keyword must be string (in keyword '" + _ + "')");
+          s ? w.set(A, _) : w[A] = _;
+        });
+      }
+      return function(A) {
+        return s ? w.get(A) : w[A];
+      };
+    }
+    var C = function(d, s) {
+      this.startState = s, this.states = d, this.buffer = "", this.stack = [], this.reset();
+    };
+    C.prototype.reset = function(d, s) {
+      return this.buffer = d || "", this.index = 0, this.line = s ? s.line : 1, this.col = s ? s.col : 1, this.queuedToken = s ? s.queuedToken : null, this.queuedText = s ? s.queuedText : "", this.queuedThrow = s ? s.queuedThrow : null, this.setState(s ? s.state : this.startState), this.stack = s && s.stack ? s.stack.slice() : [], this;
+    }, C.prototype.save = function() {
+      return {
+        line: this.line,
+        col: this.col,
+        state: this.state,
+        stack: this.stack.slice(),
+        queuedToken: this.queuedToken,
+        queuedText: this.queuedText,
+        queuedThrow: this.queuedThrow
+      };
+    }, C.prototype.setState = function(d) {
+      if (!(!d || this.state === d)) {
+        this.state = d;
+        var s = this.states[d];
+        this.groups = s.groups, this.error = s.error, this.re = s.regexp, this.fast = s.fast;
+      }
+    }, C.prototype.popState = function() {
+      this.setState(this.stack.pop());
+    }, C.prototype.pushState = function(d) {
+      this.stack.push(this.state), this.setState(d);
+    };
+    var R = t ? function(d, s) {
+      return d.exec(s);
+    } : function(d, s) {
+      var w = d.exec(s);
+      return w[0].length === 0 ? null : w;
+    };
+    C.prototype._getGroup = function(d) {
+      for (var s = this.groups.length, w = 0; w < s; w++)
+        if (d[w + 1] !== void 0)
+          return this.groups[w];
+      throw new Error("Cannot find token type for matched text");
+    };
+    function F() {
+      return this.value;
+    }
+    if (C.prototype.next = function() {
+      var d = this.index;
+      if (this.queuedGroup) {
+        var s = this._token(this.queuedGroup, this.queuedText, d);
+        return this.queuedGroup = null, this.queuedText = "", s;
+      }
+      var w = this.buffer;
+      if (d !== w.length) {
+        var j = this.fast[w.charCodeAt(d)];
+        if (j)
+          return this._token(j, w.charAt(d), d);
+        var y = this.re;
+        y.lastIndex = d;
+        var Y = R(y, w), _ = this.error;
+        if (Y == null)
+          return this._token(_, w.slice(d, w.length), d);
+        var j = this._getGroup(Y), L = Y[0];
+        return _.fallback && Y.index !== d ? (this.queuedGroup = j, this.queuedText = L, this._token(_, w.slice(d, Y.index), d)) : this._token(j, L, d);
+      }
+    }, C.prototype._token = function(d, s, w) {
+      var y = 0;
+      if (d.lineBreaks) {
+        var Y = /\n/g, _ = 1;
+        if (s === `
+`)
+          y = 1;
+        else
+          for (; Y.exec(s); )
+            y++, _ = Y.lastIndex;
+      }
+      var j = {
+        type: typeof d.type == "function" && d.type(s) || d.defaultType,
+        value: typeof d.value == "function" ? d.value(s) : s,
+        text: s,
+        toString: F,
+        offset: w,
+        lineBreaks: y,
+        line: this.line,
+        col: this.col
+      }, 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(j, "invalid syntax"));
+        throw A;
+      }
+      return d.pop ? this.popState() : d.push ? this.pushState(d.push) : d.next && this.setState(d.next), j;
+    }, typeof Symbol < "u" && Symbol.iterator) {
+      var ro = function(d) {
+        this.lexer = d;
+      };
+      ro.prototype.next = function() {
+        var d = this.lexer.next();
+        return { value: d, done: !d };
+      }, ro.prototype[Symbol.iterator] = function() {
+        return this;
+      }, C.prototype[Symbol.iterator] = function() {
+        return new ro(this);
+      };
+    }
+    return C.prototype.formatError = function(d, s) {
+      if (d == null)
+        var w = this.buffer.slice(this.index), d = {
+          text: w,
+          offset: this.index,
+          lineBreaks: w.indexOf(`
+`) === -1 ? 0 : 1,
+          line: this.line,
+          col: this.col
+        };
+      var y = 2, Y = Math.max(d.line - y, 1), _ = d.line + y, j = String(_).length, L = h(
+        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 < L.length; q++) {
+        var H = L[q], wo = Y + q;
+        A.push(u(String(wo), j) + "  " + H), wo === d.line && A.push(u("", j + d.col + 1) + "^");
+      }
+      return A.join(`
+`);
+    }, C.prototype.clone = function() {
+      return new C(this.states, this.state);
+    }, C.prototype.has = function(d) {
+      return !0;
+    }, {
+      compile: D,
+      states: co,
+      error: Object.freeze({ error: !0 }),
+      fallback: Object.freeze({ fallback: !0 }),
+      keywords: W
+    };
+  });
+})(lt);
+var xa = lt.exports;
+(function(r) {
+  var o = Dr && Dr.__importDefault || function(t) {
+    return t && t.__esModule ? t : { default: t };
+  };
+  Object.defineProperty(r, "__esModule", { value: !0 }), r.lexer = r.states = void 0;
+  const e = o(xa);
+  r.states = {
+    body: {
+      doubleapos: { match: "''", value: () => "'" },
+      quoted: {
+        lineBreaks: !0,
+        match: /'[{}#](?:[^]*?[^'])?'(?!')/u,
+        value: (t) => t.slice(1, -1).replace(/''/g, "'")
+      },
+      argument: {
+        lineBreaks: !0,
+        match: /\{\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*/u,
+        push: "arg",
+        value: (t) => t.substring(1).trim()
+      },
+      octothorpe: "#",
+      end: { match: "}", pop: 1 },
+      content: { lineBreaks: !0, match: /[^][^{}#']*/u }
+    },
+    arg: {
+      select: {
+        lineBreaks: !0,
+        match: /,\s*(?:plural|select|selectordinal)\s*,\s*/u,
+        next: "select",
+        value: (t) => t.split(",")[1].trim()
+      },
+      "func-args": {
+        lineBreaks: !0,
+        match: /,\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*,/u,
+        next: "body",
+        value: (t) => t.split(",")[1].trim()
+      },
+      "func-simple": {
+        lineBreaks: !0,
+        match: /,\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*/u,
+        value: (t) => t.substring(1).trim()
+      },
+      end: { match: "}", pop: 1 }
+    },
+    select: {
+      offset: {
+        lineBreaks: !0,
+        match: /\s*offset\s*:\s*\d+\s*/u,
+        value: (t) => t.split(":")[1].trim()
+      },
+      case: {
+        lineBreaks: !0,
+        match: /\s*(?:=\d+|[^\p{Pat_Syn}\p{Pat_WS}]+)\s*\{/u,
+        push: "body",
+        value: (t) => t.substring(0, t.indexOf("{")).trim()
+      },
+      end: { match: /\s*\}/u, pop: 1 }
+    }
+  }, r.lexer = e.default.states(r.states);
+})(it);
+Object.defineProperty(Wo, "__esModule", { value: !0 });
+var dt = Wo.parse = Wo.ParseError = void 0;
+const nt = it, ar = (r) => ({
+  offset: r.offset,
+  line: r.line,
+  col: r.col,
+  text: r.text,
+  lineBreaks: r.lineBreaks
+}), Sr = (r) => r === "plural" || r === "select" || r === "selectordinal";
+function ma(r, o) {
+  let e = "", t = "";
+  for (const c of o) {
+    const i = c.ctx.text;
+    switch (t += i, c.type) {
+      case "content":
+        e += c.value;
+        break;
+      case "argument":
+      case "function":
+      case "octothorpe":
+        e += i;
+        break;
+      default:
+        throw new P(r, `Unsupported part in strict mode function arg style: ${i}`);
+    }
+  }
+  return [{
+    type: "content",
+    value: e.trim(),
+    ctx: Object.assign({}, o[0].ctx, { text: t })
+  }];
+}
+const fa = [
+  "number",
+  "date",
+  "time",
+  "spellout",
+  "ordinal",
+  "duration"
+], qe = ["zero", "one", "two", "few", "many", "other"];
+class P extends Error {
+  /** @internal */
+  constructor(o, e) {
+    super(nt.lexer.formatError(o, e));
+  }
+}
+Wo.ParseError = P;
+class ka {
+  constructor(o, e) {
+    var t, a, c, i;
+    this.lexer = nt.lexer.reset(o), this.cardinalKeys = (t = e == null ? void 0 : e.cardinal) !== null && t !== void 0 ? t : qe, this.ordinalKeys = (a = e == null ? void 0 : e.ordinal) !== null && a !== void 0 ? a : qe, this.strict = (c = e == null ? void 0 : e.strict) !== null && c !== void 0 ? c : !1, this.strictPluralKeys = (i = e == null ? void 0 : e.strictPluralKeys) !== null && i !== void 0 ? i : !0;
+  }
+  parse() {
+    return this.parseBody(!1, !0);
+  }
+  checkSelectKey(o, e, t) {
+    if (t[0] === "=") {
+      if (e === "select")
+        throw new P(o, `The case ${t} is not valid with select`);
+    } else if (e !== "select") {
+      const a = e === "plural" ? this.cardinalKeys : this.ordinalKeys;
+      if (this.strictPluralKeys && a.length > 0 && !a.includes(t)) {
+        const c = `The ${e} case ${t} is not valid in this locale`;
+        throw new P(o, c);
+      }
+    }
+  }
+  parseSelect({ value: o }, e, t, a) {
+    const c = { type: a, arg: o, cases: [], ctx: t };
+    a === "plural" || a === "selectordinal" ? e = !0 : this.strict && (e = !1);
+    for (const i of this.lexer)
+      switch (i.type) {
+        case "offset":
+          if (a === "select")
+            throw new P(i, "Unexpected plural offset for select");
+          if (c.cases.length > 0)
+            throw new P(i, "Plural offset must be set before cases");
+          c.pluralOffset = Number(i.value), t.text += i.text, t.lineBreaks += i.lineBreaks;
+          break;
+        case "case": {
+          this.checkSelectKey(i, a, i.value), c.cases.push({
+            key: i.value,
+            tokens: this.parseBody(e),
+            ctx: ar(i)
+          });
+          break;
+        }
+        case "end":
+          return c;
+        default:
+          throw new P(i, `Unexpected lexer token: ${i.type}`);
+      }
+    throw new P(null, "Unexpected message end");
+  }
+  parseArgToken(o, e) {
+    const t = ar(o), a = this.lexer.next();
+    if (!a)
+      throw new P(null, "Unexpected message end");
+    if (t.text += a.text, t.lineBreaks += a.lineBreaks, this.strict && (a.type === "func-simple" || a.type === "func-args") && !fa.includes(a.value)) {
+      const c = `Invalid strict mode function arg type: ${a.value}`;
+      throw new P(o, c);
+    }
+    switch (a.type) {
+      case "end":
+        return { type: "argument", arg: o.value, ctx: t };
+      case "func-simple": {
+        const c = this.lexer.next();
+        if (!c)
+          throw new P(null, "Unexpected message end");
+        if (c.type !== "end")
+          throw new P(c, `Unexpected lexer token: ${c.type}`);
+        if (t.text += c.text, Sr(a.value.toLowerCase()))
+          throw new P(a, `Invalid type identifier: ${a.value}`);
+        return {
+          type: "function",
+          arg: o.value,
+          key: a.value,
+          ctx: t
+        };
+      }
+      case "func-args": {
+        if (Sr(a.value.toLowerCase())) {
+          const i = `Invalid type identifier: ${a.value}`;
+          throw new P(a, i);
+        }
+        let c = this.parseBody(this.strict ? !1 : e);
+        return this.strict && c.length > 0 && (c = ma(o, c)), {
+          type: "function",
+          arg: o.value,
+          key: a.value,
+          param: c,
+          ctx: t
+        };
+      }
+      case "select":
+        if (Sr(a.value))
+          return this.parseSelect(o, e, t, a.value);
+        throw new P(a, `Unexpected select type ${a.value}`);
+      default:
+        throw new P(a, `Unexpected lexer token: ${a.type}`);
+    }
+  }
+  parseBody(o, e) {
+    const t = [];
+    let a = null;
+    for (const c of this.lexer)
+      if (c.type === "argument")
+        a && (a = null), t.push(this.parseArgToken(c, o));
+      else if (c.type === "octothorpe" && o)
+        a && (a = null), t.push({ type: "octothorpe", ctx: ar(c) });
+      else {
+        if (c.type === "end" && !e)
+          return t;
+        {
+          let i = c.value;
+          if (!o && c.type === "quoted" && i[0] === "#") {
+            if (i.includes("{")) {
+              const l = `Unsupported escape pattern: ${i}`;
+              throw new P(c, l);
+            }
+            i = c.text;
+          }
+          a ? (a.value += i, a.ctx.text += c.text, a.ctx.lineBreaks += c.lineBreaks) : (a = { type: "content", value: i, ctx: ar(c) }, t.push(a));
+        }
+      }
+    if (e)
+      return t;
+    throw new P(null, "Unexpected message end");
+  }
+}
+function $a(r, o = {}) {
+  return new ka(r, o).parse();
+}
+dt = Wo.parse = $a;
+function bt(r, o) {
+  return r.filter((e) => e.type !== "content").length ? r.map((e) => {
+    var c;
+    if (e.type === "content")
+      return o(e.value);
+    if (e.type === "octothorpe")
+      return "#";
+    if (e.type === "argument")
+      return [e.arg];
+    if (e.type === "function") {
+      const i = (c = e == null ? void 0 : e.param) == null ? void 0 : c[0];
+      return i ? [e.arg, e.key, i.value.trim()] : [e.arg, e.key];
+    }
+    const t = e.pluralOffset, a = {};
+    return e.cases.forEach((i) => {
+      a[i.key.replace(/^=(.)+/, "$1")] = bt(
+        i.tokens,
+        o
+      );
+    }), [
+      e.arg,
+      e.type,
+      {
+        offset: t,
+        ...a
+      }
+    ];
+  }) : r.map((e) => o(e.value)).join("");
+}
+function ya(r, o = (e) => e) {
+  try {
+    return bt(dt(r), o);
+  } catch (e) {
+    return console.error(`${e.message} 
+
+Message: ${r}`), r;
+  }
+}
+const to = (r) => typeof r == "string", za = (r) => typeof r == "function", Xe = /* @__PURE__ */ new Map();
+function le(r) {
+  return [...Array.isArray(r) ? r : [r], "en"];
+}
+function st(r, o, e) {
+  const t = le(r);
+  return xr(
+    () => mr("date", t, e),
+    () => new Intl.DateTimeFormat(t, e)
+  ).format(to(o) ? new Date(o) : o);
+}
+function Rr(r, o, e) {
+  const t = le(r);
+  return xr(
+    () => mr("number", t, e),
+    () => new Intl.NumberFormat(t, e)
+  ).format(o);
+}
+function Ye(r, o, e, { offset: t = 0, ...a }) {
+  const c = le(r), i = o ? xr(
+    () => mr("plural-ordinal", c),
+    () => new Intl.PluralRules(c, { type: "ordinal" })
+  ) : xr(
+    () => mr("plural-cardinal", c),
+    () => new Intl.PluralRules(c, { type: "cardinal" })
+  );
+  return a[e] ?? a[i.select(e - t)] ?? a.other;
+}
+function xr(r, o) {
+  const e = r();
+  let t = Xe.get(e);
+  return t || (t = o(), Xe.set(e, t)), t;
+}
+function mr(r, o, e) {
+  const t = o.join("-");
+  return `${r}-${t}-${JSON.stringify(e)}`;
+}
+const gt = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g, _a = (r, o, e = {}) => {
+  o = o || r;
+  const t = (c) => to(c) ? e[c] || { style: c } : c, a = (c, i) => {
+    const l = Object.keys(e).length ? t("number") : {}, n = Rr(o, c, l);
+    return i.replace("#", n);
+  };
+  return {
+    plural: (c, i) => {
+      const { offset: l = 0 } = i, n = Ye(o, !1, c, i);
+      return a(c - l, n);
+    },
+    selectordinal: (c, i) => {
+      const { offset: l = 0 } = i, n = Ye(o, !0, c, i);
+      return a(c - l, n);
+    },
+    select: (c, i) => i[c] ?? i.other,
+    number: (c, i) => Rr(o, c, t(i)),
+    date: (c, i) => st(o, c, t(i)),
+    undefined: (c) => c
+  };
+};
+function qa(r, o, e) {
+  return (t, a = {}) => {
+    const c = _a(o, e, a), i = (n) => Array.isArray(n) ? n.reduce((b, v) => {
+      if (to(v))
+        return b + v;
+      const [u, h, g] = v;
+      let p = {};
+      g != null && !to(g) ? Object.keys(g).forEach((z) => {
+        p[z] = i(g[z]);
+      }) : p = g;
+      const x = c[h](t[u], p);
+      return x == null ? b : b + x;
+    }, "") : n, l = i(r);
+    return to(l) && gt.test(l) ? wa(l.trim()) : to(l) ? l.trim() : l;
+  };
+}
+var Xa = Object.defineProperty, Ya = (r, o, e) => o in r ? Xa(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, ja = (r, o, e) => (Ya(r, typeof o != "symbol" ? o + "" : o, e), e);
+class Za {
+  constructor() {
+    ja(this, "_events", {});
+  }
+  on(o, e) {
+    return this._hasEvent(o) || (this._events[o] = []), this._events[o].push(e), () => this.removeListener(o, e);
+  }
+  removeListener(o, e) {
+    if (!this._hasEvent(o))
+      return;
+    const t = this._events[o].indexOf(e);
+    ~t && this._events[o].splice(t, 1);
+  }
+  emit(o, ...e) {
+    this._hasEvent(o) && this._events[o].map((t) => t.apply(this, e));
+  }
+  _hasEvent(o) {
+    return Array.isArray(this._events[o]);
+  }
+}
+var Sa = Object.defineProperty, Aa = (r, o, e) => o in r ? Sa(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, Ao = (r, o, e) => (Aa(r, typeof o != "symbol" ? o + "" : o, e), e);
+class Ea extends Za {
+  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);
+  }
+  get locale() {
+    return this._locale;
+  }
+  get locales() {
+    return this._locales;
+  }
+  get messages() {
+    return this._messages[this._locale] ?? {};
+  }
+  /**
+   * @deprecated this has no effect. Please remove this from the code. Deprecated in v4
+   */
+  get localeData() {
+    return this._localeData[this._locale] ?? {};
+  }
+  _loadLocaleData(o, e) {
+    this._localeData[o] == null ? this._localeData[o] = e : Object.assign(this._localeData[o], e);
+  }
+  /**
+   * @deprecated Plurals automatically used from Intl.PluralRules you can safely remove this call. Deprecated in v4
+   */
+  loadLocaleData(o, e) {
+    e != null ? this._loadLocaleData(o, e) : Object.keys(o).forEach(
+      (t) => this._loadLocaleData(t, o[t])
+    ), this.emit("change");
+  }
+  _load(o, e) {
+    this._messages[o] == null ? this._messages[o] = e : Object.assign(this._messages[o], e);
+  }
+  load(o, e) {
+    e != null ? this._load(o, e) : Object.keys(o).forEach(
+      (t) => this._load(t, o[t])
+    ), this.emit("change");
+  }
+  /**
+   * @param options {@link LoadAndActivateOptions}
+   */
+  loadAndActivate({ locale: o, locales: e, messages: t }) {
+    this._locale = o, this._locales = e || void 0, this._messages[this._locale] = t, this.emit("change");
+  }
+  activate(o, e) {
+    process.env.NODE_ENV !== "production" && (this._messages[o] || console.warn(`Messages for locale "${o}" not loaded.`)), this._locale = o, this._locales = e, this.emit("change");
+  }
+  _(o, e = {}, { message: t, formats: a } = {}) {
+    to(o) || (e = o.values || e, t = o.message, o = o.id);
+    const c = !this.messages[o], i = this._missing;
+    if (i && c)
+      return za(i) ? i(this._locale, o) : i;
+    c && this.emit("missing", { id: o, locale: this._locale });
+    let l = this.messages[o] || t || o;
+    return process.env.NODE_ENV !== "production" && (l = to(l) ? ya(l) : l), to(l) && gt.test(l) ? JSON.parse(`"${l}"`) : to(l) ? l : qa(
+      l,
+      this._locale,
+      this._locales
+    )(e, a);
+  }
+  date(o, e) {
+    return st(this._locales || this._locale, o, e);
+  }
+  number(o, e) {
+    return Rr(this._locales || this._locale, o, e);
+  }
+}
+function Ca(r = {}) {
+  return new Ea(r);
+}
+const Vo = Ca(), La = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}'), Ma = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}'), Ta = JSON.parse('{"breadcrumbs.ariaLabel":"Olet tässä"}'), Oa = ["en", "nb", "fi"], ut = "en", je = (r) => Oa.find(
+  (o) => r === o || r.toLowerCase().includes(o)
+) || ut;
+function Ba() {
+  if (typeof window > "u") {
+    const r = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    return je(r);
+  }
+  try {
+    const r = document.documentElement.lang;
+    return je(r);
+  } catch (r) {
+    return console.warn("could not detect locale, falling back to source locale", r), ut;
+  }
+}
+const Na = (r, o, e, t) => r === "nb" ? e : r === "fi" ? t : o, de = (r, o, e) => {
+  const t = Ba(), a = Na(t, r, o, e);
+  Vo.load(t, a), Vo.activate(t);
+}, Da = f`<span class=${Eo.separator} aria-hidden='true'>/</span>`;
+class Pr extends Ko(I) {
   constructor() {
-    super(), this.ariaLabel = "Her er du";
+    super(), de(La, Ma, Ta), this.ariaLabel = Vo._(
+      {
+        id: "breadcrumbs.ariaLabel",
+        message: "You are here",
+        comment: "Default screenreader message for the breadcrumb component"
+      }
+    );
   }
   connectedCallback() {
     super.connectedCallback();
     const e = Array.from(this.children).flat(1 / 0).filter((t) => t).map((t, a) => {
       if (typeof t == "string") {
         const c = a === children.length - 1;
-        return v`<span class=${go.text} aria-current=${c ? "page" : void 0}>${t}</span>`;
+        return f`<span class=${Eo.text} aria-current=${c ? "page" : void 0}>${t}</span>`;
       }
-      return t.classList.add(t.tagName === "A" ? go.link : go.text), t;
+      return t.classList.add(t.tagName === "A" ? Eo.link : Eo.text), t;
     });
-    this._children = _t(e, Xt);
+    this._children = ha(e, Da);
   }
   render() {
-    return v`
+    return f`
       <nav aria-label=${this.ariaLabel}>
-        <h2 class=${go.a11y}>${this.ariaLabel}</h2>
-        <div class=${go.wrapper}>
+        <h2 class=${Eo.a11y}>${this.ariaLabel}</h2>
+        <div class=${Eo.wrapper}>
           ${this._children}
         </div>
       </nav>
     `;
   }
 }
-f(vr, "styles", A`
+Z(Pr, "styles", Q`
     /* 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}
@@ -5348,37 +6290,37 @@ f(vr, "styles", A`
 .sm\\:pb-32{padding-bottom:3.2rem;}
 .sm\\:pt-32{padding-top:3.2rem;}
 }
-  `), f(vr, "properties", {
+  `), Z(Pr, "properties", {
   ariaLabel: { type: String }
 });
-customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs", vr);
+customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs", Pr);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: Yt } = Ie, Vr = () => document.createComment(""), ko = (r, o, e) => {
+const { I: Ra } = St, Ze = () => document.createComment(""), Ro = (r, o, e) => {
   var t;
   const a = r._$AA.parentNode, c = o === void 0 ? r._$AB : o._$AA;
   if (e === void 0) {
-    const i = a.insertBefore(Vr(), c), l = a.insertBefore(Vr(), c);
-    e = new Yt(i, l, r, r.options);
+    const i = a.insertBefore(Ze(), c), l = a.insertBefore(Ze(), c);
+    e = new Ra(i, l, r, r.options);
   } else {
-    const i = e._$AB.nextSibling, l = e._$AM, d = l !== r;
-    if (d) {
-      let n;
-      (t = e._$AQ) === null || t === void 0 || t.call(e, r), e._$AM = r, e._$AP !== void 0 && (n = r._$AU) !== l._$AU && e._$AP(n);
+    const i = e._$AB.nextSibling, l = e._$AM, n = l !== r;
+    if (n) {
+      let b;
+      (t = e._$AQ) === null || t === void 0 || t.call(e, r), e._$AM = r, e._$AP !== void 0 && (b = r._$AU) !== l._$AU && e._$AP(b);
     }
-    if (i !== c || d) {
-      let n = e._$AA;
-      for (; n !== i; ) {
-        const g = n.nextSibling;
-        a.insertBefore(n, c), n = g;
+    if (i !== c || n) {
+      let b = e._$AA;
+      for (; b !== i; ) {
+        const v = b.nextSibling;
+        a.insertBefore(b, c), b = v;
       }
     }
   }
   return e;
-}, eo = (r, o, e = r) => (r._$AI(o, e), r), jt = {}, Zt = (r, o = jt) => r._$AH = o, At = (r) => r._$AH, cr = (r) => {
+}, zo = (r, o, e = r) => (r._$AI(o, e), r), Pa = {}, Ia = (r, o = Pa) => r._$AH = o, Ha = (r) => r._$AH, Ar = (r) => {
   var o;
   (o = r._$AP) === null || o === void 0 || o.call(r, !1, !0);
   let e = r._$AA;
@@ -5393,14 +6335,14 @@ const { I: Yt } = Ie, Vr = () => document.createComment(""), ko = (r, o, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Gr = (r, o, e) => {
+const Se = (r, o, e) => {
   const t = /* @__PURE__ */ new Map();
   for (let a = o; a <= e; a++)
     t.set(r[a], a);
   return t;
-}, ze = Yr(class extends jr {
+}, vt = te(class extends ae {
   constructor(r) {
-    if (super(r), r.type !== Xr.CHILD)
+    if (super(r), r.type !== ee.CHILD)
       throw Error("repeat() can only be used in text expressions");
   }
   dt(r, o, e) {
@@ -5417,58 +6359,58 @@ const Gr = (r, o, e) => {
   }
   update(r, [o, e, t]) {
     var a;
-    const c = At(r), { values: i, keys: l } = this.dt(o, e, t);
+    const c = Ha(r), { values: i, keys: l } = this.dt(o, e, t);
     if (!Array.isArray(c))
       return this.ht = l, i;
-    const d = (a = this.ht) !== null && a !== void 0 ? a : this.ht = [], n = [];
-    let g, b, s = 0, w = c.length - 1, x = 0, m = i.length - 1;
-    for (; s <= w && x <= m; )
-      if (c[s] === null)
-        s++;
-      else if (c[w] === null)
-        w--;
-      else if (d[s] === l[x])
-        n[x] = eo(c[s], i[x]), s++, x++;
-      else if (d[w] === l[m])
-        n[m] = eo(c[w], i[m]), w--, m--;
-      else if (d[s] === l[m])
-        n[m] = eo(c[s], i[m]), ko(r, n[m + 1], c[s]), s++, m--;
-      else if (d[w] === l[x])
-        n[x] = eo(c[w], i[x]), ko(r, c[s], c[w]), w--, x++;
-      else if (g === void 0 && (g = Gr(l, x, m), b = Gr(d, s, w)), g.has(d[s]))
-        if (g.has(d[w])) {
-          const y = b.get(l[x]), X = y !== void 0 ? c[y] : null;
-          if (X === null) {
-            const j = ko(r, c[s]);
-            eo(j, i[x]), n[x] = j;
+    const n = (a = this.ht) !== null && a !== void 0 ? a : this.ht = [], b = [];
+    let v, u, h = 0, g = c.length - 1, p = 0, x = i.length - 1;
+    for (; h <= g && p <= x; )
+      if (c[h] === null)
+        h++;
+      else if (c[g] === null)
+        g--;
+      else if (n[h] === l[p])
+        b[p] = zo(c[h], i[p]), h++, p++;
+      else if (n[g] === l[x])
+        b[x] = zo(c[g], i[x]), g--, x--;
+      else if (n[h] === l[x])
+        b[x] = zo(c[h], i[x]), Ro(r, b[x + 1], c[h]), h++, x--;
+      else if (n[g] === l[p])
+        b[p] = zo(c[g], i[p]), Ro(r, c[h], c[g]), g--, p++;
+      else if (v === void 0 && (v = Se(l, p, x), u = Se(n, h, g)), v.has(n[h]))
+        if (v.has(n[g])) {
+          const z = u.get(l[p]), E = z !== void 0 ? c[z] : null;
+          if (E === null) {
+            const M = Ro(r, c[h]);
+            zo(M, i[p]), b[p] = M;
           } else
-            n[x] = eo(X, i[x]), ko(r, c[s], X), c[y] = null;
-          x++;
+            b[p] = zo(E, i[p]), Ro(r, c[h], E), c[z] = null;
+          p++;
         } else
-          cr(c[w]), w--;
+          Ar(c[g]), g--;
       else
-        cr(c[s]), s++;
-    for (; x <= m; ) {
-      const y = ko(r, n[m + 1]);
-      eo(y, i[x]), n[x++] = y;
+        Ar(c[h]), h++;
+    for (; p <= x; ) {
+      const z = Ro(r, b[x + 1]);
+      zo(z, i[p]), b[p++] = z;
     }
-    for (; s <= w; ) {
-      const y = c[s++];
-      y !== null && cr(y);
+    for (; h <= g; ) {
+      const z = c[h++];
+      z !== null && Ar(z);
     }
-    return this.ht = l, Zt(r, n), V;
+    return this.ht = l, Ia(r, b), ho;
   }
-}), Xo = typeof window < "u";
-class pr extends Y {
+}), Go = typeof window < "u";
+class Ir extends I {
   constructor() {
-    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = Xo ? window.location.href : "";
+    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = Go ? window.location.href : "";
   }
   async connectedCallback() {
     if (super.connectedCallback(), !this.api) {
       console.error('Broadcast "api" attribute invalid or undefined');
       return;
     }
-    Xo && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
+    Go && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
   }
   async _fetchMessage() {
     const o = `${this.api}?path=${this.url}`;
@@ -5484,12 +6426,12 @@ class pr extends Y {
   }
   render() {
     const o = this._messages.filter((e) => !this._hiddenMessageIds.includes(e.id));
-    return v`
+    return f`
       <aside class=${`${o.length === 0 ? "hidden" : "mb-16"}`}>
-        ${ze(
+        ${vt(
       o,
       ({ id: e }) => `broadcast-${e}`,
-      ({ id: e, message: t }) => v`<w-toast
+      ({ id: e, message: t }) => f`<w-toast
               id="broadcast-${e}"
               type="warning"
               text="${t}"
@@ -5502,7 +6444,7 @@ class pr extends Y {
     `;
   }
 }
-f(pr, "properties", {
+Z(Ir, "properties", {
   _messages: {
     state: !0,
     hasChanged(o, e) {
@@ -5519,7 +6461,7 @@ f(pr, "properties", {
   interval: { type: Number, attribute: !0, reflect: !0 },
   url: { type: String, attribute: !0, reflect: !0 },
   api: { type: String, attribute: !0, reflect: !0 }
-}), f(pr, "styles", A`
+}), Z(Ir, "styles", Q`
     /* 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}
@@ -6170,8 +7112,8 @@ f(pr, "properties", {
 .sm\\:pt-32{padding-top:3.2rem;}
 }
   `);
-customElements.get("w-broadcast") || customElements.define("w-broadcast", pr);
-const Jr = [
+customElements.get("w-broadcast") || customElements.define("w-broadcast", Ir);
+const Qa = JSON.parse('{"button.aria.loading":"Loading..."}'), Ua = JSON.parse('{"button.aria.loading":"Laster..."}'), Fa = JSON.parse('{"button.aria.loading":"Ladataan..."}'), Ae = [
   "primary",
   "secondary",
   "negative",
@@ -6179,15 +7121,19 @@ const Jr = [
   "pill",
   "link"
 ];
-class Eo extends jo(Y) {
+class cr extends Ko(I) {
   constructor() {
-    super(), this.variant = "secondary";
+    super(), de(Qa, Ua, Fa), this.variant = "secondary", this.ariaValueTextLoading = Vo._({
+      id: "button.aria.loading",
+      message: "Loading...",
+      comment: "Screenreader message for buttons that are loading"
+    });
   }
   connectedCallback() {
-    if (super.connectedCallback(), !Jr.includes(this.variant))
+    if (super.connectedCallback(), !Ae.includes(this.variant))
       throw new Error(
         `Invalid "variant" attribute. Set its value to one of the following:
-${Jr.join(
+${Ae.join(
           ", "
         )}.`
       );
@@ -6197,74 +7143,79 @@ ${Jr.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 W(
+    return uo(
       {
-        [k.secondary]: e && !this.small && !this.quiet && !this.loading,
-        [k.secondarySmall]: e && this.small && !this.quiet && !this.loading,
-        [k.secondarySmallLoading]: e && this.small && !this.quiet && this.loading,
-        [k.secondarySmallQuiet]: e && this.small && this.quiet && !this.loading,
-        [k.secondarySmallQuietLoading]: e && this.small && this.quiet && this.loading,
-        [k.secondaryQuiet]: e && !this.small && this.quiet && !this.loading,
-        [k.secondaryQuietLoading]: e && !this.small && this.quiet && this.loading,
-        [k.secondaryLoading]: e && !this.small && !this.quiet && this.loading,
-        [k.primary]: o && !this.small && !this.quiet && !this.loading,
-        [k.primarySmall]: o && this.small && !this.quiet && !this.loading,
-        [k.primarySmallQuiet]: o && this.small && this.quiet && !this.loading,
-        [k.primarySmallLoading]: o && this.small && !this.quiet && this.loading,
-        [k.primarySmallQuietLoading]: o && this.small && this.quiet && this.loading,
-        [k.primaryQuiet]: o && !this.small && this.quiet && !this.loading,
-        [k.primaryQuietLoading]: o && !this.small && this.quiet && this.loading,
-        [k.primaryLoading]: o && !this.small && !this.quiet && this.loading,
-        [k.utility]: a && !this.small && !this.quiet && !this.loading,
-        [k.utilitySmall]: a && this.small && !this.quiet && !this.loading,
-        [k.utilitySmallQuiet]: a && this.small && this.quiet && !this.loading,
-        [k.utilitySmallLoading]: a && this.small && !this.quiet && this.loading,
-        [k.utilitySmallQuietLoading]: a && this.small && this.quiet && this.loading,
-        [k.utilityQuiet]: a && !this.small && this.quiet && !this.loading,
-        [k.utilityQuietLoading]: a && !this.small && this.quiet && this.loading,
-        [k.utilityLoading]: a && !this.small && !this.quiet && this.loading,
-        [k.negative]: t && !this.small && !this.quiet && !this.loading,
-        [k.negativeSmall]: t && this.small && !this.quiet && !this.loading,
-        [k.negativeSmallQuiet]: t && this.small && this.quiet && !this.loading,
-        [k.negativeSmallLoading]: t && this.small && !this.quiet && this.loading,
-        [k.negativeSmallQuietLoading]: t && this.small && this.quiet && this.loading,
-        [k.negativeQuiet]: t && !this.small && this.quiet && !this.loading,
-        [k.negativeQuietLoading]: t && !this.small && this.quiet && this.loading,
-        [k.negativeLoading]: t && !this.small && !this.quiet && this.loading,
-        [k.pill]: c && !this.small && !this.loading,
-        [k.pillSmall]: c && this.small && !this.loading,
-        [k.pillLoading]: c && !this.small && this.loading,
-        [k.pillSmallLoading]: c && this.small && this.loading,
-        [k.link]: i && !this.small,
-        [k.linkSmall]: i && this.small,
-        [k.linkAsButton]: !!this.href,
-        [k.fullWidth]: this.fullWidth,
-        [k.contentWidth]: !this.fullWidth
+        [X.secondary]: e && !this.small && !this.quiet && !this.loading,
+        [X.secondarySmall]: e && this.small && !this.quiet && !this.loading,
+        [X.secondarySmallLoading]: e && this.small && !this.quiet && this.loading,
+        [X.secondarySmallQuiet]: e && this.small && this.quiet && !this.loading,
+        [X.secondarySmallQuietLoading]: e && this.small && this.quiet && this.loading,
+        [X.secondaryQuiet]: e && !this.small && this.quiet && !this.loading,
+        [X.secondaryQuietLoading]: e && !this.small && this.quiet && this.loading,
+        [X.secondaryLoading]: e && !this.small && !this.quiet && this.loading,
+        [X.primary]: o && !this.small && !this.quiet && !this.loading,
+        [X.primarySmall]: o && this.small && !this.quiet && !this.loading,
+        [X.primarySmallQuiet]: o && this.small && this.quiet && !this.loading,
+        [X.primarySmallLoading]: o && this.small && !this.quiet && this.loading,
+        [X.primarySmallQuietLoading]: o && this.small && this.quiet && this.loading,
+        [X.primaryQuiet]: o && !this.small && this.quiet && !this.loading,
+        [X.primaryQuietLoading]: o && !this.small && this.quiet && this.loading,
+        [X.primaryLoading]: o && !this.small && !this.quiet && this.loading,
+        [X.utility]: a && !this.small && !this.quiet && !this.loading,
+        [X.utilitySmall]: a && this.small && !this.quiet && !this.loading,
+        [X.utilitySmallQuiet]: a && this.small && this.quiet && !this.loading,
+        [X.utilitySmallLoading]: a && this.small && !this.quiet && this.loading,
+        [X.utilitySmallQuietLoading]: a && this.small && this.quiet && this.loading,
+        [X.utilityQuiet]: a && !this.small && this.quiet && !this.loading,
+        [X.utilityQuietLoading]: a && !this.small && this.quiet && this.loading,
+        [X.utilityLoading]: a && !this.small && !this.quiet && this.loading,
+        [X.negative]: t && !this.small && !this.quiet && !this.loading,
+        [X.negativeSmall]: t && this.small && !this.quiet && !this.loading,
+        [X.negativeSmallQuiet]: t && this.small && this.quiet && !this.loading,
+        [X.negativeSmallLoading]: t && this.small && !this.quiet && this.loading,
+        [X.negativeSmallQuietLoading]: t && this.small && this.quiet && this.loading,
+        [X.negativeQuiet]: t && !this.small && this.quiet && !this.loading,
+        [X.negativeQuietLoading]: t && !this.small && this.quiet && this.loading,
+        [X.negativeLoading]: t && !this.small && !this.quiet && this.loading,
+        [X.pill]: c && !this.small && !this.loading,
+        [X.pillSmall]: c && this.small && !this.loading,
+        [X.pillLoading]: c && !this.small && this.loading,
+        [X.pillSmallLoading]: c && this.small && this.loading,
+        [X.link]: i && !this.small,
+        [X.linkSmall]: i && this.small,
+        [X.linkAsButton]: !!this.href,
+        [X.fullWidth]: this.fullWidth,
+        [X.contentWidth]: !this.fullWidth
       },
       this.buttonClass
     );
   }
   render() {
-    return v`
-    ${this.href ? v`<a
+    return f` ${this.href ? f`<a
           href=${this.href}
           target=${this.target}
           rel=${this.target === "_blank" ? this.rel || "noopener" : void 0}
           class=${this._classes}
         >
           <slot></slot>
-        </a>` : v`<button type=${this.type || "button"} class=${this._classes}>
+        </a>` : f`<button
+          type=${this.type || "button"}
+          class=${this._classes}
+        >
           <slot></slot>
         </button>`}
-    ${this.loading ? v`<span
+    ${this.loading ? f`<span
           class="sr-only"
           role="progressbar"
           aria-valuenow="{0}"
-          aria-valuetext="Laster..."
+          aria-valuetext=${this.ariaValueTextLoading}
         />` : null}`;
   }
 }
-f(Eo, "shadowRootOptions", { ...Y.shadowRootOptions, delegatesFocus: !0 }), f(Eo, "properties", {
+Z(cr, "shadowRootOptions", {
+  ...I.shadowRootOptions,
+  delegatesFocus: !0
+}), Z(cr, "properties", {
   type: { type: "button" | "submit" | "reset", reflect: !0 },
   autofocus: { type: Boolean, reflect: !0 },
   variant: { type: String, reflect: !0 },
@@ -6276,7 +7227,7 @@ f(Eo, "shadowRootOptions", { ...Y.shadowRootOptions, delegatesFocus: !0 }), f(Eo
   rel: { type: String, reflect: !0 },
   fullWidth: { type: Boolean, reflect: !0 },
   buttonClass: { type: String, reflect: !0 }
-}), f(Eo, "styles", A`
+}), Z(cr, "styles", Q`
     /* 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}
@@ -6924,47 +7875,47 @@ f(Eo, "shadowRootOptions", { ...Y.shadowRootOptions, delegatesFocus: !0 }), f(Eo
 .sm\\:px-32{padding-left:3.2rem;padding-right:3.2rem;}
 .sm\\:pb-32{padding-bottom:3.2rem;}
 .sm\\:pt-32{padding-top:3.2rem;}
-}
+};
   `);
-customElements.get("w-button") || customElements.define("w-button", Eo);
-const Kr = {
+customElements.get("w-button") || customElements.define("w-button", cr);
+const Ee = {
   ENTER: "Enter",
   SPACE: " "
 };
-class hr extends Y {
+class Hr extends I {
   constructor() {
     super(), this.selected = !1, this.flat = !1, this.clickable = !1;
   }
   get _outerClasses() {
-    return E({
-      [D.card]: !0,
-      [D.cardShadow]: !this.flat,
-      [D.cardSelected]: this.selected,
-      [D.cardFlat]: this.flat,
-      [this.selected ? D.cardFlatSelected : D.cardFlatUnselected]: this.flat
+    return V({
+      [eo.card]: !0,
+      [eo.cardShadow]: !this.flat,
+      [eo.cardSelected]: this.selected,
+      [eo.cardFlat]: this.flat,
+      [this.selected ? eo.cardFlatSelected : eo.cardFlatUnselected]: this.flat
     });
   }
   get _innerClasses() {
-    return E({
-      [D.cardOutline]: !0,
-      [this.selected ? D.cardOutlineSelected : D.cardOutlineUnselected]: !0
+    return V({
+      [eo.cardOutline]: !0,
+      [this.selected ? eo.cardOutlineSelected : eo.cardOutlineUnselected]: !0
     });
   }
   get uuButton() {
-    return v`<button class="${D.a11y}" aria-pressed="${this.selected}" tabindex="-1">
+    return f`<button class="${eo.a11y}" aria-pressed="${this.selected}" tabindex="-1">
       Velg
     </button>`;
   }
   get uuSpan() {
-    return v`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;
+    return f`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;
   }
   keypressed(o) {
-    !this.clickable || o.altKey || o.ctrlKey || (o.key === Kr.ENTER || o.key === Kr.SPACE) && (o.preventDefault(), this.click());
+    !this.clickable || o.altKey || o.ctrlKey || (o.key === Ee.ENTER || o.key === Ee.SPACE) && (o.preventDefault(), this.click());
   }
   render() {
-    return v`
+    return f`
       <div
-        tabindex=${q(this.clickable ? "0" : void 0)}
+        tabindex=${B(this.clickable ? "0" : void 0)}
         class="${this._outerClasses}"
         @keydown=${this.keypressed}
       >
@@ -6976,8 +7927,8 @@ class hr extends Y {
     `;
   }
 }
-f(hr, "styles", [
-  A`
+Z(Hr, "styles", [
+  Q`
       /* 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}
@@ -7638,19 +8589,19 @@ f(hr, "styles", [
         display: block;
       }
     `
-]), f(hr, "properties", {
+]), Z(Hr, "properties", {
   selected: { type: Boolean, reflect: !0 },
   flat: { type: Boolean },
   clickable: { type: Boolean }
 });
-customElements.get("w-card") || customElements.define("w-card", hr);
-class oe extends Y {
+customElements.get("w-card") || customElements.define("w-card", Hr);
+class Ce extends I {
   render() {
-    return v`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 5.5 8 11l5.5-5.5"></path></svg>`;
+    return f`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 5.5 8 11l5.5-5.5"></path></svg>`;
   }
 }
-customElements.get("w-icon-chevron-down16", oe) || customElements.define("w-icon-chevron-down16", oe);
-class wr extends jo(Y) {
+customElements.get("w-icon-chevron-down16", Ce) || customElements.define("w-icon-chevron-down16", Ce);
+class Qr extends Ko(I) {
   constructor() {
     super(), this.expanded = !1, this.animated = !1, this.info = !1, this.box = !1, this.bleed = !1, this.noChevron = !1, this._hasTitle = !0;
   }
@@ -7658,43 +8609,43 @@ class wr extends jo(Y) {
     this._hasTitle = !!this.title || this.renderRoot.querySelector("slot[name='title']").assignedNodes().length > 0;
   }
   get _expandableSlot() {
-    return v`<div
-      class=${E({
+    return f`<div
+      class=${V({
       [this.contentClass || ""]: !0,
-      [H.box]: this.box,
-      [L.paddingTop]: this._hasTitle && this.box
+      [no.box]: this.box,
+      [U.paddingTop]: this._hasTitle && this.box
     })}
     >
       <slot></slot>
     </div>`;
   }
   render() {
-    return v` <div
-      class=${E({
-      [L.expandable]: !0,
-      [L.expandableBox]: this.box,
-      [L.expandableBleed]: this.bleed
+    return f` <div
+      class=${V({
+      [U.expandable]: !0,
+      [U.expandableBox]: this.box,
+      [U.expandableBleed]: this.bleed
     })}
     >
-      ${this._hasTitle ? v`<w-unstyled-heading level=${this.headingLevel}>
+      ${this._hasTitle ? f`<w-unstyled-heading level=${this.headingLevel}>
             <button
               type="button"
               aria-expanded="${this.expanded}"
-              class=${E({
+              class=${V({
       [this.buttonClass || ""]: !0,
-      [L.button]: !0,
-      [L.buttonBox]: this.box
+      [U.button]: !0,
+      [U.buttonBox]: this.box
     })}
               @click=${() => this.expanded = !this.expanded}
             >
-              <div class="${L.title}">
-                ${this.title ? v`<span class="${L.titleType}">${this.title}</span>` : v`<slot name="title"></slot>`}
-                ${this.noChevron ? "" : v`<div
-                      class=${E({
-      [L.chevron]: !0,
-      [L.chevronExpanded]: this.expanded,
-      [L.chevronBox]: this.box,
-      [L.chevronNonBox]: !this.box
+              <div class="${U.title}">
+                ${this.title ? f`<span class="${U.titleType}">${this.title}</span>` : f`<slot name="title"></slot>`}
+                ${this.noChevron ? "" : f`<div
+                      class=${V({
+      [U.chevron]: !0,
+      [U.chevronExpanded]: this.expanded,
+      [U.chevronBox]: this.box,
+      [U.chevronNonBox]: !this.box
     })}
                     >
                       <w-icon-chevron-down16></w-icon-chevron-down16>
@@ -7702,21 +8653,21 @@ class wr extends jo(Y) {
               </div>
             </button>
           </w-unstyled-heading>` : ""}
-      ${this.animated ? v`<w-expand-transition ?show=${this.expanded}>
+      ${this.animated ? f`<w-expand-transition ?show=${this.expanded}>
             ${this._expandableSlot}
-          </w-expand-transition>` : v`<div
-            class=${E({
-      [L.expansion]: !0,
-      [L.expansionNotExpanded]: !this.expanded
+          </w-expand-transition>` : f`<div
+            class=${V({
+      [U.expansion]: !0,
+      [U.expansionNotExpanded]: !this.expanded
     })}
-            aria-hidden=${q(this.expanded ? void 0 : !0)}
+            aria-hidden=${B(this.expanded ? void 0 : !0)}
           >
             ${this._expandableSlot}
           </div>`}
     </div>`;
   }
 }
-f(wr, "properties", {
+Z(Qr, "properties", {
   expanded: { type: Boolean, reflect: !0 },
   title: { type: String },
   info: { type: Boolean },
@@ -7732,8 +8683,8 @@ f(wr, "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
-f(wr, "styles", [
-  A`
+Z(Qr, "styles", [
+  Q`
       /* 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}
@@ -8390,13 +9341,13 @@ f(wr, "styles", [
       }
     `
 ]);
-customElements.get("w-expandable") || customElements.define("w-expandable", wr);
+customElements.get("w-expandable") || customElements.define("w-expandable", Qr);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Mo(r, o, e) {
+function ir(r, o, e) {
   return r ? o() : e == null ? void 0 : e();
 }
 /**
@@ -8404,15 +9355,15 @@ function Mo(r, o, e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class xr extends jr {
+class Ur extends ae {
   constructor(o) {
-    if (super(o), this.et = _, o.type !== Xr.CHILD)
+    if (super(o), this.et = N, o.type !== ee.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(o) {
-    if (o === _ || o == null)
+    if (o === N || o == null)
       return this.ft = void 0, this.et = o;
-    if (o === V)
+    if (o === ho)
       return o;
     if (typeof o != "string")
       throw Error(this.constructor.directiveName + "() called with a non-string value");
@@ -8423,50 +9374,58 @@ class xr extends jr {
     return e.raw = e, this.ft = { _$litType$: this.constructor.resultType, strings: e, values: [] };
   }
 }
-xr.directiveName = "unsafeHTML", xr.resultType = 1;
-const qe = Yr(xr);
-var Wo, _e, Uo, Xe, Vo, Ye, Go, je, so, To, uo, Bo;
-class mr extends jo(Y) {
+Ur.directiveName = "unsafeHTML", Ur.resultType = 1;
+const ht = te(Ur), Wa = JSON.parse('{"select.label.optional":"(optional)"}'), Va = JSON.parse('{"select.label.optional":"(valgfritt)"}'), Ga = JSON.parse('{"select.label.optional":"(valinnainen)"}');
+var fr, pt, kr, wt, $r, xt, yr, mt, Co, lr, Lo, dr;
+class Fr extends Ko(I) {
   constructor() {
     super();
-    J(this, Wo);
-    J(this, Uo);
-    J(this, Vo);
-    J(this, Go);
-    J(this, so);
-    J(this, uo);
-    this._options = this.innerHTML;
+    fo(this, fr);
+    fo(this, kr);
+    fo(this, $r);
+    fo(this, yr);
+    fo(this, Co);
+    fo(this, Lo);
+    de(Wa, Va, Ga), this._options = this.innerHTML;
   }
   render() {
-    return v`<div class="${bo.wrapper}">
-      ${Mo(
+    return f`<div class="${So.wrapper}">
+      ${ir(
       this.label,
-      () => v`<label class="${T(this, Uo, Xe)}" for="${T(this, so, To)}">
+      () => f`<label class="${J(this, kr, wt)}" for="${J(this, Co, lr)}">
             ${this.label}
-            ${Mo(
+            ${ir(
         this.optional,
-        () => v`<span class="${fo.optional}">(valgfritt)</span>`
+        () => f`<span class="${Po.optional}"
+                  >${Vo._({
+          id: "select.label.optional",
+          message: "(optional)",
+          comment: "Shown behind label when marked as optional"
+        })}</span
+                >`
       )}</label
           >`
     )}
-      <div class="${bo.selectWrapper}">
+      <div class="${So.selectWrapper}">
         <select
-          class="${T(this, Wo, _e)}"
-          id="${T(this, so, To)}"
+          class="${J(this, fr, pt)}"
+          id="${J(this, Co, lr)}"
           ?autofocus=${this.autoFocus}
-          aria-describedby="${q(T(this, uo, Bo))}"
-          aria-invalid="${q(this.invalid)}"
-          aria-errormessage="${q(this.invalid && T(this, uo, Bo))}"
+          aria-describedby="${B(J(this, Lo, dr))}"
+          aria-invalid="${B(this.invalid)}"
+          aria-errormessage="${B(
+      this.invalid && J(this, Lo, dr)
+    )}"
         >
-          ${qe(this._options)}
+          ${ht(this._options)}
         </select>
-        <div class="${T(this, Go, je)}">
+        <div class="${J(this, yr, mt)}">
           <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="none"
-              viewBox="0 0 16 16"
+            xmlns="http://www.w3.org/2000/svg"
+            width="16"
+            height="16"
+            fill="none"
+            viewBox="0 0 16 16"
           >
             <path
               stroke="currentColor"
@@ -8478,38 +9437,43 @@ class mr extends jo(Y) {
           </svg>
         </div>
       </div>
-      ${Mo(
+      ${ir(
       this.always || this.invalid,
-      () => v`<div id="${T(this, uo, Bo)}" class="${T(this, Vo, Ye)}">${this.hint}</div>`
+      () => f`<div
+            id="${J(this, Lo, dr)}"
+            class="${J(this, $r, xt)}"
+          >
+            ${this.hint}
+          </div>`
     )}
     </div>`;
   }
 }
-Wo = new WeakSet(), _e = function() {
-  return W({
-    [bo.default]: !0,
-    [bo.invalid]: this.invalid
+fr = new WeakSet(), pt = function() {
+  return uo({
+    [So.default]: !0,
+    [So.invalid]: this.invalid
   });
-}, Uo = new WeakSet(), Xe = function() {
-  return W({
-    [fo.label]: !0,
-    [fo.labelInvalid]: this.invalid
+}, kr = new WeakSet(), wt = function() {
+  return uo({
+    [Po.label]: !0,
+    [Po.labelInvalid]: this.invalid
   });
-}, Vo = new WeakSet(), Ye = function() {
-  return W({
-    [Io.helpText]: !0,
-    [Io.helpTextInvalid]: this.invalid
+}, $r = new WeakSet(), xt = function() {
+  return uo({
+    [gr.helpText]: !0,
+    [gr.helpTextInvalid]: this.invalid
   });
-}, Go = new WeakSet(), je = function() {
-  return W({
-    [bo.chevron]: !0,
-    [bo.chevronDisabled]: this.disabled
+}, yr = new WeakSet(), mt = function() {
+  return uo({
+    [So.chevron]: !0,
+    [So.chevronDisabled]: this.disabled
   });
-}, so = new WeakSet(), To = function() {
+}, Co = new WeakSet(), lr = function() {
   return "select_id";
-}, uo = new WeakSet(), Bo = function() {
-  return this.hint ? `${T(this, so, To)}__hint` : void 0;
-}, f(mr, "properties", {
+}, Lo = new WeakSet(), dr = function() {
+  return this.hint ? `${J(this, Co, lr)}__hint` : void 0;
+}, Z(Fr, "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
@@ -8523,7 +9487,7 @@ Wo = new WeakSet(), _e = function() {
   // Whether to show optional text
   optional: { type: Boolean, reflect: !0 },
   _options: { state: !0 }
-}), f(mr, "styles", A`
+}), Z(Fr, "styles", Q`
     /* 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}
@@ -9171,38 +10135,38 @@ Wo = new WeakSet(), _e = function() {
 .sm\\:px-32{padding-left:3.2rem;padding-right:3.2rem;}
 .sm\\:pb-32{padding-bottom:3.2rem;}
 .sm\\:pt-32{padding-top:3.2rem;}
-}
+};
   `);
-customElements.get("w-select") || customElements.define("w-select", mr);
-class kr extends Y {
+customElements.get("w-select") || customElements.define("w-select", Fr);
+class Wr extends I {
   constructor() {
     super(), this.type = "text";
   }
   get _inputStyles() {
-    return E({
-      [ro.default]: !0,
-      [ro.invalid]: this.invalid,
-      [ro.disabled]: this.disabled,
-      [ro.readOnly]: this.readOnly,
-      [ro.suffix]: this._hasSuffix,
-      [ro.prefix]: this._hasPrefix
+    return V({
+      [yo.default]: !0,
+      [yo.invalid]: this.invalid,
+      [yo.disabled]: this.disabled,
+      [yo.readOnly]: this.readOnly,
+      [yo.suffix]: this._hasSuffix,
+      [yo.prefix]: this._hasPrefix
     });
   }
   get _helpTextStyles() {
-    return E({
-      [Io.helpText]: !0,
-      [Io.helpTextInvalid]: this.invalid
+    return V({
+      [gr.helpText]: !0,
+      [gr.helpTextInvalid]: this.invalid
     });
   }
   get _labelStyles() {
-    return E({
-      [fo.label]: !0,
-      [fo.labelInvalid]: this.invalid
+    return V({
+      [Po.label]: !0,
+      [Po.labelInvalid]: this.invalid
     });
   }
   get _label() {
     if (this.label)
-      return v`<label for="${this._id}" class=${this._labelStyles}>${this.label}</label>`;
+      return f`<label for="${this._id}" class=${this._labelStyles}>${this.label}</label>`;
   }
   get _helpId() {
     if (this.helpText)
@@ -9232,25 +10196,25 @@ class kr extends Y {
     this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length && (this._hasSuffix = !0);
   }
   render() {
-    return v`
+    return f`
       ${this._label}
-      <div class="${ro.wrapper}">
+      <div class="${yo.wrapper}">
         <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
         <input
           class="${this._inputStyles}"
           type="${this.type}"
-          min="${q(this.min)}"
-          max="${q(this.max)}"
-          size="${q(this.size)}"
-          minlength="${q(this.minLength)}"
-          maxlength="${q(this.maxLength)}"
-          name="${q(this.name)}"
-          pattern="${q(this.pattern)}"
-          placeholder="${q(this.placeholder)}"
-          value="${q(this.value)}"
-          aria-describedby="${q(this._helpId)}"
-          aria-errormessage="${q(this._error)}"
-          aria-invalid="${q(this.invalid)}"
+          min="${B(this.min)}"
+          max="${B(this.max)}"
+          size="${B(this.size)}"
+          minlength="${B(this.minLength)}"
+          maxlength="${B(this.maxLength)}"
+          name="${B(this.name)}"
+          pattern="${B(this.pattern)}"
+          placeholder="${B(this.placeholder)}"
+          value="${B(this.value)}"
+          aria-describedby="${B(this._helpId)}"
+          aria-errormessage="${B(this._error)}"
+          aria-invalid="${B(this.invalid)}"
           id="${this._id}"
           ?disabled="${this.disabled}"
           ?readonly="${this.readOnly}"
@@ -9261,11 +10225,11 @@ class kr extends Y {
         />
         <slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
       </div>
-      ${this.helpText && v`<div class="${this._helpTextStyles}" id="${this._helpId}">${this.helpText}</div>`}
+      ${this.helpText && f`<div class="${this._helpTextStyles}" id="${this._helpId}">${this.helpText}</div>`}
     `;
   }
 }
-f(kr, "properties", {
+Z(Wr, "properties", {
   disabled: { type: Boolean },
   invalid: { type: Boolean },
   id: { type: String },
@@ -9289,8 +10253,8 @@ f(kr, "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
-f(kr, "styles", [
-  A`
+Z(Wr, "styles", [
+  Q`
       /* 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}
@@ -9947,9 +10911,9 @@ f(kr, "styles", [
       }
     `
 ]);
-customElements.get("w-textfield") || customElements.define("w-textfield", kr);
-function Wt(r, o) {
-  if (!Xo)
+customElements.get("w-textfield") || customElements.define("w-textfield", Wr);
+function vc(r, o) {
+  if (!Go)
     return;
   const e = customElements.get("w-toast-container").init(), t = {
     id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
@@ -9960,57 +10924,57 @@ function Wt(r, o) {
   };
   return e.set(t), t;
 }
-function Ut(r) {
-  return Xo ? customElements.get("w-toast-container").init().del(r) : void 0;
+function hc(r) {
+  return Go ? customElements.get("w-toast-container").init().del(r) : void 0;
 }
-function Vt(r, o) {
-  if (!Xo)
+function pc(r, o) {
+  if (!Go)
     return;
   const e = customElements.get("w-toast-container").init();
   return e.set({ ...e.get(r), ...o }), e.get(r);
 }
-const Sr = typeof window < "u";
-let Ze = !0;
-if (Sr) {
-  const r = window.matchMedia("(prefers-reduced-motion: reduce)"), o = ({ matches: e }) => Ze = !e;
+const ne = typeof window < "u";
+let ft = !0;
+if (ne) {
+  const r = window.matchMedia("(prefers-reduced-motion: reduce)"), o = ({ matches: e }) => ft = !e;
   r.addEventListener && r.addEventListener("change", o), o(r);
 }
-const Ae = (r) => {
+const kt = (r) => {
   r.style.transition = null, r.style.backfaceVisibility = null, r.style.overflow = null;
-}, Se = (r) => {
-  const o = Ze ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
+}, $t = (r) => {
+  const o = ft ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
   r.style.transition = `height ${o}`, r.style.backfaceVisibility = "hidden", r.style.overflow = "hidden";
-}, St = (r, o) => () => {
+}, Ja = (r, o) => () => {
   r.style.height = "auto", r.style.overflow = null, o && o();
-}, Ct = (r) => () => {
+}, Ka = (r) => () => {
   r && r();
-}, Ce = (r, o) => {
+}, yt = (r, o) => {
   const e = (() => {
     if (!o)
       return new Promise((c) => {
         o = c;
       });
-  })(), t = St(r, o);
-  Ae(r), r.style.height = "auto";
+  })(), t = Ja(r, o);
+  kt(r), r.style.height = "auto";
   let a = r.scrollHeight;
-  if (Sr && requestAnimationFrame(() => {
-    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = "0px", r.style.transitionTimingFunction = "ease-out", Se(r), requestAnimationFrame(() => r.style.height = a + "px");
+  if (ne && requestAnimationFrame(() => {
+    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = "0px", r.style.transitionTimingFunction = "ease-out", $t(r), requestAnimationFrame(() => r.style.height = a + "px");
   }), e)
     return e;
-}, Le = (r, o) => {
+}, zt = (r, o) => {
   const e = (() => {
     if (!o)
       return new Promise((c) => {
         o = c;
       });
-  })(), t = Ct(o);
-  Ae(r);
+  })(), t = Ka(o);
+  kt(r);
   let a = r.scrollHeight;
-  if (Sr && requestAnimationFrame(() => {
-    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = a + "px", r.style.transitionTimingFunction = "ease-in", Se(r), requestAnimationFrame(() => r.style.height = "0px");
+  if (ne && requestAnimationFrame(() => {
+    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = a + "px", r.style.transitionTimingFunction = "ease-in", $t(r), requestAnimationFrame(() => r.style.height = "0px");
   }), e)
     return e;
-}, Lt = () => v`
+}, oc = () => f`
   <svg
     role="img"
     aria-label="Lukk"
@@ -10020,9 +10984,9 @@ const Ae = (r) => {
     fill="none"
     viewBox="0 0 16 16"
   >
-  ${Bt}
+  ${ac}
   </svg>
-`, Et = (r) => v`<svg
+`, rc = (r) => f`<svg
   aria-label="${r.typeLabel}"
   role="img"
   xmlns="http://www.w3.org/2000/svg"
@@ -10030,8 +10994,8 @@ const Ae = (r) => {
   height="16"
   fill="none"
 >
-  ${Rt}
-</svg>`, Mt = (r) => v`<svg
+  ${cc}
+</svg>`, ec = (r) => f`<svg
   aria-label="${r.typeLabel}"
   role="img"
   width="16"
@@ -10039,8 +11003,8 @@ const Ae = (r) => {
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${Dt}
-</svg> `, Tt = (r) => v`<svg
+  ${ic}
+</svg> `, tc = (r) => f`<svg
   aria-label="${r.typeLabel}"
   role="img"
   width="16"
@@ -10048,14 +11012,14 @@ const Ae = (r) => {
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${Nt}
-</svg> `, Bt = G`
+  ${lc}
+</svg> `, ac = po`
 <path
   fill="currentColor"
   fill-rule="evenodd"
   d="M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z"
   clipRule="evenodd"
-/>`, Rt = G`
+/>`, cc = po`
 <path
   d="M4.1.586A2 2 0 0 1 5.516 0h4.97A2 2 0 0 1 11.9.586L15.413 4.1A2 2 0 0 1 16 5.514v4.97a2 2 0 0 1-.586 1.415L11.9 15.413a2 2 0 0 1-1.415.586h-4.97a2 2 0 0 1-1.414-.586L.586 11.9A2 2 0 0 1 0 10.485v-4.97A2 2 0 0 1 .586 4.1L4.1.586Z"
   fill="currentColor"
@@ -10066,13 +11030,13 @@ const Ae = (r) => {
   d="M8 3.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V4A.75.75 0 0 1 8 3.25Z"
   fill="#fff"
 />
-<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, Dt = G`<circle cx="8" cy="8" r="8" transform="rotate(180 8 8)" fill="currentColor" />
+<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, ic = po`<circle cx="8" cy="8" r="8" transform="rotate(180 8 8)" fill="currentColor" />
 <path
   fill-rule="evenodd"
   clip-rule="evenodd"
   d="M11.5 4.94c.3.27.34.75.06 1.06l-4 4.5a.75.75 0 0 1-1.09.03l-2-2a.75.75 0 0 1 1.06-1.06l1.44 1.44L10.44 5a.75.75 0 0 1 1.06-.07Z"
   fill="#fff"
-/>`, Nt = G`
+/>`, lc = po`
 <path
   d="M.24 12 6.16 1.09a2.1 2.1 0 0 1 3.68 0l5.92 10.93c.73 1.36-.28 2.99-1.85 2.99H2.1a2.04 2.04 0 0 1-1.85-3Z"
   fill="currentColor"
@@ -10083,18 +11047,18 @@ const Ae = (r) => {
   d="M8 3.25c.41 0 .75.34.75.75v5a.75.75 0 0 1-1.5 0V4c0-.41.34-.75.75-.75Z"
   fill="#fff"
 />
-<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, re = (r) => {
+<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, Le = (r) => {
   const o = {};
   for (const [e, t] of Object.entries(r))
     for (const a of e.split(" "))
       o[a] = t;
-  return ve(o);
-}, R = {
+  return Fe(o);
+}, oo = {
   success: "success",
   error: "error",
   warning: "warning"
 };
-class fr extends Y {
+class Vr extends I {
   constructor() {
     super(), this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5), this.type = "success", this.text = "", this.canclose = !1;
   }
@@ -10105,22 +11069,22 @@ class fr extends Y {
     super.disconnectedCallback();
   }
   updated() {
-    !this._expanded && this._wrapper && Ce(this._wrapper, () => this._expanded = !0);
+    !this._expanded && this._wrapper && yt(this._wrapper, () => this._expanded = !0);
   }
   get _primaryClasses() {
-    return re({
-      [B.toast]: !0,
-      [B.positive]: this.type === R.success,
-      [B.warning]: this.type === R.warning,
-      [B.negative]: this.type === R.error
+    return Le({
+      [K.toast]: !0,
+      [K.positive]: this.type === oo.success,
+      [K.warning]: this.type === oo.warning,
+      [K.negative]: this.type === oo.error
     });
   }
   get _iconClasses() {
-    return re({
-      [B.icon]: !0,
-      [B.iconPositive]: this.type == R.success,
-      [B.iconWarning]: this.type === R.warning,
-      [B.iconNegative]: this.type === R.error
+    return Le({
+      [K.icon]: !0,
+      [K.iconPositive]: this.type == oo.success,
+      [K.iconWarning]: this.type === oo.warning,
+      [K.iconNegative]: this.type === oo.error
     });
   }
   get _wrapper() {
@@ -10128,13 +11092,13 @@ class fr extends Y {
     return ((o = this.renderRoot) == null ? void 0 : o.querySelector("section")) ?? null;
   }
   get _success() {
-    return this.type === R.success;
+    return this.type === oo.success;
   }
   get _warning() {
-    return this.type === R.warning;
+    return this.type === oo.warning;
   }
   get _error() {
-    return this.type === R.error;
+    return this.type === oo.error;
   }
   get _role() {
     return this._error || this._warning ? "alert" : "status";
@@ -10143,11 +11107,11 @@ class fr extends Y {
     return this._success ? "Vellykket" : this._error ? "Feil" : this._warning ? "Varsel" : "Info";
   }
   get _iconMarkup() {
-    return this.type === R.success ? Mt({ typeLabel: this._typeLabel }) : this.type === R.warning ? Tt({ typeLabel: this._typeLabel }) : Et({ typeLabel: this._typeLabel, isInfo: this._info });
+    return this.type === oo.success ? ec({ typeLabel: this._typeLabel }) : this.type === oo.warning ? tc({ typeLabel: this._typeLabel }) : rc({ typeLabel: this._typeLabel, isInfo: this._info });
   }
   async collapse() {
     return new Promise((o) => {
-      this._expanded && this._wrapper ? Le(this._wrapper, o) : o();
+      this._expanded && this._wrapper ? zt(this._wrapper, o) : o();
     });
   }
   close() {
@@ -10159,22 +11123,22 @@ class fr extends Y {
     this.updateComplete.then(() => this.dispatchEvent(o));
   }
   render() {
-    return this.text ? v` <section class="${B.wrapper}" aria-label="${this._typeLabel}">
+    return this.text ? f` <section class="${K.wrapper}" aria-label="${this._typeLabel}">
       <div class="${this._primaryClasses}">
         <div class="${this._iconClasses}">${this._iconMarkup}</div>
-        <div role="${this._role}" class="${B.content}">
+        <div role="${this._role}" class="${K.content}">
           <p>${this.text}</p>
         </div>
-        ${Mo(
+        ${ir(
       this.canclose === !0,
-      () => v`<button class="${B.close}" @click="${this.close}">${Lt()}</button>`
+      () => f`<button class="${K.close}" @click="${this.close}">${oc()}</button>`
     )}
       </div>
-    </section>` : v``;
+    </section>` : f``;
   }
 }
-f(fr, "styles", [
-  A`
+Z(Vr, "styles", [
+  Q`
       /* 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}
@@ -10827,14 +11791,14 @@ f(fr, "styles", [
         display: block;
       }
     `
-]), f(fr, "properties", {
+]), Z(Vr, "properties", {
   id: { type: String, attribute: !0, reflect: !0 },
   type: { type: String, attribute: !0, reflect: !0 },
   text: { type: String, attribute: !0, reflect: !0 },
   canclose: { type: Boolean, attribute: !0, reflect: !0 }
 });
-customElements.get("w-toast") || customElements.define("w-toast", fr);
-class $r extends Y {
+customElements.get("w-toast") || customElements.define("w-toast", Vr);
+class Gr extends I {
   constructor() {
     super(), this._toasts = /* @__PURE__ */ new Map();
   }
@@ -10907,14 +11871,14 @@ class $r extends Y {
     return this._toasts = new Map(Array.from(this._toasts)), t;
   }
   render() {
-    return v`
-      <aside class="${tr.container}">
-        <div class="${tr.toaster}" id="w-toast-container-list">
-          ${ze(
+    return f`
+      <aside class="${jr.container}">
+        <div class="${jr.toaster}" id="w-toast-container-list">
+          ${vt(
       this._toastsArray,
       (o) => o.id,
-      (o) => v` <w-toast
-              class="${tr.content}"
+      (o) => f` <w-toast
+              class="${jr.content}"
               id="${o.id}"
               type="${o.type}"
               text="${o.text}"
@@ -10928,8 +11892,8 @@ class $r extends Y {
     `;
   }
 }
-f($r, "styles", [
-  A`
+Z(Gr, "styles", [
+  Q`
       /* 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}
@@ -11582,15 +12546,11 @@ f($r, "styles", [
         display: block;
       }
     `
-]), f($r, "properties", {
+]), Z(Gr, "properties", {
   _toasts: { state: !0 }
 });
-customElements.get("w-toast-container") || customElements.define("w-toast-container", $r);
-const Ee = A`
-@import "https://assets.finn.no/pkg/@warp-ds/fonts/v1/finn-no.css";
-@import "https://assets.finn.no/pkg/@warp-ds/css/v1/tokens/finn-no.css";
-`;
-class yr extends Y {
+customElements.get("w-toast-container") || customElements.define("w-toast-container", Gr);
+class Jr extends I {
   constructor() {
     super(), this.show = !1, this._mounted = !1, this._removeElement = !1;
   }
@@ -11603,27 +12563,26 @@ class yr extends Y {
         this._mounted = !0;
         return;
       }
-      this.show && Ce(this._wrapper), !this.show && !this._removeElement && Le(this._wrapper, () => this._removeElement = !0);
+      this.show && yt(this._wrapper), !this.show && !this._removeElement && zt(this._wrapper, () => this._removeElement = !0);
     }
   }
   get _wrapper() {
     return this ?? null;
   }
   render() {
-    return v`<div aria-hidden=${q(this.show ? void 0 : "true")}>
-      ${this._removeElement ? v`` : v`<slot></slot>`}
+    return f`<div aria-hidden=${B(this.show ? void 0 : "true")}>
+      ${this._removeElement ? f`` : f`<slot></slot>`}
     </div>`;
   }
 }
-f(yr, "properties", {
+Z(Jr, "properties", {
   show: {
     type: Boolean,
     reflect: !0
   },
   _removeElement: { type: Boolean, state: !0 }
-}), f(yr, "styles", [
-  Ee,
-  A`
+}), Z(Jr, "styles", [
+  Q`
       /* 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}
@@ -12277,8 +13236,8 @@ f(yr, "properties", {
       }
     `
 ]);
-customElements.get("w-expand-transition") || customElements.define("w-expand-transition", yr);
-class zr extends Y {
+customElements.get("w-expand-transition") || customElements.define("w-expand-transition", Jr);
+class Kr extends I {
   get _markup() {
     return `<h${this.level}
     style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
@@ -12288,13 +13247,14 @@ class zr extends Y {
 `;
   }
   render() {
-    return this.level ? qe(this._markup) : v`<slot></slot>`;
+    return this.level ? ht(this._markup) : f`<slot></slot>`;
   }
 }
-f(zr, "properties", {
+Z(Kr, "properties", {
   level: { type: Number }
-}), f(zr, "styles", [Ee, A`
-    /* layer: preflights */
+}), Z(Kr, "styles", [
+  Q`
+      /* 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}
 /* layer: shortcuts */
@@ -12942,26 +13902,27 @@ f(zr, "properties", {
 .sm\\:pb-32{padding-bottom:3.2rem;}
 .sm\\:pt-32{padding-top:3.2rem;}
 }
-  `]);
-customElements.get("w-unstyled-heading") || customElements.define("w-unstyled-heading", zr);
+    `
+]);
+customElements.get("w-unstyled-heading") || customElements.define("w-unstyled-heading", Kr);
 export {
-  yr as ExpandTransition,
-  zr as UnstyledHeading,
-  lr as WarpAffix,
-  dr as WarpAlert,
-  gr as WarpAttention,
-  sr as WarpBadge,
-  ur as WarpBox,
-  vr as WarpBreadcrumbs,
-  pr as WarpBroadcast,
-  Eo as WarpButton,
-  hr as WarpCard,
-  wr as WarpExpandable,
-  mr as WarpSelect,
-  kr as WarpTextField,
-  fr as WarpToast,
-  $r as WarpToastContainer,
-  Ut as removeToast,
-  Wt as toast,
-  Vt as updateToast
+  Jr as ExpandTransition,
+  Kr as UnstyledHeading,
+  Cr as WarpAffix,
+  Lr as WarpAlert,
+  Or as WarpAttention,
+  Br as WarpBadge,
+  Nr as WarpBox,
+  Pr as WarpBreadcrumbs,
+  Ir as WarpBroadcast,
+  cr as WarpButton,
+  Hr as WarpCard,
+  Qr as WarpExpandable,
+  Fr as WarpSelect,
+  Wr as WarpTextField,
+  Vr as WarpToast,
+  Gr as WarpToastContainer,
+  hc as removeToast,
+  vc as toast,
+  pc as updateToast
 };