@warp-ds/elements 1.0.1-next.3 → 1.0.1-next.4

package/dist/index.js

@@ -275,13 +275,13 @@ bo[vr] = !0, bo.elementProperties = /* @__PURE__ */ new Map(), bo.elementStyles
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var ir;
-const No = window, vo = No.trustedTypes, Qr = vo ? vo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Oo = "$lit$", O = `lit$${(Math.random() + "").slice(9)}$`, Er = "?" + O, it = `<${Er}>`, ao = document, yo = () => ao.createComment(""), zo = (r) => r === null || typeof r != "object" && typeof r != "function", xe = Array.isArray, me = (r) => xe(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", lr = `[ 	
-\f\r]`, xo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ur = /-->/g, Vr = />/g, K = RegExp(`>|${lr}(?:([^\\s"'>=/]+)(${lr}*=${lr}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Fr = /'/g, Wr = /"/g, ke = /^(?:script|style|textarea|title)$/i, fe = (r) => (o, ...e) => ({ _$litType$: r, strings: o, values: e }), v = fe(1), G = fe(2), Q = Symbol.for("lit-noChange"), q = Symbol.for("lit-nothing"), Gr = /* @__PURE__ */ new WeakMap(), eo = ao.createTreeWalker(ao, 129, null, !1);
+const No = window, vo = No.trustedTypes, Ur = vo ? vo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Oo = "$lit$", O = `lit$${(Math.random() + "").slice(9)}$`, Er = "?" + O, it = `<${Er}>`, ao = document, yo = () => ao.createComment(""), zo = (r) => r === null || typeof r != "object" && typeof r != "function", xe = Array.isArray, me = (r) => xe(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", lr = `[ 	
+\f\r]`, xo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Qr = /-->/g, Vr = />/g, K = RegExp(`>|${lr}(?:([^\\s"'>=/]+)(${lr}*=${lr}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Fr = /'/g, Wr = /"/g, ke = /^(?:script|style|textarea|title)$/i, fe = (r) => (o, ...e) => ({ _$litType$: r, strings: o, values: e }), v = fe(1), G = fe(2), U = Symbol.for("lit-noChange"), q = Symbol.for("lit-nothing"), Gr = /* @__PURE__ */ new WeakMap(), eo = ao.createTreeWalker(ao, 129, null, !1);
 function $e(r, o) {
   if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return Qr !== void 0 ? Qr.createHTML(o) : o;
+  return Ur !== void 0 ? Ur.createHTML(o) : o;
 }
 const ye = (r, o) => {
   const e = r.length - 1, t = [];
@@ -290,9 +290,9 @@ const ye = (r, o) => {
     const d = r[l];
     let n, s, b = -1, g = 0;
     for (; g < d.length && (i.lastIndex = g, s = i.exec(d), s !== null); )
-      g = i.lastIndex, i === xo ? s[1] === "!--" ? i = Ur : s[1] !== void 0 ? i = Vr : s[2] !== void 0 ? (ke.test(s[2]) && (a = RegExp("</" + s[2], "g")), i = K) : s[3] !== void 0 && (i = K) : i === K ? s[0] === ">" ? (i = a ?? xo, b = -1) : s[1] === void 0 ? b = -2 : (b = i.lastIndex - s[2].length, n = s[1], i = s[3] === void 0 ? K : s[3] === '"' ? Wr : Fr) : i === Wr || i === Fr ? i = K : i === Ur || i === Vr ? i = xo : (i = K, a = void 0);
-    const x = i === K && r[l + 1].startsWith("/>") ? " " : "";
-    c += i === xo ? d + it : b >= 0 ? (t.push(n), d.slice(0, b) + Oo + d.slice(b) + O + x) : d + O + (b === -2 ? (t.push(void 0), l) : x);
+      g = i.lastIndex, i === xo ? s[1] === "!--" ? i = Qr : s[1] !== void 0 ? i = Vr : s[2] !== void 0 ? (ke.test(s[2]) && (a = RegExp("</" + s[2], "g")), i = K) : s[3] !== void 0 && (i = K) : i === K ? s[0] === ">" ? (i = a ?? xo, b = -1) : s[1] === void 0 ? b = -2 : (b = i.lastIndex - s[2].length, n = s[1], i = s[3] === void 0 ? K : s[3] === '"' ? Wr : Fr) : i === Wr || i === Fr ? i = K : i === Qr || i === Vr ? i = xo : (i = K, a = void 0);
+    const w = i === K && r[l + 1].startsWith("/>") ? " " : "";
+    c += i === xo ? d + it : b >= 0 ? (t.push(n), d.slice(0, b) + Oo + d.slice(b) + O + w) : d + O + (b === -2 ? (t.push(void 0), l) : w);
   }
   return [$e(r, c + (r[e] || "<?>") + (o === 2 ? "</svg>" : "")), t];
 };
@@ -312,10 +312,10 @@ class _o {
           const b = [];
           for (const g of a.getAttributeNames())
             if (g.endsWith(Oo) || g.startsWith(O)) {
-              const x = s[i++];
-              if (b.push(g), x !== void 0) {
-                const m = a.getAttribute(x.toLowerCase() + Oo).split(O), k = /([.?@])?(.*)/.exec(x);
-                d.push({ type: 1, index: c, name: k[2], strings: m, ctor: k[1] === "." ? qe : k[1] === "?" ? Xe : k[1] === "@" ? Ye : jo });
+              const w = s[i++];
+              if (b.push(g), w !== void 0) {
+                const x = a.getAttribute(w.toLowerCase() + Oo).split(O), m = /([.?@])?(.*)/.exec(w);
+                d.push({ type: 1, index: c, name: m[2], strings: x, ctor: m[1] === "." ? qe : m[1] === "?" ? Xe : m[1] === "@" ? Ye : jo });
               } else
                 d.push({ type: 6, index: c });
             }
@@ -326,8 +326,8 @@ class _o {
           const b = a.textContent.split(O), g = b.length - 1;
           if (g > 0) {
             a.textContent = vo ? vo.emptyScript : "";
-            for (let x = 0; x < g; x++)
-              a.append(b[x], yo()), eo.nextNode(), d.push({ type: 2, index: ++c });
+            for (let w = 0; w < g; w++)
+              a.append(b[w], yo()), eo.nextNode(), d.push({ type: 2, index: ++c });
             a.append(b[g], yo());
           }
         }
@@ -349,7 +349,7 @@ class _o {
 }
 function co(r, o, e = r, t) {
   var a, c, i, l;
-  if (o === Q)
+  if (o === U)
     return o;
   let d = t !== void 0 ? (a = e._$Co) === null || a === void 0 ? void 0 : a[t] : e._$Cl;
   const n = zo(o) ? void 0 : o._$litDirective$;
@@ -406,7 +406,7 @@ let or = class _e {
     return this._$AB;
   }
   _$AI(o, e = this) {
-    o = co(this, o, e), zo(o) ? o === q || o == null || o === "" ? (this._$AH !== q && this._$AR(), this._$AH = q) : o !== this._$AH && o !== Q && this._(o) : o._$litType$ !== void 0 ? this.g(o) : o.nodeType !== void 0 ? this.$(o) : me(o) ? this.T(o) : this._(o);
+    o = co(this, o, e), zo(o) ? o === q || o == null || o === "" ? (this._$AH !== q && this._$AR(), this._$AH = q) : o !== this._$AH && o !== U && this._(o) : o._$litType$ !== void 0 ? this.g(o) : o.nodeType !== void 0 ? this.$(o) : me(o) ? this.T(o) : this._(o);
   }
   k(o) {
     return this._$AA.parentNode.insertBefore(o, this._$AB);
@@ -465,12 +465,12 @@ class jo {
     const c = this.strings;
     let i = !1;
     if (c === void 0)
-      o = co(this, o, e, 0), i = !zo(o) || o !== this._$AH && o !== Q, i && (this._$AH = o);
+      o = co(this, o, e, 0), i = !zo(o) || o !== this._$AH && o !== U, i && (this._$AH = o);
     else {
       const l = o;
       let d, n;
       for (o = c[0], d = 0; d < c.length - 1; d++)
-        n = co(this, l[t + d], e, d), n === Q && (n = this._$AH[d]), i || (i = !zo(n) || n !== this._$AH[d]), n === q ? o = q : o !== q && (o += (n ?? "") + c[d + 1]), this._$AH[d] = n;
+        n = co(this, l[t + d], e, d), n === U && (n = this._$AH[d]), i || (i = !zo(n) || n !== this._$AH[d]), n === q ? o = q : o !== q && (o += (n ?? "") + c[d + 1]), this._$AH[d] = n;
     }
     i && !a && this.j(o);
   }
@@ -500,7 +500,7 @@ let Xe = class extends jo {
   }
   _$AI(o, e = this) {
     var t;
-    if ((o = (t = co(this, o, e, 0)) !== null && t !== void 0 ? t : q) === Q)
+    if ((o = (t = co(this, o, e, 0)) !== null && t !== void 0 ? t : q) === U)
       return;
     const a = this._$AH, c = o === q && a !== q || o.capture !== a.capture || o.once !== a.once || o.passive !== a.passive, i = o !== q && (a === q || c);
     c && this.element.removeEventListener(this.name, this, a), i && this.element.addEventListener(this.name, this, o), this._$AH = o;
@@ -561,7 +561,7 @@ let X = class extends bo {
     super.disconnectedCallback(), (o = this._$Do) === null || o === void 0 || o.setConnected(!1);
   }
   render() {
-    return Q;
+    return U;
   }
 };
 X.finalized = !0, X._$litElement$ = !0, (dr = globalThis.litElementHydrateSupport) === null || dr === void 0 || dr.call(globalThis, { LitElement: X });
@@ -594,7 +594,7 @@ const N = {
   infoClickable: "hover:i-bg-$color-box-info-background-hover active:i-bg-$color-box-info-background-hover",
   neutralClickable: "hover:i-bg-$color-box-neutral-background-hover active:i-bg-$color-box-neutral-background-hover",
   borderedClickable: "hover:i-bg-$color-box-bordered-background-hover active:i-bg-$color-box-bordered-background-hover hover:i-border-$color-box-bordered-border-hover active:i-border-$color-box-bordered-border-hover"
-}, P = {
+}, D = {
   card: "cursor-pointer overflow-hidden relative transition-all",
   cardShadow: "rounded-8 i-shadow-$shadow-card hover:i-shadow-$shadow-card-hover hover:i-bg-$color-card-background-hover tap-highlight-transparent",
   cardFlat: "border-2 rounded-4",
@@ -609,7 +609,7 @@ const N = {
   container: "fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",
   content: "w-full",
   toaster: "grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none"
-}, D = {
+}, R = {
   wrapper: "relative overflow-hidden w-full",
   toast: "flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all",
   positive: "i-bg-$color-toast-positive-background i-border-$color-toast-positive-subtle-border i-text-$color-toast-positive-text",
@@ -678,7 +678,7 @@ const N = {
   negativeQuiet: `border-0 rounded-8 ${V}`,
   isDisabled: `font-bold max-w-max justify-center transition-colors ease-in-out cursor-default pointer-events-none ${z.disabled}`
   // .button:disabled, .button--is-disabled
-}, w = {
+}, k = {
   // Buttontypes
   secondary: `${h.medium} ${p.medium} ${f.secondary} ${z.secondary}`,
   // .button--secondary, .button--default, .button
@@ -1642,7 +1642,7 @@ const Se = Mr(class extends Tr {
       const i = !!o[c];
       i === this.it.has(c) || !((t = this.nt) === null || t === void 0) && t.has(c) || (i ? (a.add(c), this.it.add(c)) : (a.remove(c), this.it.delete(c)));
     }
-    return Q;
+    return U;
   }
 }), ft = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 function Zo(r) {
@@ -1699,61 +1699,45 @@ ${ee.join(
     const o = this.variant === "primary", e = this.variant === "secondary", t = this.variant === "negative", a = this.variant === "utility", c = this.variant === "pill", i = this.variant === "link";
     return F(
       {
-        [w.secondary]: e && !this.small && !this.quiet && !this.loading && !this.disabled,
-        [w.secondaryDisabled]: e && !this.small && !this.quiet && !this.loading && this.disabled,
-        [w.secondarySmall]: e && this.small && !this.quiet && !this.loading && !this.disabled,
-        [w.secondarySmallDisabled]: e && this.small && !this.quiet && !this.loading && this.disabled,
-        [w.secondarySmallLoading]: e && this.small && !this.quiet && this.loading,
-        [w.secondarySmallQuiet]: e && this.small && this.quiet && !this.loading && !this.disabled,
-        [w.secondarySmallQuietDisabled]: e && this.small && this.quiet && !this.loading && this.disabled,
-        [w.secondarySmallQuietLoading]: e && this.small && this.quiet && this.loading,
-        [w.secondaryQuiet]: e && !this.small && this.quiet && !this.loading && !this.disabled,
-        [w.secondaryQuietDisabled]: e && !this.small && this.quiet && !this.loading && this.disabled,
-        [w.secondaryQuietLoading]: e && !this.small && this.quiet && this.loading,
-        [w.secondaryLoading]: e && !this.small && !this.quiet && this.loading,
-        [w.primary]: o && !this.small && !this.quiet && !this.loading && !this.disabled,
-        [w.primaryDisabled]: o && !this.small && !this.quiet && !this.loading && this.disabled,
-        [w.primarySmall]: o && this.small && !this.quiet && !this.loading && !this.disabled,
-        [w.primarySmallDisabled]: o && this.small && !this.quiet && !this.loading && this.disabled,
-        [w.primarySmallQuiet]: o && this.small && this.quiet && !this.loading && !this.disabled,
-        [w.primarySmallQuietDisabled]: o && this.small && this.quiet && !this.loading && this.disabled,
-        [w.primarySmallLoading]: o && this.small && !this.quiet && this.loading,
-        [w.primarySmallQuietLoading]: o && this.small && this.quiet && this.loading,
-        [w.primaryQuiet]: o && !this.small && this.quiet && !this.loading && !this.disabled,
-        [w.primaryQuietDisabled]: o && !this.small && this.quiet && !this.loading && this.disabled,
-        [w.primaryQuietLoading]: o && !this.small && this.quiet && this.loading,
-        [w.primaryLoading]: o && !this.small && !this.quiet && this.loading,
-        [w.utility]: a && !this.small && !this.quiet && !this.loading && !this.disabled,
-        [w.utilityDisabled]: a && !this.small && !this.quiet && !this.loading && this.disabled,
-        [w.utilitySmall]: a && this.small && !this.quiet && !this.loading && !this.disabled,
-        [w.utilitySmallDisabled]: a && this.small && !this.quiet && !this.loading && this.disabled,
-        [w.utilitySmallQuiet]: a && this.small && this.quiet && !this.loading && !this.disabled,
-        [w.utilitySmallQuietDisabled]: a && this.small && this.quiet && !this.loading && this.disabled,
-        [w.utilitySmallLoading]: a && this.small && !this.quiet && this.loading,
-        [w.utilitySmallQuietLoading]: a && this.small && this.quiet && this.loading,
-        [w.utilityQuiet]: a && !this.small && this.quiet && !this.loading && !this.disabled,
-        [w.utilityQuietDisabled]: a && !this.small && this.quiet && !this.loading && this.disabled,
-        [w.utilityQuietLoading]: a && !this.small && this.quiet && this.loading,
-        [w.utilityLoading]: a && !this.small && !this.quiet && this.loading,
-        [w.negative]: t && !this.small && !this.quiet && !this.loading && !this.disabled,
-        [w.negativeDisabled]: t && !this.small && !this.quiet && !this.loading && this.disabled,
-        [w.negativeSmall]: t && this.small && !this.quiet && !this.loading && !this.disabled,
-        [w.negativeSmallDisabled]: t && this.small && !this.quiet && !this.loading && this.disabled,
-        [w.negativeSmallQuiet]: t && this.small && this.quiet && !this.loading && !this.disabled,
-        [w.negativeSmallQuietDisabled]: t && this.small && this.quiet && !this.loading && this.disabled,
-        [w.negativeSmallLoading]: t && this.small && !this.quiet && this.loading,
-        [w.negativeSmallQuietLoading]: t && this.small && this.quiet && this.loading,
-        [w.negativeQuiet]: t && !this.small && this.quiet && !this.loading && !this.disabled,
-        [w.negativeQuietDisabled]: t && !this.small && this.quiet && !this.loading && this.disabled,
-        [w.negativeQuietLoading]: t && !this.small && this.quiet && this.loading,
-        [w.negativeLoading]: t && !this.small && !this.quiet && this.loading,
-        [w.pill]: c && !this.small && !this.loading,
-        [w.pillSmall]: c && this.small && !this.loading,
-        [w.pillLoading]: c && !this.small && this.loading,
-        [w.pillSmallLoading]: c && this.small && this.loading,
-        [w.link]: i && !this.small,
-        [w.linkSmall]: i && this.small,
-        [w.linkAsButton]: !!this.href
+        [k.secondary]: e && !this.small && !this.quiet && !this.loading,
+        [k.secondarySmall]: e && this.small && !this.quiet && !this.loading,
+        [k.secondarySmallLoading]: e && this.small && !this.quiet && this.loading,
+        [k.secondarySmallQuiet]: e && this.small && this.quiet && !this.loading,
+        [k.secondarySmallQuietLoading]: e && this.small && this.quiet && this.loading,
+        [k.secondaryQuiet]: e && !this.small && this.quiet && !this.loading,
+        [k.secondaryQuietLoading]: e && !this.small && this.quiet && this.loading,
+        [k.secondaryLoading]: e && !this.small && !this.quiet && this.loading,
+        [k.primary]: o && !this.small && !this.quiet && !this.loading,
+        [k.primarySmall]: o && this.small && !this.quiet && !this.loading,
+        [k.primarySmallQuiet]: o && this.small && this.quiet && !this.loading,
+        [k.primarySmallLoading]: o && this.small && !this.quiet && this.loading,
+        [k.primarySmallQuietLoading]: o && this.small && this.quiet && this.loading,
+        [k.primaryQuiet]: o && !this.small && this.quiet && !this.loading,
+        [k.primaryQuietLoading]: o && !this.small && this.quiet && this.loading,
+        [k.primaryLoading]: o && !this.small && !this.quiet && this.loading,
+        [k.utility]: a && !this.small && !this.quiet && !this.loading,
+        [k.utilitySmall]: a && this.small && !this.quiet && !this.loading,
+        [k.utilitySmallQuiet]: a && this.small && this.quiet && !this.loading,
+        [k.utilitySmallLoading]: a && this.small && !this.quiet && this.loading,
+        [k.utilitySmallQuietLoading]: a && this.small && this.quiet && this.loading,
+        [k.utilityQuiet]: a && !this.small && this.quiet && !this.loading,
+        [k.utilityQuietLoading]: a && !this.small && this.quiet && this.loading,
+        [k.utilityLoading]: a && !this.small && !this.quiet && this.loading,
+        [k.negative]: t && !this.small && !this.quiet && !this.loading,
+        [k.negativeSmall]: t && this.small && !this.quiet && !this.loading,
+        [k.negativeSmallQuiet]: t && this.small && this.quiet && !this.loading,
+        [k.negativeSmallLoading]: t && this.small && !this.quiet && this.loading,
+        [k.negativeSmallQuietLoading]: t && this.small && this.quiet && this.loading,
+        [k.negativeQuiet]: t && !this.small && this.quiet && !this.loading,
+        [k.negativeQuietLoading]: t && !this.small && this.quiet && this.loading,
+        [k.negativeLoading]: t && !this.small && !this.quiet && this.loading,
+        [k.pill]: c && !this.small && !this.loading,
+        [k.pillSmall]: c && this.small && !this.loading,
+        [k.pillLoading]: c && !this.small && this.loading,
+        [k.pillSmallLoading]: c && this.small && this.loading,
+        [k.link]: i && !this.small,
+        [k.linkSmall]: i && this.small,
+        [k.linkAsButton]: !!this.href
       }
     );
   }
@@ -2450,21 +2434,21 @@ class pr extends X {
   }
   get _outerClasses() {
     return L({
-      [P.card]: !0,
-      [P.cardShadow]: !this.flat,
-      [P.cardSelected]: this.selected,
-      [P.cardFlat]: this.flat,
-      [this.selected ? P.cardFlatSelected : P.cardFlatUnselected]: this.flat
+      [D.card]: !0,
+      [D.cardShadow]: !this.flat,
+      [D.cardSelected]: this.selected,
+      [D.cardFlat]: this.flat,
+      [this.selected ? D.cardFlatSelected : D.cardFlatUnselected]: this.flat
     });
   }
   get _innerClasses() {
     return L({
-      [P.cardOutline]: !0,
-      [this.selected ? P.cardOutlineSelected : P.cardOutlineUnselected]: !0
+      [D.cardOutline]: !0,
+      [this.selected ? D.cardOutlineSelected : D.cardOutlineUnselected]: !0
     });
   }
   get uuButton() {
-    return v`<button class="${P.a11y}" aria-pressed="${this.selected}" tabindex="-1">
+    return v`<button class="${D.a11y}" aria-pressed="${this.selected}" tabindex="-1">
       Velg
     </button>`;
   }
@@ -3158,7 +3142,7 @@ customElements.get("w-card") || customElements.define("w-card", pr);
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Do(r, o, e) {
+function Ro(r, o, e) {
   return r ? o() : e == null ? void 0 : e();
 }
 /**
@@ -3174,7 +3158,7 @@ let wr = class extends Tr {
   render(o) {
     if (o === q || o == null)
       return this.ft = void 0, this.et = o;
-    if (o === Q)
+    if (o === U)
       return o;
     if (typeof o != "string")
       throw Error(this.constructor.directiveName + "() called with a non-string value");
@@ -3187,7 +3171,7 @@ let wr = class extends Tr {
 };
 wr.directiveName = "unsafeHTML", wr.resultType = 1;
 const Ae = Mr(wr);
-var Wo, Ce, Go, Ee, Jo, Le, Ko, Me, go, Ro, uo, Po;
+var Wo, Ce, Go, Ee, Jo, Le, Ko, Me, go, Po, uo, Do;
 class xr extends Zo(X) {
   constructor() {
     super();
@@ -3201,11 +3185,11 @@ class xr extends Zo(X) {
   }
   render() {
     return v`<div class="${no.wrapper}">
-      ${Do(
+      ${Ro(
       this.label,
-      () => v`<label class="${T(this, Go, Ee)}" for="${T(this, go, Ro)}">
+      () => v`<label class="${T(this, Go, Ee)}" for="${T(this, go, Po)}">
             ${this.label}
-            ${Do(
+            ${Ro(
         this.optional,
         () => v`<span class="${fo.optional}">(valgfritt)</span>`
       )}</label
@@ -3214,11 +3198,11 @@ class xr extends Zo(X) {
       <div class="${no.selectWrapper}">
         <select
           class="${T(this, Wo, Ce)}"
-          id="${T(this, go, Ro)}"
+          id="${T(this, go, Po)}"
           ?autofocus=${this.autoFocus}
-          aria-describedby="${_(T(this, uo, Po))}"
+          aria-describedby="${_(T(this, uo, Do))}"
           aria-invalid="${_(this.invalid)}"
-          aria-errormessage="${_(this.invalid && T(this, uo, Po))}"
+          aria-errormessage="${_(this.invalid && T(this, uo, Do))}"
         >
           ${Ae(this._options)}
         </select>
@@ -3240,9 +3224,9 @@ class xr extends Zo(X) {
           </svg>
         </div>
       </div>
-      ${Do(
+      ${Ro(
       this.always || this.invalid,
-      () => v`<div id="${T(this, uo, Po)}" class="${T(this, Jo, Le)}">${this.hint}</div>`
+      () => v`<div id="${T(this, uo, Do)}" class="${T(this, Jo, Le)}">${this.hint}</div>`
     )}
     </div>`;
   }
@@ -3267,10 +3251,10 @@ Wo = new WeakSet(), Ce = function() {
     [no.chevron]: !0,
     [no.chevronDisabled]: this.disabled
   });
-}, go = new WeakSet(), Ro = function() {
+}, go = new WeakSet(), Po = function() {
   return "select_id";
-}, uo = new WeakSet(), Po = function() {
-  return this.hint ? `${T(this, go, Ro)}__hint` : void 0;
+}, uo = new WeakSet(), Do = function() {
+  return this.hint ? `${T(this, go, Po)}__hint` : void 0;
 }, $(xr, "properties", {
   // Whether the element should receive focus on render
   autoFocus: { type: Boolean, reflect: !0 },
@@ -5291,32 +5275,32 @@ $(kr, "styles", A`
   ariaLabel: { type: String }
 });
 customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs", kr);
-const Dr = typeof window < "u";
+const Rr = typeof window < "u";
 let Te = !0;
-if (Dr) {
+if (Rr) {
   const r = window.matchMedia("(prefers-reduced-motion: reduce)"), o = ({ matches: e }) => Te = !e;
   r.addEventListener && r.addEventListener("change", o), o(r);
 }
-const De = (r) => {
+const Re = (r) => {
   r.style.transition = null, r.style.backfaceVisibility = null, r.style.overflow = null;
-}, Re = (r) => {
+}, Pe = (r) => {
   const o = Te ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
   r.style.transition = `height ${o}`, r.style.backfaceVisibility = "hidden", r.style.overflow = "hidden";
 }, _t = (r, o) => () => {
   r.style.height = "auto", r.style.overflow = null, o && o();
 }, qt = (r) => () => {
   r && r();
-}, Pe = (r, o) => {
+}, De = (r, o) => {
   const e = (() => {
     if (!o)
       return new Promise((c) => {
         o = c;
       });
   })(), t = _t(r, o);
-  De(r), r.style.height = "auto";
+  Re(r), r.style.height = "auto";
   let a = r.scrollHeight;
-  if (Dr && requestAnimationFrame(() => {
-    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = "0px", r.style.transitionTimingFunction = "ease-out", Re(r), requestAnimationFrame(() => r.style.height = a + "px");
+  if (Rr && requestAnimationFrame(() => {
+    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = "0px", r.style.transitionTimingFunction = "ease-out", Pe(r), requestAnimationFrame(() => r.style.height = a + "px");
   }), e)
     return e;
 }, Be = (r, o) => {
@@ -5326,10 +5310,10 @@ const De = (r) => {
         o = c;
       });
   })(), t = qt(o);
-  De(r);
+  Re(r);
   let a = r.scrollHeight;
-  if (Dr && requestAnimationFrame(() => {
-    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = a + "px", r.style.transitionTimingFunction = "ease-in", Re(r), requestAnimationFrame(() => r.style.height = "0px");
+  if (Rr && requestAnimationFrame(() => {
+    r.addEventListener("transitionend", t, { once: !0 }), r.style.height = a + "px", r.style.transitionTimingFunction = "ease-in", Pe(r), requestAnimationFrame(() => r.style.height = "0px");
   }), e)
     return e;
 }, Xt = () => v`
@@ -5411,7 +5395,7 @@ const De = (r) => {
     for (const a of e.split(" "))
       o[a] = t;
   return Se(o);
-}, R = {
+}, P = {
   success: "success",
   error: "error",
   warning: "warning"
@@ -5427,22 +5411,22 @@ class fr extends X {
     super.disconnectedCallback();
   }
   updated() {
-    !this._expanded && this._wrapper && Pe(this._wrapper, () => this._expanded = !0);
+    !this._expanded && this._wrapper && De(this._wrapper, () => this._expanded = !0);
   }
   get _primaryClasses() {
     return ae({
-      [D.toast]: !0,
-      [D.positive]: this.type === R.success,
-      [D.warning]: this.type === R.warning,
-      [D.negative]: this.type === R.error
+      [R.toast]: !0,
+      [R.positive]: this.type === P.success,
+      [R.warning]: this.type === P.warning,
+      [R.negative]: this.type === P.error
     });
   }
   get _iconClasses() {
     return ae({
-      [D.icon]: !0,
-      [D.iconPositive]: this.type == R.success,
-      [D.iconWarning]: this.type === R.warning,
-      [D.iconNegative]: this.type === R.error
+      [R.icon]: !0,
+      [R.iconPositive]: this.type == P.success,
+      [R.iconWarning]: this.type === P.warning,
+      [R.iconNegative]: this.type === P.error
     });
   }
   get _wrapper() {
@@ -5450,13 +5434,13 @@ class fr extends X {
     return ((o = this.renderRoot) == null ? void 0 : o.querySelector("section")) ?? null;
   }
   get _success() {
-    return this.type === R.success;
+    return this.type === P.success;
   }
   get _warning() {
-    return this.type === R.warning;
+    return this.type === P.warning;
   }
   get _error() {
-    return this.type === R.error;
+    return this.type === P.error;
   }
   get _role() {
     return this._error || this._warning ? "alert" : "status";
@@ -5465,7 +5449,7 @@ class fr extends X {
     return this._success ? "Vellykket" : this._error ? "Feil" : this._warning ? "Varsel" : "Info";
   }
   get _iconMarkup() {
-    return this.type === R.success ? jt({ typeLabel: this._typeLabel }) : this.type === R.warning ? Zt({ typeLabel: this._typeLabel }) : Yt({ typeLabel: this._typeLabel, isInfo: this._info });
+    return this.type === P.success ? jt({ typeLabel: this._typeLabel }) : this.type === P.warning ? Zt({ typeLabel: this._typeLabel }) : Yt({ typeLabel: this._typeLabel, isInfo: this._info });
   }
   async collapse() {
     return new Promise((o) => {
@@ -5481,15 +5465,15 @@ class fr extends X {
     this.updateComplete.then(() => this.dispatchEvent(o));
   }
   render() {
-    return this.text ? v` <section class="${D.wrapper}" aria-label="${this._typeLabel}">
+    return this.text ? v` <section class="${R.wrapper}" aria-label="${this._typeLabel}">
       <div class="${this._primaryClasses}">
         <div class="${this._iconClasses}">${this._iconMarkup}</div>
-        <div role="${this._role}" class="${D.content}">
+        <div role="${this._role}" class="${R.content}">
           <p>${this.text}</p>
         </div>
-        ${Do(
+        ${Ro(
       this.canclose === !0,
-      () => v`<button class="${D.close}" @click="${this.close}">${Xt()}</button>`
+      () => v`<button class="${R.close}" @click="${this.close}">${Xt()}</button>`
     )}
       </div>
     </section>` : v``;
@@ -6178,7 +6162,7 @@ const { I: Lt } = dt, ce = () => document.createComment(""), ko = (r, o, e) => {
     }
   }
   return e;
-}, ro = (r, o, e = r) => (r._$AI(o, e), r), Mt = {}, Tt = (r, o = Mt) => r._$AH = o, Dt = (r) => r._$AH, sr = (r) => {
+}, ro = (r, o, e = r) => (r._$AI(o, e), r), Mt = {}, Tt = (r, o = Mt) => r._$AH = o, Rt = (r) => r._$AH, sr = (r) => {
   var o;
   (o = r._$AP) === null || o === void 0 || o.call(r, !1, !0);
   let e = r._$AA;
@@ -6217,46 +6201,46 @@ const ie = (r, o, e) => {
   }
   update(r, [o, e, t]) {
     var a;
-    const c = Dt(r), { values: i, keys: l } = this.dt(o, e, t);
+    const c = Rt(r), { values: i, keys: l } = this.dt(o, e, t);
     if (!Array.isArray(c))
       return this.ht = l, i;
     const d = (a = this.ht) !== null && a !== void 0 ? a : this.ht = [], n = [];
-    let s, b, g = 0, x = c.length - 1, m = 0, k = i.length - 1;
-    for (; g <= x && m <= k; )
+    let s, b, g = 0, w = c.length - 1, x = 0, m = i.length - 1;
+    for (; g <= w && x <= m; )
       if (c[g] === null)
         g++;
-      else if (c[x] === null)
-        x--;
+      else if (c[w] === null)
+        w--;
+      else if (d[g] === l[x])
+        n[x] = ro(c[g], i[x]), g++, x++;
+      else if (d[w] === l[m])
+        n[m] = ro(c[w], i[m]), w--, m--;
       else if (d[g] === l[m])
-        n[m] = ro(c[g], i[m]), g++, m++;
-      else if (d[x] === l[k])
-        n[k] = ro(c[x], i[k]), x--, k--;
-      else if (d[g] === l[k])
-        n[k] = ro(c[g], i[k]), ko(r, n[k + 1], c[g]), g++, k--;
-      else if (d[x] === l[m])
-        n[m] = ro(c[x], i[m]), ko(r, c[g], c[x]), x--, m++;
-      else if (s === void 0 && (s = ie(l, m, k), b = ie(d, g, x)), s.has(d[g]))
-        if (s.has(d[x])) {
-          const y = b.get(l[m]), Y = y !== void 0 ? c[y] : null;
+        n[m] = ro(c[g], i[m]), ko(r, n[m + 1], c[g]), g++, m--;
+      else if (d[w] === l[x])
+        n[x] = ro(c[w], i[x]), ko(r, c[g], c[w]), w--, x++;
+      else if (s === void 0 && (s = ie(l, x, m), b = ie(d, g, w)), s.has(d[g]))
+        if (s.has(d[w])) {
+          const y = b.get(l[x]), Y = y !== void 0 ? c[y] : null;
           if (Y === null) {
             const j = ko(r, c[g]);
-            ro(j, i[m]), n[m] = j;
+            ro(j, i[x]), n[x] = j;
           } else
-            n[m] = ro(Y, i[m]), ko(r, c[g], Y), c[y] = null;
-          m++;
+            n[x] = ro(Y, i[x]), ko(r, c[g], Y), c[y] = null;
+          x++;
         } else
-          sr(c[x]), x--;
+          sr(c[w]), w--;
       else
         sr(c[g]), g++;
-    for (; m <= k; ) {
-      const y = ko(r, n[k + 1]);
-      ro(y, i[m]), n[m++] = y;
+    for (; x <= m; ) {
+      const y = ko(r, n[m + 1]);
+      ro(y, i[x]), n[x++] = y;
     }
-    for (; g <= x; ) {
+    for (; g <= w; ) {
       const y = c[g++];
       y !== null && sr(y);
     }
-    return this.ht = l, Tt(r, n), Q;
+    return this.ht = l, Tt(r, n), U;
   }
 });
 class $r extends X {
@@ -7746,12 +7730,12 @@ function rr(r) {
 function Ao(r) {
   return ["top", "bottom"].includes(So(r)) ? "x" : "y";
 }
-function Rr(r) {
+function Pr(r) {
   return r === "y" ? "height" : "width";
 }
 function le(r, o, e) {
   let { reference: t, floating: a } = r;
-  const c = t.x + t.width / 2 - a.width / 2, i = t.y + t.height / 2 - a.height / 2, l = Ao(o), d = Rr(l), n = t[d] / 2 - a[d] / 2, s = l === "x";
+  const c = t.x + t.width / 2 - a.width / 2, i = t.y + t.height / 2 - a.height / 2, l = Ao(o), d = Pr(l), n = t[d] / 2 - a[d] / 2, s = l === "x";
   let b;
   switch (So(o)) {
     case "top":
@@ -7778,12 +7762,12 @@ function le(r, o, e) {
   }
   return b;
 }
-const Rt = async (r, o, e) => {
+const Pt = async (r, o, e) => {
   const { placement: t = "bottom", strategy: a = "absolute", middleware: c = [], platform: i } = e, l = await (i.isRTL == null ? void 0 : i.isRTL(o));
-  let d = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: n, y: s } = le(d, t, l), b = t, g = {}, x = 0;
-  for (let m = 0; m < c.length; m++) {
-    const { name: k, fn: y } = c[m], { x: Y, y: j, data: C, reset: Z } = await y({ x: n, y: s, initialPlacement: t, placement: b, strategy: a, middlewareData: g, rects: d, platform: i, elements: { reference: r, floating: o } });
-    n = Y ?? n, s = j ?? s, g = { ...g, [k]: { ...g[k], ...C } }, Z && x <= 50 && (x++, typeof Z == "object" && (Z.placement && (b = Z.placement), Z.rects && (d = Z.rects === !0 ? await i.getElementRects({ reference: r, floating: o, strategy: a }) : Z.rects), { x: n, y: s } = le(d, b, l)), m = -1);
+  let d = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: n, y: s } = le(d, t, l), b = t, g = {}, w = 0;
+  for (let x = 0; x < c.length; x++) {
+    const { name: m, fn: y } = c[x], { x: Y, y: j, data: C, reset: Z } = await y({ x: n, y: s, initialPlacement: t, placement: b, strategy: a, middlewareData: g, rects: d, platform: i, elements: { reference: r, floating: o } });
+    n = Y ?? n, s = j ?? s, g = { ...g, [m]: { ...g[m], ...C } }, Z && w <= 50 && (w++, typeof Z == "object" && (Z.placement && (b = Z.placement), Z.rects && (d = Z.rects === !0 ? await i.getElementRects({ reference: r, floating: o, strategy: a }) : Z.rects), { x: n, y: s } = le(d, b, l)), x = -1);
   }
   return { x: n, y: s, placement: b, strategy: a, middlewareData: g };
 };
@@ -7798,47 +7782,47 @@ function Ho(r) {
 async function Ie(r, o) {
   var e;
   o === void 0 && (o = {});
-  const { x: t, y: a, platform: c, rects: i, elements: l, strategy: d } = r, { boundary: n = "clippingAncestors", rootBoundary: s = "viewport", elementContext: b = "floating", altBoundary: g = !1, padding: x = 0 } = o, m = Oe(x), k = l[g ? b === "floating" ? "reference" : "floating" : b], y = Ho(await c.getClippingRect({ element: (e = await (c.isElement == null ? void 0 : c.isElement(k))) == null || e ? k : k.contextElement || await (c.getDocumentElement == null ? void 0 : c.getDocumentElement(l.floating)), boundary: n, rootBoundary: s, strategy: d })), Y = Ho(c.convertOffsetParentRelativeRectToViewportRelativeRect ? await c.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: b === "floating" ? { ...i.floating, x: t, y: a } : i.reference, offsetParent: await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l.floating)), strategy: d }) : i[b]);
-  return { top: y.top - Y.top + m.top, bottom: Y.bottom - y.bottom + m.bottom, left: y.left - Y.left + m.left, right: Y.right - y.right + m.right };
+  const { x: t, y: a, platform: c, rects: i, elements: l, strategy: d } = r, { boundary: n = "clippingAncestors", rootBoundary: s = "viewport", elementContext: b = "floating", altBoundary: g = !1, padding: w = 0 } = o, x = Oe(w), m = l[g ? b === "floating" ? "reference" : "floating" : b], y = Ho(await c.getClippingRect({ element: (e = await (c.isElement == null ? void 0 : c.isElement(m))) == null || e ? m : m.contextElement || await (c.getDocumentElement == null ? void 0 : c.getDocumentElement(l.floating)), boundary: n, rootBoundary: s, strategy: d })), Y = Ho(c.convertOffsetParentRelativeRectToViewportRelativeRect ? await c.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: b === "floating" ? { ...i.floating, x: t, y: a } : i.reference, offsetParent: await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l.floating)), strategy: d }) : i[b]);
+  return { top: y.top - Y.top + x.top, bottom: Y.bottom - y.bottom + x.bottom, left: y.left - Y.left + x.left, right: Y.right - y.right + x.right };
 }
-const Pt = Math.min, Bt = Math.max;
+const Dt = Math.min, Bt = Math.max;
 function zr(r, o, e) {
-  return Bt(r, Pt(o, e));
+  return Bt(r, Dt(o, e));
 }
 const Nt = (r) => ({ name: "arrow", options: r, async fn(o) {
   const { element: e, padding: t = 0 } = r ?? {}, { x: a, y: c, placement: i, rects: l, platform: d } = o;
   if (e == null)
     return {};
-  const n = Oe(t), s = { x: a, y: c }, b = Ao(i), g = rr(i), x = Rr(b), m = await d.getDimensions(e), k = b === "y" ? "top" : "left", y = b === "y" ? "bottom" : "right", Y = l.reference[x] + l.reference[b] - s[b] - l.floating[x], j = s[b] - l.reference[b], C = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(e));
+  const n = Oe(t), s = { x: a, y: c }, b = Ao(i), g = rr(i), w = Pr(b), x = await d.getDimensions(e), m = b === "y" ? "top" : "left", y = b === "y" ? "bottom" : "right", Y = l.reference[w] + l.reference[b] - s[b] - l.floating[w], j = s[b] - l.reference[b], C = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(e));
   let Z = C ? b === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0;
-  Z === 0 && (Z = l.floating[x]);
-  const Eo = Y / 2 - j / 2, io = n[k], po = Z - m[x] - n[y], S = Z / 2 - m[x] / 2 + Eo, M = zr(io, S, po), lo = (g === "start" ? n[k] : n[y]) > 0 && S !== M && l.reference[x] <= l.floating[x];
+  Z === 0 && (Z = l.floating[w]);
+  const Eo = Y / 2 - j / 2, io = n[m], po = Z - x[w] - n[y], S = Z / 2 - x[w] / 2 + Eo, M = zr(io, S, po), lo = (g === "start" ? n[m] : n[y]) > 0 && S !== M && l.reference[w] <= l.floating[w];
   return { [b]: s[b] - (lo ? S < io ? io - S : po - S : 0), data: { [b]: M, centerOffset: S - M } };
 } }), Ot = { left: "right", right: "left", bottom: "top", top: "bottom" };
-function Qo(r) {
+function Uo(r) {
   return r.replace(/left|right|bottom|top/g, (o) => Ot[o]);
 }
 function It(r, o, e) {
   e === void 0 && (e = !1);
-  const t = rr(r), a = Ao(r), c = Rr(a);
+  const t = rr(r), a = Ao(r), c = Pr(a);
   let i = a === "x" ? t === (e ? "end" : "start") ? "right" : "left" : t === "start" ? "bottom" : "top";
-  return o.reference[c] > o.floating[c] && (i = Qo(i)), { main: i, cross: Qo(i) };
+  return o.reference[c] > o.floating[c] && (i = Uo(i)), { main: i, cross: Uo(i) };
 }
 const Ht = { start: "end", end: "start" };
 function de(r) {
   return r.replace(/start|end/g, (o) => Ht[o]);
 }
-const Qt = ["top", "right", "bottom", "left"];
-Qt.reduce((r, o) => r.concat(o, o + "-start", o + "-end"), []);
-const Ut = function(r) {
+const Ut = ["top", "right", "bottom", "left"];
+Ut.reduce((r, o) => r.concat(o, o + "-start", o + "-end"), []);
+const Qt = function(r) {
   return r === void 0 && (r = {}), { name: "flip", options: r, async fn(o) {
     var e;
-    const { placement: t, middlewareData: a, rects: c, initialPlacement: i, platform: l, elements: d } = o, { mainAxis: n = !0, crossAxis: s = !0, fallbackPlacements: b, fallbackStrategy: g = "bestFit", flipAlignment: x = !0, ...m } = r, k = So(t), y = b || (k === i || !x ? [Qo(i)] : function(S) {
-      const M = Qo(S);
+    const { placement: t, middlewareData: a, rects: c, initialPlacement: i, platform: l, elements: d } = o, { mainAxis: n = !0, crossAxis: s = !0, fallbackPlacements: b, fallbackStrategy: g = "bestFit", flipAlignment: w = !0, ...x } = r, m = So(t), y = b || (m === i || !w ? [Uo(i)] : function(S) {
+      const M = Uo(S);
       return [de(S), M, de(M)];
-    }(i)), Y = [i, ...y], j = await Ie(o, m), C = [];
+    }(i)), Y = [i, ...y], j = await Ie(o, x), C = [];
     let Z = ((e = a.flip) == null ? void 0 : e.overflows) || [];
-    if (n && C.push(j[k]), s) {
+    if (n && C.push(j[m]), s) {
       const { main: S, cross: M } = It(t, c, await (l.isRTL == null ? void 0 : l.isRTL(d.floating)));
       C.push(j[S], j[M]);
     }
@@ -7866,9 +7850,9 @@ const Ut = function(r) {
 }, Vt = function(r) {
   return r === void 0 && (r = 0), { name: "offset", options: r, async fn(o) {
     const { x: e, y: t } = o, a = await async function(c, i) {
-      const { placement: l, platform: d, elements: n } = c, s = await (d.isRTL == null ? void 0 : d.isRTL(n.floating)), b = So(l), g = rr(l), x = Ao(l) === "x", m = ["left", "top"].includes(b) ? -1 : 1, k = s && x ? -1 : 1, y = typeof i == "function" ? i(c) : i;
+      const { placement: l, platform: d, elements: n } = c, s = await (d.isRTL == null ? void 0 : d.isRTL(n.floating)), b = So(l), g = rr(l), w = Ao(l) === "x", x = ["left", "top"].includes(b) ? -1 : 1, m = s && w ? -1 : 1, y = typeof i == "function" ? i(c) : i;
       let { mainAxis: Y, crossAxis: j, alignmentAxis: C } = typeof y == "number" ? { mainAxis: y, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...y };
-      return g && typeof C == "number" && (j = g === "end" ? -1 * C : C), x ? { x: j * k, y: Y * m } : { x: Y * m, y: j * k };
+      return g && typeof C == "number" && (j = g === "end" ? -1 * C : C), w ? { x: j * m, y: Y * x } : { x: Y * x, y: j * m };
     }(o, r);
     return { x: e + a.x, y: t + a.y, data: a };
   } };
@@ -7882,23 +7866,23 @@ const Wt = function(r) {
       let { x: Y, y: j } = y;
       return { x: Y, y: j };
     } }, ...d } = r, n = { x: e, y: t }, s = await Ie(o, d), b = Ao(So(a)), g = Ft(b);
-    let x = n[b], m = n[g];
+    let w = n[b], x = n[g];
     if (c) {
       const y = b === "y" ? "bottom" : "right";
-      x = zr(x + s[b === "y" ? "top" : "left"], x, x - s[y]);
+      w = zr(w + s[b === "y" ? "top" : "left"], w, w - s[y]);
     }
     if (i) {
       const y = g === "y" ? "bottom" : "right";
-      m = zr(m + s[g === "y" ? "top" : "left"], m, m - s[y]);
+      x = zr(x + s[g === "y" ? "top" : "left"], x, x - s[y]);
     }
-    const k = l.fn({ ...o, [b]: x, [g]: m });
-    return { ...k, data: { x: k.x - e, y: k.y - t } };
+    const m = l.fn({ ...o, [b]: w, [g]: x });
+    return { ...m, data: { x: m.x - e, y: m.y - t } };
   } };
 };
 function He(r) {
   return r && r.document && r.location && r.alert && r.setInterval;
 }
-function U(r) {
+function Q(r) {
   if (r == null)
     return window;
   if (!He(r)) {
@@ -7908,23 +7892,23 @@ function U(r) {
   return r;
 }
 function Co(r) {
-  return U(r).getComputedStyle(r);
+  return Q(r).getComputedStyle(r);
 }
 function H(r) {
   return He(r) ? "" : r ? (r.nodeName || "").toLowerCase() : "";
 }
-function Qe() {
+function Ue() {
   const r = navigator.userAgentData;
   return r != null && r.brands ? r.brands.map((o) => o.brand + "/" + o.version).join(" ") : navigator.userAgent;
 }
 function B(r) {
-  return r instanceof U(r).HTMLElement;
+  return r instanceof Q(r).HTMLElement;
 }
 function ho(r) {
-  return r instanceof U(r).Element;
+  return r instanceof Q(r).Element;
 }
-function Pr(r) {
-  return typeof ShadowRoot > "u" ? !1 : r instanceof U(r).ShadowRoot || r instanceof ShadowRoot;
+function Dr(r) {
+  return typeof ShadowRoot > "u" ? !1 : r instanceof Q(r).ShadowRoot || r instanceof ShadowRoot;
 }
 function er(r) {
   const { overflow: o, overflowX: e, overflowY: t } = Co(r);
@@ -7934,24 +7918,24 @@ function Gt(r) {
   return ["table", "td", "th"].includes(H(r));
 }
 function ne(r) {
-  const o = /firefox/i.test(Qe()), e = Co(r);
+  const o = /firefox/i.test(Ue()), e = Co(r);
   return e.transform !== "none" || e.perspective !== "none" || e.contain === "paint" || ["transform", "perspective"].includes(e.willChange) || o && e.willChange === "filter" || o && !!e.filter && e.filter !== "none";
 }
-function Ue() {
-  return !/^((?!chrome|android).)*safari/i.test(Qe());
+function Qe() {
+  return !/^((?!chrome|android).)*safari/i.test(Ue());
 }
-const be = Math.min, $o = Math.max, Uo = Math.round;
+const be = Math.min, $o = Math.max, Qo = Math.round;
 function to(r, o, e) {
   var t, a, c, i;
   o === void 0 && (o = !1), e === void 0 && (e = !1);
   const l = r.getBoundingClientRect();
   let d = 1, n = 1;
-  o && B(r) && (d = r.offsetWidth > 0 && Uo(l.width) / r.offsetWidth || 1, n = r.offsetHeight > 0 && Uo(l.height) / r.offsetHeight || 1);
-  const s = ho(r) ? U(r) : window, b = !Ue() && e, g = (l.left + (b && (t = (a = s.visualViewport) == null ? void 0 : a.offsetLeft) != null ? t : 0)) / d, x = (l.top + (b && (c = (i = s.visualViewport) == null ? void 0 : i.offsetTop) != null ? c : 0)) / n, m = l.width / d, k = l.height / n;
-  return { width: m, height: k, top: x, right: g + m, bottom: x + k, left: g, x: g, y: x };
+  o && B(r) && (d = r.offsetWidth > 0 && Qo(l.width) / r.offsetWidth || 1, n = r.offsetHeight > 0 && Qo(l.height) / r.offsetHeight || 1);
+  const s = ho(r) ? Q(r) : window, b = !Qe() && e, g = (l.left + (b && (t = (a = s.visualViewport) == null ? void 0 : a.offsetLeft) != null ? t : 0)) / d, w = (l.top + (b && (c = (i = s.visualViewport) == null ? void 0 : i.offsetTop) != null ? c : 0)) / n, x = l.width / d, m = l.height / n;
+  return { width: x, height: m, top: w, right: g + x, bottom: w + m, left: g, x: g, y: w };
 }
 function W(r) {
-  return (o = r, (o instanceof U(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
+  return (o = r, (o instanceof Q(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
   var o;
 }
 function tr(r) {
@@ -7963,7 +7947,7 @@ function Ve(r) {
 function Jt(r, o, e) {
   const t = B(o), a = W(o), c = to(r, t && function(d) {
     const n = to(d);
-    return Uo(n.width) !== d.offsetWidth || Uo(n.height) !== d.offsetHeight;
+    return Qo(n.width) !== d.offsetWidth || Qo(n.height) !== d.offsetHeight;
   }(o), e === "fixed");
   let i = { scrollLeft: 0, scrollTop: 0 };
   const l = { x: 0, y: 0 };
@@ -7976,19 +7960,19 @@ function Jt(r, o, e) {
   return { x: c.left + i.scrollLeft - l.x, y: c.top + i.scrollTop - l.y, width: c.width, height: c.height };
 }
 function Fe(r) {
-  return H(r) === "html" ? r : r.assignedSlot || r.parentNode || (Pr(r) ? r.host : null) || W(r);
+  return H(r) === "html" ? r : r.assignedSlot || r.parentNode || (Dr(r) ? r.host : null) || W(r);
 }
 function se(r) {
   return B(r) && getComputedStyle(r).position !== "fixed" ? r.offsetParent : null;
 }
 function _r(r) {
-  const o = U(r);
+  const o = Q(r);
   let e = se(r);
   for (; e && Gt(e) && getComputedStyle(e).position === "static"; )
     e = se(e);
   return e && (H(e) === "html" || H(e) === "body" && getComputedStyle(e).position === "static" && !ne(e)) ? o : e || function(t) {
     let a = Fe(t);
-    for (Pr(a) && (a = a.host); B(a) && !["html", "body"].includes(H(a)); ) {
+    for (Dr(a) && (a = a.host); B(a) && !["html", "body"].includes(H(a)); ) {
       if (ne(a))
         return a;
       a = a.parentNode;
@@ -8009,16 +7993,16 @@ function We(r) {
 function Ge(r, o) {
   var e;
   o === void 0 && (o = []);
-  const t = We(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c = U(t), i = a ? [c].concat(c.visualViewport || [], er(t) ? t : []) : t, l = o.concat(i);
+  const t = We(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c = Q(t), i = a ? [c].concat(c.visualViewport || [], er(t) ? t : []) : t, l = o.concat(i);
   return a ? l : l.concat(Ge(i));
 }
 function ue(r, o, e) {
   return o === "viewport" ? Ho(function(t, a) {
-    const c = U(t), i = W(t), l = c.visualViewport;
+    const c = Q(t), i = W(t), l = c.visualViewport;
     let d = i.clientWidth, n = i.clientHeight, s = 0, b = 0;
     if (l) {
       d = l.width, n = l.height;
-      const g = Ue();
+      const g = Qe();
       (g || !g && a === "fixed") && (s = l.offsetLeft, b = l.offsetTop);
     }
     return { width: d, height: n, x: s, y: b };
@@ -8039,7 +8023,7 @@ function Kt(r) {
     const i = c.getRootNode == null ? void 0 : c.getRootNode();
     if (a.contains(c))
       return !0;
-    if (i && Pr(i)) {
+    if (i && Dr(i)) {
       let l = c;
       do {
         if (l && a === l)
@@ -8072,7 +8056,7 @@ const oa = { getClippingRect: function(r) {
 }, isElement: ho, getDimensions: ge, getOffsetParent: _r, getDocumentElement: W, getElementRects: (r) => {
   let { reference: o, floating: e, strategy: t } = r;
   return { reference: Jt(o, _r(e), t), floating: { ...ge(e), x: 0, y: 0 } };
-}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => Co(r).direction === "rtl" }, ra = (r, o, e) => Rt(r, o, { platform: oa, ...e }), Xo = "top", Yo = "bottom", Vo = "left", Fo = "right", gr = {
+}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => Co(r).direction === "rtl" }, ra = (r, o, e) => Pt(r, o, { platform: oa, ...e }), Xo = "top", Yo = "bottom", Vo = "left", Fo = "right", gr = {
   [Xo]: Yo,
   [Yo]: Xo,
   [Vo]: Fo,
@@ -8105,7 +8089,7 @@ async function ia(r) {
     placement: r.directionName,
     middleware: [
       // Should we make this configurable, but have these as sane defaults?
-      Ut(),
+      Qt(),
       Vt(8),
       Wt({ padding: 16 }),
       // @ts-ignore
@@ -11169,7 +11153,7 @@ class Zr extends X {
         this._mounted = !0;
         return;
       }
-      this.show && Pe(this._wrapper), !this.show && !this._removeElement && Be(this._wrapper, () => this._removeElement = !0);
+      this.show && De(this._wrapper), !this.show && !this._removeElement && Be(this._wrapper, () => this._removeElement = !0);
     }
   }
   get _wrapper() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "1.0.1-next.3",
+  "version": "1.0.1-next.4",
   "description": "Custom elements for Warp",
   "exports": {
     ".": "./dist/index.js",