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

package/dist/index.js

@@ -1,75 +1,75 @@
-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) => {
+var zt = Object.defineProperty;
+var _t = (r, o, e) => o in r ? zt(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
+var Z = (r, o, e) => (_t(r, typeof o != "symbol" ? o + "" : o, e), e), qt = (r, o, e) => {
   if (!o.has(r))
     throw TypeError("Cannot " + e);
 };
-var J = (r, o, e) => (Yt(r, o, "read from private field"), e ? e.call(r) : o.get(r)), fo = (r, o, e) => {
+var G = (r, o, e) => (qt(r, o, "read from private field"), e ? e.call(r) : o.get(r)), mo = (r, o, e) => {
   if (o.has(r))
     throw TypeError("Cannot add the same private member more than once");
   o instanceof WeakSet ? o.add(r) : o.set(r, e);
 };
-import { html as f, LitElement as I, css as Q, svg as po } from "lit";
+import { LitElement as H, css as Q, html as $ } from "lit";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-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) {
+var Yr;
+const nr = window, Mo = nr.trustedTypes, be = Mo ? Mo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, br = "$lit$", io = `lit$${(Math.random() + "").slice(9)}$`, oe = "?" + io, Yt = `<${oe}>`, qo = document, sr = () => qo.createComment(""), Ho = (r) => r === null || typeof r != "object" && typeof r != "function", Ce = Array.isArray, Me = (r) => Ce(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Xr = `[ 	
+\f\r]`, No = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, ge = />/g, fo = RegExp(`>|${Xr}(?:([^\\s"'>=/]+)(${Xr}*=${Xr}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ue = /'/g, ve = /"/g, Te = /^(?:script|style|textarea|title)$/i, po = Symbol.for("lit-noChange"), B = Symbol.for("lit-nothing"), pe = /* @__PURE__ */ new WeakMap(), zo = qo.createTreeWalker(qo, 129, null, !1);
+function Le(r, o) {
   if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return be !== void 0 ? be.createHTML(o) : o;
 }
-const Ne = (r, o) => {
+const Oe = (r, o) => {
   const e = r.length - 1, t = [];
   let a, c = o === 2 ? "<svg>" : "", i = No;
   for (let l = 0; l < e; l++) {
     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);
+    let b, v, u = -1, p = 0;
+    for (; p < n.length && (i.lastIndex = p, v = i.exec(n), v !== null); )
+      p = i.lastIndex, i === No ? v[1] === "!--" ? i = se : v[1] !== void 0 ? i = ge : v[2] !== void 0 ? (Te.test(v[2]) && (a = RegExp("</" + v[2], "g")), i = fo) : v[3] !== void 0 && (i = fo) : i === fo ? 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 ? fo : v[3] === '"' ? ve : ue) : i === ve || i === ue ? i = fo : i === se || i === ge ? i = No : (i = fo, a = void 0);
+    const g = i === fo && r[l + 1].startsWith("/>") ? " " : "";
+    c += i === No ? n + Yt : u >= 0 ? (t.push(b), n.slice(0, u) + br + n.slice(u) + io + g) : n + io + (u === -2 ? (t.push(void 0), l) : g);
   }
-  return [Be(r, c + (r[e] || "<?>") + (o === 2 ? "</svg>" : "")), t];
+  return [Le(r, c + (r[e] || "<?>") + (o === 2 ? "</svg>" : "")), t];
 };
 class Qo {
   constructor({ strings: o, _$litType$: e }, t) {
     let a;
     this.parts = [];
     let c = 0, i = 0;
-    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);
+    const l = o.length - 1, n = this.parts, [b, v] = Oe(o, e);
+    if (this.el = Qo.createElement(b, t), zo.currentNode = this.el.content, e === 2) {
+      const u = this.el.content, p = u.firstChild;
+      p.remove(), u.append(...p.childNodes);
     }
-    for (; (a = _o.nextNode()) !== null && n.length < l; ) {
+    for (; (a = zo.nextNode()) !== null && n.length < l; ) {
       if (a.nodeType === 1) {
         if (a.hasAttributes()) {
           const u = [];
-          for (const h of a.getAttributeNames())
-            if (h.endsWith(br) || h.startsWith(lo)) {
+          for (const p of a.getAttributeNames())
+            if (p.endsWith(br) || p.startsWith(io)) {
               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 });
+              if (u.push(p), g !== void 0) {
+                const h = a.getAttribute(g.toLowerCase() + br).split(io), x = /([.?@])?(.*)/.exec(g);
+                n.push({ type: 1, index: c, name: x[2], strings: h, ctor: x[1] === "." ? De : x[1] === "?" ? Re : x[1] === "@" ? Pe : Go });
               } else
                 n.push({ type: 6, index: c });
             }
-          for (const h of u)
-            a.removeAttribute(h);
+          for (const p of u)
+            a.removeAttribute(p);
         }
-        if (Oe.test(a.tagName)) {
-          const u = a.textContent.split(lo), h = u.length - 1;
-          if (h > 0) {
+        if (Te.test(a.tagName)) {
+          const u = a.textContent.split(io), p = u.length - 1;
+          if (p > 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());
+            for (let g = 0; g < p; g++)
+              a.append(u[g], sr()), zo.nextNode(), n.push({ type: 2, index: ++c });
+            a.append(u[p], sr());
           }
         }
       } else if (a.nodeType === 8)
@@ -77,26 +77,26 @@ class Qo {
           n.push({ type: 2, index: c });
         else {
           let u = -1;
-          for (; (u = a.data.indexOf(lo, u + 1)) !== -1; )
-            n.push({ type: 7, index: c }), u += lo.length - 1;
+          for (; (u = a.data.indexOf(io, u + 1)) !== -1; )
+            n.push({ type: 7, index: c }), u += io.length - 1;
         }
       c++;
     }
   }
   static createElement(o, e) {
-    const t = Xo.createElement("template");
+    const t = qo.createElement("template");
     return t.innerHTML = o, t;
   }
 }
 function Yo(r, o, e = r, t) {
   var a, c, i, l;
-  if (o === ho)
+  if (o === po)
     return o;
   let n = t !== void 0 ? (a = e._$Co) === null || a === void 0 ? void 0 : a[t] : e._$Cl;
   const b = 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 De {
+class Ne {
   constructor(o, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = o, this._$AM = e;
   }
@@ -108,17 +108,17 @@ class De {
   }
   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 : Xo).importNode(t, !0);
-    _o.currentNode = c;
-    let i = _o.nextNode(), l = 0, n = 0, b = a[0];
+    const { el: { content: t }, parts: a } = this._$AD, c = ((e = o == null ? void 0 : o.creationScope) !== null && e !== void 0 ? e : qo).importNode(t, !0);
+    zo.currentNode = c;
+    let i = zo.nextNode(), l = 0, n = 0, b = a[0];
     for (; b !== void 0; ) {
       if (l === b.index) {
         let v;
-        b.type === 2 ? v = new 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];
+        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 Ie(i, this, o)), this._$AV.push(v), b = a[++n];
       }
-      l !== (b == null ? void 0 : b.index) && (i = _o.nextNode(), l++);
+      l !== (b == null ? void 0 : b.index) && (i = zo.nextNode(), l++);
     }
-    return _o.currentNode = Xo, c;
+    return zo.currentNode = qo, c;
   }
   v(o) {
     let e = 0;
@@ -126,10 +126,10 @@ class De {
       t !== void 0 && (t.strings !== void 0 ? (t._$AI(o, t, e), e += t.strings.length - 2) : t._$AI(o[e])), e++;
   }
 }
-let re = class Re {
+let re = class Be {
   constructor(o, e, t, a) {
     var 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;
+    this.type = 2, this._$AH = B, 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 re = class Re {
     return this._$AB;
   }
   _$AI(o, e = this) {
-    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);
+    o = Yo(this, o, e), Ho(o) ? o === B || o == null || o === "" ? (this._$AH !== B && this._$AR(), this._$AH = B) : o !== this._$AH && o !== po && this._(o) : o._$litType$ !== void 0 ? this.g(o) : o.nodeType !== void 0 ? this.$(o) : Me(o) ? this.T(o) : this._(o);
   }
   k(o) {
     return this._$AA.parentNode.insertBefore(o, this._$AB);
@@ -156,28 +156,28 @@ let re = class Re {
     this._$AH !== o && (this._$AR(), this._$AH = this.k(o));
   }
   _(o) {
-    this._$AH !== N && Ho(this._$AH) ? this._$AA.nextSibling.data = o : this.$(Xo.createTextNode(o)), this._$AH = o;
+    this._$AH !== B && Ho(this._$AH) ? this._$AA.nextSibling.data = o : this.$(qo.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 = Qo.createElement(Be(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(Le(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 De(c, this), l = i.u(this.options);
+      const i = new Ne(c, this), l = i.u(this.options);
       i.v(t), this.$(l), this._$AH = i;
     }
   }
   _$AC(o) {
-    let e = he.get(o.strings);
-    return e === void 0 && he.set(o.strings, e = new Qo(o)), e;
+    let e = pe.get(o.strings);
+    return e === void 0 && pe.set(o.strings, e = new Qo(o)), e;
   }
   T(o) {
-    Me(this._$AH) || (this._$AH = [], this._$AR());
+    Ce(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 Re(this.k(sr()), this.k(sr()), this, this.options)) : t = e[a], t._$AI(c), a++;
+      a === e.length ? e.push(t = new Be(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 re = class Re {
     this._$AM === void 0 && (this._$Cp = o, (e = this._$AP) === null || e === void 0 || e.call(this, o));
   }
 };
-class Jo {
+class Go {
   constructor(o, e, t, a, c) {
-    this.type = 1, this._$AH = N, this._$AN = void 0, this.element = o, this.name = e, this._$AM = a, this.options = c, t.length > 2 || t[0] !== "" || t[1] !== "" ? (this._$AH = Array(t.length - 1).fill(new String()), this.strings = t) : this._$AH = N;
+    this.type = 1, this._$AH = B, 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 = B;
   }
   get tagName() {
     return this.element.tagName;
@@ -206,44 +206,44 @@ class Jo {
     const c = this.strings;
     let i = !1;
     if (c === void 0)
-      o = Yo(this, o, e, 0), i = !Ho(o) || o !== this._$AH && o !== ho, i && (this._$AH = o);
+      o = Yo(this, o, e, 0), i = !Ho(o) || o !== this._$AH && o !== po, i && (this._$AH = o);
     else {
       const l = o;
       let n, b;
       for (o = c[0], n = 0; n < c.length - 1; n++)
-        b = 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;
+        b = Yo(this, l[t + n], e, n), b === po && (b = this._$AH[n]), i || (i = !Ho(b) || b !== this._$AH[n]), b === B ? o = B : o !== B && (o += (b ?? "") + c[n + 1]), this._$AH[n] = b;
     }
     i && !a && this.j(o);
   }
   j(o) {
-    o === N ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, o ?? "");
+    o === B ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, o ?? "");
   }
 }
-let Pe = class extends Jo {
+let De = class extends Go {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(o) {
-    this.element[this.name] = o === N ? void 0 : o;
+    this.element[this.name] = o === B ? void 0 : o;
   }
 };
-const Zt = Mo ? Mo.emptyScript : "";
-let Ie = class extends Jo {
+const Xt = Mo ? Mo.emptyScript : "";
+let Re = class extends Go {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(o) {
-    o && o !== N ? this.element.setAttribute(this.name, Zt) : this.element.removeAttribute(this.name);
+    o && o !== B ? this.element.setAttribute(this.name, Xt) : this.element.removeAttribute(this.name);
   }
-}, He = class extends Jo {
+}, Pe = class extends Go {
   constructor(o, e, t, a, c) {
     super(o, e, t, a, c), this.type = 5;
   }
   _$AI(o, e = this) {
     var t;
-    if ((o = (t = Yo(this, o, e, 0)) !== null && t !== void 0 ? t : N) === ho)
+    if ((o = (t = Yo(this, o, e, 0)) !== null && t !== void 0 ? t : B) === po)
       return;
-    const a = this._$AH, c = o === N && a !== N || o.capture !== a.capture || o.once !== a.once || o.passive !== a.passive, i = o !== N && (a === N || c);
+    const a = this._$AH, c = o === B && a !== B || o.capture !== a.capture || o.once !== a.once || o.passive !== a.passive, i = o !== B && (a === B || 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 Ie = class extends Jo {
     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 Qe {
+class Ie {
   constructor(o, e, t) {
     this.element = o, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = t;
   }
@@ -262,14 +262,14 @@ class Qe {
     Yo(this, o);
   }
 }
-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");
+const jt = { O: br, P: io, A: oe, C: 1, M: Oe, L: Ne, D: Me, R: Yo, I: re, V: Go, H: Re, N: Pe, U: De, F: Ie }, he = nr.litHtmlPolyfillSupport;
+he == null || he(Qo, re), ((Yr = nr.litHtmlVersions) !== null && Yr !== void 0 ? Yr : nr.litHtmlVersions = []).push("2.7.5");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const B = (r) => r ?? N, io = {
+const N = (r) => r ?? B, co = {
   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 B = (r) => r ?? N, io = {
   arrowPopover: "i-bg-$color-popover-background i-border-$color-popover-background",
   content: "last-child:mb-0",
   notCallout: "absolute z-50"
-}, $o = {
+}, ko = {
   base: "py-4 px-8 border-0 rounded-4 text-xs inline-flex",
   neutral: "i-bg-$color-badge-neutral-background i-text-$color-badge-neutral-text",
   info: "i-bg-$color-badge-info-background i-text-$color-badge-info-text",
@@ -299,7 +299,7 @@ const B = (r) => r ?? N, io = {
   positionTR: "rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0",
   positionBR: "rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0",
   positionBL: "rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0"
-}, no = {
+}, lo = {
   box: "group block relative break-words last-child:mb-0 p-16 rounded-8",
   // Relative here enables w-clickable
   bleed: "-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",
@@ -310,7 +310,7 @@ const B = (r) => r ?? N, io = {
   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"
-}, eo = {
+}, ro = {
   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",
@@ -338,19 +338,19 @@ const B = (r) => r ?? N, io = {
   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"
-}, At = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block", U = {
+}, Zt = "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 " + no.box,
-  expandableBleed: no.bleed,
+  expandableBox: "i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 " + lo.box,
+  expandableBleed: lo.bleed,
   chevron: "inline-block align-middle 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: At + " hover:underline focus:underline",
-  buttonBox: "w-full text-left relative inline-flex items-center " + no.box,
+  button: Zt + " hover:underline focus:underline",
+  buttonBox: "w-full text-left relative inline-flex items-center " + lo.box,
   paddingTop: "pt-0",
   title: "flex justify-between items-center",
   titleType: "h4"
@@ -373,7 +373,7 @@ const B = (r) => r ?? N, io = {
   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 = {
+}, f = {
   xsmall: "py-6 px-16",
   small: "py-8 px-16",
   medium: "py-10 px-14",
@@ -382,8 +382,8 @@ const B = (r) => r ?? N, io = {
   smallUtility: "py-[7px] px-[15px]",
   pill: "min-h-[44px] min-w-[44px]",
   pillSmall: "min-h-32 min-w-32",
-  linkSmall: "p-0"
-}, $ = {
+  link: "p-0"
+}, k = {
   medium: "text-m leading-[24]",
   xsmall: "text-xs"
 }, m = {
@@ -394,79 +394,79 @@ const B = (r) => r ?? N, io = {
   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
-}, X = {
+}, Y = {
   // Buttontypes
-  secondary: `${k.medium} ${$.medium} ${S.secondary} ${O.secondary}`,
+  secondary: `${f.medium} ${k.medium} ${S.secondary} ${O.secondary}`,
   // .button--secondary, .button--default, .button
-  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}`,
+  secondaryHref: `${f.medium} ${k.medium} ${S.secondary} ${O.secondary}`,
+  secondaryDisabled: `${f.medium} ${k.medium} ${S.secondary} ${m.isDisabled}`,
+  secondarySmall: `${k.xsmall} ${f.xsmall} ${S.secondary} ${O.secondary}`,
+  secondarySmallDisabled: `${k.xsmall} ${f.xsmall} ${S.secondary} ${m.isDisabled}`,
+  secondaryQuiet: `${f.medium} ${k.medium} ${m.quiet} ${O.quiet}`,
+  secondaryQuietDisabled: `${f.medium} ${k.medium} ${m.quiet} ${m.isDisabled}`,
+  secondarySmallQuiet: `${k.xsmall} ${f.xsmall} ${m.quiet} ${O.quiet}`,
+  secondarySmallQuietDisabled: `${k.xsmall} ${f.xsmall} ${m.quiet} ${m.isDisabled}`,
+  secondaryLoading: `${f.medium} ${k.medium} ${S.secondary} ${m.inProgress}`,
+  secondarySmallLoading: `${k.xsmall} ${f.xsmall}  ${S.secondary} ${m.inProgress}`,
+  secondarySmallQuietLoading: `${k.xsmall} ${f.xsmall} ${m.quiet} ${m.inProgress}`,
+  secondaryQuietLoading: `${f.medium} ${k.medium} ${m.quiet} ${m.inProgress}`,
+  primary: `${f.large} ${k.medium} ${S.primary} ${O.primary}`,
   // .button--primary, .button--cta
-  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}`,
+  primaryDisabled: `${f.large} ${k.medium} ${m.isDisabled} ${S.primary}`,
+  primarySmall: `${f.small} ${k.xsmall} ${S.primary} ${O.primary}`,
+  primarySmallDisabled: `${f.small} ${k.xsmall} ${m.isDisabled} ${S.primary} `,
+  primaryQuiet: `${f.large} ${k.medium} ${m.quiet} ${O.quiet}`,
+  primaryQuietDisabled: `${f.large} ${k.medium} ${m.quiet} ${m.isDisabled}`,
+  primarySmallQuiet: `${f.small} ${k.xsmall} ${m.quiet} ${O.quiet}`,
+  primarySmallQuietDisabled: `${f.small} ${k.xsmall} ${m.quiet} ${m.isDisabled}`,
+  primaryLoading: `${f.large} ${k.medium} ${m.inProgress} ${S.primary}`,
+  primarySmallLoading: `${f.small} ${k.xsmall}  ${m.inProgress} ${S.primary}`,
+  primarySmallQuietLoading: `${f.small} ${k.xsmall} ${m.quiet} ${m.inProgress} ${S.primary}`,
+  primaryQuietLoading: `${f.large} ${k.medium} ${m.quiet} ${m.inProgress}`,
+  utility: `${f.utility} ${k.medium} ${S.utility} ${O.utility}`,
   // .button--utility
-  utilityDisabled: `${k.utility} ${$.medium} ${S.utility} ${m.isDisabled}`,
-  utilityQuiet: `${k.large} ${$.medium} ${m.utilityQuiet} ${O.utilityQuiet}`,
+  utilityDisabled: `${f.utility} ${k.medium} ${S.utility} ${m.isDisabled}`,
+  utilityQuiet: `${f.large} ${k.medium} ${m.utilityQuiet} ${O.utilityQuiet}`,
   // .button--utility-flat
-  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}`,
+  utilityQuietDisabled: `${f.large} ${k.medium} ${m.utilityQuiet} ${m.isDisabled}`,
+  utilitySmall: `${f.smallUtility} ${k.xsmall} ${S.utility} ${O.utility}`,
+  utilitySmallDisabled: `${f.smallUtility} ${k.xsmall} ${S.utility} ${m.isDisabled}`,
+  utilitySmallQuiet: `${f.smallUtility} ${k.xsmall} ${m.utilityQuiet} ${O.utilityQuiet}`,
+  utilitySmallQuietDisabled: `${f.smallUtility} ${k.xsmall} ${m.utilityQuiet} ${m.isDisabled}`,
+  utilityLoading: `${f.large} ${k.medium} ${S.utility} ${m.inProgress}`,
+  utilitySmallLoading: `${f.smallUtility} ${k.xsmall} ${S.utility} ${m.inProgress}`,
+  utilityQuietLoading: `${f.large} ${k.medium} ${m.inProgress} ${m.utilityQuiet}`,
+  utilitySmallQuietLoading: `${f.smallUtility} ${k.xsmall} ${m.inProgress} ${m.utilityQuiet}`,
+  negative: `${f.large} ${k.medium} ${S.negative} ${O.destructive}`,
   // .button--destructive
-  negativeDisabled: `${k.large} ${$.medium} ${S.negative} ${m.isDisabled}`,
-  negativeQuiet: `${k.large} ${$.medium} ${m.negativeQuiet} ${O.negativeQuiet}`,
+  negativeDisabled: `${f.large} ${k.medium} ${S.negative} ${m.isDisabled}`,
+  negativeQuiet: `${f.large} ${k.medium} ${m.negativeQuiet} ${O.negativeQuiet}`,
   // .button--destructive-flat
-  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}`,
+  negativeQuietDisabled: `${f.large} ${k.medium} ${m.negativeQuiet}${m.isDisabled}`,
+  negativeSmall: `${f.small} ${k.xsmall} ${S.negative} ${O.destructive}`,
+  negativeSmallDisabled: `${f.small} ${k.xsmall} ${S.negative} ${m.isDisabled}`,
+  negativeSmallQuiet: `${f.small} ${k.xsmall} ${m.negativeQuiet} ${O.negativeQuiet}`,
+  negativeSmallQuietDisabled: `${f.small} ${k.xsmall} ${m.negativeQuiet} ${m.isDisabled}`,
+  negativeLoading: `${f.large} ${k.medium} ${S.negative} ${m.inProgress}`,
+  negativeSmallLoading: `${f.small} ${k.xsmall} ${m.inProgress} ${S.negative}`,
+  negativeQuietLoading: `${f.large} ${k.medium} ${m.negativeQuiet} ${S.negative} ${m.inProgress}`,
+  negativeSmallQuietLoading: `${f.small} ${k.xsmall} ${m.negativeQuiet} ${m.inProgress}`,
+  pill: `${f.pill} ${k.medium} ${S.pill} ${O.pill}`,
   // .button--pill
-  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}`,
+  pillSmall: `${f.pillSmall} ${k.xsmall} ${S.pill} ${O.pill}`,
+  pillLoading: `${f.pill} ${k.medium} ${S.pill} ${m.inProgress}`,
+  pillSmallLoading: `${f.pillSmall} ${k.xsmall} ${S.pill} ${m.inProgress}`,
+  link: `${f.link} ${k.medium} ${S.link}`,
+  linkSmall: `${f.link} ${k.xsmall} ${S.link}`,
   linkAsButton: "inline-block hover:no-underline",
   a11y: "sr-only",
   fullWidth: "w-full max-w-full",
   contentWidth: "max-w-max"
-}, Do = {
+}, Bo = {
   alert: "flex p-16 border border-l-4 rounded-4",
   willChangeHeight: "will-change-height",
   textWrapper: "last-child:mb-0 text-s",
-  title: "font-bold",
+  title: "text-s",
   icon: "w-16 mr-8 min-w-16",
   negative: "i-border-$color-alert-negative-subtle-border i-bg-$color-alert-negative-background i-text-$color-alert-negative-text i-border-l-$color-alert-negative-border",
   negativeIcon: "i-text-$color-alert-negative-icon",
@@ -476,7 +476,7 @@ const B = (r) => r ?? N, io = {
   warningIcon: "i-text-$color-alert-warning-icon",
   info: "i-border-$color-alert-info-subtle-border i-bg-$color-alert-info-background i-text-$color-alert-info-text i-border-l-$color-alert-info-border",
   infoIcon: "i-text-$color-alert-info-icon"
-}, yo = {
+}, $o = {
   default: "block text-m mb-0 leading-m i-text-$color-input-text-filled i-bg-$color-input-background i-border-$color-input-border hover:i-border-$color-input-border-hover active:i-border-$color-input-border-active rounded-4 py-12 px-8 block border-1 w-full focusable focus:[--w-outline-offset:-2px] caret-current",
   textArea: "min-h-[42] sm:min-h-[45]",
   disabled: "i-bg-$color-input-background-disabled i-border-$color-input-border-disabled hover:i-border-$color-input-border-disabled! i-text-$color-input-text-disabled pointer-events-none",
@@ -486,7 +486,7 @@ const B = (r) => r ?? N, io = {
   wrapper: "relative",
   suffix: "pr-40",
   prefix: "pl-40"
-}, So = {
+}, Zo = {
   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",
@@ -503,13 +503,13 @@ const B = (r) => r ?? N, io = {
   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 ", Et = {
-  wrapper: Ue + "right-0",
+}, He = "absolute top-0 bottom-0 flex justify-center items-center focusable focus:[--w-outline-offset:-2px] bg-transparent ", St = {
+  wrapper: He + "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"
-}, Ct = {
-  wrapper: Ue + "left-0",
+}, Et = {
+  wrapper: He + "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"
@@ -519,49 +519,7 @@ const B = (r) => r ?? N, io = {
   link: "i-text-$color-breadcrumbs-link-text",
   separator: "select-none i-text-$color-breadcrumbs-icon",
   a11y: "sr-only"
-}, Lt = f`
-  <svg
-    role="img"
-    aria-label="X"
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    fill="none"
-    viewBox="0 0 16 16"
-  >
-    <path
-      fill="currentColor"
-      fillRule="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"
-    />
-  </svg>
-`, Mt = f`
-  <svg
-    role="img"
-    aria-label="Forstørrelsesglass"
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    fill="none"
-    viewBox="0 0 16 16"
-  >
-    <g
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="1.5"
-      clipPath="url(#nra-cclip0)"
-    >
-      <path d="M8.796 11.803A5.684 5.684 0 104.349 1.341a5.684 5.684 0 004.447 10.462zM11 11l4 4" />
-    </g>
-    <defs>
-      <clipPath id="nra-cclip0">
-        <path fill="currentColor" d="M0 0h16v16H0z" />
-      </clipPath>
-    </defs>
-  </svg>
-`;
+};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -589,7 +547,7 @@ let ae = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Fe = te(class extends ae {
+const Qe = te(class extends ae {
   constructor(r) {
     var o;
     if (super(r), r.type !== ee.ATTRIBUTE || r.name !== "class" || ((o = r.strings) === null || o === void 0 ? void 0 : o.length) > 2)
@@ -614,20 +572,20 @@ const Fe = te(class extends ae {
       const i = !!o[c];
       i === this.it.has(c) || !((t = this.nt) === null || t === void 0) && t.has(c) || (i ? (a.add(c), this.it.add(c)) : (a.remove(c), this.it.delete(c)));
     }
-    return ho;
+    return po;
   }
-}), Tt = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}), At = (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: Tt(o.toString())
+        attribute: At(o.toString())
       })), super.createProperty(o, t);
     }
   };
 }
-function Er(r) {
+function Ar(r) {
   const o = [];
   for (const [e, t] of Object.entries(r))
     t && o.push(e);
@@ -638,14 +596,14 @@ function V(r) {
   for (const [e, t] of Object.entries(r))
     for (const a of e.split(" "))
       o[a] = t;
-  return Fe(o);
+  return Qe(o);
 }
-function Ot() {
+function Ct() {
   return `m${Math.random().toString(36).slice(2)}`;
 }
-class Cr extends I {
+class Cr extends H {
   get _classBase() {
-    return this.slot === "suffix" ? Et : Ct;
+    return this.slot === "suffix" ? St : Et;
   }
   get _classes() {
     return V({
@@ -655,21 +613,21 @@ class Cr extends I {
     });
   }
   get _searchButton() {
-    return f`
-      <button aria-label="${B(this.ariaLabel)}" class="${this._classes}" type="submit">
-        ${Mt}
+    return $`
+      <button aria-label="${N(this.ariaLabel)}" class="${this._classes}" type="submit">
+        <w-icon-search-16></w-icon-search-16>
       </button>
     `;
   }
   get _clearButton() {
-    return f`
-      <button aria-label="${B(this.ariaLabel)}" class="${this._classes}" type="reset">
-        ${Lt}
+    return $`
+      <button aria-label="${N(this.ariaLabel)}" class="${this._classes}" type="reset">
+        <w-icon-close-16></w-icon-close-16>
       </button>
     `;
   }
   get _text() {
-    return f`
+    return $`
       <div class="${this._classes}">
         <span class="${this._classBase.label}">${this.label}</span>
       </div>
@@ -684,7 +642,7 @@ class Cr extends I {
       return this._clearButton;
   }
   render() {
-    return f`${this._markup}`;
+    return $`${this._markup}`;
   }
 }
 Z(Cr, "styles", Q`
@@ -1260,6 +1218,7 @@ Z(Cr, "styles", Q`
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -1275,6 +1234,7 @@ Z(Cr, "styles", Q`
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -1309,6 +1269,7 @@ Z(Cr, "styles", Q`
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -1343,75 +1304,6 @@ Z(Cr, "styles", Q`
   label: { type: String }
 });
 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"
-  width="16"
-  height="16"
-  fill="none"
->
-  ${Pt}
-</svg>`, Nt = () => f`<svg
-  aria-label="Grønt hake"
-  role="img"
-  width="16"
-  height="16"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  ${It}
-</svg> `, Dt = () => f`<svg
-  aria-label="Gult utropstegn"
-  role="img"
-  width="16"
-  height="16"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  ${Ht}
-</svg> `, Rt = () => f`<svg
-  aria-label="Info"
-  role="img"
-  width="16"
-  height="16"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  ${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"
-/>
-<path
-fill-rule="evenodd"
-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" />`, 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"
-/>`, 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"
-/>
-<path
-fill-rule="evenodd"
-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" />`, 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 uo = function() {
   for (var r = [], o = arguments.length; o--; )
     r[o] = arguments[o];
@@ -1421,18 +1313,18 @@ var uo = function() {
     }) : "");
   }, []).join(" ");
 };
-const we = {
-  negative: Bt(),
-  positive: Nt(),
-  warning: Dt(),
-  info: Rt()
+const Do = {
+  negative: "negative",
+  positive: "positive",
+  warning: "warning",
+  info: "info"
 };
-class Lr extends I {
+class Mr extends H {
   constructor() {
     super(), this.show = !1, this.role = "alert";
   }
   connectedCallback() {
-    if (super.connectedCallback(), !this.variant || !Object.keys(we).includes(this.variant))
+    if (super.connectedCallback(), !this.variant || !Do[this.variant])
       throw new Error(
         `Invalid "variant" attribute. Set its value to one of the following:
 negative, positive, warning, info.`
@@ -1440,26 +1332,26 @@ negative, positive, warning, info.`
   }
   get _wrapperClasses() {
     return uo({
-      [Do.alert]: !0,
-      [Do[this.variant]]: !0
+      [Bo.alert]: !0,
+      [Bo[this.variant]]: !0
     });
   }
   get _iconClasses() {
-    const o = Do[`${this.variant}Icon`];
+    const o = Bo[`${this.variant}Icon`];
     return uo({
-      [Do.icon]: !0,
+      [Bo.icon]: !0,
       [o]: !0
     });
   }
   get _icon() {
-    return this.variant ? we[this.variant] : {};
+    return this.variant === Do.info ? $`<w-icon-alert-info-16></w-icon-alert-info-16>` : this.variant === Do.warning ? $`<w-icon-alert-warning-16></w-icon-alert-warning-16>` : this.variant === Do.negative ? $`<w-icon-alert-error-16></w-icon-alert-error-16>` : this.variant === Do.positive ? $`<w-icon-alert-success-16></w-icon-alert-success-16>` : "";
   }
   render() {
-    return f`
+    return $`
       <w-expand-transition ?show=${this.show}>
         <div role=${this.role} class=${this._wrapperClasses}>
           <div class=${this._iconClasses}>${this._icon}</div>
-          <div class=${Do.textWrapper}>
+          <div class=${Bo.textWrapper}>
             <slot></slot>
           </div>
         </div>
@@ -1467,7 +1359,7 @@ negative, positive, warning, info.`
     `;
   }
 }
-Z(Lr, "properties", {
+Z(Mr, "properties", {
   variant: { type: String, reflect: !0 },
   show: { type: Boolean, reflect: !0 },
   role: { type: String, reflect: !0 }
@@ -1475,7 +1367,7 @@ Z(Lr, "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
-Z(Lr, "styles", Q`
+Z(Mr, "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}
@@ -2048,6 +1940,7 @@ Z(Lr, "styles", Q`
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -2063,6 +1956,7 @@ Z(Lr, "styles", Q`
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -2099,6 +1993,7 @@ Z(Lr, "styles", Q`
 .text-14,
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
 .leading-\\[24\\]{line-height:2.4rem;}
@@ -2135,7 +2030,7 @@ Z(Lr, "styles", Q`
       margin-bottom: 0px !important;
     }
   `);
-customElements.get("w-alert") || customElements.define("w-alert", Lr);
+customElements.get("w-alert") || customElements.define("w-alert", Mr);
 function or(r) {
   return r.split("-")[0];
 }
@@ -2148,7 +2043,7 @@ function rr(r) {
 function ce(r) {
   return r === "y" ? "height" : "width";
 }
-function xe(r, o, e) {
+function we(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 = rr(o), n = ce(l), b = t[n] / 2 - a[n] / 2, v = l === "x";
   let u;
@@ -2177,16 +2072,16 @@ function xe(r, o, e) {
   }
   return u;
 }
-const Ut = async (r, o, e) => {
+const Mt = async (r, o, e) => {
   const { placement: t = "bottom", strategy: a = "absolute", middleware: c = [], platform: i } = e, l = await (i.isRTL == null ? void 0 : i.isRTL(o));
-  let n = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: b, y: v } = 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);
+  let n = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: b, y: v } = we(n, t, l), u = t, p = {}, g = 0;
+  for (let h = 0; h < c.length; h++) {
+    const { name: x, fn: z } = c[h], { x: A, y: T, data: D, reset: L } = await z({ x: b, y: v, initialPlacement: t, placement: u, strategy: a, middlewareData: p, rects: n, platform: i, elements: { reference: r, floating: o } });
+    b = A ?? b, v = T ?? v, p = { ...p, [x]: { ...p[x], ...D } }, L && g <= 50 && (g++, typeof L == "object" && (L.placement && (u = L.placement), L.rects && (n = L.rects === !0 ? await i.getElementRects({ reference: r, floating: o, strategy: a }) : L.rects), { x: b, y: v } = we(n, u, l)), h = -1);
   }
-  return { x: b, y: v, placement: u, strategy: a, middlewareData: h };
+  return { x: b, y: v, placement: u, strategy: a, middlewareData: p };
 };
-function We(r) {
+function Ue(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 };
@@ -2194,246 +2089,246 @@ function We(r) {
 function ur(r) {
   return { ...r, top: r.y, left: r.x, right: r.x + r.width, bottom: r.y + r.height };
 }
-async function Ve(r, o) {
+async function Fe(r, o) {
   var e;
   o === void 0 && (o = {});
-  const { x: t, y: a, platform: c, rects: i, elements: l, strategy: n } = r, { boundary: b = "clippingAncestors", rootBoundary: v = "viewport", elementContext: u = "floating", altBoundary: 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 { x: t, y: a, platform: c, rects: i, elements: l, strategy: n } = r, { boundary: b = "clippingAncestors", rootBoundary: v = "viewport", elementContext: u = "floating", altBoundary: p = !1, padding: g = 0 } = o, h = Ue(g), x = l[p ? 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 })), A = 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 - A.top + h.top, bottom: A.bottom - z.bottom + h.bottom, left: z.left - A.left + h.left, right: A.right - z.right + h.right };
 }
-const Ft = Math.min, Wt = Math.max;
-function Mr(r, o, e) {
-  return Wt(r, Ft(o, e));
+const Tt = Math.min, Lt = Math.max;
+function Tr(r, o, e) {
+  return Lt(r, Tt(o, e));
 }
-const Vt = (r) => ({ name: "arrow", options: r, async fn(o) {
+const Ot = (r) => ({ name: "arrow", options: r, async fn(o) {
   const { element: e, padding: t = 0 } = r ?? {}, { x: a, y: c, placement: i, rects: l, platform: n } = o;
   if (e == null)
     return {};
-  const b = 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" };
+  const b = Ue(t), v = { x: a, y: c }, u = rr(i), p = zr(i), g = ce(u), h = await n.getDimensions(e), x = u === "y" ? "top" : "left", z = u === "y" ? "bottom" : "right", A = l.reference[g] + l.reference[u] - v[u] - l.floating[g], T = v[u] - l.reference[u], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(e));
+  let L = D ? u === "y" ? D.clientHeight || 0 : D.clientWidth || 0 : 0;
+  L === 0 && (L = l.floating[g]);
+  const ao = A / 2 - T / 2, W = b[x], C = L - h[g] - b[z], R = L / 2 - h[g] / 2 + ao, F = Tr(W, R, C), oo = (p === "start" ? b[x] : b[z]) > 0 && R !== F && l.reference[g] <= l.floating[g];
+  return { [u]: v[u] - (oo ? R < W ? W - R : C - R : 0), data: { [u]: F, centerOffset: R - F } };
+} }), Nt = { left: "right", right: "left", bottom: "top", top: "bottom" };
 function vr(r) {
-  return r.replace(/left|right|bottom|top/g, (o) => Gt[o]);
+  return r.replace(/left|right|bottom|top/g, (o) => Nt[o]);
 }
-function Jt(r, o, e) {
+function Bt(r, o, e) {
   e === void 0 && (e = !1);
   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 = vr(i)), { main: i, cross: vr(i) };
 }
-const Kt = { start: "end", end: "start" };
-function me(r) {
-  return r.replace(/start|end/g, (o) => Kt[o]);
+const Dt = { start: "end", end: "start" };
+function xe(r) {
+  return r.replace(/start|end/g, (o) => Dt[o]);
 }
-const oa = ["top", "right", "bottom", "left"];
-oa.reduce((r, o) => r.concat(o, o + "-start", o + "-end"), []);
-const ra = function(r) {
+const Rt = ["top", "right", "bottom", "left"];
+Rt.reduce((r, o) => r.concat(o, o + "-start", o + "-end"), []);
+const Pt = 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: 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 { placement: t, middlewareData: a, rects: c, initialPlacement: i, platform: l, elements: n } = o, { mainAxis: b = !0, crossAxis: v = !0, fallbackPlacements: u, fallbackStrategy: p = "bestFit", flipAlignment: g = !0, ...h } = r, x = 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]);
+      return [xe(R), F, xe(F)];
+    }(i)), A = [i, ...z], T = await Fe(o, h), D = [];
+    let L = ((e = a.flip) == null ? void 0 : e.overflows) || [];
+    if (b && D.push(T[x]), v) {
+      const { main: R, cross: F } = Bt(t, c, await (l.isRTL == null ? void 0 : l.isRTL(n.floating)));
+      D.push(T[R], T[F]);
     }
-    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 (L = [...L, { placement: t, overflows: D }], !D.every((R) => R <= 0)) {
+      var ao, W;
+      const R = ((ao = (W = a.flip) == null ? void 0 : W.index) != null ? ao : 0) + 1, F = A[R];
       if (F)
-        return { data: { index: R, overflows: T }, reset: { placement: F } };
-      let ro = "bottom";
-      switch (h) {
+        return { data: { index: R, overflows: L }, reset: { placement: F } };
+      let oo = "bottom";
+      switch (p) {
         case "bestFit": {
           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);
+          const d = (C = L.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 && (oo = d);
           break;
         }
         case "initialPlacement":
-          ro = i;
+          oo = i;
       }
-      if (t !== ro)
-        return { reset: { placement: ro } };
+      if (t !== oo)
+        return { reset: { placement: oo } };
     }
     return {};
   } };
-}, ea = function(r) {
+}, It = function(r) {
   return r === void 0 && (r = 0), { name: "offset", options: r, async fn(o) {
     const { x: e, y: t } = o, a = await async function(c, i) {
-      const { placement: l, platform: n, elements: b } = c, v = await (n.isRTL == null ? void 0 : n.isRTL(b.floating)), u = 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 };
+      const { placement: l, platform: n, elements: b } = c, v = await (n.isRTL == null ? void 0 : n.isRTL(b.floating)), u = or(l), p = zr(l), g = rr(l) === "x", h = ["left", "top"].includes(u) ? -1 : 1, x = v && g ? -1 : 1, z = typeof i == "function" ? i(c) : i;
+      let { mainAxis: A, crossAxis: T, alignmentAxis: D } = typeof z == "number" ? { mainAxis: z, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...z };
+      return p && typeof D == "number" && (T = p === "end" ? -1 * D : D), g ? { x: T * x, y: A * h } : { x: A * h, y: T * x };
     }(o, r);
     return { x: e + a.x, y: t + a.y, data: a };
   } };
 };
-function ta(r) {
+function Ht(r) {
   return r === "x" ? "y" : "x";
 }
-const aa = function(r) {
+const Qt = function(r) {
   return r === void 0 && (r = {}), { name: "shift", options: r, async fn(o) {
     const { x: e, y: t, placement: a } = o, { mainAxis: c = !0, crossAxis: i = !1, limiter: l = { fn: (z) => {
-      let { x: E, y: 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];
+      let { x: A, y: T } = z;
+      return { x: A, y: T };
+    } }, ...n } = r, b = { x: e, y: t }, v = await Fe(o, n), u = rr(or(a)), p = Ht(u);
+    let g = b[u], h = b[p];
     if (c) {
       const z = u === "y" ? "bottom" : "right";
-      g = Mr(g + v[u === "y" ? "top" : "left"], g, g - v[z]);
+      g = Tr(g + v[u === "y" ? "top" : "left"], g, g - v[z]);
     }
     if (i) {
-      const z = h === "y" ? "bottom" : "right";
-      p = Mr(p + v[h === "y" ? "top" : "left"], p, p - v[z]);
+      const z = p === "y" ? "bottom" : "right";
+      h = Tr(h + v[p === "y" ? "top" : "left"], h, h - v[z]);
     }
-    const x = l.fn({ ...o, [u]: g, [h]: p });
+    const x = l.fn({ ...o, [u]: g, [p]: h });
     return { ...x, data: { x: x.x - e, y: x.y - t } };
   } };
 };
-function Ge(r) {
+function We(r) {
   return r && r.document && r.location && r.alert && r.setInterval;
 }
-function so(r) {
+function bo(r) {
   if (r == null)
     return window;
-  if (!Ge(r)) {
+  if (!We(r)) {
     const o = r.ownerDocument;
     return o && o.defaultView || window;
   }
   return r;
 }
 function er(r) {
-  return so(r).getComputedStyle(r);
+  return bo(r).getComputedStyle(r);
 }
-function bo(r) {
-  return Ge(r) ? "" : r ? (r.nodeName || "").toLowerCase() : "";
+function no(r) {
+  return We(r) ? "" : r ? (r.nodeName || "").toLowerCase() : "";
 }
-function Je() {
+function Ve() {
   const r = navigator.userAgentData;
   return r != null && r.brands ? r.brands.map((o) => o.brand + "/" + o.version).join(" ") : navigator.userAgent;
 }
-function ao(r) {
-  return r instanceof so(r).HTMLElement;
+function to(r) {
+  return r instanceof bo(r).HTMLElement;
 }
 function To(r) {
-  return r instanceof so(r).Element;
+  return r instanceof bo(r).Element;
 }
 function ie(r) {
-  return typeof ShadowRoot > "u" ? !1 : r instanceof so(r).ShadowRoot || r instanceof ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : r instanceof bo(r).ShadowRoot || r instanceof ShadowRoot;
 }
 function _r(r) {
   const { overflow: o, overflowX: e, overflowY: t } = er(r);
   return /auto|scroll|overlay|hidden/.test(o + t + e);
 }
-function ca(r) {
-  return ["table", "td", "th"].includes(bo(r));
+function Ut(r) {
+  return ["table", "td", "th"].includes(no(r));
 }
-function fe(r) {
-  const o = /firefox/i.test(Je()), e = er(r);
+function me(r) {
+  const o = /firefox/i.test(Ve()), 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 Ke() {
-  return !/^((?!chrome|android).)*safari/i.test(Je());
+function Je() {
+  return !/^((?!chrome|android).)*safari/i.test(Ve());
 }
-const ke = Math.min, Io = Math.max, hr = Math.round;
-function qo(r, o, e) {
+const fe = Math.min, Io = Math.max, pr = Math.round;
+function _o(r, o, e) {
   var t, a, c, i;
   o === void 0 && (o = !1), e === void 0 && (e = !1);
   const l = r.getBoundingClientRect();
   let n = 1, b = 1;
-  o && ao(r) && (n = r.offsetWidth > 0 && 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 };
+  o && to(r) && (n = r.offsetWidth > 0 && pr(l.width) / r.offsetWidth || 1, b = r.offsetHeight > 0 && pr(l.height) / r.offsetHeight || 1);
+  const v = To(r) ? bo(r) : window, u = !Je() && e, p = (l.left + (u && (t = (a = v.visualViewport) == null ? void 0 : a.offsetLeft) != null ? t : 0)) / n, g = (l.top + (u && (c = (i = v.visualViewport) == null ? void 0 : i.offsetTop) != null ? c : 0)) / b, h = l.width / n, x = l.height / b;
+  return { width: h, height: x, top: g, right: p + h, bottom: g + x, left: p, x: p, y: g };
 }
 function vo(r) {
-  return (o = r, (o instanceof so(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
+  return (o = r, (o instanceof bo(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
   var o;
 }
 function qr(r) {
   return To(r) ? { scrollLeft: r.scrollLeft, scrollTop: r.scrollTop } : { scrollLeft: r.pageXOffset, scrollTop: r.pageYOffset };
 }
-function ot(r) {
-  return qo(vo(r)).left + qr(r).scrollLeft;
+function Ge(r) {
+  return _o(vo(r)).left + qr(r).scrollLeft;
 }
-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;
+function Ft(r, o, e) {
+  const t = to(o), a = vo(o), c = _o(r, t && function(n) {
+    const b = _o(n);
+    return pr(b.width) !== n.offsetWidth || pr(b.height) !== n.offsetHeight;
   }(o), e === "fixed");
   let i = { scrollLeft: 0, scrollTop: 0 };
   const l = { x: 0, y: 0 };
   if (t || !t && e !== "fixed")
-    if ((bo(o) !== "body" || _r(a)) && (i = qr(o)), ao(o)) {
-      const n = qo(o, !0);
+    if ((no(o) !== "body" || _r(a)) && (i = qr(o)), to(o)) {
+      const n = _o(o, !0);
       l.x = n.x + o.clientLeft, l.y = n.y + o.clientTop;
     } else
-      a && (l.x = ot(a));
+      a && (l.x = Ge(a));
   return { x: c.left + i.scrollLeft - l.x, y: c.top + i.scrollTop - l.y, width: c.width, height: c.height };
 }
-function rt(r) {
-  return bo(r) === "html" ? r : r.assignedSlot || r.parentNode || (ie(r) ? r.host : null) || vo(r);
+function Ke(r) {
+  return no(r) === "html" ? r : r.assignedSlot || r.parentNode || (ie(r) ? r.host : null) || vo(r);
 }
-function $e(r) {
-  return ao(r) && getComputedStyle(r).position !== "fixed" ? r.offsetParent : null;
+function ke(r) {
+  return to(r) && getComputedStyle(r).position !== "fixed" ? r.offsetParent : null;
 }
-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))
+function Lr(r) {
+  const o = bo(r);
+  let e = ke(r);
+  for (; e && Ut(e) && getComputedStyle(e).position === "static"; )
+    e = ke(e);
+  return e && (no(e) === "html" || no(e) === "body" && getComputedStyle(e).position === "static" && !me(e)) ? o : e || function(t) {
+    let a = Ke(t);
+    for (ie(a) && (a = a.host); to(a) && !["html", "body"].includes(no(a)); ) {
+      if (me(a))
         return a;
       a = a.parentNode;
     }
     return null;
   }(r) || o;
 }
-function ye(r) {
-  if (ao(r))
+function $e(r) {
+  if (to(r))
     return { width: r.offsetWidth, height: r.offsetHeight };
-  const o = qo(r);
+  const o = _o(r);
   return { width: o.width, height: o.height };
 }
-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 ot(r) {
+  const o = Ke(r);
+  return ["html", "body", "#document"].includes(no(o)) ? r.ownerDocument.body : to(o) && _r(o) ? o : ot(o);
 }
-function tt(r, o) {
+function rt(r, o) {
   var e;
   o === void 0 && (o = []);
-  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));
+  const t = ot(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c = bo(t), i = a ? [c].concat(c.visualViewport || [], _r(t) ? t : []) : t, l = o.concat(i);
+  return a ? l : l.concat(rt(i));
 }
-function ze(r, o, e) {
+function ye(r, o, e) {
   return o === "viewport" ? ur(function(t, a) {
-    const c = so(t), i = vo(t), l = c.visualViewport;
+    const c = bo(t), i = vo(t), l = c.visualViewport;
     let n = i.clientWidth, b = i.clientHeight, v = 0, u = 0;
     if (l) {
       n = l.width, b = l.height;
-      const h = Ke();
-      (h || !h && a === "fixed") && (v = l.offsetLeft, u = l.offsetTop);
+      const p = Je();
+      (p || !p && a === "fixed") && (v = l.offsetLeft, u = l.offsetTop);
     }
     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;
+    const c = _o(t, !1, a === "fixed"), i = c.top + t.clientTop, l = c.left + t.clientLeft;
     return { top: i, left: l, x: l, y: i, right: l + t.clientWidth, bottom: i + t.clientHeight, width: t.clientWidth, height: t.clientHeight };
   }(o, e) : ur(function(t) {
     var a;
     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);
+    let v = -i.scrollLeft + Ge(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 la(r) {
-  const o = tt(r), e = ["absolute", "fixed"].includes(er(r).position) && ao(r) ? Tr(r) : r;
+function Wt(r) {
+  const o = rt(r), e = ["absolute", "fixed"].includes(er(r).position) && to(r) ? Lr(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))
@@ -2447,68 +2342,68 @@ function la(r) {
       } while (l);
     }
     return !1;
-  }(t, e) && bo(t) !== "body") : [];
+  }(t, e) && no(t) !== "body") : [];
 }
-const da = { getClippingRect: function(r) {
+const Vt = { getClippingRect: function(r) {
   let { element: o, boundary: e, rootBoundary: t, strategy: a } = r;
-  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));
+  const c = [...e === "clippingAncestors" ? Wt(o) : [].concat(e), t], i = c[0], l = c.reduce((n, b) => {
+    const v = ye(o, b, a);
+    return n.top = Io(v.top, n.top), n.right = fe(v.right, n.right), n.bottom = fe(v.bottom, n.bottom), n.left = Io(v.left, n.left), n;
+  }, ye(o, i, a));
   return { width: l.right - l.left, height: l.bottom - l.top, x: l.left, y: l.top };
 }, convertOffsetParentRelativeRectToViewportRelativeRect: function(r) {
   let { rect: o, offsetParent: e, strategy: t } = r;
-  const a = ao(e), c = vo(e);
+  const a = to(e), c = vo(e);
   if (e === c)
     return o;
   let i = { scrollLeft: 0, scrollTop: 0 };
   const l = { x: 0, y: 0 };
-  if ((a || !a && t !== "fixed") && ((bo(e) !== "body" || _r(c)) && (i = qr(e)), ao(e))) {
-    const n = qo(e, !0);
+  if ((a || !a && t !== "fixed") && ((no(e) !== "body" || _r(c)) && (i = qr(e)), to(e))) {
+    const n = _o(e, !0);
     l.x = n.x + e.clientLeft, l.y = n.y + e.clientTop;
   }
   return { ...o, x: o.x - i.scrollLeft + l.x, y: o.y - i.scrollTop + l.y };
-}, isElement: To, getDimensions: ye, getOffsetParent: Tr, getDocumentElement: vo, getElementRects: (r) => {
+}, isElement: To, getDimensions: $e, getOffsetParent: Lr, getDocumentElement: vo, getElementRects: (r) => {
   let { reference: o, floating: e, strategy: t } = r;
-  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 = {
+  return { reference: Ft(o, Lr(e), t), floating: { ...$e(e), x: 0, y: 0 } };
+}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => er(r).direction === "rtl" }, Jt = (r, o, e) => Mt(r, o, { platform: Vt, ...e }), Uo = "top", Fo = "bottom", hr = "left", wr = "right", Zr = {
   [Uo]: Fo,
   [Fo]: Uo,
-  [pr]: wr,
-  [wr]: pr
-}, ba = {
+  [hr]: wr,
+  [wr]: hr
+}, Gt = {
   [Uo]: "↑",
   [Fo]: "↓",
-  [pr]: "←",
+  [hr]: "←",
   [wr]: "→"
-}, sa = {
-  [pr]: -45,
+}, Kt = {
+  [hr]: -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 }) {
+}, ze = "calc(50% - 7px)", oa = (r) => [Uo, Fo].includes(r);
+function ra({ actualDirection: r, directionName: o, arrowEl: e }) {
   if (!e)
     return;
   r = o;
-  const t = ga(o);
-  e.style.left = t ? _e : "", e.style.top = t ? "" : _e;
+  const t = oa(o);
+  e.style.left = t ? ze : "", e.style.top = t ? "" : ze;
 }
-async function va(r) {
+async function ea(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 ua(r);
-  const o = await na(r.targetEl, r.attentionEl, {
+    return ra(r);
+  const o = await Jt(r.targetEl, r.attentionEl, {
     placement: r.directionName,
     middleware: [
       // Should we make this configurable, but have these as sane defaults?
-      ra(),
-      ea(8),
-      aa({ padding: 16 }),
+      Pt(),
+      It(8),
+      Qt({ padding: 16 }),
       // @ts-ignore
-      Vt({ element: r.noArrow ? void 0 : r.arrowEl })
+      Ot({ element: r.noArrow ? void 0 : r.arrowEl })
       // FIXME
     ]
   });
@@ -2520,7 +2415,7 @@ async function va(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 Or extends Ko(I) {
+class Or extends Ko(H) {
   constructor() {
     super(), this.show = !1, this.tooltip = !1, this.callout = !1, this.popover = !1, this.noArrow = !1;
   }
@@ -2553,11 +2448,11 @@ ${JSON.stringify(
       attentionEl: this._attentionEl,
       targetEl: this._targetEl,
       noArrow: this.noArrow
-    }, va(this.attentionState);
+    }, ea(this.attentionState);
   }
   setAriaLabels() {
     if (this._targetEl && !this._targetEl.getAttribute("aria-describedby")) {
-      const o = this._messageEl.id || (this._messageEl.id = Ot());
+      const o = this._messageEl.id || (this._messageEl.id = Ct());
       this._messageEl.setAttribute("role", "tooltip"), this._targetEl.setAttribute("aria-describedby", o);
     }
   }
@@ -2574,37 +2469,37 @@ ${JSON.stringify(
     return this.renderRoot.querySelector("slot[name='message']").assignedNodes()[0];
   }
   get _wrapperClasses() {
-    return Er({
-      [io.base]: !0,
-      [io.tooltip]: this.tooltip,
-      [io.callout]: this.callout,
-      [io.popover]: this.popover
+    return Ar({
+      [co.base]: !0,
+      [co.tooltip]: this.tooltip,
+      [co.callout]: this.callout,
+      [co.popover]: this.popover
     });
   }
   get _arrowClasses() {
-    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
+    return Ar({
+      [co.arrowBase]: !0,
+      [co[`arrowDirection${this._arrowDirection.charAt(0).toUpperCase() + this._arrowDirection.slice(1)}`]]: !0,
+      [co.arrowTooltip]: this.tooltip,
+      [co.arrowCallout]: this.callout,
+      [co.arrowPopover]: this.popover
     });
   }
   get _arrowHtml() {
-    return this.noArrow ? "" : f`<div
+    return this.noArrow ? "" : $`<div
           id="arrow"
           role="img"
-          aria-label=${ba[this._arrowDirection]}
+          aria-label=${Gt[this._arrowDirection]}
           class="${this._arrowClasses}"
-          style="transform:rotate(${sa[this._arrowDirection]}deg);
+          style="transform:rotate(${Kt[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 f`
-      <div class=${B(this.className ? this.className : void 0)}>
-        ${this.placement === "right" || this.placement === "bottom" ? f`
+    return $`
+      <div class=${N(this.className ? this.className : void 0)}>
+        ${this.placement === "right" || this.placement === "bottom" ? $`
               <slot name="target"></slot>
               <div id="attention" class="${this._wrapperClasses}">
                 <div>
@@ -2612,7 +2507,7 @@ ${JSON.stringify(
                   <slot name="message"></slot>
                 </div>
               </div>
-            ` : f`
+            ` : $`
               <div id="attention" class="${this._wrapperClasses}">
                 <div>
                   <slot name="message"></slot>
@@ -3214,6 +3109,7 @@ Z(Or, "properties", {
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -3229,6 +3125,7 @@ Z(Or, "properties", {
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -3263,6 +3160,7 @@ Z(Or, "properties", {
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -3308,33 +3206,33 @@ Z(Or, "properties", {
     `
 ]);
 customElements.get("w-attention") || customElements.define("w-attention", Or);
-class Br extends I {
+class Nr extends H {
   constructor() {
     super(), this.variant = "neutral";
   }
   get _class() {
-    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"
+    return Ar({
+      [ko.base]: !0,
+      [ko[this.variant]]: !0,
+      [ko.positionBase]: !!this.position,
+      [ko.positionTL]: this.position === "top-left",
+      [ko.positionTR]: this.position === "top-right",
+      [ko.positionBR]: this.position === "bottom-right",
+      [ko.positionBL]: this.position === "bottom-left"
     });
   }
   render() {
-    return f`
+    return $`
       <div class="${this._class}">
         <slot></slot>
       </div>
     `;
   }
 }
-Z(Br, "properties", {
+Z(Nr, "properties", {
   variant: { type: "neutral" | "info" | "positive" | "warning" | "negative" | "disabled" | "notification" | "price" },
   position: { type: "top-left" | "top-right" | "bottom-right" | "bottom-left" }
-}), Z(Br, "styles", Q`
+}), 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}
@@ -3907,6 +3805,7 @@ Z(Br, "properties", {
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -3922,6 +3821,7 @@ Z(Br, "properties", {
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -3956,6 +3856,7 @@ Z(Br, "properties", {
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -3984,26 +3885,26 @@ Z(Br, "properties", {
 .sm\\:pt-32{padding-top:3.2rem;}
 }
       `);
-customElements.get("w-badge") || customElements.define("w-badge", Br);
-class Nr extends I {
+customElements.get("w-badge") || customElements.define("w-badge", Nr);
+class Br extends H {
   get _class() {
     return V({
-      [no.box]: !0,
-      [no.bleed]: this.bleed,
-      [no.info]: this.info,
-      [no.neutral]: this.neutral,
-      [no.bordered]: this.bordered
+      [lo.box]: !0,
+      [lo.bleed]: this.bleed,
+      [lo.info]: this.info,
+      [lo.neutral]: this.neutral,
+      [lo.bordered]: this.bordered
     });
   }
   render() {
-    return f`
+    return $`
       <div class="${this._class}">
         <slot></slot>
       </div>
     `;
   }
 }
-Z(Nr, "properties", {
+Z(Br, "properties", {
   bleed: { type: Boolean },
   bordered: { type: Boolean },
   info: { type: Boolean },
@@ -4012,7 +3913,7 @@ Z(Nr, "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
-Z(Nr, "styles", Q`
+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}
@@ -4585,6 +4486,7 @@ Z(Nr, "styles", Q`
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -4600,6 +4502,7 @@ Z(Nr, "styles", Q`
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -4634,6 +4537,7 @@ Z(Nr, "styles", Q`
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -4668,15 +4572,15 @@ Z(Nr, "styles", Q`
           margin-bottom: 0 !important;
         }
       `);
-customElements.get("w-box") || customElements.define("w-box", Nr);
-function ha(r, o) {
+customElements.get("w-box") || customElements.define("w-box", Br);
+function ta(r, o) {
   return r.flatMap((e) => [e, o]).slice(0, -1);
 }
 var Dr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function pa(r) {
+function aa(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var at = {}, ct = {};
+var et = {}, tt = {};
 (function(r) {
   Object.defineProperty(r, "__esModule", { value: !0 }), r.errorMessages = r.ErrorType = void 0;
   var o;
@@ -4698,10 +4602,10 @@ var at = {}, ct = {};
     ],
     [o.EndOfString, "malformed escape sequence at end of string"]
   ]);
-})(ct);
+})(tt);
 (function(r) {
   Object.defineProperty(r, "__esModule", { value: !0 }), r.unraw = r.errorMessages = r.ErrorType = void 0;
-  const o = ct;
+  const o = tt;
   Object.defineProperty(r, "ErrorType", { enumerable: !0, get: function() {
     return o.ErrorType;
   } }), Object.defineProperty(r, "errorMessages", { enumerable: !0, get: function() {
@@ -4710,20 +4614,20 @@ var at = {}, ct = {};
   function e(g) {
     return !g.match(/[^a-f0-9]/i) ? parseInt(g, 16) : NaN;
   }
-  function t(g, p, x) {
+  function t(g, h, x) {
     const z = e(g);
     if (Number.isNaN(z) || x !== void 0 && x !== g.length)
-      throw new SyntaxError(o.errorMessages.get(p));
+      throw new SyntaxError(o.errorMessages.get(h));
     return z;
   }
   function a(g) {
-    const p = t(g, o.ErrorType.MalformedHexadecimal, 2);
-    return String.fromCharCode(p);
+    const h = t(g, o.ErrorType.MalformedHexadecimal, 2);
+    return String.fromCharCode(h);
   }
-  function c(g, p) {
+  function c(g, h) {
     const x = t(g, o.ErrorType.MalformedUnicode, 4);
-    if (p !== void 0) {
-      const z = t(p, o.ErrorType.MalformedUnicode, 4);
+    if (h !== void 0) {
+      const z = t(h, o.ErrorType.MalformedUnicode, 4);
       return String.fromCharCode(x, z);
     }
     return String.fromCharCode(x);
@@ -4734,15 +4638,15 @@ var at = {}, ct = {};
   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);
+    const h = g.slice(1, -1), x = t(h, 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)
+  function n(g, h = !1) {
+    if (h)
       throw new SyntaxError(o.errorMessages.get(o.ErrorType.OctalDeprecation));
     const x = parseInt(g, 8);
     return String.fromCharCode(x);
@@ -4761,31 +4665,31 @@ var at = {}, ct = {};
     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) {
+  function p(g, h = !1) {
+    return g.replace(u, function(x, z, A, T, D, L, ao, W, C) {
       if (z !== void 0)
         return "\\";
-      if (E !== void 0)
-        return a(E);
-      if (M !== void 0)
-        return l(M);
+      if (A !== void 0)
+        return a(A);
+      if (T !== void 0)
+        return l(T);
       if (D !== void 0)
-        return c(D, T);
-      if (co !== void 0)
-        return c(co);
+        return c(D, L);
+      if (ao !== void 0)
+        return c(ao);
       if (W === "0")
         return "\0";
       if (W !== void 0)
-        return n(W, !p);
+        return n(W, !h);
       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: {} };
+  r.unraw = p, r.default = p;
+})(et);
+const ca = /* @__PURE__ */ aa(et);
+var Wo = {}, at = {}, ct = { exports: {} };
 (function(r) {
   (function(o, e) {
     r.exports ? r.exports = e() : o.moo = e();
@@ -4834,11 +4738,11 @@ var Wo = {}, it = {}, lt = { exports: {} };
     function u(d, s) {
       return d.length > s ? d : Array(s - d.length + 1).join(" ") + d;
     }
-    function h(d, s) {
+    function p(d, s) {
       for (var w = d.length, y = 0; ; ) {
-        var Y = d.lastIndexOf(`
+        var X = d.lastIndexOf(`
 `, w - 1);
-        if (Y === -1 || (y++, w = Y, y === s) || w === 0)
+        if (X === -1 || (y++, w = X, y === s) || w === 0)
           break;
       }
       var _ = y < s ? 0 : w + 1;
@@ -4847,25 +4751,25 @@ var Wo = {}, it = {}, lt = { exports: {} };
     }
     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] });
+        var X = s[y], _ = d[X], j = [].concat(_);
+        if (X === "include") {
+          for (var M = 0; M < j.length; M++)
+            w.push({ include: j[M] });
           continue;
         }
-        var A = [];
+        var E = [];
         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));
+          c(q) ? (E.length && w.push(x(X, E)), w.push(x(X, q)), E = []) : E.push(q);
+        }), E.length && w.push(x(X, E));
       }
       return w;
     }
-    function p(d) {
+    function h(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[_] });
+          for (var X = [].concat(y.include), _ = 0; _ < X.length; _++)
+            s.push({ include: X[_] });
           continue;
         }
         if (!y.type)
@@ -4893,20 +4797,20 @@ var Wo = {}, it = {}, lt = { exports: {} };
         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) {
+      var X = w.match;
+      return w.match = Array.isArray(X) ? X : X ? [X] : [], 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);
+      return Array.isArray(d) ? h(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];
+    var A = x("error", { lineBreaks: !0, shouldThrow: !0 });
+    function T(d, s) {
+      for (var w = null, y = /* @__PURE__ */ Object.create(null), X = !0, _ = null, j = [], M = [], E = 0; E < d.length; E++)
+        d[E].fallback && (X = !1);
+      for (var E = 0; E < d.length; E++) {
+        var q = d[E];
         if (q.include)
           throw new Error("Inheritance is not allowed in stateless lexers");
         if (q.error || q.fallback) {
@@ -4914,11 +4818,11 @@ var Wo = {}, it = {}, lt = { exports: {} };
             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;
+        var I = q.match.slice();
+        if (X)
+          for (; I.length && typeof I[0] == "string" && I[0].length === 1; ) {
+            var ho = I.shift();
+            y[ho.charCodeAt(0)] = q;
           }
         if (q.pop || q.push || q.next) {
           if (!s)
@@ -4926,96 +4830,96 @@ var Wo = {}, it = {}, lt = { exports: {} };
           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 (I.length !== 0) {
+          X = !1, j.push(q);
+          for (var wo = 0; wo < I.length; wo++) {
+            var xo = I[wo];
+            if (a(xo)) {
               if (_ === null)
-                _ = mo.unicode;
-              else if (_ !== mo.unicode && q.fallback === !1)
+                _ = xo.unicode;
+              else if (_ !== xo.unicode && q.fallback === !1)
                 throw new Error("If one rule is /u then all must be");
             }
           }
-          var 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 + `
+          var Xo = b(I.map(v)), J = new RegExp(Xo);
+          if (J.test(""))
+            throw new Error("RegExp matches empty string: " + J);
+          var Lo = l(Xo);
+          if (Lo > 0)
+            throw new Error("RegExp has capture groups: " + J + `
 Use (?: … ) instead`);
-          if (!q.lineBreaks && G.test(`
+          if (!q.lineBreaks && J.test(`
 `))
-            throw new Error("Rule should declare lineBreaks: " + G);
-          L.push(n(jo));
+            throw new Error("Rule should declare lineBreaks: " + J);
+          M.push(n(Xo));
         }
       }
-      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 };
+      var jo = w && w.fallback, Oo = t && !jo ? "ym" : "gm", tr = t || jo ? "" : "|";
+      _ === !0 && (Oo += "u");
+      var yt = new RegExp(b(M) + tr, Oo);
+      return { regexp: yt, groups: j, fast: y, error: w || A };
     }
     function D(d) {
-      var s = M(z(d));
+      var s = T(z(d));
       return new C({ start: s }, "start");
     }
-    function T(d, s, w) {
+    function L(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) {
+    function ao(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; _++) {
+      for (var X = /* @__PURE__ */ Object.create(null), _ = 0; _ < y.length; _++) {
         var j = y[_];
-        Y[j] = z(d[j]).concat(w);
+        X[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);
+        for (var j = y[_], M = X[j], E = /* @__PURE__ */ Object.create(null), q = 0; q < M.length; q++) {
+          var I = M[q];
+          if (I.include) {
+            var ho = [q, 1];
+            if (I.include !== j && !E[I.include]) {
+              E[I.include] = !0;
+              var wo = X[I.include];
+              if (!wo)
+                throw new Error("Cannot include nonexistent state '" + I.include + "' (in state '" + j + "')");
+              for (var xo = 0; xo < wo.length; xo++) {
+                var Xo = wo[xo];
+                M.indexOf(Xo) === -1 && ho.push(Xo);
               }
             }
-            L.splice.apply(L, wo), q--;
+            M.splice.apply(M, ho), q--;
           }
         }
-      for (var G = /* @__PURE__ */ Object.create(null), _ = 0; _ < y.length; _++) {
+      for (var J = /* @__PURE__ */ Object.create(null), _ = 0; _ < y.length; _++) {
         var j = y[_];
-        G[j] = M(Y[j], !0);
+        J[j] = T(X[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);
+        for (var Lo = y[_], jo = J[Lo], Oo = jo.groups, q = 0; q < Oo.length; q++)
+          L(Oo[q], Lo, J);
+        for (var tr = Object.getOwnPropertyNames(jo.fast), q = 0; q < tr.length; q++)
+          L(jo.fast[tr[q]], Lo, J);
       }
-      return new C(G, s);
+      return new C(J, 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")
+      for (var s = typeof Map < "u", w = s ? /* @__PURE__ */ new Map() : /* @__PURE__ */ Object.create(null), y = Object.getOwnPropertyNames(d), X = 0; X < y.length; X++) {
+        var _ = y[X], j = d[_], M = Array.isArray(j) ? j : [j];
+        M.forEach(function(E) {
+          if (typeof E != "string")
             throw new Error("keyword must be string (in keyword '" + _ + "')");
-          s ? w.set(A, _) : w[A] = _;
+          s ? w.set(E, _) : w[E] = _;
         });
       }
-      return function(A) {
-        return s ? w.get(A) : w[A];
+      return function(E) {
+        return s ? w.get(E) : w[E];
       };
     }
     var C = function(d, s) {
@@ -5072,22 +4976,22 @@ Use (?: … ) instead`);
           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)
+        var X = R(y, w), _ = this.error;
+        if (X == 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);
+        var j = this._getGroup(X), M = X[0];
+        return _.fallback && X.index !== d ? (this.queuedGroup = j, this.queuedText = M, this._token(_, w.slice(d, X.index), d)) : this._token(j, M, d);
       }
     }, C.prototype._token = function(d, s, w) {
       var y = 0;
       if (d.lineBreaks) {
-        var Y = /\n/g, _ = 1;
+        var X = /\n/g, _ = 1;
         if (s === `
 `)
           y = 1;
         else
-          for (; Y.exec(s); )
-            y++, _ = Y.lastIndex;
+          for (; X.exec(s); )
+            y++, _ = X.lastIndex;
       }
       var j = {
         type: typeof d.type == "function" && d.type(s) || d.defaultType,
@@ -5098,23 +5002,23 @@ Use (?: … ) instead`);
         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;
+      }, M = s.length;
+      if (this.index += M, this.line += y, y !== 0 ? this.col = M - _ + 1 : this.col += M, d.shouldThrow) {
+        var E = new Error(this.formatError(j, "invalid syntax"));
+        throw E;
       }
       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) {
+      var oo = function(d) {
         this.lexer = d;
       };
-      ro.prototype.next = function() {
+      oo.prototype.next = function() {
         var d = this.lexer.next();
         return { value: d, done: !d };
-      }, ro.prototype[Symbol.iterator] = function() {
+      }, oo.prototype[Symbol.iterator] = function() {
         return this;
       }, C.prototype[Symbol.iterator] = function() {
-        return new ro(this);
+        return new oo(this);
       };
     }
     return C.prototype.formatError = function(d, s) {
@@ -5127,16 +5031,16 @@ Use (?: … ) instead`);
           line: this.line,
           col: this.col
         };
-      var y = 2, Y = Math.max(d.line - y, 1), _ = d.line + y, j = String(_).length, L = h(
+      var y = 2, X = Math.max(d.line - y, 1), _ = d.line + y, j = String(_).length, M = p(
         this.buffer,
         this.line - d.line + y + 1
-      ).slice(0, 5), A = [];
-      A.push(s + " at line " + d.line + " col " + d.col + ":"), A.push("");
-      for (var q = 0; q < 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) + "^");
+      ).slice(0, 5), E = [];
+      E.push(s + " at line " + d.line + " col " + d.col + ":"), E.push("");
+      for (var q = 0; q < M.length; q++) {
+        var I = M[q], ho = X + q;
+        E.push(u(String(ho), j) + "  " + I), ho === d.line && E.push(u("", j + d.col + 1) + "^");
       }
-      return A.join(`
+      return E.join(`
 `);
     }, C.prototype.clone = function() {
       return new C(this.states, this.state);
@@ -5144,20 +5048,20 @@ Use (?: … ) instead`);
       return !0;
     }, {
       compile: D,
-      states: co,
+      states: ao,
       error: Object.freeze({ error: !0 }),
       fallback: Object.freeze({ fallback: !0 }),
       keywords: W
     };
   });
-})(lt);
-var xa = lt.exports;
+})(ct);
+var ia = ct.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);
+  const e = o(ia);
   r.states = {
     body: {
       doubleapos: { match: "''", value: () => "'" },
@@ -5211,17 +5115,17 @@ var xa = lt.exports;
       end: { match: /\s*\}/u, pop: 1 }
     }
   }, r.lexer = e.default.states(r.states);
-})(it);
+})(at);
 Object.defineProperty(Wo, "__esModule", { value: !0 });
-var dt = Wo.parse = Wo.ParseError = void 0;
-const nt = it, ar = (r) => ({
+var it = Wo.parse = Wo.ParseError = void 0;
+const lt = at, 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) {
+function la(r, o) {
   let e = "", t = "";
   for (const c of o) {
     const i = c.ctx.text;
@@ -5244,25 +5148,25 @@ function ma(r, o) {
     ctx: Object.assign({}, o[0].ctx, { text: t })
   }];
 }
-const fa = [
+const da = [
   "number",
   "date",
   "time",
   "spellout",
   "ordinal",
   "duration"
-], qe = ["zero", "one", "two", "few", "many", "other"];
+], _e = ["zero", "one", "two", "few", "many", "other"];
 class P extends Error {
   /** @internal */
   constructor(o, e) {
-    super(nt.lexer.formatError(o, e));
+    super(lt.lexer.formatError(o, e));
   }
 }
 Wo.ParseError = P;
-class ka {
+class na {
   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;
+    this.lexer = lt.lexer.reset(o), this.cardinalKeys = (t = e == null ? void 0 : e.cardinal) !== null && t !== void 0 ? t : _e, this.ordinalKeys = (a = e == null ? void 0 : e.ordinal) !== null && a !== void 0 ? a : _e, 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);
@@ -5310,7 +5214,7 @@ class ka {
     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)) {
+    if (t.text += a.text, t.lineBreaks += a.lineBreaks, this.strict && (a.type === "func-simple" || a.type === "func-args") && !da.includes(a.value)) {
       const c = `Invalid strict mode function arg type: ${a.value}`;
       throw new P(o, c);
     }
@@ -5338,7 +5242,7 @@ class ka {
           throw new P(a, i);
         }
         let c = this.parseBody(this.strict ? !1 : e);
-        return this.strict && c.length > 0 && (c = ma(o, c)), {
+        return this.strict && c.length > 0 && (c = la(o, c)), {
           type: "function",
           arg: o.value,
           key: a.value,
@@ -5382,11 +5286,11 @@ class ka {
     throw new P(null, "Unexpected message end");
   }
 }
-function $a(r, o = {}) {
-  return new ka(r, o).parse();
+function ba(r, o = {}) {
+  return new na(r, o).parse();
 }
-dt = Wo.parse = $a;
-function bt(r, o) {
+it = Wo.parse = ba;
+function dt(r, o) {
   return r.filter((e) => e.type !== "content").length ? r.map((e) => {
     var c;
     if (e.type === "content")
@@ -5401,7 +5305,7 @@ function bt(r, o) {
     }
     const t = e.pluralOffset, a = {};
     return e.cases.forEach((i) => {
-      a[i.key.replace(/^=(.)+/, "$1")] = bt(
+      a[i.key.replace(/^=(.)+/, "$1")] = dt(
         i.tokens,
         o
       );
@@ -5415,25 +5319,25 @@ function bt(r, o) {
     ];
   }) : r.map((e) => o(e.value)).join("");
 }
-function ya(r, o = (e) => e) {
+function sa(r, o = (e) => e) {
   try {
-    return bt(dt(r), o);
+    return dt(it(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();
+const eo = (r) => typeof r == "string", ga = (r) => typeof r == "function", qe = /* @__PURE__ */ new Map();
 function le(r) {
   return [...Array.isArray(r) ? r : [r], "en"];
 }
-function st(r, o, e) {
+function nt(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);
+  ).format(eo(o) ? new Date(o) : o);
 }
 function Rr(r, o, e) {
   const t = le(r);
@@ -5454,16 +5358,16 @@ function Ye(r, o, e, { offset: t = 0, ...a }) {
 }
 function xr(r, o) {
   const e = r();
-  let t = Xe.get(e);
-  return t || (t = o(), Xe.set(e, t)), t;
+  let t = qe.get(e);
+  return t || (t = o(), qe.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 = {}) => {
+const bt = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g, ua = (r, o, e = {}) => {
   o = o || r;
-  const t = (c) => to(c) ? e[c] || { style: c } : c, a = (c, i) => {
+  const t = (c) => eo(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);
   };
@@ -5478,30 +5382,30 @@ const gt = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g, _a = (r, o, e = {}) => {
     },
     select: (c, i) => i[c] ?? i.other,
     number: (c, i) => Rr(o, c, t(i)),
-    date: (c, i) => st(o, c, t(i)),
+    date: (c, i) => nt(o, c, t(i)),
     undefined: (c) => c
   };
 };
-function qa(r, o, e) {
+function va(r, o, e) {
   return (t, a = {}) => {
-    const c = _a(o, e, a), i = (n) => Array.isArray(n) ? n.reduce((b, v) => {
-      if (to(v))
+    const c = ua(o, e, a), i = (n) => Array.isArray(n) ? n.reduce((b, v) => {
+      if (eo(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);
+      const [u, p, g] = v;
+      let h = {};
+      g != null && !eo(g) ? Object.keys(g).forEach((z) => {
+        h[z] = i(g[z]);
+      }) : h = g;
+      const x = c[p](t[u], h);
       return x == null ? b : b + x;
     }, "") : n, l = i(r);
-    return to(l) && gt.test(l) ? wa(l.trim()) : to(l) ? l.trim() : l;
+    return eo(l) && bt.test(l) ? ca(l.trim()) : eo(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 {
+var pa = Object.defineProperty, ha = (r, o, e) => o in r ? pa(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, wa = (r, o, e) => (ha(r, typeof o != "symbol" ? o + "" : o, e), e);
+class xa {
   constructor() {
-    ja(this, "_events", {});
+    wa(this, "_events", {});
   }
   on(o, e) {
     return this._hasEvent(o) || (this._events[o] = []), this._events[o].push(e), () => this.removeListener(o, e);
@@ -5519,10 +5423,10 @@ class Za {
     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 {
+var ma = Object.defineProperty, fa = (r, o, e) => o in r ? ma(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, So = (r, o, e) => (fa(r, typeof o != "symbol" ? o + "" : o, e), e);
+class ka extends xa {
   constructor(o) {
-    super(), Ao(this, "_locale"), Ao(this, "_locales"), Ao(this, "_localeData"), Ao(this, "_messages"), Ao(this, "_missing"), Ao(this, "t", this._.bind(this)), this._messages = {}, this._localeData = {}, o.missing != null && (this._missing = o.missing), o.messages != null && this.load(o.messages), o.localeData != null && this.loadLocaleData(o.localeData), (o.locale != null || o.locales != null) && this.activate(o.locale, o.locales);
+    super(), So(this, "_locale"), So(this, "_locales"), So(this, "_localeData"), So(this, "_messages"), So(this, "_missing"), So(this, "t", this._.bind(this)), this._messages = {}, this._localeData = {}, o.missing != null && (this._missing = o.missing), o.messages != null && this.load(o.messages), o.localeData != null && this.loadLocaleData(o.localeData), (o.locale != null || o.locales != null) && this.activate(o.locale, o.locales);
   }
   get locale() {
     return this._locale;
@@ -5568,50 +5472,50 @@ class Ea extends Za {
     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);
+    eo(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;
+      return ga(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(
+    return process.env.NODE_ENV !== "production" && (l = eo(l) ? sa(l) : l), eo(l) && bt.test(l) ? JSON.parse(`"${l}"`) : eo(l) ? l : va(
       l,
       this._locale,
       this._locales
     )(e, a);
   }
   date(o, e) {
-    return st(this._locales || this._locale, o, e);
+    return nt(this._locales || this._locale, o, e);
   }
   number(o, e) {
     return Rr(this._locales || this._locale, o, e);
   }
 }
-function Ca(r = {}) {
-  return new Ea(r);
+function $a(r = {}) {
+  return new ka(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(
+const Vo = $a(), ya = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}'), za = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}'), _a = JSON.parse('{"breadcrumbs.ariaLabel":"Olet tässä"}'), qa = ["en", "nb", "fi"], st = "en", Xe = (r) => qa.find(
   (o) => r === o || r.toLowerCase().includes(o)
-) || ut;
-function Ba() {
+) || st;
+function Ya() {
   if (typeof window > "u") {
     const r = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
-    return je(r);
+    return Xe(r);
   }
   try {
     const r = document.documentElement.lang;
-    return je(r);
+    return Xe(r);
   } catch (r) {
-    return console.warn("could not detect locale, falling back to source locale", r), ut;
+    return console.warn("could not detect locale, falling back to source locale", r), st;
   }
 }
-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);
+const Xa = (r, o, e, t) => r === "nb" ? e : r === "fi" ? t : o, de = (r, o, e) => {
+  const t = Ya(), a = Xa(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) {
+}, ja = $`<span class=${Eo.separator} aria-hidden='true'>/</span>`;
+class Pr extends Ko(H) {
   constructor() {
-    super(), de(La, Ma, Ta), this.ariaLabel = Vo._(
+    super(), de(ya, za, _a), this.ariaLabel = Vo._(
       {
         id: "breadcrumbs.ariaLabel",
         message: "You are here",
@@ -5624,14 +5528,14 @@ class Pr extends Ko(I) {
     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 f`<span class=${Eo.text} aria-current=${c ? "page" : void 0}>${t}</span>`;
+        return $`<span class=${Eo.text} aria-current=${c ? "page" : void 0}>${t}</span>`;
       }
       return t.classList.add(t.tagName === "A" ? Eo.link : Eo.text), t;
     });
-    this._children = ha(e, Da);
+    this._children = ta(e, ja);
   }
   render() {
-    return f`
+    return $`
       <nav aria-label=${this.ariaLabel}>
         <h2 class=${Eo.a11y}>${this.ariaLabel}</h2>
         <div class=${Eo.wrapper}>
@@ -6214,6 +6118,7 @@ Z(Pr, "styles", Q`
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -6229,6 +6134,7 @@ Z(Pr, "styles", Q`
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -6263,6 +6169,7 @@ Z(Pr, "styles", Q`
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -6299,12 +6206,12 @@ customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs", Pr
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: Ra } = St, Ze = () => document.createComment(""), Ro = (r, o, e) => {
+const { I: Za } = jt, je = () => 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(Ze(), c), l = a.insertBefore(Ze(), c);
-    e = new Ra(i, l, r, r.options);
+    const i = a.insertBefore(je(), c), l = a.insertBefore(je(), c);
+    e = new Za(i, l, r, r.options);
   } else {
     const i = e._$AB.nextSibling, l = e._$AM, n = l !== r;
     if (n) {
@@ -6320,7 +6227,7 @@ const { I: Ra } = St, Ze = () => document.createComment(""), Ro = (r, o, e) => {
     }
   }
   return e;
-}, zo = (r, o, e = r) => (r._$AI(o, e), r), Pa = {}, Ia = (r, o = Pa) => r._$AH = o, Ha = (r) => r._$AH, Ar = (r) => {
+}, yo = (r, o, e = r) => (r._$AI(o, e), r), Sa = {}, Ea = (r, o = Sa) => r._$AH = o, Aa = (r) => r._$AH, Er = (r) => {
   var o;
   (o = r._$AP) === null || o === void 0 || o.call(r, !1, !0);
   let e = r._$AA;
@@ -6335,12 +6242,12 @@ const { I: Ra } = St, Ze = () => document.createComment(""), Ro = (r, o, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Se = (r, o, e) => {
+const Ze = (r, o, e) => {
   const t = /* @__PURE__ */ new Map();
   for (let a = o; a <= e; a++)
     t.set(r[a], a);
   return t;
-}, vt = te(class extends ae {
+}, gt = te(class extends ae {
   constructor(r) {
     if (super(r), r.type !== ee.CHILD)
       throw Error("repeat() can only be used in text expressions");
@@ -6359,58 +6266,58 @@ const Se = (r, o, e) => {
   }
   update(r, [o, e, t]) {
     var a;
-    const c = Ha(r), { values: i, keys: l } = this.dt(o, e, t);
+    const c = Aa(r), { values: i, keys: l } = this.dt(o, e, t);
     if (!Array.isArray(c))
       return this.ht = l, i;
     const n = (a = this.ht) !== null && a !== void 0 ? a : this.ht = [], b = [];
-    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++;
+    let v, u, p = 0, g = c.length - 1, h = 0, x = i.length - 1;
+    for (; p <= g && h <= x; )
+      if (c[p] === null)
+        p++;
       else if (c[g] === null)
         g--;
-      else if (n[h] === l[p])
-        b[p] = zo(c[h], i[p]), h++, p++;
+      else if (n[p] === l[h])
+        b[h] = yo(c[p], i[h]), p++, h++;
       else if (n[g] === l[x])
-        b[x] = zo(c[g], i[x]), g--, x--;
-      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]))
+        b[x] = yo(c[g], i[x]), g--, x--;
+      else if (n[p] === l[x])
+        b[x] = yo(c[p], i[x]), Ro(r, b[x + 1], c[p]), p++, x--;
+      else if (n[g] === l[h])
+        b[h] = yo(c[g], i[h]), Ro(r, c[p], c[g]), g--, h++;
+      else if (v === void 0 && (v = Ze(l, h, x), u = Ze(n, p, g)), v.has(n[p]))
         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;
+          const z = u.get(l[h]), A = z !== void 0 ? c[z] : null;
+          if (A === null) {
+            const T = Ro(r, c[p]);
+            yo(T, i[h]), b[h] = T;
           } else
-            b[p] = zo(E, i[p]), Ro(r, c[h], E), c[z] = null;
-          p++;
+            b[h] = yo(A, i[h]), Ro(r, c[p], A), c[z] = null;
+          h++;
         } else
-          Ar(c[g]), g--;
+          Er(c[g]), g--;
       else
-        Ar(c[h]), h++;
-    for (; p <= x; ) {
+        Er(c[p]), p++;
+    for (; h <= x; ) {
       const z = Ro(r, b[x + 1]);
-      zo(z, i[p]), b[p++] = z;
+      yo(z, i[h]), b[h++] = z;
     }
-    for (; h <= g; ) {
-      const z = c[h++];
-      z !== null && Ar(z);
+    for (; p <= g; ) {
+      const z = c[p++];
+      z !== null && Er(z);
     }
-    return this.ht = l, Ia(r, b), ho;
+    return this.ht = l, Ea(r, b), po;
   }
-}), Go = typeof window < "u";
-class Ir extends I {
+}), Jo = typeof window < "u";
+class Ir extends H {
   constructor() {
-    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = Go ? window.location.href : "";
+    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = Jo ? window.location.href : "";
   }
   async connectedCallback() {
     if (super.connectedCallback(), !this.api) {
       console.error('Broadcast "api" attribute invalid or undefined');
       return;
     }
-    Go && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
+    Jo && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
   }
   async _fetchMessage() {
     const o = `${this.api}?path=${this.url}`;
@@ -6426,12 +6333,12 @@ class Ir extends I {
   }
   render() {
     const o = this._messages.filter((e) => !this._hiddenMessageIds.includes(e.id));
-    return f`
+    return $`
       <aside class=${`${o.length === 0 ? "hidden" : "mb-16"}`}>
-        ${vt(
+        ${gt(
       o,
       ({ id: e }) => `broadcast-${e}`,
-      ({ id: e, message: t }) => f`<w-toast
+      ({ id: e, message: t }) => $`<w-toast
               id="broadcast-${e}"
               type="warning"
               text="${t}"
@@ -7035,6 +6942,7 @@ Z(Ir, "properties", {
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -7050,6 +6958,7 @@ Z(Ir, "properties", {
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -7084,6 +6993,7 @@ Z(Ir, "properties", {
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -7113,7 +7023,7 @@ Z(Ir, "properties", {
 }
   `);
 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 = [
+const Ca = JSON.parse('{"button.aria.loading":"Loading..."}'), Ma = JSON.parse('{"button.aria.loading":"Laster..."}'), Ta = JSON.parse('{"button.aria.loading":"Ladataan..."}'), Se = [
   "primary",
   "secondary",
   "negative",
@@ -7121,19 +7031,19 @@ const Qa = JSON.parse('{"button.aria.loading":"Loading..."}'), Ua = JSON.parse('
   "pill",
   "link"
 ];
-class cr extends Ko(I) {
+class cr extends Ko(H) {
   constructor() {
-    super(), de(Qa, Ua, Fa), this.variant = "secondary", this.ariaValueTextLoading = Vo._({
+    super(), de(Ca, Ma, Ta), this.variant = "secondary", this.ariaValueTextLoading = Vo._({
       id: "button.aria.loading",
       message: "Loading...",
       comment: "Screenreader message for buttons that are loading"
     });
   }
   connectedCallback() {
-    if (super.connectedCallback(), !Ae.includes(this.variant))
+    if (super.connectedCallback(), !Se.includes(this.variant))
       throw new Error(
         `Invalid "variant" attribute. Set its value to one of the following:
-${Ae.join(
+${Se.join(
           ", "
         )}.`
       );
@@ -7145,66 +7055,66 @@ ${Ae.join(
     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 uo(
       {
-        [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
+        [Y.secondary]: e && !this.small && !this.quiet && !this.loading,
+        [Y.secondarySmall]: e && this.small && !this.quiet && !this.loading,
+        [Y.secondarySmallLoading]: e && this.small && !this.quiet && this.loading,
+        [Y.secondarySmallQuiet]: e && this.small && this.quiet && !this.loading,
+        [Y.secondarySmallQuietLoading]: e && this.small && this.quiet && this.loading,
+        [Y.secondaryQuiet]: e && !this.small && this.quiet && !this.loading,
+        [Y.secondaryQuietLoading]: e && !this.small && this.quiet && this.loading,
+        [Y.secondaryLoading]: e && !this.small && !this.quiet && this.loading,
+        [Y.primary]: o && !this.small && !this.quiet && !this.loading,
+        [Y.primarySmall]: o && this.small && !this.quiet && !this.loading,
+        [Y.primarySmallQuiet]: o && this.small && this.quiet && !this.loading,
+        [Y.primarySmallLoading]: o && this.small && !this.quiet && this.loading,
+        [Y.primarySmallQuietLoading]: o && this.small && this.quiet && this.loading,
+        [Y.primaryQuiet]: o && !this.small && this.quiet && !this.loading,
+        [Y.primaryQuietLoading]: o && !this.small && this.quiet && this.loading,
+        [Y.primaryLoading]: o && !this.small && !this.quiet && this.loading,
+        [Y.utility]: a && !this.small && !this.quiet && !this.loading,
+        [Y.utilitySmall]: a && this.small && !this.quiet && !this.loading,
+        [Y.utilitySmallQuiet]: a && this.small && this.quiet && !this.loading,
+        [Y.utilitySmallLoading]: a && this.small && !this.quiet && this.loading,
+        [Y.utilitySmallQuietLoading]: a && this.small && this.quiet && this.loading,
+        [Y.utilityQuiet]: a && !this.small && this.quiet && !this.loading,
+        [Y.utilityQuietLoading]: a && !this.small && this.quiet && this.loading,
+        [Y.utilityLoading]: a && !this.small && !this.quiet && this.loading,
+        [Y.negative]: t && !this.small && !this.quiet && !this.loading,
+        [Y.negativeSmall]: t && this.small && !this.quiet && !this.loading,
+        [Y.negativeSmallQuiet]: t && this.small && this.quiet && !this.loading,
+        [Y.negativeSmallLoading]: t && this.small && !this.quiet && this.loading,
+        [Y.negativeSmallQuietLoading]: t && this.small && this.quiet && this.loading,
+        [Y.negativeQuiet]: t && !this.small && this.quiet && !this.loading,
+        [Y.negativeQuietLoading]: t && !this.small && this.quiet && this.loading,
+        [Y.negativeLoading]: t && !this.small && !this.quiet && this.loading,
+        [Y.pill]: c && !this.small && !this.loading,
+        [Y.pillSmall]: c && this.small && !this.loading,
+        [Y.pillLoading]: c && !this.small && this.loading,
+        [Y.pillSmallLoading]: c && this.small && this.loading,
+        [Y.link]: i && !this.small,
+        [Y.linkSmall]: i && this.small,
+        [Y.linkAsButton]: !!this.href,
+        [Y.fullWidth]: this.fullWidth,
+        [Y.contentWidth]: !this.fullWidth
       },
       this.buttonClass
     );
   }
   render() {
-    return f` ${this.href ? f`<a
+    return $` ${this.href ? $`<a
           href=${this.href}
           target=${this.target}
           rel=${this.target === "_blank" ? this.rel || "noopener" : void 0}
           class=${this._classes}
         >
           <slot></slot>
-        </a>` : f`<button
+        </a>` : $`<button
           type=${this.type || "button"}
           class=${this._classes}
         >
           <slot></slot>
         </button>`}
-    ${this.loading ? f`<span
+    ${this.loading ? $`<span
           class="sr-only"
           role="progressbar"
           aria-valuenow="{0}"
@@ -7213,7 +7123,7 @@ ${Ae.join(
   }
 }
 Z(cr, "shadowRootOptions", {
-  ...I.shadowRootOptions,
+  ...H.shadowRootOptions,
   delegatesFocus: !0
 }), Z(cr, "properties", {
   type: { type: "button" | "submit" | "reset", reflect: !0 },
@@ -7800,6 +7710,7 @@ Z(cr, "shadowRootOptions", {
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -7815,6 +7726,7 @@ Z(cr, "shadowRootOptions", {
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -7849,6 +7761,7 @@ Z(cr, "shadowRootOptions", {
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -7882,40 +7795,40 @@ const Ee = {
   ENTER: "Enter",
   SPACE: " "
 };
-class Hr extends I {
+class Hr extends H {
   constructor() {
     super(), this.selected = !1, this.flat = !1, this.clickable = !1;
   }
   get _outerClasses() {
     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
+      [ro.card]: !0,
+      [ro.cardShadow]: !this.flat,
+      [ro.cardSelected]: this.selected,
+      [ro.cardFlat]: this.flat,
+      [this.selected ? ro.cardFlatSelected : ro.cardFlatUnselected]: this.flat
     });
   }
   get _innerClasses() {
     return V({
-      [eo.cardOutline]: !0,
-      [this.selected ? eo.cardOutlineSelected : eo.cardOutlineUnselected]: !0
+      [ro.cardOutline]: !0,
+      [this.selected ? ro.cardOutlineSelected : ro.cardOutlineUnselected]: !0
     });
   }
   get uuButton() {
-    return f`<button class="${eo.a11y}" aria-pressed="${this.selected}" tabindex="-1">
+    return $`<button class="${ro.a11y}" aria-pressed="${this.selected}" tabindex="-1">
       Velg
     </button>`;
   }
   get uuSpan() {
-    return f`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;
+    return $`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;
   }
   keypressed(o) {
     !this.clickable || o.altKey || o.ctrlKey || (o.key === Ee.ENTER || o.key === Ee.SPACE) && (o.preventDefault(), this.click());
   }
   render() {
-    return f`
+    return $`
       <div
-        tabindex=${B(this.clickable ? "0" : void 0)}
+        tabindex=${N(this.clickable ? "0" : void 0)}
         class="${this._outerClasses}"
         @keydown=${this.keypressed}
       >
@@ -8501,6 +8414,7 @@ Z(Hr, "styles", [
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -8516,6 +8430,7 @@ Z(Hr, "styles", [
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -8550,6 +8465,7 @@ Z(Hr, "styles", [
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -8595,13 +8511,7 @@ Z(Hr, "styles", [
   clickable: { type: Boolean }
 });
 customElements.get("w-card") || customElements.define("w-card", Hr);
-class Ce extends I {
-  render() {
-    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", Ce) || customElements.define("w-icon-chevron-down16", Ce);
-class Qr extends Ko(I) {
+class Qr extends Ko(H) {
   constructor() {
     super(), this.expanded = !1, this.animated = !1, this.info = !1, this.box = !1, this.bleed = !1, this.noChevron = !1, this._hasTitle = !0;
   }
@@ -8609,10 +8519,10 @@ class Qr extends Ko(I) {
     this._hasTitle = !!this.title || this.renderRoot.querySelector("slot[name='title']").assignedNodes().length > 0;
   }
   get _expandableSlot() {
-    return f`<div
+    return $`<div
       class=${V({
       [this.contentClass || ""]: !0,
-      [no.box]: this.box,
+      [lo.box]: this.box,
       [U.paddingTop]: this._hasTitle && this.box
     })}
     >
@@ -8620,14 +8530,14 @@ class Qr extends Ko(I) {
     </div>`;
   }
   render() {
-    return f` <div
+    return $` <div
       class=${V({
       [U.expandable]: !0,
       [U.expandableBox]: this.box,
       [U.expandableBleed]: this.bleed
     })}
     >
-      ${this._hasTitle ? f`<w-unstyled-heading level=${this.headingLevel}>
+      ${this._hasTitle ? $`<w-unstyled-heading level=${this.headingLevel}>
             <button
               type="button"
               aria-expanded="${this.expanded}"
@@ -8639,8 +8549,8 @@ class Qr extends Ko(I) {
               @click=${() => this.expanded = !this.expanded}
             >
               <div class="${U.title}">
-                ${this.title ? f`<span class="${U.titleType}">${this.title}</span>` : f`<slot name="title"></slot>`}
-                ${this.noChevron ? "" : f`<div
+                ${this.title ? $`<span class="${U.titleType}">${this.title}</span>` : $`<slot name="title"></slot>`}
+                ${this.noChevron ? "" : $`<div
                       class=${V({
       [U.chevron]: !0,
       [U.chevronExpanded]: this.expanded,
@@ -8648,19 +8558,19 @@ class Qr extends Ko(I) {
       [U.chevronNonBox]: !this.box
     })}
                     >
-                      <w-icon-chevron-down16></w-icon-chevron-down16>
+                      <w-icon-chevron-down-16></w-icon-chevron-down-16>
                     </div>`}
               </div>
             </button>
           </w-unstyled-heading>` : ""}
-      ${this.animated ? f`<w-expand-transition ?show=${this.expanded}>
+      ${this.animated ? $`<w-expand-transition ?show=${this.expanded}>
             ${this._expandableSlot}
-          </w-expand-transition>` : f`<div
+          </w-expand-transition>` : $`<div
             class=${V({
       [U.expansion]: !0,
       [U.expansionNotExpanded]: !this.expanded
     })}
-            aria-hidden=${B(this.expanded ? void 0 : !0)}
+            aria-hidden=${N(this.expanded ? void 0 : !0)}
           >
             ${this._expandableSlot}
           </div>`}
@@ -9257,6 +9167,7 @@ Z(Qr, "styles", [
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -9272,6 +9183,7 @@ Z(Qr, "styles", [
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -9306,6 +9218,7 @@ Z(Qr, "styles", [
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -9357,13 +9270,13 @@ function ir(r, o, e) {
  */
 class Ur extends ae {
   constructor(o) {
-    if (super(o), this.et = N, o.type !== ee.CHILD)
+    if (super(o), this.et = B, o.type !== ee.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(o) {
-    if (o === N || o == null)
+    if (o === B || o == null)
       return this.ft = void 0, this.et = o;
-    if (o === ho)
+    if (o === po)
       return o;
     if (typeof o != "string")
       throw Error(this.constructor.directiveName + "() called with a non-string value");
@@ -9375,28 +9288,28 @@ class Ur extends ae {
   }
 }
 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) {
+const ut = te(Ur), La = JSON.parse('{"select.label.optional":"(optional)"}'), Oa = JSON.parse('{"select.label.optional":"(valgfritt)"}'), Na = JSON.parse('{"select.label.optional":"(valinnainen)"}');
+var fr, vt, kr, pt, $r, ht, yr, wt, Ao, lr, Co, dr;
+class Fr extends Ko(H) {
   constructor() {
     super();
-    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;
+    mo(this, fr);
+    mo(this, kr);
+    mo(this, $r);
+    mo(this, yr);
+    mo(this, Ao);
+    mo(this, Co);
+    de(La, Oa, Na), this._options = this.innerHTML;
   }
   render() {
-    return f`<div class="${So.wrapper}">
+    return $`<div class="${Zo.wrapper}">
       ${ir(
       this.label,
-      () => f`<label class="${J(this, kr, wt)}" for="${J(this, Co, lr)}">
+      () => $`<label class="${G(this, kr, pt)}" for="${G(this, Ao, lr)}">
             ${this.label}
             ${ir(
         this.optional,
-        () => f`<span class="${Po.optional}"
+        () => $`<span class="${Po.optional}"
                   >${Vo._({
           id: "select.label.optional",
           message: "(optional)",
@@ -9406,42 +9319,28 @@ class Fr extends Ko(I) {
       )}</label
           >`
     )}
-      <div class="${So.selectWrapper}">
+      <div class="${Zo.selectWrapper}">
         <select
-          class="${J(this, fr, pt)}"
-          id="${J(this, Co, lr)}"
+          class="${G(this, fr, vt)}"
+          id="${G(this, Ao, lr)}"
           ?autofocus=${this.autoFocus}
-          aria-describedby="${B(J(this, Lo, dr))}"
-          aria-invalid="${B(this.invalid)}"
-          aria-errormessage="${B(
-      this.invalid && J(this, Lo, dr)
+          aria-describedby="${N(G(this, Co, dr))}"
+          aria-invalid="${N(this.invalid)}"
+          aria-errormessage="${N(
+      this.invalid && G(this, Co, dr)
     )}"
         >
-          ${ht(this._options)}
+          ${ut(this._options)}
         </select>
-        <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"
-          >
-            <path
-              stroke="currentColor"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth="1.5"
-              d="M2.5 5.5L8 11L13.5 5.5"
-            />
-          </svg>
+        <div class="${G(this, yr, wt)}">
+          <w-icon-chevron-down-16></w-icon-chevron-down-16>
         </div>
       </div>
       ${ir(
       this.always || this.invalid,
-      () => f`<div
-            id="${J(this, Lo, dr)}"
-            class="${J(this, $r, xt)}"
+      () => $`<div
+            id="${G(this, Co, dr)}"
+            class="${G(this, $r, ht)}"
           >
             ${this.hint}
           </div>`
@@ -9449,30 +9348,30 @@ class Fr extends Ko(I) {
     </div>`;
   }
 }
-fr = new WeakSet(), pt = function() {
+fr = new WeakSet(), vt = function() {
   return uo({
-    [So.default]: !0,
-    [So.invalid]: this.invalid
+    [Zo.default]: !0,
+    [Zo.invalid]: this.invalid
   });
-}, kr = new WeakSet(), wt = function() {
+}, kr = new WeakSet(), pt = function() {
   return uo({
     [Po.label]: !0,
     [Po.labelInvalid]: this.invalid
   });
-}, $r = new WeakSet(), xt = function() {
+}, $r = new WeakSet(), ht = function() {
   return uo({
     [gr.helpText]: !0,
     [gr.helpTextInvalid]: this.invalid
   });
-}, yr = new WeakSet(), mt = function() {
+}, yr = new WeakSet(), wt = function() {
   return uo({
-    [So.chevron]: !0,
-    [So.chevronDisabled]: this.disabled
+    [Zo.chevron]: !0,
+    [Zo.chevronDisabled]: this.disabled
   });
-}, Co = new WeakSet(), lr = function() {
+}, Ao = new WeakSet(), lr = function() {
   return "select_id";
-}, Lo = new WeakSet(), dr = function() {
-  return this.hint ? `${J(this, Co, lr)}__hint` : void 0;
+}, Co = new WeakSet(), dr = function() {
+  return this.hint ? `${G(this, Ao, lr)}__hint` : void 0;
 }, Z(Fr, "properties", {
   // Whether the element should receive focus on render
   autoFocus: { type: Boolean, reflect: !0 },
@@ -10060,6 +9959,7 @@ fr = new WeakSet(), pt = function() {
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -10075,6 +9975,7 @@ fr = new WeakSet(), pt = function() {
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -10109,6 +10010,7 @@ fr = new WeakSet(), pt = function() {
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -10138,18 +10040,18 @@ fr = new WeakSet(), pt = function() {
 };
   `);
 customElements.get("w-select") || customElements.define("w-select", Fr);
-class Wr extends I {
+class Wr extends H {
   constructor() {
     super(), this.type = "text";
   }
   get _inputStyles() {
     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
+      [$o.default]: !0,
+      [$o.invalid]: this.invalid,
+      [$o.disabled]: this.disabled,
+      [$o.readOnly]: this.readOnly,
+      [$o.suffix]: this._hasSuffix,
+      [$o.prefix]: this._hasPrefix
     });
   }
   get _helpTextStyles() {
@@ -10166,7 +10068,7 @@ class Wr extends I {
   }
   get _label() {
     if (this.label)
-      return f`<label for="${this._id}" class=${this._labelStyles}>${this.label}</label>`;
+      return $`<label for="${this._id}" class=${this._labelStyles}>${this.label}</label>`;
   }
   get _helpId() {
     if (this.helpText)
@@ -10196,25 +10098,25 @@ class Wr extends I {
     this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length && (this._hasSuffix = !0);
   }
   render() {
-    return f`
+    return $`
       ${this._label}
-      <div class="${yo.wrapper}">
+      <div class="${$o.wrapper}">
         <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
         <input
           class="${this._inputStyles}"
           type="${this.type}"
-          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)}"
+          min="${N(this.min)}"
+          max="${N(this.max)}"
+          size="${N(this.size)}"
+          minlength="${N(this.minLength)}"
+          maxlength="${N(this.maxLength)}"
+          name="${N(this.name)}"
+          pattern="${N(this.pattern)}"
+          placeholder="${N(this.placeholder)}"
+          value="${N(this.value)}"
+          aria-describedby="${N(this._helpId)}"
+          aria-errormessage="${N(this._error)}"
+          aria-invalid="${N(this.invalid)}"
           id="${this._id}"
           ?disabled="${this.disabled}"
           ?readonly="${this.readOnly}"
@@ -10225,7 +10127,7 @@ class Wr extends I {
         />
         <slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
       </div>
-      ${this.helpText && f`<div class="${this._helpTextStyles}" id="${this._helpId}">${this.helpText}</div>`}
+      ${this.helpText && $`<div class="${this._helpTextStyles}" id="${this._helpId}">${this.helpText}</div>`}
     `;
   }
 }
@@ -10827,6 +10729,7 @@ Z(Wr, "styles", [
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -10842,6 +10745,7 @@ Z(Wr, "styles", [
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -10876,6 +10780,7 @@ Z(Wr, "styles", [
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -10912,8 +10817,8 @@ Z(Wr, "styles", [
     `
 ]);
 customElements.get("w-textfield") || customElements.define("w-textfield", Wr);
-function vc(r, o) {
-  if (!Go)
+function Fa(r, o) {
+  if (!Jo)
     return;
   const e = customElements.get("w-toast-container").init(), t = {
     id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
@@ -10924,141 +10829,68 @@ function vc(r, o) {
   };
   return e.set(t), t;
 }
-function hc(r) {
-  return Go ? customElements.get("w-toast-container").init().del(r) : void 0;
+function Wa(r) {
+  return Jo ? customElements.get("w-toast-container").init().del(r) : void 0;
 }
-function pc(r, o) {
-  if (!Go)
+function Va(r, o) {
+  if (!Jo)
     return;
   const e = customElements.get("w-toast-container").init();
   return e.set({ ...e.get(r), ...o }), e.get(r);
 }
 const ne = typeof window < "u";
-let ft = !0;
+let xt = !0;
 if (ne) {
-  const r = window.matchMedia("(prefers-reduced-motion: reduce)"), o = ({ matches: e }) => ft = !e;
+  const r = window.matchMedia("(prefers-reduced-motion: reduce)"), o = ({ matches: e }) => xt = !e;
   r.addEventListener && r.addEventListener("change", o), o(r);
 }
-const kt = (r) => {
+const mt = (r) => {
   r.style.transition = null, r.style.backfaceVisibility = null, r.style.overflow = null;
-}, $t = (r) => {
-  const o = ft ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
+}, ft = (r) => {
+  const o = xt ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
   r.style.transition = `height ${o}`, r.style.backfaceVisibility = "hidden", r.style.overflow = "hidden";
-}, Ja = (r, o) => () => {
+}, Ba = (r, o) => () => {
   r.style.height = "auto", r.style.overflow = null, o && o();
-}, Ka = (r) => () => {
+}, Da = (r) => () => {
   r && r();
-}, yt = (r, o) => {
+}, kt = (r, o) => {
   const e = (() => {
     if (!o)
       return new Promise((c) => {
         o = c;
       });
-  })(), t = Ja(r, o);
-  kt(r), r.style.height = "auto";
+  })(), t = Ba(r, o);
+  mt(r), r.style.height = "auto";
   let a = r.scrollHeight;
   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");
+    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = "0px", r.style.transitionTimingFunction = "ease-out", ft(r), requestAnimationFrame(() => r.style.height = a + "px");
   }), e)
     return e;
-}, zt = (r, o) => {
+}, $t = (r, o) => {
   const e = (() => {
     if (!o)
       return new Promise((c) => {
         o = c;
       });
-  })(), t = Ka(o);
-  kt(r);
+  })(), t = Da(o);
+  mt(r);
   let a = r.scrollHeight;
   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");
+    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = a + "px", r.style.transitionTimingFunction = "ease-in", ft(r), requestAnimationFrame(() => r.style.height = "0px");
   }), e)
     return e;
-}, oc = () => f`
-  <svg
-    role="img"
-    aria-label="Lukk"
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    fill="none"
-    viewBox="0 0 16 16"
-  >
-  ${ac}
-  </svg>
-`, rc = (r) => f`<svg
-  aria-label="${r.typeLabel}"
-  role="img"
-  xmlns="http://www.w3.org/2000/svg"
-  width="16"
-  height="16"
-  fill="none"
->
-  ${cc}
-</svg>`, ec = (r) => f`<svg
-  aria-label="${r.typeLabel}"
-  role="img"
-  width="16"
-  height="16"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  ${ic}
-</svg> `, tc = (r) => f`<svg
-  aria-label="${r.typeLabel}"
-  role="img"
-  width="16"
-  height="16"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  ${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"
-/>`, 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"
-/>
-<path
-  fill-rule="evenodd"
-  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" />`, 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"
-/>`, 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"
-/>
-<path
-  fill-rule="evenodd"
-  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" />`, Le = (r) => {
+}, Ae = (r) => {
   const o = {};
   for (const [e, t] of Object.entries(r))
     for (const a of e.split(" "))
       o[a] = t;
-  return Fe(o);
-}, oo = {
+  return Qe(o);
+}, so = {
   success: "success",
   error: "error",
   warning: "warning"
 };
-class Vr extends I {
+class Vr extends H {
   constructor() {
     super(), this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5), this.type = "success", this.text = "", this.canclose = !1;
   }
@@ -11069,49 +10901,46 @@ class Vr extends I {
     super.disconnectedCallback();
   }
   updated() {
-    !this._expanded && this._wrapper && yt(this._wrapper, () => this._expanded = !0);
+    !this._expanded && this._wrapper && kt(this._wrapper, () => this._expanded = !0);
   }
   get _primaryClasses() {
-    return Le({
+    return Ae({
       [K.toast]: !0,
-      [K.positive]: this.type === oo.success,
-      [K.warning]: this.type === oo.warning,
-      [K.negative]: this.type === oo.error
+      [K.positive]: this.type === so.success,
+      [K.warning]: this.type === so.warning,
+      [K.negative]: this.type === so.error
     });
   }
   get _iconClasses() {
-    return Le({
+    return Ae({
       [K.icon]: !0,
-      [K.iconPositive]: this.type == oo.success,
-      [K.iconWarning]: this.type === oo.warning,
-      [K.iconNegative]: this.type === oo.error
+      [K.iconPositive]: this.type == so.success,
+      [K.iconWarning]: this.type === so.warning,
+      [K.iconNegative]: this.type === so.error
     });
   }
   get _wrapper() {
     var o;
     return ((o = this.renderRoot) == null ? void 0 : o.querySelector("section")) ?? null;
   }
-  get _success() {
-    return this.type === oo.success;
-  }
   get _warning() {
-    return this.type === oo.warning;
+    return this.type === so.warning;
   }
   get _error() {
-    return this.type === oo.error;
+    return this.type === so.error;
   }
   get _role() {
     return this._error || this._warning ? "alert" : "status";
   }
   get _typeLabel() {
-    return this._success ? "Vellykket" : this._error ? "Feil" : this._warning ? "Varsel" : "Info";
+    return this._warning ? "Varsel" : this._error ? "Feil" : "Vellykket";
   }
   get _iconMarkup() {
-    return this.type === oo.success ? ec({ typeLabel: this._typeLabel }) : this.type === oo.warning ? tc({ typeLabel: this._typeLabel }) : rc({ typeLabel: this._typeLabel, isInfo: this._info });
+    return this._warning ? $`<w-icon-alert-warning-16></w-icon-alert-warning-16>` : this._error ? $`<w-icon-alert-error-16></w-icon-alert-error-16>` : $`<w-icon-alert-success-16></w-icon-alert-success-16>`;
   }
   async collapse() {
     return new Promise((o) => {
-      this._expanded && this._wrapper ? zt(this._wrapper, o) : o();
+      this._expanded && this._wrapper ? $t(this._wrapper, o) : o();
     });
   }
   close() {
@@ -11123,7 +10952,7 @@ class Vr extends I {
     this.updateComplete.then(() => this.dispatchEvent(o));
   }
   render() {
-    return this.text ? f` <section class="${K.wrapper}" aria-label="${this._typeLabel}">
+    return this.text ? $` <section class="${K.wrapper}" aria-label="${this._typeLabel}">
       <div class="${this._primaryClasses}">
         <div class="${this._iconClasses}">${this._iconMarkup}</div>
         <div role="${this._role}" class="${K.content}">
@@ -11131,10 +10960,14 @@ class Vr extends I {
         </div>
         ${ir(
       this.canclose === !0,
-      () => f`<button class="${K.close}" @click="${this.close}">${oc()}</button>`
+      () => $`
+            <button class="${K.close}" @click="${this.close}">
+              <w-icon-close-16></w-icon-close-16>
+            </button>
+          `
     )}
       </div>
-    </section>` : f``;
+    </section>` : $``;
   }
 }
 Z(Vr, "styles", [
@@ -11711,6 +11544,7 @@ Z(Vr, "styles", [
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -11726,6 +11560,7 @@ Z(Vr, "styles", [
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -11760,6 +11595,7 @@ Z(Vr, "styles", [
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -11798,7 +11634,7 @@ Z(Vr, "styles", [
   canclose: { type: Boolean, attribute: !0, reflect: !0 }
 });
 customElements.get("w-toast") || customElements.define("w-toast", Vr);
-class Gr extends I {
+class Jr extends H {
   constructor() {
     super(), this._toasts = /* @__PURE__ */ new Map();
   }
@@ -11871,13 +11707,13 @@ class Gr extends I {
     return this._toasts = new Map(Array.from(this._toasts)), t;
   }
   render() {
-    return f`
+    return $`
       <aside class="${jr.container}">
         <div class="${jr.toaster}" id="w-toast-container-list">
-          ${vt(
+          ${gt(
       this._toastsArray,
       (o) => o.id,
-      (o) => f` <w-toast
+      (o) => $` <w-toast
               class="${jr.content}"
               id="${o.id}"
               type="${o.type}"
@@ -11892,7 +11728,7 @@ class Gr extends I {
     `;
   }
 }
-Z(Gr, "styles", [
+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;}
@@ -12466,6 +12302,7 @@ Z(Gr, "styles", [
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -12481,6 +12318,7 @@ Z(Gr, "styles", [
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -12515,6 +12353,7 @@ Z(Gr, "styles", [
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -12546,11 +12385,11 @@ Z(Gr, "styles", [
         display: block;
       }
     `
-]), Z(Gr, "properties", {
+]), Z(Jr, "properties", {
   _toasts: { state: !0 }
 });
-customElements.get("w-toast-container") || customElements.define("w-toast-container", Gr);
-class Jr extends I {
+customElements.get("w-toast-container") || customElements.define("w-toast-container", Jr);
+class Gr extends H {
   constructor() {
     super(), this.show = !1, this._mounted = !1, this._removeElement = !1;
   }
@@ -12563,25 +12402,25 @@ class Jr extends I {
         this._mounted = !0;
         return;
       }
-      this.show && yt(this._wrapper), !this.show && !this._removeElement && zt(this._wrapper, () => this._removeElement = !0);
+      this.show && kt(this._wrapper), !this.show && !this._removeElement && $t(this._wrapper, () => this._removeElement = !0);
     }
   }
   get _wrapper() {
     return this ?? null;
   }
   render() {
-    return f`<div aria-hidden=${B(this.show ? void 0 : "true")}>
-      ${this._removeElement ? f`` : f`<slot></slot>`}
+    return $`<div aria-hidden=${N(this.show ? void 0 : "true")}>
+      ${this._removeElement ? $`` : $`<slot></slot>`}
     </div>`;
   }
 }
-Z(Jr, "properties", {
+Z(Gr, "properties", {
   show: {
     type: Boolean,
     reflect: !0
   },
   _removeElement: { type: Boolean, state: !0 }
-}), Z(Jr, "styles", [
+}), 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;}
@@ -13155,6 +12994,7 @@ Z(Jr, "properties", {
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -13170,6 +13010,7 @@ Z(Jr, "properties", {
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -13204,6 +13045,7 @@ Z(Jr, "properties", {
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -13236,8 +13078,8 @@ Z(Jr, "properties", {
       }
     `
 ]);
-customElements.get("w-expand-transition") || customElements.define("w-expand-transition", Jr);
-class Kr extends I {
+customElements.get("w-expand-transition") || customElements.define("w-expand-transition", Gr);
+class Kr extends H {
   get _markup() {
     return `<h${this.level}
     style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
@@ -13247,7 +13089,7 @@ class Kr extends I {
 `;
   }
   render() {
-    return this.level ? ht(this._markup) : f`<slot></slot>`;
+    return this.level ? ut(this._markup) : $`<slot></slot>`;
   }
 }
 Z(Kr, "properties", {
@@ -13826,6 +13668,7 @@ Z(Kr, "properties", {
 .last\\:pr-1:last-child{padding-right:0.1rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
+.pb-6{padding-bottom:0.6rem;}
 .pb-8{padding-bottom:0.8rem;}
 .pl-0{padding-left:0rem;}
 .pl-1{padding-left:0.1rem;}
@@ -13841,6 +13684,7 @@ Z(Kr, "properties", {
 .pr-40{padding-right:4rem;}
 .pt-0{padding-top:0rem;}
 .pt-1{padding-top:0.1rem;}
+.pt-4{padding-top:0.4rem;}
 .pt-8{padding-top:0.8rem;}
 .invisible{visibility:hidden;}
 .backface-hidden{backface-visibility:hidden;}
@@ -13875,6 +13719,7 @@ Z(Kr, "properties", {
 .duration-300{transition-duration:300ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.text-m\\!{font-size:var(--w-font-size-m) !important;line-height:var(--w-line-height-m) !important;}
 .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
 .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
 .leading-m{line-height:var(--w-line-height-m);}
@@ -13906,13 +13751,13 @@ Z(Kr, "properties", {
 ]);
 customElements.get("w-unstyled-heading") || customElements.define("w-unstyled-heading", Kr);
 export {
-  Jr as ExpandTransition,
+  Gr as ExpandTransition,
   Kr as UnstyledHeading,
   Cr as WarpAffix,
-  Lr as WarpAlert,
+  Mr as WarpAlert,
   Or as WarpAttention,
-  Br as WarpBadge,
-  Nr as WarpBox,
+  Nr as WarpBadge,
+  Br as WarpBox,
   Pr as WarpBreadcrumbs,
   Ir as WarpBroadcast,
   cr as WarpButton,
@@ -13921,8 +13766,8 @@ export {
   Fr as WarpSelect,
   Wr as WarpTextField,
   Vr as WarpToast,
-  Gr as WarpToastContainer,
-  hc as removeToast,
-  vc as toast,
-  pc as updateToast
+  Jr as WarpToastContainer,
+  Wa as removeToast,
+  Fa as toast,
+  Va as updateToast
 };