npm - @warp-ds/elements - Versions diffs - 1.0.0-alpha.13 → 1.0.0-alpha.14 - Mend

@warp-ds/elements 1.0.0-alpha.13 → 1.0.0-alpha.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/index.js +718 -610
package/dist/packages/affix/index.d.ts +2 -2
package/dist/packages/alert/index.d.ts +1 -1
package/dist/packages/box/index.d.ts +2 -2
package/dist/packages/breadcrumbs/index.d.ts +16 -2
package/dist/packages/broadcast/component.d.ts +1 -1
package/dist/packages/card/index.d.ts +3 -3
package/dist/packages/textfield/index.d.ts +4 -4
package/dist/packages/toast/toast-container.d.ts +1 -1
package/dist/packages/toast/toast.d.ts +3 -3
package/dist/packages/utils/expand-transition.d.ts +1 -1
package/dist/packages/utils/index.d.ts +1 -1
package/dist/packages/utils/unstyled-heading.d.ts +2 -2
package/package.json +2 -3

package/dist/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
-var pt = Object.defineProperty;
-var ht = (e, o, r) => o in e ? pt(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
-var x = (e, o, r) => (ht(e, typeof o != "symbol" ? o + "" : o, r), r), mt = (e, o, r) => {
+var ht = Object.defineProperty;
+var mt = (e, o, r) => o in e ? ht(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
+var x = (e, o, r) => (mt(e, typeof o != "symbol" ? o + "" : o, r), r), vt = (e, o, r) => {
   if (!o.has(e))
     throw TypeError("Cannot " + r);
 };
-var Z = (e, o, r) => (mt(e, o, "read from private field"), r ? r.call(e) : o.get(e)), jo = (e, o, r) => {
+var Z = (e, o, r) => (vt(e, o, "read from private field"), r ? r.call(e) : o.get(e)), Mo = (e, o, r) => {
   if (o.has(e))
     throw TypeError("Cannot add the same private member more than once");
   o instanceof WeakSet ? o.add(e) : o.set(e, r);
@@ -14,19 +14,19 @@ var Z = (e, o, r) => (mt(e, o, "read from private field"), r ? r.call(e) : o.get
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ao = window, Ye = Ao.ShadowRoot && (Ao.ShadyCSS === void 0 || Ao.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Xe = Symbol(), ir = /* @__PURE__ */ new WeakMap();
-class Rr {
+const Po = window, Ve = Po.ShadowRoot && (Po.ShadyCSS === void 0 || Po.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ze = Symbol(), nr = /* @__PURE__ */ new WeakMap();
+class Ar {
   constructor(o, r, t) {
-    if (this._$cssResult$ = !0, t !== Xe)
+    if (this._$cssResult$ = !0, t !== Ze)
       throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = o, this._strings = r;
   }
   get styleSheet() {
     let o = this._styleSheet;
     const r = this._strings;
-    if (Ye && o === void 0) {
+    if (Ve && o === void 0) {
       const t = r !== void 0 && r.length === 1;
-      t && (o = ir.get(r)), o === void 0 && ((this._styleSheet = o = new CSSStyleSheet()).replaceSync(this.cssText), t && ir.set(r, o));
+      t && (o = nr.get(r)), o === void 0 && ((this._styleSheet = o = new CSSStyleSheet()).replaceSync(this.cssText), t && nr.set(r, o));
     }
     return o;
   }
@@ -34,54 +34,54 @@ class Rr {
     return this.cssText;
   }
 }
-const vt = (e) => {
+const ft = (e) => {
   if (e._$cssResult$ === !0)
     return e.cssText;
   if (typeof e == "number")
     return e;
   throw new Error(`Value passed to 'css' function must be a 'css' function result: ${e}. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`);
-}, ft = (e) => new Rr(typeof e == "string" ? e : String(e), void 0, Xe), C = (e, ...o) => {
-  const r = e.length === 1 ? e[0] : o.reduce((t, i, n) => t + vt(i) + e[n + 1], e[0]);
-  return new Rr(r, e, Xe);
-}, xt = (e, o) => {
-  Ye ? e.adoptedStyleSheets = o.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet) : o.forEach((r) => {
-    const t = document.createElement("style"), i = Ao.litNonce;
+}, xt = (e) => new Ar(typeof e == "string" ? e : String(e), void 0, Ze), C = (e, ...o) => {
+  const r = e.length === 1 ? e[0] : o.reduce((t, i, n) => t + ft(i) + e[n + 1], e[0]);
+  return new Ar(r, e, Ze);
+}, wt = (e, o) => {
+  Ve ? e.adoptedStyleSheets = o.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet) : o.forEach((r) => {
+    const t = document.createElement("style"), i = Po.litNonce;
     i !== void 0 && t.setAttribute("nonce", i), t.textContent = r.cssText, e.appendChild(t);
   });
-}, wt = (e) => {
+}, kt = (e) => {
   let o = "";
   for (const r of e.cssRules)
     o += r.cssText;
-  return ft(o);
-}, ar = Ye ? (e) => e : (e) => e instanceof CSSStyleSheet ? wt(e) : e;
+  return xt(o);
+}, lr = Ve ? (e) => e : (e) => e instanceof CSSStyleSheet ? kt(e) : e;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var re, te, ie, jr;
+var te, ie, ae, Mr;
 const N = window;
-let Ar, H;
-const nr = N.trustedTypes, kt = nr ? nr.emptyScript : "", Mo = N.reactiveElementPolyfillSupportDevMode;
+let Pr, H;
+const cr = N.trustedTypes, yt = cr ? cr.emptyScript : "", No = N.reactiveElementPolyfillSupportDevMode;
 {
-  const e = (re = N.litIssuedWarnings) !== null && re !== void 0 ? re : N.litIssuedWarnings = /* @__PURE__ */ new Set();
+  const e = (te = N.litIssuedWarnings) !== null && te !== void 0 ? te : N.litIssuedWarnings = /* @__PURE__ */ new Set();
   H = (o, r) => {
     r += ` See https://lit.dev/msg/${o} for more information.`, e.has(r) || (console.warn(r), e.add(r));
-  }, H("dev-mode", "Lit is in dev mode. Not recommended for production!"), ((te = N.ShadyDOM) === null || te === void 0 ? void 0 : te.inUse) && Mo === void 0 && H("polyfill-support-missing", "Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded."), Ar = (o) => ({
+  }, H("dev-mode", "Lit is in dev mode. Not recommended for production!"), ((ie = N.ShadyDOM) === null || ie === void 0 ? void 0 : ie.inUse) && No === void 0 && H("polyfill-support-missing", "Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded."), Pr = (o) => ({
     then: (r, t) => {
       H("request-update-promise", `The \`requestUpdate\` method should no longer return a Promise but does so on \`${o}\`. Use \`updateComplete\` instead.`), r !== void 0 && r(!1);
     }
   });
 }
-const ae = (e) => {
+const ne = (e) => {
   !N.emitLitDebugLogEvents || N.dispatchEvent(new CustomEvent("lit-debug", {
     detail: e
   }));
-}, Mr = (e, o) => e, _e = {
+}, Nr = (e, o) => e, Se = {
   toAttribute(e, o) {
     switch (o) {
       case Boolean:
-        e = e ? kt : null;
+        e = e ? yt : null;
         break;
       case Object:
       case Array:
@@ -110,13 +110,13 @@ const ae = (e) => {
     }
     return r;
   }
-}, Pr = (e, o) => o !== e && (o === o || e === e), ne = {
+}, Ur = (e, o) => o !== e && (o === o || e === e), le = {
   attribute: !0,
   type: String,
-  converter: _e,
+  converter: Se,
   reflect: !1,
-  hasChanged: Pr
-}, Se = "finalized";
+  hasChanged: Ur
+}, Ce = "finalized";
 class U extends HTMLElement {
   constructor() {
     super(), this.__instanceProperties = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this.__reflectingProperty = null, this._initialize();
@@ -133,7 +133,7 @@ class U extends HTMLElement {
       i !== void 0 && (this.__attributeToPropertyMap.set(i, t), o.push(i));
     }), o;
   }
-  static createProperty(o, r = ne) {
+  static createProperty(o, r = le) {
     var t;
     if (r.state && (r.attribute = !1), this.finalize(), this.elementProperties.set(o, r), !r.noAccessor && !this.prototype.hasOwnProperty(o)) {
       const i = typeof o == "symbol" ? Symbol() : `__${o}`, n = this.getPropertyDescriptor(o, i, r);
@@ -154,14 +154,14 @@ class U extends HTMLElement {
     };
   }
   static getPropertyOptions(o) {
-    return this.elementProperties.get(o) || ne;
+    return this.elementProperties.get(o) || le;
   }
   static finalize() {
-    if (this.hasOwnProperty(Se))
+    if (this.hasOwnProperty(Ce))
       return !1;
-    this[Se] = !0;
+    this[Ce] = !0;
     const o = Object.getPrototypeOf(this);
-    if (o.finalize(), o._initializers !== void 0 && (this._initializers = [...o._initializers]), this.elementProperties = new Map(o.elementProperties), this.__attributeToPropertyMap = /* @__PURE__ */ new Map(), this.hasOwnProperty(Mr("properties"))) {
+    if (o.finalize(), o._initializers !== void 0 && (this._initializers = [...o._initializers]), this.elementProperties = new Map(o.elementProperties), this.__attributeToPropertyMap = /* @__PURE__ */ new Map(), this.hasOwnProperty(Nr("properties"))) {
       const r = this.properties, t = [
         ...Object.getOwnPropertyNames(r),
         ...Object.getOwnPropertySymbols(r)
@@ -183,9 +183,9 @@ class U extends HTMLElement {
     if (Array.isArray(o)) {
       const t = new Set(o.flat(1 / 0).reverse());
       for (const i of t)
-        r.unshift(ar(i));
+        r.unshift(lr(i));
     } else
-      o !== void 0 && r.push(ar(o));
+      o !== void 0 && r.push(lr(o));
     return r;
   }
   static __attributeNameForProperty(o, r) {
@@ -212,7 +212,7 @@ class U extends HTMLElement {
   createRenderRoot() {
     var o;
     const r = (o = this.shadowRoot) !== null && o !== void 0 ? o : this.attachShadow(this.constructor.shadowRootOptions);
-    return xt(r, this.constructor.elementStyles), r;
+    return wt(r, this.constructor.elementStyles), r;
   }
   connectedCallback() {
     var o;
@@ -233,11 +233,11 @@ class U extends HTMLElement {
   attributeChangedCallback(o, r, t) {
     this._$attributeToProperty(o, t);
   }
-  __propertyToAttribute(o, r, t = ne) {
+  __propertyToAttribute(o, r, t = le) {
     var i;
     const n = this.constructor.__attributeNameForProperty(o, t);
     if (n !== void 0 && t.reflect === !0) {
-      const l = (((i = t.converter) === null || i === void 0 ? void 0 : i.toAttribute) !== void 0 ? t.converter : _e).toAttribute(r, t.type);
+      const l = (((i = t.converter) === null || i === void 0 ? void 0 : i.toAttribute) !== void 0 ? t.converter : Se).toAttribute(r, t.type);
       this.constructor.enabledWarnings.indexOf("migration") >= 0 && l === void 0 && H("undefined-attribute-value", `The attribute value for the ${o} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`), this.__reflectingProperty = o, l == null ? this.removeAttribute(n) : this.setAttribute(n, l), this.__reflectingProperty = null;
     }
   }
@@ -245,7 +245,7 @@ class U extends HTMLElement {
     var t;
     const i = this.constructor, n = i.__attributeToPropertyMap.get(o);
     if (n !== void 0 && this.__reflectingProperty !== n) {
-      const a = i.getPropertyOptions(n), l = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((t = a.converter) === null || t === void 0 ? void 0 : t.fromAttribute) !== void 0 ? a.converter : _e;
+      const a = i.getPropertyOptions(n), l = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((t = a.converter) === null || t === void 0 ? void 0 : t.fromAttribute) !== void 0 ? a.converter : Se;
       this.__reflectingProperty = n, this[n] = l.fromAttribute(
         r,
         a.type
@@ -254,7 +254,7 @@ class U extends HTMLElement {
   }
   requestUpdate(o, r, t) {
     let i = !0;
-    return o !== void 0 && (t = t || this.constructor.getPropertyOptions(o), (t.hasChanged || Pr)(this[o], r) ? (this._$changedProperties.has(o) || this._$changedProperties.set(o, r), t.reflect === !0 && this.__reflectingProperty !== o && (this.__reflectingProperties === void 0 && (this.__reflectingProperties = /* @__PURE__ */ new Map()), this.__reflectingProperties.set(o, t))) : i = !1), !this.isUpdatePending && i && (this.__updatePromise = this.__enqueueUpdate()), Ar(this.localName);
+    return o !== void 0 && (t = t || this.constructor.getPropertyOptions(o), (t.hasChanged || Ur)(this[o], r) ? (this._$changedProperties.has(o) || this._$changedProperties.set(o, r), t.reflect === !0 && this.__reflectingProperty !== o && (this.__reflectingProperties === void 0 && (this.__reflectingProperties = /* @__PURE__ */ new Map()), this.__reflectingProperties.set(o, t))) : i = !1), !this.isUpdatePending && i && (this.__updatePromise = this.__enqueueUpdate()), Pr(this.localName);
   }
   async __enqueueUpdate() {
     this.isUpdatePending = !0;
@@ -273,7 +273,7 @@ class U extends HTMLElement {
     var o, r;
     if (!this.isUpdatePending)
       return;
-    if (ae == null || ae({ kind: "update" }), !this.hasUpdated) {
+    if (ne == null || ne({ kind: "update" }), !this.hasUpdated) {
       const n = [];
       if ((o = this.constructor.__reactivePropertyKeys) === null || o === void 0 || o.forEach((a) => {
         var l;
@@ -323,16 +323,16 @@ class U extends HTMLElement {
   firstUpdated(o) {
   }
 }
-jr = Se;
-U[jr] = !0;
+Mr = Ce;
+U[Mr] = !0;
 U.elementProperties = /* @__PURE__ */ new Map();
 U.elementStyles = [];
 U.shadowRootOptions = { mode: "open" };
-Mo == null || Mo({ ReactiveElement: U });
+No == null || No({ ReactiveElement: U });
 {
   U.enabledWarnings = ["change-in-update"];
   const e = function(o) {
-    o.hasOwnProperty(Mr("enabledWarnings")) || (o.enabledWarnings = o.enabledWarnings.slice());
+    o.hasOwnProperty(Nr("enabledWarnings")) || (o.enabledWarnings = o.enabledWarnings.slice());
   };
   U.enableWarning = function(o) {
     e(this), this.enabledWarnings.indexOf(o) < 0 && this.enabledWarnings.push(o);
@@ -342,63 +342,63 @@ Mo == null || Mo({ ReactiveElement: U });
     r >= 0 && this.enabledWarnings.splice(r, 1);
   };
 }
-((ie = N.reactiveElementVersions) !== null && ie !== void 0 ? ie : N.reactiveElementVersions = []).push("1.6.1");
+((ae = N.reactiveElementVersions) !== null && ae !== void 0 ? ae : N.reactiveElementVersions = []).push("1.6.1");
 N.reactiveElementVersions.length > 1 && H("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var le, ce, de, se;
+var ce, de, se, be;
 const q = window, m = (e) => {
   !q.emitLitDebugLogEvents || q.dispatchEvent(new CustomEvent("lit-debug", {
     detail: e
   }));
 };
-let yt = 0, Oo;
-(le = q.litIssuedWarnings) !== null && le !== void 0 || (q.litIssuedWarnings = /* @__PURE__ */ new Set()), Oo = (e, o) => {
+let $t = 0, Io;
+(ce = q.litIssuedWarnings) !== null && ce !== void 0 || (q.litIssuedWarnings = /* @__PURE__ */ new Set()), Io = (e, o) => {
   o += e ? ` See https://lit.dev/msg/${e} for more information.` : "", q.litIssuedWarnings.has(o) || (console.warn(o), q.litIssuedWarnings.add(o));
-}, Oo("dev-mode", "Lit is in dev mode. Not recommended for production!");
-const j = ((ce = q.ShadyDOM) === null || ce === void 0 ? void 0 : ce.inUse) && ((de = q.ShadyDOM) === null || de === void 0 ? void 0 : de.noPatch) === !0 ? q.ShadyDOM.wrap : (e) => e, lo = q.trustedTypes, lr = lo ? lo.createPolicy("lit-html", {
+}, Io("dev-mode", "Lit is in dev mode. Not recommended for production!");
+const j = ((de = q.ShadyDOM) === null || de === void 0 ? void 0 : de.inUse) && ((se = q.ShadyDOM) === null || se === void 0 ? void 0 : se.noPatch) === !0 ? q.ShadyDOM.wrap : (e) => e, co = q.trustedTypes, dr = co ? co.createPolicy("lit-html", {
   createHTML: (e) => e
-}) : void 0, $t = (e) => e, Ko = (e, o, r) => $t, zt = (e) => {
-  if (Q !== Ko)
+}) : void 0, zt = (e) => e, Jo = (e, o, r) => zt, _t = (e) => {
+  if (Q !== Jo)
     throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");
   Q = e;
-}, _t = () => {
-  Q = Ko;
-}, Ce = (e, o, r) => Q(e, o, r), Lo = "$lit$", P = `lit$${String(Math.random()).slice(9)}$`, Ve = "?" + P, St = `<${Ve}>`, fo = document, xo = (e = "") => fo.createComment(e), wo = (e) => e === null || typeof e != "object" && typeof e != "function", Nr = Array.isArray, Ur = (e) => Nr(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", be = `[
-\f\r]`, Ct = `[^
-\f\r"'\`<>=]`, qt = `[^\\s"'>=/]`, ho = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, cr = 1, ge = 2, Et = 3, dr = /-->/g, sr = />/g, K = new RegExp(`>|${be}(?:(${qt}+)(${be}*=${be}*(?:${Ct}|("|')|))|$)`, "g"), Rt = 0, br = 1, jt = 2, gr = 3, ue = /'/g, pe = /"/g, Tr = /^(?:script|style|textarea|title)$/i, Fr = 1, Io = 2, Ze = 1, Bo = 2, At = 3, Mt = 4, Pt = 5, De = 6, Nt = 7, Or = (e) => (o, ...r) => (o.some((t) => t === void 0) && console.warn(`Some template strings are undefined.
+}, St = () => {
+  Q = Jo;
+}, qe = (e, o, r) => Q(e, o, r), Bo = "$lit$", P = `lit$${String(Math.random()).slice(9)}$`, De = "?" + P, Ct = `<${De}>`, so = document, wo = () => so.createComment(""), ko = (e) => e === null || typeof e != "object" && typeof e != "function", Tr = Array.isArray, Fr = (e) => Tr(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", ge = `[
+\f\r]`, qt = `[^
+\f\r"'\`<>=]`, Et = `[^\\s"'>=/]`, vo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, sr = 1, ue = 2, Rt = 3, br = /-->/g, gr = />/g, K = new RegExp(`>|${ge}(?:(${Et}+)(${ge}*=${ge}*(?:${qt}|("|')|))|$)`, "g"), jt = 0, ur = 1, At = 2, pr = 3, pe = /'/g, he = /"/g, Or = /^(?:script|style|textarea|title)$/i, Lr = 1, Yo = 2, He = 1, Xo = 2, Mt = 3, Pt = 4, Nt = 5, We = 6, Ut = 7, Ir = (e) => (o, ...r) => (o.some((t) => t === void 0) && console.warn(`Some template strings are undefined.
 This is probably caused by illegal octal escape sequences.`), {
   _$litType$: e,
   strings: o,
   values: r
-}), p = Or(Fr), Go = Or(Io), Y = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), ur = /* @__PURE__ */ new WeakMap(), io = fo.createTreeWalker(fo, 129, null, !1);
-let Q = Ko;
-const Lr = (e, o) => {
+}), p = Ir(Lr), Qo = Ir(Yo), Y = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), hr = /* @__PURE__ */ new WeakMap(), ao = so.createTreeWalker(so, 129, null, !1);
+let Q = Jo;
+const Br = (e, o) => {
   const r = e.length - 1, t = [];
-  let i = o === Io ? "<svg>" : "", n, a = ho;
+  let i = o === Yo ? "<svg>" : "", n, a = vo;
   for (let c = 0; c < r; c++) {
     const d = e[c];
     let u = -1, b, g = 0, s;
     for (; g < d.length && (a.lastIndex = g, s = a.exec(d), s !== null); )
-      if (g = a.lastIndex, a === ho) {
-        if (s[cr] === "!--")
-          a = dr;
-        else if (s[cr] !== void 0)
-          a = sr;
-        else if (s[ge] !== void 0)
-          Tr.test(s[ge]) && (n = new RegExp(`</${s[ge]}`, "g")), a = K;
-        else if (s[Et] !== void 0)
+      if (g = a.lastIndex, a === vo) {
+        if (s[sr] === "!--")
+          a = br;
+        else if (s[sr] !== void 0)
+          a = gr;
+        else if (s[ue] !== void 0)
+          Or.test(s[ue]) && (n = new RegExp(`</${s[ue]}`, "g")), a = K;
+        else if (s[Rt] !== void 0)
           throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions");
       } else
-        a === K ? s[Rt] === ">" ? (a = n != null ? n : ho, u = -1) : s[br] === void 0 ? u = -2 : (u = a.lastIndex - s[jt].length, b = s[br], a = s[gr] === void 0 ? K : s[gr] === '"' ? pe : ue) : a === pe || a === ue ? a = K : a === dr || a === sr ? a = ho : (a = K, n = void 0);
-    console.assert(u === -1 || a === K || a === ue || a === pe, "unexpected parse state B");
+        a === K ? s[jt] === ">" ? (a = n != null ? n : vo, u = -1) : s[ur] === void 0 ? u = -2 : (u = a.lastIndex - s[At].length, b = s[ur], a = s[pr] === void 0 ? K : s[pr] === '"' ? he : pe) : a === he || a === pe ? a = K : a === br || a === gr ? a = vo : (a = K, n = void 0);
+    console.assert(u === -1 || a === K || a === pe || a === he, "unexpected parse state B");
     const h = a === K && e[c + 1].startsWith("/>") ? " " : "";
-    i += a === ho ? d + St : u >= 0 ? (t.push(b), d.slice(0, u) + Lo + d.slice(u) + P + h) : d + P + (u === -2 ? (t.push(void 0), c) : h);
+    i += a === vo ? d + Ct : u >= 0 ? (t.push(b), d.slice(0, u) + Bo + d.slice(u) + P + h) : d + P + (u === -2 ? (t.push(void 0), c) : h);
   }
-  const l = i + (e[r] || "<?>") + (o === Io ? "</svg>" : "");
+  const l = i + (e[r] || "<?>") + (o === Yo ? "</svg>" : "");
   if (!Array.isArray(e) || !e.hasOwnProperty("raw")) {
     let c = "invalid template strings array";
     throw c = `
@@ -409,27 +409,27 @@ const Lr = (e, o) => {
           issues, e.g. opening your code up to XSS attacks.
           If you're using the html or svg tagged template functions normally
-          and and still seeing this error, please file a bug at
+          and still seeing this error, please file a bug at
           https://github.com/lit/lit/issues/new?template=bug_report.md
           and include information about your build tooling, if any.
         `.trim().replace(/\n */g, `
 `), new Error(c);
   }
   return [
-    lr !== void 0 ? lr.createHTML(l) : l,
+    dr !== void 0 ? dr.createHTML(l) : l,
     t
   ];
 };
-class ko {
+class yo {
   constructor({ strings: o, ["_$litType$"]: r }, t) {
     this.parts = [];
     let i, n = 0, a = 0;
-    const l = o.length - 1, c = this.parts, [d, u] = Lr(o, r);
-    if (this.el = ko.createElement(d, t), io.currentNode = this.el.content, r === Io) {
+    const l = o.length - 1, c = this.parts, [d, u] = Br(o, r);
+    if (this.el = yo.createElement(d, t), ao.currentNode = this.el.content, r === Yo) {
       const b = this.el.content, g = b.firstChild;
       g.remove(), b.append(...g.childNodes);
     }
-    for (; (i = io.nextNode()) !== null && c.length < l; ) {
+    for (; (i = ao.nextNode()) !== null && c.length < l; ) {
       if (i.nodeType === 1) {
         {
           const b = i.localName;
@@ -437,48 +437,48 @@ class ko {
             const g = `Expressions are not supported inside \`${b}\` elements. See https://lit.dev/msg/expression-in-${b} for more information.`;
             if (b === "template")
               throw new Error(g);
-            Oo("", g);
+            Io("", g);
           }
         }
         if (i.hasAttributes()) {
           const b = [];
           for (const g of i.getAttributeNames())
-            if (g.endsWith(Lo) || g.startsWith(P)) {
+            if (g.endsWith(Bo) || g.startsWith(P)) {
               const s = u[a++];
               if (b.push(g), s !== void 0) {
-                const v = i.getAttribute(s.toLowerCase() + Lo).split(P), f = /([.?@])?(.*)/.exec(s);
+                const v = i.getAttribute(s.toLowerCase() + Bo).split(P), f = /([.?@])?(.*)/.exec(s);
                 c.push({
-                  type: Ze,
+                  type: He,
                   index: n,
                   name: f[2],
                   strings: v,
-                  ctor: f[1] === "." ? Br : f[1] === "?" ? Yr : f[1] === "@" ? Xr : _o
+                  ctor: f[1] === "." ? Xr : f[1] === "?" ? Vr : f[1] === "@" ? Zr : So
                 });
               } else
                 c.push({
-                  type: De,
+                  type: We,
                   index: n
                 });
             }
           for (const g of b)
             i.removeAttribute(g);
         }
-        if (Tr.test(i.tagName)) {
+        if (Or.test(i.tagName)) {
           const b = i.textContent.split(P), g = b.length - 1;
           if (g > 0) {
-            i.textContent = lo ? lo.emptyScript : "";
+            i.textContent = co ? co.emptyScript : "";
             for (let s = 0; s < g; s++)
-              i.append(b[s], xo()), io.nextNode(), c.push({ type: Bo, index: ++n });
-            i.append(b[g], xo());
+              i.append(b[s], wo()), ao.nextNode(), c.push({ type: Xo, index: ++n });
+            i.append(b[g], wo());
           }
         }
       } else if (i.nodeType === 8)
-        if (i.data === Ve)
-          c.push({ type: Bo, index: n });
+        if (i.data === De)
+          c.push({ type: Xo, index: n });
         else {
           let g = -1;
           for (; (g = i.data.indexOf(P, g + 1)) !== -1; )
-            c.push({ type: Nt, index: n }), g += P.length - 1;
+            c.push({ type: Ut, index: n }), g += P.length - 1;
         }
       n++;
     }
@@ -491,7 +491,7 @@ class ko {
     });
   }
   static createElement(o, r) {
-    const t = fo.createElement("template");
+    const t = so.createElement("template");
     return t.innerHTML = o, t;
   }
 }
@@ -500,12 +500,12 @@ function oo(e, o, r = e, t) {
   if (o === Y)
     return o;
   let c = t !== void 0 ? (i = r.__directives) === null || i === void 0 ? void 0 : i[t] : r.__directive;
-  const d = wo(o) ? void 0 : o._$litDirective$;
+  const d = ko(o) ? void 0 : o._$litDirective$;
   return (c == null ? void 0 : c.constructor) !== d && ((n = c == null ? void 0 : c._$notifyDirectiveConnectionChanged) === null || n === void 0 || n.call(c, !1), d === void 0 ? c = void 0 : (c = new d(e), c._$initialize(e, r, t)), t !== void 0 ? ((a = (l = r).__directives) !== null && a !== void 0 ? a : l.__directives = [])[t] = c : r.__directive = c), c !== void 0 && (o = oo(e, c._$resolve(e, o.values), c, t)), o;
 }
-class Ir {
+class Yr {
   constructor(o, r) {
-    this._parts = [], this._$disconnectableChildren = void 0, this._$template = o, this._$parent = r;
+    this._$parts = [], this._$disconnectableChildren = void 0, this._$template = o, this._$parent = r;
   }
   get parentNode() {
     return this._$parent.parentNode;
@@ -515,21 +515,21 @@ class Ir {
   }
   _clone(o) {
     var r;
-    const { el: { content: t }, parts: i } = this._$template, n = ((r = o == null ? void 0 : o.creationScope) !== null && r !== void 0 ? r : fo).importNode(t, !0);
-    io.currentNode = n;
-    let a = io.nextNode(), l = 0, c = 0, d = i[0];
+    const { el: { content: t }, parts: i } = this._$template, n = ((r = o == null ? void 0 : o.creationScope) !== null && r !== void 0 ? r : so).importNode(t, !0);
+    ao.currentNode = n;
+    let a = ao.nextNode(), l = 0, c = 0, d = i[0];
     for (; d !== void 0; ) {
       if (l === d.index) {
         let u;
-        d.type === Bo ? u = new so(a, a.nextSibling, this, o) : d.type === Ze ? u = new d.ctor(a, d.name, d.strings, this, o) : d.type === De && (u = new Vr(a, this, o)), this._parts.push(u), d = i[++c];
+        d.type === Xo ? u = new go(a, a.nextSibling, this, o) : d.type === He ? u = new d.ctor(a, d.name, d.strings, this, o) : d.type === We && (u = new Dr(a, this, o)), this._$parts.push(u), d = i[++c];
       }
-      l !== (d == null ? void 0 : d.index) && (a = io.nextNode(), l++);
+      l !== (d == null ? void 0 : d.index) && (a = ao.nextNode(), l++);
     }
     return n;
   }
   _update(o) {
     let r = 0;
-    for (const t of this._parts)
+    for (const t of this._$parts)
       t !== void 0 && (m == null || m({
         kind: "set part",
         part: t,
@@ -540,10 +540,10 @@ class Ir {
       }), t.strings !== void 0 ? (t._$setValue(o, t, r), r += t.strings.length - 2) : t._$setValue(o[r])), r++;
   }
 }
-class so {
+class go {
   constructor(o, r, t, i) {
     var n;
-    this.type = Bo, this._$committedValue = k, this._$disconnectableChildren = void 0, this._$startNode = o, this._$endNode = r, this._$parent = t, this.options = i, this.__isConnected = (n = i == null ? void 0 : i.isConnected) !== null && n !== void 0 ? n : !0, this._textSanitizer = void 0;
+    this.type = Xo, this._$committedValue = k, this._$disconnectableChildren = void 0, this._$startNode = o, this._$endNode = r, this._$parent = t, this.options = i, this.__isConnected = (n = i == null ? void 0 : i.isConnected) !== null && n !== void 0 ? n : !0, this._textSanitizer = void 0;
   }
   get _$isConnected() {
     var o, r;
@@ -552,7 +552,7 @@ class so {
   get parentNode() {
     let o = j(this._$startNode).parentNode;
     const r = this._$parent;
-    return r !== void 0 && o.nodeType === 11 && (o = r.parentNode), o;
+    return r !== void 0 && (o == null ? void 0 : o.nodeType) === 11 && (o = r.parentNode), o;
   }
   get startNode() {
     return this._$startNode;
@@ -564,7 +564,7 @@ class so {
     var t;
     if (this.parentNode === null)
       throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");
-    if (o = oo(this, o, r), wo(o))
+    if (o = oo(this, o, r), ko(o))
       o === k || o == null || o === "" ? (this._$committedValue !== k && (m == null || m({
         kind: "commit nothing to child",
         start: this._$startNode,
@@ -581,15 +581,15 @@ class so {
       }
       this._commitNode(o);
     } else
-      Ur(o) ? this._commitIterable(o) : this._commitText(o);
+      Fr(o) ? this._commitIterable(o) : this._commitText(o);
   }
-  _insert(o, r = this._$endNode) {
-    return j(j(this._$startNode).parentNode).insertBefore(o, r);
+  _insert(o) {
+    return j(j(this._$startNode).parentNode).insertBefore(o, this._$endNode);
   }
   _commitNode(o) {
     var r;
     if (this._$committedValue !== o) {
-      if (this._$clear(), Q !== Ko) {
+      if (this._$clear(), Q !== Jo) {
         const t = (r = this._$startNode.parentNode) === null || r === void 0 ? void 0 : r.nodeName;
         if (t === "STYLE" || t === "SCRIPT") {
           let i = "Forbidden";
@@ -606,17 +606,17 @@ class so {
     }
   }
   _commitText(o) {
-    if (this._$committedValue !== k && wo(this._$committedValue)) {
+    if (this._$committedValue !== k && ko(this._$committedValue)) {
       const r = j(this._$startNode).nextSibling;
-      this._textSanitizer === void 0 && (this._textSanitizer = Ce(r, "data", "property")), o = this._textSanitizer(o), m == null || m({
+      this._textSanitizer === void 0 && (this._textSanitizer = qe(r, "data", "property")), o = this._textSanitizer(o), m == null || m({
         kind: "commit text",
         node: r,
         value: o,
         options: this.options
       }), r.data = o;
     } else {
-      const r = document.createTextNode("");
-      this._commitNode(r), this._textSanitizer === void 0 && (this._textSanitizer = Ce(r, "data", "property")), o = this._textSanitizer(o), m == null || m({
+      const r = so.createTextNode("");
+      this._commitNode(r), this._textSanitizer === void 0 && (this._textSanitizer = qe(r, "data", "property")), o = this._textSanitizer(o), m == null || m({
         kind: "commit text",
         node: r,
         value: o,
@@ -627,23 +627,23 @@ class so {
   }
   _commitTemplateResult(o) {
     var r;
-    const { values: t, ["_$litType$"]: i } = o, n = typeof i == "number" ? this._$getTemplate(o) : (i.el === void 0 && (i.el = ko.createElement(i.h, this.options)), i);
+    const { values: t, ["_$litType$"]: i } = o, n = typeof i == "number" ? this._$getTemplate(o) : (i.el === void 0 && (i.el = yo.createElement(i.h, this.options)), i);
     if (((r = this._$committedValue) === null || r === void 0 ? void 0 : r._$template) === n)
       m == null || m({
         kind: "template updating",
         template: n,
         instance: this._$committedValue,
-        parts: this._$committedValue._parts,
+        parts: this._$committedValue._$parts,
         options: this.options,
         values: t
       }), this._$committedValue._update(t);
     else {
-      const a = new Ir(n, this), l = a._clone(this.options);
+      const a = new Yr(n, this), l = a._clone(this.options);
       m == null || m({
         kind: "template instantiated",
         template: n,
         instance: a,
-        parts: a._parts,
+        parts: a._$parts,
         options: this.options,
         fragment: l,
         values: t
@@ -651,7 +651,7 @@ class so {
         kind: "template instantiated and updated",
         template: n,
         instance: a,
-        parts: a._parts,
+        parts: a._$parts,
         options: this.options,
         fragment: l,
         values: t
@@ -659,15 +659,15 @@ class so {
     }
   }
   _$getTemplate(o) {
-    let r = ur.get(o.strings);
-    return r === void 0 && ur.set(o.strings, r = new ko(o)), r;
+    let r = hr.get(o.strings);
+    return r === void 0 && hr.set(o.strings, r = new yo(o)), r;
   }
   _commitIterable(o) {
-    Nr(this._$committedValue) || (this._$committedValue = [], this._$clear());
+    Tr(this._$committedValue) || (this._$committedValue = [], this._$clear());
     const r = this._$committedValue;
     let t = 0, i;
     for (const n of o)
-      t === r.length ? r.push(i = new so(this._insert(xo()), this._insert(xo()), this, this.options)) : i = r[t], i._$setValue(n), t++;
+      t === r.length ? r.push(i = new go(this._insert(wo()), this._insert(wo()), this, this.options)) : i = r[t], i._$setValue(n), t++;
     t < r.length && (this._$clear(i && j(i._$endNode).nextSibling, t), r.length = t);
   }
   _$clear(o = j(this._$startNode).nextSibling, r) {
@@ -685,9 +685,9 @@ class so {
       throw new Error("part.setConnected() may only be called on a RootPart returned from render().");
   }
 }
-class _o {
+class So {
   constructor(o, r, t, i, n) {
-    this.type = Ze, this._$committedValue = k, this._$disconnectableChildren = void 0, this.element = o, this.name = r, this._$parent = i, this.options = n, t.length > 2 || t[0] !== "" || t[1] !== "" ? (this._$committedValue = new Array(t.length - 1).fill(new String()), this.strings = t) : this._$committedValue = k, this._sanitizer = void 0;
+    this.type = He, this._$committedValue = k, this._$disconnectableChildren = void 0, this.element = o, this.name = r, this._$parent = i, this.options = n, t.length > 2 || t[0] !== "" || t[1] !== "" ? (this._$committedValue = new Array(t.length - 1).fill(new String()), this.strings = t) : this._$committedValue = k, this._sanitizer = void 0;
   }
   get tagName() {
     return this.element.tagName;
@@ -699,13 +699,13 @@ class _o {
     const n = this.strings;
     let a = !1;
     if (n === void 0)
-      o = oo(this, o, r, 0), a = !wo(o) || o !== this._$committedValue && o !== Y, a && (this._$committedValue = o);
+      o = oo(this, o, r, 0), a = !ko(o) || o !== this._$committedValue && o !== Y, a && (this._$committedValue = o);
     else {
       const l = o;
       o = n[0];
       let c, d;
       for (c = 0; c < n.length - 1; c++)
-        d = oo(this, l[t + c], r, c), d === Y && (d = this._$committedValue[c]), a || (a = !wo(d) || d !== this._$committedValue[c]), d === k ? o = k : o !== k && (o += (d != null ? d : "") + n[c + 1]), this._$committedValue[c] = d;
+        d = oo(this, l[t + c], r, c), d === Y && (d = this._$committedValue[c]), a || (a = !ko(d) || d !== this._$committedValue[c]), d === k ? o = k : o !== k && (o += (d != null ? d : "") + n[c + 1]), this._$committedValue[c] = d;
     }
     a && !i && this._commitValue(o);
   }
@@ -719,9 +719,9 @@ class _o {
     }), j(this.element).setAttribute(this.name, o != null ? o : ""));
   }
 }
-class Br extends _o {
+class Xr extends So {
   constructor() {
-    super(...arguments), this.type = At;
+    super(...arguments), this.type = Mt;
   }
   _commitValue(o) {
     this._sanitizer === void 0 && (this._sanitizer = Q(this.element, this.name, "property")), o = this._sanitizer(o), m == null || m({
@@ -733,10 +733,10 @@ class Br extends _o {
     }), this.element[this.name] = o === k ? void 0 : o;
   }
 }
-const Ut = lo ? lo.emptyScript : "";
-class Yr extends _o {
+const Tt = co ? co.emptyScript : "";
+class Vr extends So {
   constructor() {
-    super(...arguments), this.type = Mt;
+    super(...arguments), this.type = Pt;
   }
   _commitValue(o) {
     m == null || m({
@@ -745,12 +745,12 @@ class Yr extends _o {
       name: this.name,
       value: !!(o && o !== k),
       options: this.options
-    }), o && o !== k ? j(this.element).setAttribute(this.name, Ut) : j(this.element).removeAttribute(this.name);
+    }), o && o !== k ? j(this.element).setAttribute(this.name, Tt) : j(this.element).removeAttribute(this.name);
   }
 }
-class Xr extends _o {
+class Zr extends So {
   constructor(o, r, t, i, n) {
-    if (super(o, r, t, i, n), this.type = Pt, this.strings !== void 0)
+    if (super(o, r, t, i, n), this.type = Nt, this.strings !== void 0)
       throw new Error(`A \`<${o.localName}>\` has a \`@${r}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`);
   }
   _$setValue(o, r = this) {
@@ -774,9 +774,9 @@ class Xr extends _o {
     typeof this._$committedValue == "function" ? this._$committedValue.call((t = (r = this.options) === null || r === void 0 ? void 0 : r.host) !== null && t !== void 0 ? t : this.element, o) : this._$committedValue.handleEvent(o);
   }
 }
-class Vr {
+class Dr {
   constructor(o, r, t) {
-    this.element = o, this.type = De, this._$disconnectableChildren = void 0, this._$parent = r, this.options = t;
+    this.element = o, this.type = We, this._$disconnectableChildren = void 0, this._$parent = r, this.options = t;
   }
   get _$isConnected() {
     return this._$parent._$isConnected;
@@ -790,30 +790,30 @@ class Vr {
     }), oo(this, o);
   }
 }
-const Tt = {
-  _boundAttributeSuffix: Lo,
+const Ft = {
+  _boundAttributeSuffix: Bo,
   _marker: P,
-  _markerMatch: Ve,
-  _HTML_RESULT: Fr,
-  _getTemplateHtml: Lr,
-  _TemplateInstance: Ir,
-  _isIterable: Ur,
+  _markerMatch: De,
+  _HTML_RESULT: Lr,
+  _getTemplateHtml: Br,
+  _TemplateInstance: Yr,
+  _isIterable: Fr,
   _resolveDirective: oo,
-  _ChildPart: so,
-  _AttributePart: _o,
-  _BooleanAttributePart: Yr,
-  _EventPart: Xr,
-  _PropertyPart: Br,
-  _ElementPart: Vr
-}, he = q.litHtmlPolyfillSupportDevMode;
-he == null || he(ko, so);
-((se = q.litHtmlVersions) !== null && se !== void 0 ? se : q.litHtmlVersions = []).push("2.6.1");
-q.litHtmlVersions.length > 1 && Oo("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
-const Po = (e, o, r) => {
+  _ChildPart: go,
+  _AttributePart: So,
+  _BooleanAttributePart: Vr,
+  _EventPart: Zr,
+  _PropertyPart: Xr,
+  _ElementPart: Dr
+}, me = q.litHtmlPolyfillSupportDevMode;
+me == null || me(yo, go);
+((be = q.litHtmlVersions) !== null && be !== void 0 ? be : q.litHtmlVersions = []).push("2.7.2");
+q.litHtmlVersions.length > 1 && Io("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
+const Uo = (e, o, r) => {
   var t, i;
   if (o == null)
     throw new TypeError(`The container to render into may not be ${o}`);
-  const n = yt++, a = (t = r == null ? void 0 : r.renderBefore) !== null && t !== void 0 ? t : o;
+  const n = $t++, a = (t = r == null ? void 0 : r.renderBefore) !== null && t !== void 0 ? t : o;
   let l = a._$litPart$;
   if (m == null || m({
     kind: "begin render",
@@ -824,7 +824,7 @@ const Po = (e, o, r) => {
     part: l
   }), l === void 0) {
     const c = (i = r == null ? void 0 : r.renderBefore) !== null && i !== void 0 ? i : null;
-    a._$litPart$ = l = new so(o.insertBefore(xo(), c), c, void 0, r != null ? r : {});
+    a._$litPart$ = l = new go(o.insertBefore(wo(), c), c, void 0, r != null ? r : {});
   }
   return l._$setValue(e), m == null || m({
     kind: "end render",
@@ -835,17 +835,17 @@ const Po = (e, o, r) => {
     part: l
   }), l;
 };
-Po.setSanitizer = zt, Po.createSanitizer = Ce, Po._testOnlyClearSanitizerFactoryDoNotCallOrElse = _t;
+Uo.setSanitizer = _t, Uo.createSanitizer = qe, Uo._testOnlyClearSanitizerFactoryDoNotCallOrElse = St;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var me, ve, fe;
-let He;
+var ve, fe, xe;
+let Ke;
 {
-  const e = (me = globalThis.litIssuedWarnings) !== null && me !== void 0 ? me : globalThis.litIssuedWarnings = /* @__PURE__ */ new Set();
-  He = (o, r) => {
+  const e = (ve = globalThis.litIssuedWarnings) !== null && ve !== void 0 ? ve : globalThis.litIssuedWarnings = /* @__PURE__ */ new Set();
+  Ke = (o, r) => {
     r += ` See https://lit.dev/msg/${o} for more information.`, e.has(r) || (console.warn(r), e.add(r));
   };
 }
@@ -860,7 +860,7 @@ class y extends U {
   }
   update(o) {
     const r = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(o), this.__childPart = Po(r, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(o), this.__childPart = Uo(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var o;
@@ -876,23 +876,23 @@ class y extends U {
 }
 y.finalized = !0;
 y._$litElement$ = !0;
-(ve = globalThis.litElementHydrateSupport) === null || ve === void 0 || ve.call(globalThis, { LitElement: y });
-const xe = globalThis.litElementPolyfillSupportDevMode;
-xe == null || xe({ LitElement: y });
+(fe = globalThis.litElementHydrateSupport) === null || fe === void 0 || fe.call(globalThis, { LitElement: y });
+const we = globalThis.litElementPolyfillSupportDevMode;
+we == null || we({ LitElement: y });
 y.finalize = function() {
   if (!U.finalize.call(this))
     return !1;
   const o = (r, t, i = !1) => {
     if (r.hasOwnProperty(t)) {
       const n = (typeof r == "function" ? r : r.constructor).name;
-      He(i ? "renamed-api" : "removed-api", `\`${t}\` is implemented on class ${n}. It has been ${i ? "renamed" : "removed"} in this version of LitElement.`);
+      Ke(i ? "renamed-api" : "removed-api", `\`${t}\` is implemented on class ${n}. It has been ${i ? "renamed" : "removed"} in this version of LitElement.`);
     }
   };
   return o(this, "render"), o(this, "getStyles", !0), o(this.prototype, "adoptStyles"), !0;
 };
-((fe = globalThis.litElementVersions) !== null && fe !== void 0 ? fe : globalThis.litElementVersions = []).push("3.2.2");
-globalThis.litElementVersions.length > 1 && He("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
-const Ft = () => p`<svg
+((xe = globalThis.litElementVersions) !== null && xe !== void 0 ? xe : globalThis.litElementVersions = []).push("3.3.1");
+globalThis.litElementVersions.length > 1 && Ke("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
+const Ot = () => p`<svg
   aria-label="Rødt utropstegn"
   role="img"
   xmlns="http://www.w3.org/2000/svg"
@@ -900,8 +900,8 @@ const Ft = () => p`<svg
   height="16"
   fill="none"
 >
-  ${Bt}
-</svg>`, Ot = () => p`<svg
+  ${Yt}
+</svg>`, Lt = () => p`<svg
   aria-label="Grønt hake"
   role="img"
   width="16"
@@ -909,8 +909,8 @@ const Ft = () => p`<svg
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${Yt}
-</svg> `, Lt = () => p`<svg
+  ${Xt}
+</svg> `, It = () => p`<svg
   aria-label="Gult utropstegn"
   role="img"
   width="16"
@@ -918,8 +918,8 @@ const Ft = () => p`<svg
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${Xt}
-</svg> `, It = () => p`<svg
+  ${Vt}
+</svg> `, Bt = () => p`<svg
   aria-label="Info"
   role="img"
   width="16"
@@ -927,8 +927,8 @@ const Ft = () => p`<svg
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${Vt}
-</svg>`, Bt = Go`<path
+  ${Zt}
+</svg>`, Yt = Qo`<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"
 />
@@ -938,13 +938,13 @@ clip-rule="evenodd"
 d="M8 3.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V4A.75.75 0 0 1 8 3.25Z"
 fill="#fff"
 />
-<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, Yt = Go`<circle cx="8" cy="8" r="8" transform="rotate(180 8 8)" fill="currentColor" />
+<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, Xt = Qo`<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"
-/>`, Xt = Go`<path
+/>`, Vt = Qo`<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"
 />
@@ -954,55 +954,55 @@ 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" />`, Vt = Go`<circle cx="8" cy="8" r="8" fill="currentColor" />
+<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, Zt = Qo`<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"
-/>`, pr = {
+/>`, mr = {
   negative: {
     color: "red",
-    icon: Ft(),
+    icon: Ot(),
     bgColor: "bg-red-50",
     borderColor: "border-red-300",
     textColor: "text-red-600"
   },
   positive: {
     color: "green",
-    icon: Ot(),
+    icon: Lt(),
     bgColor: "bg-green-50",
     borderColor: "border-green-300",
     textColor: "text-green-600"
   },
   warning: {
     color: "yellow",
-    icon: Lt(),
+    icon: It(),
     bgColor: "bg-yellow-50",
     borderColor: "border-yellow-300",
     textColor: "text-yellow-600"
   },
   info: {
     color: "aqua",
-    icon: It(),
+    icon: Bt(),
     bgColor: "bg-aqua-50",
     borderColor: "border-aqua-300",
     textColor: "text-aqua-600"
   }
 };
-class qe extends y {
+class Ee extends y {
   constructor() {
     super(), this.show = !1, this.role = "alert";
   }
   connectedCallback() {
-    if (super.connectedCallback(), !this.variant || !Object.keys(pr).includes(this.variant))
+    if (super.connectedCallback(), !this.variant || !Object.keys(mr).includes(this.variant))
       throw new Error(
         `Invalid "variant" attribute. Set its value to one of the following:
 negative, positive, warning, info.`
       );
   }
   get _style() {
-    return this.variant ? pr[this.variant] : {};
+    return this.variant ? mr[this.variant] : {};
   }
   render() {
     const { color: o, icon: r, bgColor: t, borderColor: i, textColor: n } = this._style;
@@ -1022,11 +1022,11 @@ negative, positive, warning, info.`
     `;
   }
 }
-x(qe, "properties", {
+x(Ee, "properties", {
   variant: { type: String, reflect: !0 },
   show: { type: Boolean, reflect: !0 },
   role: { type: String, reflect: !0 }
-}), x(qe, "styles", C`
+}), x(Ee, "styles", C`
       /* /* layer: preflights */
 /*
@@ -1556,7 +1556,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -1643,6 +1643,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -1665,6 +1668,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -1824,6 +1828,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -1859,7 +1865,7 @@ video {
         margin-bottom: 0px !important;
       }
     `);
-customElements.get("w-alert") || customElements.define("w-alert", qe);
+customElements.get("w-alert") || customElements.define("w-alert", Ee);
 const D = {
   base: "border-2 relative",
   tooltip: "bg-gray-700 border-gray-700 text-white rounded-4 py-6 px-8",
@@ -1887,8 +1893,9 @@ const D = {
   cardSelected: "border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",
   cardOutline: "f-card-outline absolute rounded-8 inset-0 transition-all border-2",
   cardOutlineUnselected: "border-transparent",
-  cardOutlineSelected: "border-blue-600 hover:border-blue-700"
-}, hr = {
+  cardOutlineSelected: "border-blue-600 hover:border-blue-700",
+  a11y: "sr-only"
+}, vr = {
   toasterContainer: "fixed fixed-ios-fix bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",
   toaster: "f-toaster grid f-grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none"
 }, E = {
@@ -1906,7 +1913,7 @@ const D = {
   toastIconLoading: "animate-bounce",
   toastContent: "self-center mr-8 py-4 last:mb-0",
   toastClose: "ml-auto p-8"
-}, Zt = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block", L = {
+}, Dt = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block", L = {
   expandable: "will-change-height",
   expandableTitle: "i-text-$color-expandable-title-text",
   expandableBox: "i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 " + B.box,
@@ -1915,7 +1922,7 @@ const D = {
   chevronNonBox: "relative left-8",
   chevronBox: "absolute right-16",
   chevronExpanded: "-rotate-180",
-  button: Zt + " hover:underline focus:underline",
+  button: Dt + " hover:underline focus:underline",
   buttonBox: "w-full text-left relative inline-flex! items-center " + B.box
 }, R = {
   buttonSecondary: "py-10 px-14 border-2 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active",
@@ -1934,9 +1941,10 @@ const D = {
   buttonSmallButtonPill: "p-4 min-h-32 min-w-32",
   buttonSmallButtonLink: "p-0",
   buttonIsDisabled: "py-10 px-14 font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-disabled-background! i-text-$color-button-disabled-text cursor-default pointer-events-none",
-  buttonInProgress: "py-10 px-14 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out animate-inprogress i-text-$color-button-loading-text! pointer-events-none i-bg-$color-button-loading-background!"
+  buttonInProgress: "py-10 px-14 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out animate-inprogress i-text-$color-button-loading-text! pointer-events-none i-bg-$color-button-loading-background!",
+  a11y: "sr-only"
 }, G = {
-  default: "block text-16 mb-0 leading-22 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 caret",
+  default: "block text-16 mb-0 leading-22 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 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",
   invalid: "focusable i-border-$color-input-border-error i-text-$color-input-text-error!",
@@ -1945,31 +1953,36 @@ const D = {
   wrapper: "relative",
   suffix: "pr-40",
   prefix: "pl-40"
-}, Yo = {
-  label: "antialiased block relative text-14 font-bold pb-4 cursor-pointer",
-  labelValid: "i-text-$color-label-text",
+}, Vo = {
+  label: "antialiased block relative text-14 font-bold pb-4 cursor-pointer i-text-$color-label-text",
   labelInvalid: "i-text-$color-label-text-negative",
   optional: "pl-8 font-normal text-14 i-text-$color-label-optional-text"
-}, mr = {
+}, fr = {
   helpText: "text-12 mt-4 block i-text-$color-helptext-text",
   helpTextValid: "i-text-$color-helptext-text-positive",
   helpTextInvalid: "i-text-$color-helptext-text-negative"
-}, Zr = "absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focusable ", Dt = {
-  wrapper: Zr + "right-0",
+}, Hr = "absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focusable ", Ht = {
+  wrapper: Hr + "right-0",
   wrapperWithLabel: "w-max pr-12",
   wrapperWithIcon: "w-40",
-  label: `${Yo.label} pb-0 text-12`
-}, Ht = {
-  wrapper: Zr + "left-0",
+  label: `${Vo.label} pb-0 text-12`
+}, Wt = {
+  wrapper: Hr + "left-0",
   wrapperWithLabel: "w-max pl-12",
   wrapperWithIcon: "w-40",
-  label: `${Yo.label} pb-0 text-secondary text-12`
+  label: `${Vo.label} pb-0 text-secondary text-12`
+}, io = {
+  wrapper: "flex space-x-8",
+  text: "i-text-$color-breadcrumbs-text",
+  link: "i-text-$color-breadcrumbs-link-text",
+  separator: "select-none i-text-$color-breadcrumbs-icon",
+  a11y: "sr-only"
 };
-var We = function() {
+var Ge = function() {
   for (var e = [], o = arguments.length; o--; )
     e[o] = arguments[o];
   return e.reduce(function(r, t) {
-    return r.concat(typeof t == "string" ? t : Array.isArray(t) ? We.apply(void 0, t) : typeof t == "object" && t ? Object.keys(t).map(function(i) {
+    return r.concat(typeof t == "string" ? t : Array.isArray(t) ? Ge.apply(void 0, t) : typeof t == "object" && t ? Object.keys(t).map(function(i) {
       return t[i] ? i : "";
     }) : "");
   }, []).join(" ");
@@ -1979,18 +1992,18 @@ var We = function() {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ke = {
+const Je = {
   ATTRIBUTE: 1,
   CHILD: 2,
   PROPERTY: 3,
   BOOLEAN_ATTRIBUTE: 4,
   EVENT: 5,
   ELEMENT: 6
-}, Ge = (e) => (...o) => ({
+}, Qe = (e) => (...o) => ({
   _$litDirective$: e,
   values: o
 });
-class Je {
+class or {
   constructor(o) {
   }
   get _$isConnected() {
@@ -2011,10 +2024,10 @@ class Je {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Wt extends Je {
+class Kt extends or {
   constructor(o) {
     var r;
-    if (super(o), o.type !== Ke.ATTRIBUTE || o.name !== "class" || ((r = o.strings) === null || r === void 0 ? void 0 : r.length) > 2)
+    if (super(o), o.type !== Je.ATTRIBUTE || o.name !== "class" || ((r = o.strings) === null || r === void 0 ? void 0 : r.length) > 2)
       throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(o) {
@@ -2039,35 +2052,35 @@ class Wt extends Je {
     return Y;
   }
 }
-const Qe = Ge(Wt), Kt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-function Jo(e) {
+const er = Qe(Kt), Gt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function Co(e) {
   return class extends e {
     static createProperty(o, r) {
       let t = r;
       (typeof (r == null ? void 0 : r.attribute) > "u" || (r == null ? void 0 : r.attribute) === !0) && (t = Object.assign({}, r, {
-        attribute: Kt(o.toString())
+        attribute: Gt(o.toString())
       })), super.createProperty(o, t);
     }
   };
 }
-function vr(e) {
+function xr(e) {
   const o = [];
   for (const [r, t] of Object.entries(e))
     t && o.push(r);
   return o.join(" ");
 }
-const yo = typeof window < "u";
+const $o = typeof window < "u";
 function A(e) {
   const o = {};
   for (const [r, t] of Object.entries(e))
     for (const i of r.split(" "))
       o[i] = t;
-  return Qe(o);
+  return er(o);
 }
-function Gt() {
+function Jt() {
   return `m${Math.random().toString(36).slice(2)}`;
 }
-const we = [
+const ke = [
   "primary",
   "secondary",
   "negative",
@@ -2075,15 +2088,15 @@ const we = [
   "pill",
   "link"
 ];
-class No extends Jo(y) {
+class To extends Co(y) {
   constructor() {
     super(), this.variant = "secondary";
   }
   connectedCallback() {
-    if (super.connectedCallback(), !we.includes(this.variant))
+    if (super.connectedCallback(), !ke.includes(this.variant))
       throw new Error(
         `Invalid "variant" attribute. Set its value to one of the following:
-${we.join(
+${ke.join(
           ", "
         )}.`
       );
@@ -2093,9 +2106,9 @@ ${we.join(
   }
   get _classes() {
     const o = this.variant === "primary", r = this.variant === "secondary", t = this.variant === "negative", i = this.variant === "utility", n = this.variant === "pill", a = this.variant === "link";
-    return We(
+    return Ge(
       {
-        [R.buttonSecondary]: r && !this.quiet || !we.find((l) => this.variant === l),
+        [R.buttonSecondary]: r && !this.quiet || !ke.find((l) => this.variant === l),
         [R.buttonPrimary]: o,
         [R.buttonDestructive]: t && !this.quiet,
         [R.buttonFlat]: r && this.quiet,
@@ -2131,7 +2144,7 @@ ${we.join(
         />` : null}`;
   }
 }
-x(No, "shadowRootOptions", { ...y.shadowRootOptions, delegatesFocus: !0 }), x(No, "properties", {
+x(To, "shadowRootOptions", { ...y.shadowRootOptions, delegatesFocus: !0 }), x(To, "properties", {
   type: { type: "button" | "submit" | "reset", reflect: !0 },
   autofocus: { type: Boolean, reflect: !0 },
   variant: { type: String, reflect: !0 },
@@ -2142,7 +2155,7 @@ x(No, "shadowRootOptions", { ...y.shadowRootOptions, delegatesFocus: !0 }), x(No
   target: { type: String, reflect: !0 },
   rel: { type: String, reflect: !0 },
   buttonClass: { type: String, reflect: !0 }
-}), x(No, "styles", C`
+}), x(To, "styles", C`
     /* /* layer: preflights */
 /*
@@ -2672,7 +2685,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -2759,6 +2772,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -2781,6 +2797,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -2941,6 +2958,7 @@ video {
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -2970,17 +2988,17 @@ video {
 .sm\\:pt-32{padding-top:3.2rem;}
 } */
   `);
-customElements.get("w-button") || customElements.define("w-button", No);
+customElements.get("w-button") || customElements.define("w-button", To);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z = (e) => e != null ? e : k, fr = {
+const z = (e) => e != null ? e : k, wr = {
   ENTER: "Enter",
   SPACE: " "
 };
-class Ee extends y {
+class Re extends y {
   constructor() {
     super(), this.selected = !1, this.flat = !1, this.clickable = !1;
   }
@@ -3008,7 +3026,7 @@ class Ee extends y {
     return p`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;
   }
   keypressed(o) {
-    !this.clickable || o.altKey || o.ctrlKey || (o.key === fr.ENTER || o.key === fr.SPACE) && (o.preventDefault(), this.click());
+    !this.clickable || o.altKey || o.ctrlKey || (o.key === wr.ENTER || o.key === wr.SPACE) && (o.preventDefault(), this.click());
   }
   render() {
     return p`
@@ -3025,7 +3043,7 @@ class Ee extends y {
     `;
   }
 }
-x(Ee, "styles", [
+x(Re, "styles", [
   C`
       /* /* layer: preflights */
@@ -3556,7 +3574,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -3643,6 +3661,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -3665,6 +3686,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -3825,6 +3847,7 @@ video {
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -3865,18 +3888,18 @@ video {
         display: block;
       }
     `
-]), x(Ee, "properties", {
+]), x(Re, "properties", {
   selected: { type: Boolean, reflect: !0 },
   flat: { type: Boolean },
   clickable: { type: Boolean }
 });
-customElements.get("w-card") || customElements.define("w-card", Ee);
+customElements.get("w-card") || customElements.define("w-card", Re);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Uo(e, o, r) {
+function Fo(e, o, r) {
   return e ? o() : r == null ? void 0 : r();
 }
 /**
@@ -3884,10 +3907,10 @@ function Uo(e, o, r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Jt = 1;
-class or extends Je {
+const Qt = 1;
+class rr extends or {
   constructor(o) {
-    if (super(o), this._value = k, o.type !== Ke.CHILD)
+    if (super(o), this._value = k, o.type !== Je.CHILD)
       throw new Error(`${this.constructor.directiveName}() can only be used in child bindings`);
   }
   render(o) {
@@ -3908,25 +3931,25 @@ class or extends Je {
     };
   }
 }
-or.directiveName = "unsafeHTML";
-or.resultType = Jt;
-const Dr = Ge(or);
-var Wo, Hr, ao, To, no, Fo;
-class Re extends Jo(y) {
+rr.directiveName = "unsafeHTML";
+rr.resultType = Qt;
+const Wr = Qe(rr);
+var Go, Kr, no, Oo, lo, Lo;
+class je extends Co(y) {
   constructor() {
     super();
-    jo(this, Wo);
-    jo(this, ao);
-    jo(this, no);
+    Mo(this, Go);
+    Mo(this, no);
+    Mo(this, lo);
     this._options = this.innerHTML;
   }
   render() {
-    return p`<div class="${Z(this, Wo, Hr)}">
-      ${Uo(
+    return p`<div class="${Z(this, Go, Kr)}">
+      ${Fo(
       this.label,
-      () => p`<label for="${Z(this, ao, To)}">
+      () => p`<label for="${Z(this, no, Oo)}">
             ${this.label}
-            ${Uo(
+            ${Fo(
         this.optional,
         () => p`<span className="pl-8 font-normal text-14 text-gray-500">(valgfritt)</span>`
       )}</label
@@ -3934,31 +3957,31 @@ class Re extends Jo(y) {
     )}
       <div class="input--select__wrap">
         <select
-          id="${Z(this, ao, To)}"
+          id="${Z(this, no, Oo)}"
           ?autofocus=${this.autoFocus}
-          aria-describedby="${z(Z(this, no, Fo))}"
+          aria-describedby="${z(Z(this, lo, Lo))}"
           aria-invalid="${z(this.invalid)}"
-          aria-errormessage="${z(this.invalid && Z(this, no, Fo))}"
+          aria-errormessage="${z(this.invalid && Z(this, lo, Lo))}"
         >
-          ${Dr(this._options)}
+          ${Wr(this._options)}
         </select>
       </div>
-      ${Uo(
+      ${Fo(
       this.always || this.invalid,
-      () => p`<div id="${Z(this, no, Fo)}" class="input__sub-text">${this.hint}</div>`
+      () => p`<div id="${Z(this, lo, Lo)}" class="input__sub-text">${this.hint}</div>`
     )}
     </div>`;
   }
 }
-Wo = new WeakSet(), Hr = function() {
-  return We("input mb-0", {
+Go = new WeakSet(), Kr = function() {
+  return Ge("input mb-0", {
     "input--is-invalid": this.invalid
   });
-}, ao = new WeakSet(), To = function() {
+}, no = new WeakSet(), Oo = function() {
   return "select_id";
-}, no = new WeakSet(), Fo = function() {
-  return this.hint ? `${Z(this, ao, To)}__hint` : void 0;
-}, x(Re, "properties", {
+}, lo = new WeakSet(), Lo = function() {
+  return this.hint ? `${Z(this, no, Oo)}__hint` : void 0;
+}, x(je, "properties", {
   autoFocus: { type: Boolean, reflect: !0 },
   invalid: { type: Boolean, reflect: !0 },
   always: { type: Boolean, reflect: !0 },
@@ -3966,7 +3989,7 @@ Wo = new WeakSet(), Hr = function() {
   label: { type: String, reflect: !0 },
   optional: { type: Boolean, reflect: !0 },
   _options: { state: !0 }
-}), x(Re, "styles", C`
+}), x(je, "styles", C`
     /* /* layer: preflights */
 /*
@@ -4496,7 +4519,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .text{color:var(--w-color-text);}
 .flex{display:flex;}
@@ -4584,6 +4607,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -4606,6 +4632,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -4765,6 +4792,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -4794,8 +4823,8 @@ video {
 .sm\\:pt-32{padding-top:3.2rem;}
 } */
   `);
-customElements.get("w-select") || customElements.define("w-select", Re);
-class je extends y {
+customElements.get("w-select") || customElements.define("w-select", je);
+class Ae extends y {
   get _class() {
     return A({
       [B.box]: !0,
@@ -4813,12 +4842,12 @@ class je extends y {
     `;
   }
 }
-x(je, "properties", {
+x(Ae, "properties", {
   bleed: { type: Boolean },
   bordered: { type: Boolean },
   info: { type: Boolean },
   neutral: { type: Boolean }
-}), x(je, "styles", C`
+}), x(Ae, "styles", C`
       /* /* layer: preflights */
 /*
@@ -5348,7 +5377,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -5435,6 +5464,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -5457,6 +5489,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -5616,6 +5649,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -5651,25 +5686,38 @@ video {
           margin-bottom: 0 !important;
         }
       `);
-customElements.get("w-box") || customElements.define("w-box", je);
-function Qt(e, o) {
+customElements.get("w-box") || customElements.define("w-box", Ae);
+function oi(e, o) {
   return e.flatMap((r) => [r, o]).slice(0, -1);
 }
-const oi = p`<span class="select-none" aria-hidden="true">/</span>`;
-class Wr extends y {
+const ei = p`<span class=${io.separator} aria-hidden='true'>/</span>`;
+class Me extends Co(y) {
+  constructor() {
+    super(), this.ariaLabel = "Her er du";
+  }
   connectedCallback() {
-    super.connectedCallback(), this._children = Qt(Array.from(this.children), oi);
+    super.connectedCallback();
+    const r = Array.from(this.children).flat(1 / 0).filter((t) => t).map((t, i) => {
+      if (typeof t == "string") {
+        const n = i === children.length - 1;
+        return p`<span class=${io.text} aria-current=${n ? "page" : void 0}>${t}</span>`;
+      }
+      return t.classList.add(t.tagName === "A" ? io.link : io.text), t;
+    });
+    this._children = oi(r, ei);
   }
   render() {
     return p`
-      <nav aria-label="Her er du" class="flex space-x-8">
-        <h2 class="sr-only">Her er du</h2>
-        ${this._children}
+      <nav aria-label=${this.ariaLabel}>
+        <h2 class=${io.a11y}>${this.ariaLabel}</h2>
+        <div class=${io.wrapper}>
+          ${this._children}
+        </div>
       </nav>
     `;
   }
 }
-x(Wr, "styles", C`
+x(Me, "styles", C`
     /* /* layer: preflights */
 /*
@@ -6199,7 +6247,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -6286,6 +6334,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -6308,6 +6359,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -6497,50 +6549,52 @@ video {
 .sm\\:pb-32{padding-bottom:3.2rem;}
 .sm\\:pt-32{padding-top:3.2rem;}
 } */
-  `);
-customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs", Wr);
-const er = typeof window < "u";
-let Kr = !0;
-if (er) {
-  const e = window.matchMedia("(prefers-reduced-motion: reduce)"), o = ({ matches: r }) => Kr = !r;
+  `), x(Me, "properties", {
+  ariaLabel: { type: String }
+});
+customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs", Me);
+const tr = typeof window < "u";
+let Gr = !0;
+if (tr) {
+  const e = window.matchMedia("(prefers-reduced-motion: reduce)"), o = ({ matches: r }) => Gr = !r;
   e.addEventListener && e.addEventListener("change", o), o(e);
 }
-const Gr = (e) => {
+const Jr = (e) => {
   e.style.transition = null, e.style.backfaceVisibility = null, e.style.overflow = null;
-}, Jr = (e) => {
-  const o = Kr ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
+}, Qr = (e) => {
+  const o = Gr ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
   e.style.transition = `height ${o}`, e.style.backfaceVisibility = "hidden", e.style.overflow = "hidden";
-}, ei = (e, o) => () => {
+}, ri = (e, o) => () => {
   e.style.height = "auto", e.style.overflow = null, o && o();
-}, ri = (e) => () => {
+}, ti = (e) => () => {
   e && e();
-}, Qr = (e, o) => {
+}, ot = (e, o) => {
   const r = (() => {
     if (!o)
       return new Promise((n) => {
         o = n;
       });
-  })(), t = ei(e, o);
-  Gr(e), e.style.height = "auto";
+  })(), t = ri(e, o);
+  Jr(e), e.style.height = "auto";
   let i = e.scrollHeight;
-  if (er && requestAnimationFrame(() => {
-    e.addEventListener("transitionend", t, { once: !0 }), e.style.height = "0px", e.style.transitionTimingFunction = "ease-out", Jr(e), requestAnimationFrame(() => e.style.height = i + "px");
+  if (tr && requestAnimationFrame(() => {
+    e.addEventListener("transitionend", t, { once: !0 }), e.style.height = "0px", e.style.transitionTimingFunction = "ease-out", Qr(e), requestAnimationFrame(() => e.style.height = i + "px");
   }), r)
     return r;
-}, ot = (e, o) => {
+}, et = (e, o) => {
   const r = (() => {
     if (!o)
       return new Promise((n) => {
         o = n;
       });
-  })(), t = ri(o);
-  Gr(e);
+  })(), t = ti(o);
+  Jr(e);
   let i = e.scrollHeight;
-  if (er && requestAnimationFrame(() => {
-    e.addEventListener("transitionend", t, { once: !0 }), e.style.height = i + "px", e.style.transitionTimingFunction = "ease-in", Jr(e), requestAnimationFrame(() => e.style.height = "0px");
+  if (tr && requestAnimationFrame(() => {
+    e.addEventListener("transitionend", t, { once: !0 }), e.style.height = i + "px", e.style.transitionTimingFunction = "ease-in", Qr(e), requestAnimationFrame(() => e.style.height = "0px");
   }), r)
     return r;
-}, ti = (e) => p`<svg
+}, ii = (e) => p`<svg
   role="img"
   aria-label="${e.typeLabel}"
   xmlns="http://www.w3.org/2000/svg"
@@ -6556,7 +6610,7 @@ const Gr = (e) => {
     stroke-width="1.5"
     d="M5.5 9l2 1.5L11 6"
   />
-</svg>`, ii = (e) => p`
+</svg>`, ai = (e) => p`
   <svg
     role="img"
     aria-label="${e.typeLabel}"
@@ -6565,7 +6619,7 @@ const Gr = (e) => {
     height="16"
     fill="none"
     viewBox="0 0 16 16"
-    class="${Qe({
+    class="${er({
   "transition-transform duration-200": !0,
   "transform-rotate-180": e.isInfo
 })}"
@@ -6579,7 +6633,7 @@ const Gr = (e) => {
     />
     <circle cx="8" cy="11.8" r=".8" fill="currentColor" />
   </svg>
-`, ai = () => p`
+`, ni = () => p`
   <svg
     role="img"
     aria-label="Lukk"
@@ -6596,14 +6650,14 @@ const Gr = (e) => {
       clipRule="evenodd"
     />
   </svg>
-`, xr = (e) => {
+`, kr = (e) => {
   const o = {};
   for (const [r, t] of Object.entries(e))
     for (const i of r.split(" "))
       o[i] = t;
-  return Qe(o);
+  return er(o);
 };
-class Ae extends y {
+class Pe extends y {
   constructor() {
     super(), this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5), this.type = "success", this.text = "", this.canclose = !1;
   }
@@ -6614,10 +6668,10 @@ class Ae extends y {
     super.disconnectedCallback();
   }
   updated() {
-    !this._expanded && this._wrapper && Qr(this._wrapper, () => this._expanded = !0);
+    !this._expanded && this._wrapper && ot(this._wrapper, () => this._expanded = !0);
   }
   get _primaryClasses() {
-    return xr({
+    return kr({
       [E.toast]: !0,
       [E.toastPositive]: this.type === "success",
       [E.toastWarning]: this.type === "warning",
@@ -6626,7 +6680,7 @@ class Ae extends y {
     });
   }
   get _iconClasses() {
-    return xr({
+    return kr({
       [E.toastIcon]: !0,
       [E.toastIconPositive]: this.type == "success",
       [E.toastIconWarning]: this.type === "warning",
@@ -6657,11 +6711,11 @@ class Ae extends y {
     return this._success ? "Vellykket" : this._error ? "Feil" : this._warning ? "Varsel" : "Info";
   }
   get _iconMarkup() {
-    return this._success ? ti({ typeLabel: this._typeLabel }) : ii({ typeLabel: this._typeLabel, isInfo: this._info });
+    return this._success ? ii({ typeLabel: this._typeLabel }) : ai({ typeLabel: this._typeLabel, isInfo: this._info });
   }
   async collapse() {
     return new Promise((o) => {
-      this._expanded && this._wrapper ? ot(this._wrapper, o) : o();
+      this._expanded && this._wrapper ? et(this._wrapper, o) : o();
     });
   }
   close() {
@@ -6679,15 +6733,15 @@ class Ae extends y {
         <div role="${this._role}" class="${E.toastContent}">
           <p>${this.text}</p>
         </div>
-        ${Uo(
+        ${Fo(
       this.canclose === !0,
-      () => p`<button class="${E.toastClose}" @click="${this.close}">${ai()}</button>`
+      () => p`<button class="${E.toastClose}" @click="${this.close}">${ni()}</button>`
     )}
       </div>
     </section>` : p``;
   }
 }
-x(Ae, "styles", [
+x(Pe, "styles", [
   C`
       /* /* layer: preflights */
@@ -7218,7 +7272,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -7305,6 +7359,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -7327,6 +7384,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -7486,6 +7544,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -7518,25 +7578,25 @@ video {
         display: block;
       }
     `
-]), x(Ae, "properties", {
+]), x(Pe, "properties", {
   id: { type: String, attribute: !0, reflect: !0 },
   type: { type: String, attribute: !0, reflect: !0 },
   text: { type: String, attribute: !0, reflect: !0 },
   canclose: { type: Boolean, attribute: !0, reflect: !0 }
 });
-customElements.get("w-toast") || customElements.define("w-toast", Ae);
+customElements.get("w-toast") || customElements.define("w-toast", Pe);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var ke, ye;
-const { _ChildPart: ni } = Tt, I = ((ke = window.ShadyDOM) === null || ke === void 0 ? void 0 : ke.inUse) && ((ye = window.ShadyDOM) === null || ye === void 0 ? void 0 : ye.noPatch) === !0 ? window.ShadyDOM.wrap : (e) => e, wr = () => document.createComment(""), mo = (e, o, r) => {
+var ye, $e;
+const { _ChildPart: li } = Ft, I = ((ye = window.ShadyDOM) === null || ye === void 0 ? void 0 : ye.inUse) && (($e = window.ShadyDOM) === null || $e === void 0 ? void 0 : $e.noPatch) === !0 ? window.ShadyDOM.wrap : (e) => e, yr = () => document.createComment(""), fo = (e, o, r) => {
   var t;
   const i = I(e._$startNode).parentNode, n = o === void 0 ? e._$endNode : o._$startNode;
   if (r === void 0) {
-    const a = I(i).insertBefore(wr(), n), l = I(i).insertBefore(wr(), n);
-    r = new ni(a, l, e, e.options);
+    const a = I(i).insertBefore(yr(), n), l = I(i).insertBefore(yr(), n);
+    r = new li(a, l, e, e.options);
   } else {
     const a = I(r._$endNode).nextSibling, l = r._$parent, c = l !== e;
     if (c) {
@@ -7553,7 +7613,7 @@ const { _ChildPart: ni } = Tt, I = ((ke = window.ShadyDOM) === null || ke === vo
     }
   }
   return r;
-}, J = (e, o, r = e) => (e._$setValue(o, r), e), li = {}, ci = (e, o = li) => e._$committedValue = o, di = (e) => e._$committedValue, $e = (e) => {
+}, J = (e, o, r = e) => (e._$setValue(o, r), e), ci = {}, di = (e, o = ci) => e._$committedValue = o, si = (e) => e._$committedValue, ze = (e) => {
   var o;
   (o = e._$notifyConnectionChanged) === null || o === void 0 || o.call(e, !1, !0);
   let r = e._$startNode;
@@ -7568,15 +7628,15 @@ const { _ChildPart: ni } = Tt, I = ((ke = window.ShadyDOM) === null || ke === vo
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const kr = (e, o, r) => {
+const $r = (e, o, r) => {
   const t = /* @__PURE__ */ new Map();
   for (let i = o; i <= r; i++)
     t.set(e[i], i);
   return t;
 };
-class si extends Je {
+class bi extends or {
   constructor(o) {
-    if (super(o), o.type !== Ke.CHILD)
+    if (super(o), o.type !== Je.CHILD)
       throw new Error("repeat() can only be used in text expressions");
   }
   _getValuesAndKeys(o, r, t) {
@@ -7596,7 +7656,7 @@ class si extends Je {
   }
   update(o, [r, t, i]) {
     var n;
-    const a = di(o), { values: l, keys: c } = this._getValuesAndKeys(r, t, i);
+    const a = si(o), { values: l, keys: c } = this._getValuesAndKeys(r, t, i);
     if (!Array.isArray(a))
       return this._itemKeys = c, l;
     const d = (n = this._itemKeys) !== null && n !== void 0 ? n : this._itemKeys = [], u = [];
@@ -7611,35 +7671,35 @@ class si extends Je {
       else if (d[h] === c[f])
         u[f] = J(a[h], l[f]), h--, f--;
       else if (d[s] === c[f])
-        u[f] = J(a[s], l[f]), mo(o, u[f + 1], a[s]), s++, f--;
+        u[f] = J(a[s], l[f]), fo(o, u[f + 1], a[s]), s++, f--;
       else if (d[h] === c[v])
-        u[v] = J(a[h], l[v]), mo(o, a[s], a[h]), h--, v++;
-      else if (b === void 0 && (b = kr(c, v, f), g = kr(d, s, h)), !b.has(d[s]))
-        $e(a[s]), s++;
+        u[v] = J(a[h], l[v]), fo(o, a[s], a[h]), h--, v++;
+      else if (b === void 0 && (b = $r(c, v, f), g = $r(d, s, h)), !b.has(d[s]))
+        ze(a[s]), s++;
       else if (!b.has(d[h]))
-        $e(a[h]), h--;
+        ze(a[h]), h--;
       else {
         const w = g.get(c[v]), $ = w !== void 0 ? a[w] : null;
         if ($ === null) {
-          const S = mo(o, a[s]);
+          const S = fo(o, a[s]);
           J(S, l[v]), u[v] = S;
         } else
-          u[v] = J($, l[v]), mo(o, a[s], $), a[w] = null;
+          u[v] = J($, l[v]), fo(o, a[s], $), a[w] = null;
         v++;
       }
     for (; v <= f; ) {
-      const w = mo(o, u[f + 1]);
+      const w = fo(o, u[f + 1]);
       J(w, l[v]), u[v++] = w;
     }
     for (; s <= h; ) {
       const w = a[s++];
-      w !== null && $e(w);
+      w !== null && ze(w);
     }
-    return this._itemKeys = c, ci(o, u), Y;
+    return this._itemKeys = c, di(o, u), Y;
   }
 }
-const et = Ge(si);
-class Me extends y {
+const rt = Qe(bi);
+class Ne extends y {
   constructor() {
     super(), this._toasts = /* @__PURE__ */ new Map();
   }
@@ -7698,9 +7758,9 @@ class Me extends y {
   }
   render() {
     return p`
-      <aside class="${hr.toasterContainer}">
-        <div class="${hr.toaster}" id="w-toast-container-list">
-          ${et(
+      <aside class="${vr.toasterContainer}">
+        <div class="${vr.toaster}" id="w-toast-container-list">
+          ${rt(
       this._toastsArray,
       (o) => o.id,
       (o) => p` <w-toast
@@ -7718,7 +7778,7 @@ class Me extends y {
     `;
   }
 }
-x(Me, "styles", [
+x(Ne, "styles", [
   C`
       /* /* layer: preflights */
@@ -8249,7 +8309,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .text{color:var(--w-color-text);}
 .flex{display:flex;}
@@ -8337,6 +8397,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -8359,6 +8422,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -8518,6 +8582,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -8550,12 +8616,12 @@ video {
         display: block;
       }
     `
-]), x(Me, "properties", {
+]), x(Ne, "properties", {
   _toasts: { state: !0 }
 });
-customElements.get("w-toast-container") || customElements.define("w-toast-container", Me);
-function Di(e, o) {
-  if (!yo)
+customElements.get("w-toast-container") || customElements.define("w-toast-container", Ne);
+function Hi(e, o) {
+  if (!$o)
     return;
   const r = customElements.get("w-toast-container").init(), t = {
     id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
@@ -8566,25 +8632,25 @@ function Di(e, o) {
   };
   return r.set(t), t;
 }
-function Hi(e) {
-  return yo ? customElements.get("w-toast-container").init().del(e) : void 0;
+function Wi(e) {
+  return $o ? customElements.get("w-toast-container").init().del(e) : void 0;
 }
-function Wi(e, o) {
-  if (!yo)
+function Ki(e, o) {
+  if (!$o)
     return;
   const r = customElements.get("w-toast-container").init();
   return r.set({ ...r.get(e), ...o }), r.get(e);
 }
-class Pe extends y {
+class Ue extends y {
   constructor() {
-    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = yo ? window.location.href : "";
+    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = $o ? window.location.href : "";
   }
   async connectedCallback() {
     if (super.connectedCallback(), !this.api) {
       console.error('Broadcast "api" attribute invalid or undefined');
       return;
     }
-    yo && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
+    $o && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
   }
   async _fetchMessage() {
     const o = `${this.api}?path=${this.url}`;
@@ -8602,7 +8668,7 @@ class Pe extends y {
     const o = this._messages.filter((r) => !this._hiddenMessageIds.includes(r.id));
     return p`
       <aside class=${`${o.length === 0 ? "hidden" : "mb-16"}`}>
-        ${et(
+        ${rt(
       o,
       ({ id: r }) => `broadcast-${r}`,
       ({ id: r, message: t }) => p`<w-toast
@@ -8619,7 +8685,7 @@ class Pe extends y {
     `;
   }
 }
-x(Pe, "properties", {
+x(Ue, "properties", {
   _messages: {
     state: !0,
     hasChanged(o, r) {
@@ -8636,7 +8702,7 @@ x(Pe, "properties", {
   interval: { type: Number, attribute: !0, reflect: !0 },
   url: { type: String, attribute: !0, reflect: !0 },
   api: { type: String, attribute: !0, reflect: !0 }
-}), x(Pe, "styles", C`
+}), x(Ue, "styles", C`
     /* /* layer: preflights */
 /*
@@ -9166,7 +9232,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -9254,6 +9320,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -9276,6 +9345,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -9436,6 +9506,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -9465,25 +9537,25 @@ video {
 .sm\\:pt-32{padding-top:3.2rem;}
 } */
   `);
-customElements.get("w-broadcast") || customElements.define("w-broadcast", Pe);
-function So(e) {
+customElements.get("w-broadcast") || customElements.define("w-broadcast", Ue);
+function qo(e) {
   return e.split("-")[0];
 }
-function Qo(e) {
+function oe(e) {
   return e.split("-")[1];
 }
-function Co(e) {
-  return ["top", "bottom"].includes(So(e)) ? "x" : "y";
+function Eo(e) {
+  return ["top", "bottom"].includes(qo(e)) ? "x" : "y";
 }
-function rr(e) {
+function ir(e) {
   return e === "y" ? "height" : "width";
 }
-function yr(e, o, r) {
+function zr(e, o, r) {
   let {
     reference: t,
     floating: i
   } = e;
-  const n = t.x + t.width / 2 - i.width / 2, a = t.y + t.height / 2 - i.height / 2, l = Co(o), c = rr(l), d = t[c] / 2 - i[c] / 2, u = So(o), b = l === "x";
+  const n = t.x + t.width / 2 - i.width / 2, a = t.y + t.height / 2 - i.height / 2, l = Eo(o), c = ir(l), d = t[c] / 2 - i[c] / 2, u = qo(o), b = l === "x";
   let g;
   switch (u) {
     case "top":
@@ -9516,7 +9588,7 @@ function yr(e, o, r) {
         y: t.y
       };
   }
-  switch (Qo(o)) {
+  switch (oe(o)) {
     case "start":
       g[l] -= d * (r && b ? -1 : 1);
       break;
@@ -9526,7 +9598,7 @@ function yr(e, o, r) {
   }
   return g;
 }
-const bi = async (e, o, r) => {
+const gi = async (e, o, r) => {
   const {
     placement: t = "bottom",
     strategy: i = "absolute",
@@ -9547,7 +9619,7 @@ const bi = async (e, o, r) => {
   }), {
     x: d,
     y: u
-  } = yr(c, t, l), b = t, g = {}, s = 0;
+  } = zr(c, t, l), b = t, g = {}, s = 0;
   for (let h = 0; h < n.length; h++) {
     const {
       name: v,
@@ -9585,7 +9657,7 @@ const bi = async (e, o, r) => {
       }) : _.rects), {
         x: d,
         y: u
-      } = yr(c, b, l)), h = -1;
+      } = zr(c, b, l)), h = -1;
       continue;
     }
   }
@@ -9597,7 +9669,7 @@ const bi = async (e, o, r) => {
     middlewareData: g
   };
 };
-function gi(e) {
+function ui(e) {
   return {
     top: 0,
     right: 0,
@@ -9606,15 +9678,15 @@ function gi(e) {
     ...e
   };
 }
-function rt(e) {
-  return typeof e != "number" ? gi(e) : {
+function tt(e) {
+  return typeof e != "number" ? ui(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Xo(e) {
+function Zo(e) {
   return {
     ...e,
     top: e.y,
@@ -9623,7 +9695,7 @@ function Xo(e) {
     bottom: e.y + e.height
   };
 }
-async function tt(e, o) {
+async function it(e, o) {
   var r;
   o === void 0 && (o = {});
   const {
@@ -9639,12 +9711,12 @@ async function tt(e, o) {
     elementContext: b = "floating",
     altBoundary: g = !1,
     padding: s = 0
-  } = o, h = rt(s), f = l[g ? b === "floating" ? "reference" : "floating" : b], w = Xo(await n.getClippingRect({
+  } = o, h = tt(s), f = l[g ? b === "floating" ? "reference" : "floating" : b], w = Zo(await n.getClippingRect({
     element: (r = await (n.isElement == null ? void 0 : n.isElement(f))) == null || r ? f : f.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(l.floating)),
     boundary: d,
     rootBoundary: u,
     strategy: c
-  })), $ = Xo(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
+  })), $ = Zo(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: b === "floating" ? {
       ...a.floating,
       x: t,
@@ -9660,11 +9732,11 @@ async function tt(e, o) {
     right: $.right - w.right + h.right
   };
 }
-const ui = Math.min, pi = Math.max;
-function Ne(e, o, r) {
-  return pi(e, ui(o, r));
+const pi = Math.min, hi = Math.max;
+function Te(e, o, r) {
+  return hi(e, pi(o, r));
 }
-const hi = (e) => ({
+const mi = (e) => ({
   name: "arrow",
   options: e,
   async fn(o) {
@@ -9680,51 +9752,51 @@ const hi = (e) => ({
     } = o;
     if (r == null)
       return process.env.NODE_ENV !== "production" && console.warn("Floating UI: No `element` was passed to the `arrow` middleware."), {};
-    const d = rt(t), u = {
+    const d = tt(t), u = {
       x: i,
       y: n
-    }, b = Co(a), g = Qo(a), s = rr(b), h = await c.getDimensions(r), v = b === "y" ? "top" : "left", f = b === "y" ? "bottom" : "right", w = l.reference[s] + l.reference[b] - u[b] - l.floating[s], $ = u[b] - l.reference[b], S = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(r));
+    }, b = Eo(a), g = oe(a), s = ir(b), h = await c.getDimensions(r), v = b === "y" ? "top" : "left", f = b === "y" ? "bottom" : "right", w = l.reference[s] + l.reference[b] - u[b] - l.floating[s], $ = u[b] - l.reference[b], S = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(r));
     let _ = S ? b === "y" ? S.clientHeight || 0 : S.clientWidth || 0 : 0;
     _ === 0 && (_ = l.floating[s]);
-    const ro = w / 2 - $ / 2, to = d[v], bo = _ - h[s] - d[f], F = _ / 2 - h[s] / 2 + ro, M = Ne(to, F, bo), Eo = (g === "start" ? d[v] : d[f]) > 0 && F !== M && l.reference[s] <= l.floating[s] ? F < to ? to - F : bo - F : 0;
+    const ro = w / 2 - $ / 2, to = d[v], uo = _ - h[s] - d[f], F = _ / 2 - h[s] / 2 + ro, M = Te(to, F, uo), jo = (g === "start" ? d[v] : d[f]) > 0 && F !== M && l.reference[s] <= l.floating[s] ? F < to ? to - F : uo - F : 0;
     return {
-      [b]: u[b] - Eo,
+      [b]: u[b] - jo,
       data: {
         [b]: M,
         centerOffset: F - M
       }
     };
   }
-}), mi = {
+}), vi = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Vo(e) {
-  return e.replace(/left|right|bottom|top/g, (o) => mi[o]);
+function Do(e) {
+  return e.replace(/left|right|bottom|top/g, (o) => vi[o]);
 }
-function vi(e, o, r) {
+function fi(e, o, r) {
   r === void 0 && (r = !1);
-  const t = Qo(e), i = Co(e), n = rr(i);
+  const t = oe(e), i = Eo(e), n = ir(i);
   let a = i === "x" ? t === (r ? "end" : "start") ? "right" : "left" : t === "start" ? "bottom" : "top";
-  return o.reference[n] > o.floating[n] && (a = Vo(a)), {
+  return o.reference[n] > o.floating[n] && (a = Do(a)), {
     main: a,
-    cross: Vo(a)
+    cross: Do(a)
   };
 }
-const fi = {
+const xi = {
   start: "end",
   end: "start"
 };
-function $r(e) {
-  return e.replace(/start|end/g, (o) => fi[o]);
+function _r(e) {
+  return e.replace(/start|end/g, (o) => xi[o]);
 }
-function xi(e) {
-  const o = Vo(e);
-  return [$r(e), o, $r(o)];
+function wi(e) {
+  const o = Do(e);
+  return [_r(e), o, _r(o)];
 }
-const wi = function(e) {
+const ki = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -9744,47 +9816,47 @@ const wi = function(e) {
         fallbackStrategy: g = "bestFit",
         flipAlignment: s = !0,
         ...h
-      } = e, v = So(t), w = b || (v === a || !s ? [Vo(a)] : xi(a)), $ = [a, ...w], S = await tt(o, h), _ = [];
+      } = e, v = qo(t), w = b || (v === a || !s ? [Do(a)] : wi(a)), $ = [a, ...w], S = await it(o, h), _ = [];
       let ro = ((r = i.flip) == null ? void 0 : r.overflows) || [];
       if (d && _.push(S[v]), u) {
         const {
           main: M,
-          cross: go
-        } = vi(t, n, await (l.isRTL == null ? void 0 : l.isRTL(c.floating)));
-        _.push(S[M], S[go]);
+          cross: po
+        } = fi(t, n, await (l.isRTL == null ? void 0 : l.isRTL(c.floating)));
+        _.push(S[M], S[po]);
       }
       if (ro = [...ro, {
         placement: t,
         overflows: _
       }], !_.every((M) => M <= 0)) {
-        var to, bo;
-        const M = ((to = (bo = i.flip) == null ? void 0 : bo.index) != null ? to : 0) + 1, go = $[M];
-        if (go)
+        var to, uo;
+        const M = ((to = (uo = i.flip) == null ? void 0 : uo.index) != null ? to : 0) + 1, po = $[M];
+        if (po)
           return {
             data: {
               index: M,
               overflows: ro
             },
             reset: {
-              placement: go
+              placement: po
             }
           };
-        let uo = "bottom";
+        let ho = "bottom";
         switch (g) {
           case "bestFit": {
             var F;
-            const Eo = (F = ro.map((Ro) => [Ro, Ro.overflows.filter((po) => po > 0).reduce((po, ut) => po + ut, 0)]).sort((Ro, po) => Ro[1] - po[1])[0]) == null ? void 0 : F[0].placement;
-            Eo && (uo = Eo);
+            const jo = (F = ro.map((Ao) => [Ao, Ao.overflows.filter((mo) => mo > 0).reduce((mo, pt) => mo + pt, 0)]).sort((Ao, mo) => Ao[1] - mo[1])[0]) == null ? void 0 : F[0].placement;
+            jo && (ho = jo);
             break;
           }
           case "initialPlacement":
-            uo = a;
+            ho = a;
             break;
         }
-        if (t !== uo)
+        if (t !== ho)
           return {
             reset: {
-              placement: uo
+              placement: ho
             }
           };
       }
@@ -9792,12 +9864,12 @@ const wi = function(e) {
     }
   };
 };
-async function ki(e, o) {
+async function yi(e, o) {
   const {
     placement: r,
     platform: t,
     elements: i
-  } = e, n = await (t.isRTL == null ? void 0 : t.isRTL(i.floating)), a = So(r), l = Qo(r), c = Co(r) === "x", d = ["left", "top"].includes(a) ? -1 : 1, u = n && c ? -1 : 1, b = typeof o == "function" ? o(e) : o;
+  } = e, n = await (t.isRTL == null ? void 0 : t.isRTL(i.floating)), a = qo(r), l = oe(r), c = Eo(r) === "x", d = ["left", "top"].includes(a) ? -1 : 1, u = n && c ? -1 : 1, b = typeof o == "function" ? o(e) : o;
   let {
     mainAxis: g,
     crossAxis: s,
@@ -9820,7 +9892,7 @@ async function ki(e, o) {
     y: s * u
   };
 }
-const yi = function(e) {
+const $i = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -9828,7 +9900,7 @@ const yi = function(e) {
       const {
         x: r,
         y: t
-      } = o, i = await ki(o, e);
+      } = o, i = await yi(o, e);
       return {
         x: r + i.x,
         y: t + i.y,
@@ -9837,10 +9909,10 @@ const yi = function(e) {
     }
   };
 };
-function $i(e) {
+function zi(e) {
   return e === "x" ? "y" : "x";
 }
-const zi = function(e) {
+const _i = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -9868,15 +9940,15 @@ const zi = function(e) {
       } = e, d = {
         x: r,
         y: t
-      }, u = await tt(o, c), b = Co(So(i)), g = $i(b);
+      }, u = await it(o, c), b = Eo(qo(i)), g = zi(b);
       let s = d[b], h = d[g];
       if (n) {
         const f = b === "y" ? "top" : "left", w = b === "y" ? "bottom" : "right", $ = s + u[f], S = s - u[w];
-        s = Ne($, s, S);
+        s = Te($, s, S);
       }
       if (a) {
         const f = g === "y" ? "top" : "left", w = g === "y" ? "bottom" : "right", $ = h + u[f], S = h - u[w];
-        h = Ne($, h, S);
+        h = Te($, h, S);
       }
       const v = l.fn({
         ...o,
@@ -9893,69 +9965,69 @@ const zi = function(e) {
     }
   };
 };
-function it(e) {
+function at(e) {
   return e && e.document && e.location && e.alert && e.setInterval;
 }
 function V(e) {
   if (e == null)
     return window;
-  if (!it(e)) {
+  if (!at(e)) {
     const o = e.ownerDocument;
     return o && o.defaultView || window;
   }
   return e;
 }
-function qo(e) {
+function Ro(e) {
   return V(e).getComputedStyle(e);
 }
 function X(e) {
-  return it(e) ? "" : e ? (e.nodeName || "").toLowerCase() : "";
+  return at(e) ? "" : e ? (e.nodeName || "").toLowerCase() : "";
 }
-function at() {
+function nt() {
   const e = navigator.userAgentData;
   return e != null && e.brands ? e.brands.map((o) => o.brand + "/" + o.version).join(" ") : navigator.userAgent;
 }
 function T(e) {
   return e instanceof V(e).HTMLElement;
 }
-function co(e) {
+function bo(e) {
   return e instanceof V(e).Element;
 }
-function _i(e) {
+function Si(e) {
   return e instanceof V(e).Node;
 }
-function tr(e) {
+function ar(e) {
   if (typeof ShadowRoot > "u")
     return !1;
   const o = V(e).ShadowRoot;
   return e instanceof o || e instanceof ShadowRoot;
 }
-function oe(e) {
+function ee(e) {
   const {
     overflow: o,
     overflowX: r,
     overflowY: t
-  } = qo(e);
+  } = Ro(e);
   return /auto|scroll|overlay|hidden/.test(o + t + r);
 }
-function Si(e) {
+function Ci(e) {
   return ["table", "td", "th"].includes(X(e));
 }
-function nt(e) {
-  const o = /firefox/i.test(at()), r = qo(e);
+function lt(e) {
+  const o = /firefox/i.test(nt()), r = Ro(e);
   return r.transform !== "none" || r.perspective !== "none" || r.contain === "paint" || ["transform", "perspective"].includes(r.willChange) || o && r.willChange === "filter" || o && (r.filter ? r.filter !== "none" : !1);
 }
-function lt() {
-  return !/^((?!chrome|android).)*safari/i.test(at());
+function ct() {
+  return !/^((?!chrome|android).)*safari/i.test(nt());
 }
-const zr = Math.min, vo = Math.max, Zo = Math.round;
+const Sr = Math.min, xo = Math.max, Ho = Math.round;
 function eo(e, o, r) {
   var t, i, n, a;
   o === void 0 && (o = !1), r === void 0 && (r = !1);
   const l = e.getBoundingClientRect();
   let c = 1, d = 1;
-  o && T(e) && (c = e.offsetWidth > 0 && Zo(l.width) / e.offsetWidth || 1, d = e.offsetHeight > 0 && Zo(l.height) / e.offsetHeight || 1);
-  const u = co(e) ? V(e) : window, b = !lt() && r, g = (l.left + (b && (t = (i = u.visualViewport) == null ? void 0 : i.offsetLeft) != null ? t : 0)) / c, s = (l.top + (b && (n = (a = u.visualViewport) == null ? void 0 : a.offsetTop) != null ? n : 0)) / d, h = l.width / c, v = l.height / d;
+  o && T(e) && (c = e.offsetWidth > 0 && Ho(l.width) / e.offsetWidth || 1, d = e.offsetHeight > 0 && Ho(l.height) / e.offsetHeight || 1);
+  const u = bo(e) ? V(e) : window, b = !ct() && r, g = (l.left + (b && (t = (i = u.visualViewport) == null ? void 0 : i.offsetLeft) != null ? t : 0)) / c, s = (l.top + (b && (n = (a = u.visualViewport) == null ? void 0 : a.offsetTop) != null ? n : 0)) / d, h = l.width / c, v = l.height / d;
   return {
     width: h,
     height: v,
@@ -9968,10 +10040,10 @@ function eo(e, o, r) {
   };
 }
 function W(e) {
-  return ((_i(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+  return ((Si(e) ? e.ownerDocument : e.document) || window.document).documentElement;
 }
-function ee(e) {
-  return co(e) ? {
+function re(e) {
+  return bo(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -9979,17 +10051,17 @@ function ee(e) {
     scrollTop: e.pageYOffset
   };
 }
-function ct(e) {
-  return eo(W(e)).left + ee(e).scrollLeft;
+function dt(e) {
+  return eo(W(e)).left + re(e).scrollLeft;
 }
-function Ci(e) {
+function qi(e) {
   const o = eo(e);
-  return Zo(o.width) !== e.offsetWidth || Zo(o.height) !== e.offsetHeight;
+  return Ho(o.width) !== e.offsetWidth || Ho(o.height) !== e.offsetHeight;
 }
-function qi(e, o, r) {
+function Ei(e, o, r) {
   const t = T(o), i = W(o), n = eo(
     e,
-    t && Ci(o),
+    t && qi(o),
     r === "fixed"
   );
   let a = {
@@ -10001,11 +10073,11 @@ function qi(e, o, r) {
     y: 0
   };
   if (t || !t && r !== "fixed")
-    if ((X(o) !== "body" || oe(i)) && (a = ee(o)), T(o)) {
+    if ((X(o) !== "body" || ee(i)) && (a = re(o)), T(o)) {
       const c = eo(o, !0);
       l.x = c.x + o.clientLeft, l.y = c.y + o.clientTop;
     } else
-      i && (l.x = ct(i));
+      i && (l.x = dt(i));
   return {
     x: n.left + a.scrollLeft - l.x,
     y: n.top + a.scrollTop - l.y,
@@ -10013,29 +10085,29 @@ function qi(e, o, r) {
     height: n.height
   };
 }
-function dt(e) {
-  return X(e) === "html" ? e : e.assignedSlot || e.parentNode || (tr(e) ? e.host : null) || W(e);
+function st(e) {
+  return X(e) === "html" ? e : e.assignedSlot || e.parentNode || (ar(e) ? e.host : null) || W(e);
 }
-function _r(e) {
+function Cr(e) {
   return !T(e) || getComputedStyle(e).position === "fixed" ? null : e.offsetParent;
 }
-function Ei(e) {
-  let o = dt(e);
-  for (tr(o) && (o = o.host); T(o) && !["html", "body"].includes(X(o)); ) {
-    if (nt(o))
+function Ri(e) {
+  let o = st(e);
+  for (ar(o) && (o = o.host); T(o) && !["html", "body"].includes(X(o)); ) {
+    if (lt(o))
       return o;
     o = o.parentNode;
   }
   return null;
 }
-function Ue(e) {
+function Fe(e) {
   const o = V(e);
-  let r = _r(e);
-  for (; r && Si(r) && getComputedStyle(r).position === "static"; )
-    r = _r(r);
-  return r && (X(r) === "html" || X(r) === "body" && getComputedStyle(r).position === "static" && !nt(r)) ? o : r || Ei(e) || o;
+  let r = Cr(e);
+  for (; r && Ci(r) && getComputedStyle(r).position === "static"; )
+    r = Cr(r);
+  return r && (X(r) === "html" || X(r) === "body" && getComputedStyle(r).position === "static" && !lt(r)) ? o : r || Ri(e) || o;
 }
-function Sr(e) {
+function qr(e) {
   if (T(e))
     return {
       width: e.offsetWidth,
@@ -10047,7 +10119,7 @@ function Sr(e) {
     height: o.height
   };
 }
-function Ri(e) {
+function ji(e) {
   let {
     rect: o,
     offsetParent: r,
@@ -10064,7 +10136,7 @@ function Ri(e) {
     x: 0,
     y: 0
   };
-  if ((i || !i && t !== "fixed") && ((X(r) !== "body" || oe(n)) && (a = ee(r)), T(r))) {
+  if ((i || !i && t !== "fixed") && ((X(r) !== "body" || ee(n)) && (a = re(r)), T(r))) {
     const c = eo(r, !0);
     l.x = c.x + r.clientLeft, l.y = c.y + r.clientTop;
   }
@@ -10074,12 +10146,12 @@ function Ri(e) {
     y: o.y - a.scrollTop + l.y
   };
 }
-function ji(e, o) {
+function Ai(e, o) {
   const r = V(e), t = W(e), i = r.visualViewport;
   let n = t.clientWidth, a = t.clientHeight, l = 0, c = 0;
   if (i) {
     n = i.width, a = i.height;
-    const d = lt();
+    const d = ct();
     (d || !d && o === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
   }
   return {
@@ -10089,33 +10161,33 @@ function ji(e, o) {
     y: c
   };
 }
-function Ai(e) {
+function Mi(e) {
   var o;
-  const r = W(e), t = ee(e), i = (o = e.ownerDocument) == null ? void 0 : o.body, n = vo(r.scrollWidth, r.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), a = vo(r.scrollHeight, r.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0);
-  let l = -t.scrollLeft + ct(e);
+  const r = W(e), t = re(e), i = (o = e.ownerDocument) == null ? void 0 : o.body, n = xo(r.scrollWidth, r.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), a = xo(r.scrollHeight, r.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0);
+  let l = -t.scrollLeft + dt(e);
   const c = -t.scrollTop;
-  return qo(i || r).direction === "rtl" && (l += vo(r.clientWidth, i ? i.clientWidth : 0) - n), {
+  return Ro(i || r).direction === "rtl" && (l += xo(r.clientWidth, i ? i.clientWidth : 0) - n), {
     width: n,
     height: a,
     x: l,
     y: c
   };
 }
-function st(e) {
-  const o = dt(e);
-  return ["html", "body", "#document"].includes(X(o)) ? e.ownerDocument.body : T(o) && oe(o) ? o : st(o);
+function bt(e) {
+  const o = st(e);
+  return ["html", "body", "#document"].includes(X(o)) ? e.ownerDocument.body : T(o) && ee(o) ? o : bt(o);
 }
-function bt(e, o) {
+function gt(e, o) {
   var r;
   o === void 0 && (o = []);
-  const t = st(e), i = t === ((r = e.ownerDocument) == null ? void 0 : r.body), n = V(t), a = i ? [n].concat(n.visualViewport || [], oe(t) ? t : []) : t, l = o.concat(a);
-  return i ? l : l.concat(bt(a));
+  const t = bt(e), i = t === ((r = e.ownerDocument) == null ? void 0 : r.body), n = V(t), a = i ? [n].concat(n.visualViewport || [], ee(t) ? t : []) : t, l = o.concat(a);
+  return i ? l : l.concat(gt(a));
 }
-function Mi(e, o) {
+function Pi(e, o) {
   const r = o.getRootNode == null ? void 0 : o.getRootNode();
   if (e.contains(o))
     return !0;
-  if (r && tr(r)) {
+  if (r && ar(r)) {
     let t = o;
     do {
       if (t && e === t)
@@ -10125,7 +10197,7 @@ function Mi(e, o) {
   }
   return !1;
 }
-function Pi(e, o) {
+function Ni(e, o) {
   const r = eo(e, !1, o === "fixed"), t = r.top + e.clientTop, i = r.left + e.clientLeft;
   return {
     top: t,
@@ -10138,24 +10210,24 @@ function Pi(e, o) {
     height: e.clientHeight
   };
 }
-function Cr(e, o, r) {
-  return o === "viewport" ? Xo(ji(e, r)) : co(o) ? Pi(o, r) : Xo(Ai(W(e)));
-}
-function Ni(e) {
-  const o = bt(e), t = ["absolute", "fixed"].includes(qo(e).position) && T(e) ? Ue(e) : e;
-  return co(t) ? o.filter((i) => co(i) && Mi(i, t) && X(i) !== "body") : [];
+function Er(e, o, r) {
+  return o === "viewport" ? Zo(Ai(e, r)) : bo(o) ? Ni(o, r) : Zo(Mi(W(e)));
 }
 function Ui(e) {
+  const o = gt(e), t = ["absolute", "fixed"].includes(Ro(e).position) && T(e) ? Fe(e) : e;
+  return bo(t) ? o.filter((i) => bo(i) && Pi(i, t) && X(i) !== "body") : [];
+}
+function Ti(e) {
   let {
     element: o,
     boundary: r,
     rootBoundary: t,
     strategy: i
   } = e;
-  const a = [...r === "clippingAncestors" ? Ni(o) : [].concat(r), t], l = a[0], c = a.reduce((d, u) => {
-    const b = Cr(o, u, i);
-    return d.top = vo(b.top, d.top), d.right = zr(b.right, d.right), d.bottom = zr(b.bottom, d.bottom), d.left = vo(b.left, d.left), d;
-  }, Cr(o, l, i));
+  const a = [...r === "clippingAncestors" ? Ui(o) : [].concat(r), t], l = a[0], c = a.reduce((d, u) => {
+    const b = Er(o, u, i);
+    return d.top = xo(b.top, d.top), d.right = Sr(b.right, d.right), d.bottom = Sr(b.bottom, d.bottom), d.left = xo(b.left, d.left), d;
+  }, Er(o, l, i));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -10163,12 +10235,12 @@ function Ui(e) {
     y: c.top
   };
 }
-const Ti = {
-  getClippingRect: Ui,
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ri,
-  isElement: co,
-  getDimensions: Sr,
-  getOffsetParent: Ue,
+const Fi = {
+  getClippingRect: Ti,
+  convertOffsetParentRelativeRectToViewportRelativeRect: ji,
+  isElement: bo,
+  getDimensions: qr,
+  getOffsetParent: Fe,
   getDocumentElement: W,
   getElementRects: (e) => {
     let {
@@ -10177,55 +10249,55 @@ const Ti = {
       strategy: t
     } = e;
     return {
-      reference: qi(o, Ue(r), t),
+      reference: Ei(o, Fe(r), t),
       floating: {
-        ...Sr(r),
+        ...qr(r),
         x: 0,
         y: 0
       }
     };
   },
   getClientRects: (e) => Array.from(e.getClientRects()),
-  isRTL: (e) => qo(e).direction === "rtl"
-}, Fi = (e, o, r) => bi(e, o, {
-  platform: Ti,
+  isRTL: (e) => Ro(e).direction === "rtl"
+}, Oi = (e, o, r) => gi(e, o, {
+  platform: Fi,
   ...r
-}), $o = "top", zo = "bottom", Do = "left", Ho = "right", ze = {
-  [$o]: zo,
-  [zo]: $o,
-  [Do]: Ho,
-  [Ho]: Do
-}, Oi = {
-  [$o]: "\u2191",
-  [zo]: "\u2193",
-  [Do]: "\u2190",
-  [Ho]: "\u2192"
+}), zo = "top", _o = "bottom", Wo = "left", Ko = "right", _e = {
+  [zo]: _o,
+  [_o]: zo,
+  [Wo]: Ko,
+  [Ko]: Wo
 }, Li = {
-  [Do]: -45,
-  [$o]: 45,
-  [Ho]: 135,
-  [zo]: -135
-}, qr = "calc(50% - 7px)", Ii = (e) => [$o, zo].includes(e);
-function Bi({ actualDirection: e, directionName: o, arrowEl: r }) {
+  [zo]: "\u2191",
+  [_o]: "\u2193",
+  [Wo]: "\u2190",
+  [Ko]: "\u2192"
+}, Ii = {
+  [Wo]: -45,
+  [zo]: 45,
+  [Ko]: 135,
+  [_o]: -135
+}, Rr = "calc(50% - 7px)", Bi = (e) => [zo, _o].includes(e);
+function Yi({ actualDirection: e, directionName: o, arrowEl: r }) {
   if (!r)
     return;
   e = o;
-  const t = Ii(o);
-  r.style.left = t ? qr : "", r.style.top = t ? "" : qr;
+  const t = Bi(o);
+  r.style.left = t ? Rr : "", r.style.top = t ? "" : Rr;
 }
-async function Yi(e) {
+async function Xi(e) {
   var i, n;
   if (!e.isShowing)
     return;
   if (await ((i = e == null ? void 0 : e.waitForDOM) == null ? void 0 : i.call(e)), e.isCallout)
-    return Bi(e);
-  const o = await Fi(e.targetEl, e.attentionEl, {
+    return Yi(e);
+  const o = await Oi(e.targetEl, e.attentionEl, {
     placement: e.directionName,
     middleware: [
-      wi(),
-      yi(8),
-      zi({ padding: 16 }),
-      hi({ element: e.noArrow ? void 0 : e.arrowEl })
+      ki(),
+      $i(8),
+      _i({ padding: 16 }),
+      mi({ element: e.noArrow ? void 0 : e.arrowEl })
     ]
   });
   e.actualDirection = o.placement, Object.assign(((n = e.attentionEl) == null ? void 0 : n.style) || {}, {
@@ -10236,16 +10308,16 @@ async function Yi(e) {
   let { x: r, y: t } = o.middlewareData.arrow;
   e.arrowEl && (e.arrowEl.style.left = r ? r + "px" : "", e.arrowEl.style.top = t ? t + "px" : "");
 }
-class Te extends Jo(y) {
+class Oe extends Co(y) {
   constructor() {
     super(), this.show = !1, this.tooltip = !1, this.callout = !1, this.popover = !1, this.noArrow = !1;
   }
   connectedCallback() {
-    if (super.connectedCallback(), !this.placement || !Object.keys(ze).includes(this.placement))
+    if (super.connectedCallback(), !this.placement || !Object.keys(_e).includes(this.placement))
       throw new Error(
         `Invalid "placement" attribute. Set its value to one of the following:
 ${JSON.stringify(
-          Object.keys(ze)
+          Object.keys(_e)
         )}`
       );
     setTimeout(() => this.requestUpdate(), 0);
@@ -10257,7 +10329,7 @@ ${JSON.stringify(
     this.placement = o;
   }
   get _arrowDirection() {
-    return ze[this.placement];
+    return _e[this.placement];
   }
   updated() {
     this.callout || this._attentionEl.style.setProperty("--attention-visibility", this.show ? "" : "hidden"), this.tooltip || this._attentionEl.style.setProperty("--attention-display", this.show ? "block" : "none"), this.attentionState = {
@@ -10269,11 +10341,11 @@ ${JSON.stringify(
       attentionEl: this._attentionEl,
       targetEl: this._targetEl,
       noArrow: this.noArrow
-    }, Yi(this.attentionState);
+    }, Xi(this.attentionState);
   }
   setAriaLabels() {
     if (this._targetEl && !this._targetEl.getAttribute("aria-describedby")) {
-      const o = this._messageEl.id || (this._messageEl.id = Gt());
+      const o = this._messageEl.id || (this._messageEl.id = Jt());
       this._messageEl.setAttribute("role", "tooltip"), this._targetEl.setAttribute("aria-describedby", o);
     }
   }
@@ -10290,7 +10362,7 @@ ${JSON.stringify(
     return this.renderRoot.querySelector("slot[name='message']").assignedNodes()[0];
   }
   get _wrapperClasses() {
-    return vr({
+    return xr({
       [D.base]: !0,
       [D.tooltip]: this.tooltip,
       [D.callout]: this.callout,
@@ -10298,7 +10370,7 @@ ${JSON.stringify(
     });
   }
   get _arrowClasses() {
-    return vr({
+    return xr({
       [D.arrowBase]: !0,
       ["-top-8"]: this._arrowDirection === "top",
       ["-right-8"]: this._arrowDirection === "right",
@@ -10313,9 +10385,9 @@ ${JSON.stringify(
     return this.noArrow ? "" : p`<div
           id="arrow"
           role="img"
-          aria-label=${Oi[this._arrowDirection]}
+          aria-label=${Li[this._arrowDirection]}
           class="${this._arrowClasses}"
-          style="transform:rotate(${Li[this._arrowDirection]}deg);
+          style="transform:rotate(${Ii[this._arrowDirection]}deg);
           margin-${this._arrowDirection.charAt(0).toLowerCase() + this._arrowDirection.slice(1)}:-0.5px;"
         />`;
   }
@@ -10343,14 +10415,14 @@ ${JSON.stringify(
     `;
   }
 }
-x(Te, "properties", {
+x(Oe, "properties", {
   show: { type: Boolean, reflect: !0 },
   placement: { type: String },
   tooltip: { type: Boolean, reflect: !0 },
   callout: { type: Boolean, reflect: !0 },
   popover: { type: Boolean, reflect: !0 },
   noArrow: { type: Boolean, reflect: !0 }
-}), x(Te, "styles", [
+}), x(Oe, "styles", [
   C`
       /* /* layer: preflights */
@@ -10881,7 +10953,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -10969,6 +11041,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -10991,6 +11066,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -11154,6 +11230,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -11195,8 +11273,8 @@ video {
       }
     `
 ]);
-customElements.get("w-attention") || customElements.define("w-attention", Te);
-class Fe extends y {
+customElements.get("w-attention") || customElements.define("w-attention", Oe);
+class Le extends y {
   constructor() {
     super(), this.type = "text";
   }
@@ -11212,14 +11290,14 @@ class Fe extends y {
   }
   get _helpTextStyles() {
     return A({
-      [mr.helpText]: !0,
-      [mr.helpTextInvalid]: this.invalid
+      [fr.helpText]: !0,
+      [fr.helpTextInvalid]: this.invalid
     });
   }
   get _labelStyles() {
     return A({
-      [Yo.label]: !0,
-      [Yo.labelInvalid]: this.invalid
+      [Vo.label]: !0,
+      [Vo.labelInvalid]: this.invalid
     });
   }
   get _label() {
@@ -11287,7 +11365,7 @@ class Fe extends y {
     `;
   }
 }
-x(Fe, "properties", {
+x(Le, "properties", {
   disabled: { type: Boolean },
   invalid: { type: Boolean },
   id: { type: String },
@@ -11307,7 +11385,7 @@ x(Fe, "properties", {
   value: { type: String },
   _hasPrefix: { state: !0 },
   _hasSuffix: { state: !0 }
-}), x(Fe, "styles", [
+}), x(Le, "styles", [
   C`
       /* /* layer: preflights */
@@ -11838,7 +11916,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .text{color:var(--w-color-text);}
 .flex{display:flex;}
@@ -11926,6 +12004,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -11948,6 +12029,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -12107,6 +12189,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -12143,14 +12227,14 @@ video {
       }
     `
 ]);
-customElements.get("w-textfield") || customElements.define("w-textfield", Fe);
-class Er extends y {
+customElements.get("w-textfield") || customElements.define("w-textfield", Le);
+class jr extends y {
   render() {
     return p`<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("f-icon-chevron-down16", Er) || customElements.define("f-icon-chevron-down16", Er);
-class Oe extends Jo(y) {
+customElements.get("f-icon-chevron-down16", jr) || customElements.define("f-icon-chevron-down16", jr);
+class Ie extends Co(y) {
   constructor() {
     super(), this.expanded = !1, this.animated = !1, this.info = !1, this.box = !1, this.bleed = !1, this.noChevron = !1, this._hasTitle = !0;
   }
@@ -12215,7 +12299,7 @@ class Oe extends Jo(y) {
     </div>`;
   }
 }
-x(Oe, "properties", {
+x(Ie, "properties", {
   expanded: { type: Boolean, reflect: !0 },
   title: { type: String },
   info: { type: Boolean },
@@ -12227,7 +12311,7 @@ x(Oe, "properties", {
   animated: { type: Boolean },
   headingLevel: { type: Number },
   _hasTitle: { type: Boolean, state: !0 }
-}), x(Oe, "styles", [
+}), x(Ie, "styles", [
   C`
       /* /* layer: preflights */
@@ -12758,7 +12842,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -12845,6 +12929,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -12867,6 +12954,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -13030,6 +13118,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -13066,8 +13156,8 @@ video {
       }
     `
 ]);
-customElements.get("w-expandable") || customElements.define("w-expandable", Oe);
-const Xi = p`
+customElements.get("w-expandable") || customElements.define("w-expandable", Ie);
+const Vi = p`
   <svg
     role="img"
     aria-label="X"
@@ -13084,7 +13174,7 @@ const Xi = p`
       clipRule="evenodd"
     />
   </svg>
-`, Vi = p`
+`, Zi = p`
   <svg
     role="img"
     aria-label="Forstørrelsesglass"
@@ -13110,9 +13200,9 @@ const Xi = p`
     </defs>
   </svg>
 `;
-class Le extends y {
+class Be extends y {
   get _classBase() {
-    return this.slot === "suffix" ? Dt : Ht;
+    return this.slot === "suffix" ? Ht : Wt;
   }
   get _classes() {
     return A({
@@ -13124,14 +13214,14 @@ class Le extends y {
   get _searchButton() {
     return p`
       <button aria-label="${z(this.ariaLabel)}" class="${this._classes}" type="submit">
-        ${Vi}
+        ${Zi}
       </button>
     `;
   }
   get _clearButton() {
     return p`
       <button aria-label="${z(this.ariaLabel)}" class="${this._classes}" type="reset">
-        ${Xi}
+        ${Vi}
       </button>
     `;
   }
@@ -13154,7 +13244,7 @@ class Le extends y {
     return p`${this._markup}`;
   }
 }
-x(Le, "styles", C`
+x(Be, "styles", C`
     /* /* layer: preflights */
 /*
@@ -13684,7 +13774,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -13771,6 +13861,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -13793,6 +13886,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -13952,6 +14046,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -13980,17 +14076,17 @@ video {
 .sm\\:pb-32{padding-bottom:3.2rem;}
 .sm\\:pt-32{padding-top:3.2rem;}
 } */
-  `), x(Le, "properties", {
+  `), x(Be, "properties", {
   ariaLabel: { type: String, attribute: "aria-label" },
   clear: { type: Boolean },
   search: { type: Boolean },
   label: { type: String }
 });
-customElements.get("w-affix") || customElements.define("w-affix", Le);
-const gt = C`
+customElements.get("w-affix") || customElements.define("w-affix", Be);
+const ut = C`
 @import "https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css";
 `;
-class Ie extends y {
+class Ye extends y {
   constructor() {
     super(), this.show = !1, this._mounted = !1, this._removeElement = !1;
   }
@@ -14003,7 +14099,7 @@ class Ie extends y {
         this._mounted = !0;
         return;
       }
-      this.show && Qr(this._wrapper), !this.show && !this._removeElement && ot(this._wrapper, () => this._removeElement = !0);
+      this.show && ot(this._wrapper), !this.show && !this._removeElement && et(this._wrapper, () => this._removeElement = !0);
     }
   }
   get _wrapper() {
@@ -14015,14 +14111,14 @@ class Ie extends y {
     </div>`;
   }
 }
-x(Ie, "properties", {
+x(Ye, "properties", {
   show: {
     type: Boolean,
     reflect: !0
   },
   _removeElement: { type: Boolean, state: !0 }
-}), x(Ie, "styles", [
-  gt,
+}), x(Ye, "styles", [
+  ut,
   C`
       /* /* layer: preflights */
@@ -14553,7 +14649,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -14640,6 +14736,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -14662,6 +14761,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -14821,6 +14921,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -14854,8 +14956,8 @@ video {
       }
     `
 ]);
-customElements.get("w-expand-transition") || customElements.define("w-expand-transition", Ie);
-class Be extends y {
+customElements.get("w-expand-transition") || customElements.define("w-expand-transition", Ye);
+class Xe extends y {
   get _markup() {
     return `<h${this.level}
     style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
@@ -14865,12 +14967,12 @@ class Be extends y {
 `;
   }
   render() {
-    return this.level ? Dr(this._markup) : p`<slot></slot>`;
+    return this.level ? Wr(this._markup) : p`<slot></slot>`;
   }
 }
-x(Be, "properties", {
+x(Xe, "properties", {
   level: { type: Number }
-}), x(Be, "styles", [gt, C`
+}), x(Xe, "styles", [ut, C`
     /* /* layer: preflights */
 /*
@@ -15400,7 +15502,7 @@ video {
 .bg-transparent,
 .group\\/steph:first-child .group-first\\/steph\\:bg-transparent,
 .group\\/steph:last-child .group-last\\/steph\\:bg-transparent{background-color:transparent;}
-.caret{caret-color:var(--w-color-input-caret);}
+.caret-current{caret-color:currentColor;}
 .opacity-25{opacity:25%;}
 .flex{display:flex;}
 .inline-flex{display:inline-flex;}
@@ -15487,6 +15589,9 @@ video {
 .i-text-\\$color-alert-positive-text{color:var(--w-color-alert-positive-text);}
 .i-text-\\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon);}
 .i-text-\\$color-alert-warning-text{color:var(--w-color-alert-warning-text);}
+.i-text-\\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon);}
+.i-text-\\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text);}
+.i-text-\\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text);}
 .i-text-\\$color-button-disabled-text{color:var(--w-color-button-disabled-text);}
 .i-text-\\$color-button-loading-text\\!{color:var(--w-color-button-loading-text) !important;}
 .i-text-\\$color-button-negative-quiet-text\\!{color:var(--w-color-button-negative-quiet-text) !important;}
@@ -15509,6 +15614,7 @@ video {
 .i-text-\\$color-label-optional-text{color:var(--w-color-label-optional-text);}
 .i-text-\\$color-label-text{color:var(--w-color-label-text);}
 .i-text-\\$color-label-text-negative{color:var(--w-color-label-text-negative);}
+.i-text-\\$color-select-icon{color:var(--w-color-select-icon);}
 .i-text-\\$color-select-text{color:var(--w-color-select-text);}
 .i-text-\\$color-select-text-disabled{color:var(--w-color-select-text-disabled);}
 .i-text-\\$color-step-indicator-handle-background-active{color:var(--w-color-step-indicator-handle-background-active);}
@@ -15668,6 +15774,8 @@ video {
 .pointer-events-auto{pointer-events:auto;}
 .before\\:pointer-events-none::before,
 .pointer-events-none{pointer-events:none;}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.select-none{user-select:none;}
 .-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -15697,24 +15805,24 @@ video {
 .sm\\:pt-32{padding-top:3.2rem;}
 } */
   `]);
-customElements.get("w-unstyled-heading") || customElements.define("w-unstyled-heading", Be);
+customElements.get("w-unstyled-heading") || customElements.define("w-unstyled-heading", Xe);
 export {
-  Ie as ExpandTransition,
-  Be as UnstyledHeading,
-  Le as WarpAffix,
-  qe as WarpAlert,
-  Te as WarpAttention,
-  je as WarpBox,
-  Wr as WarpBreadcrumbs,
-  Pe as WarpBroadcast,
-  No as WarpButton,
-  Ee as WarpCard,
-  Oe as WarpExpandable,
-  Re as WarpSelect,
-  Fe as WarpTextField,
-  Ae as WarpToast,
-  Me as WarpToastContainer,
-  Hi as removeToast,
-  Di as toast,
-  Wi as updateToast
+  Ye as ExpandTransition,
+  Xe as UnstyledHeading,
+  Be as WarpAffix,
+  Ee as WarpAlert,
+  Oe as WarpAttention,
+  Ae as WarpBox,
+  Me as WarpBreadcrumbs,
+  Ue as WarpBroadcast,
+  To as WarpButton,
+  Re as WarpCard,
+  Ie as WarpExpandable,
+  je as WarpSelect,
+  Le as WarpTextField,
+  Pe as WarpToast,
+  Ne as WarpToastContainer,
+  Wi as removeToast,
+  Hi as toast,
+  Ki as updateToast
 };