@oslokommune/punkt-react 13.19.2 → 13.21.0

package/dist/punkt-react.es.js

@@ -34,7 +34,7 @@
                 };
               }
               import { jsx as h, jsxs as x, Fragment as Wt } from "react/jsx-runtime";
-import mt, { createContext as Oa, forwardRef as Z, useContext as Ma, useState as ke, useEffect as De, useCallback as Ls, useRef as Bs, Fragment as un, createRef as mn, createElement as fn, Children as Os, isValidElement as gn, cloneElement as vn, useMemo as bn } from "react";
+import gt, { createContext as Oa, forwardRef as Z, useContext as Ma, useState as ke, useEffect as Ie, useCallback as Ls, useRef as Bs, Fragment as un, createRef as mn, createElement as fn, Children as Os, isValidElement as gn, cloneElement as vn, useMemo as bn } from "react";
 import { Link as Gs } from "react-router-dom";
 const Pa = Oa({}), kn = () => Ma(Pa), yn = Z(
   ({ compact: i = !1, skin: t = "borderless", ariaLabelledBy: e, children: s, name: a, className: n }, r) => {
@@ -94,22 +94,22 @@ const $n = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Qi = globalThis, ts = Qi.trustedTypes, Js = ts ? ts.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Da = "$lit$", ve = `lit$${Math.random().toFixed(9).slice(2)}$`, Ia = "?" + ve, _n = `<${Ia}>`, Ie = document, Ai = () => Ie.createComment(""), Ei = (i) => i === null || typeof i != "object" && typeof i != "function", Vs = Array.isArray, wn = (i) => Vs(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", bs = `[ 	
-\f\r]`, fi = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Xs = /-->/g, Qs = />/g, Te = RegExp(`>|${bs}(?:([^\\s"'>=/]+)(${bs}*=${bs}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ta = /'/g, ea = /"/g, Ra = /^(?:script|style|textarea|title)$/i, xn = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), u = xn(1), St = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), ia = /* @__PURE__ */ new WeakMap(), Oe = Ie.createTreeWalker(Ie, 129);
+const Qi = globalThis, ts = Qi.trustedTypes, Js = ts ? ts.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Da = "$lit$", ve = `lit$${Math.random().toFixed(9).slice(2)}$`, Ia = "?" + ve, _n = `<${Ia}>`, Re = document, Ei = () => Re.createComment(""), Oi = (i) => i === null || typeof i != "object" && typeof i != "function", Vs = Array.isArray, wn = (i) => Vs(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", bs = `[ 	
+\f\r]`, gi = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Xs = /-->/g, Qs = />/g, Ne = RegExp(`>|${bs}(?:([^\\s"'>=/]+)(${bs}*=${bs}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ta = /'/g, ea = /"/g, Ra = /^(?:script|style|textarea|title)$/i, xn = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), u = xn(1), St = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), ia = /* @__PURE__ */ new WeakMap(), Me = Re.createTreeWalker(Re, 129);
 function La(i, t) {
   if (!Vs(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Js !== void 0 ? Js.createHTML(t) : t;
 }
 const Sn = (i, t) => {
   const e = i.length - 1, s = [];
-  let a, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = fi;
+  let a, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = gi;
   for (let l = 0; l < e; l++) {
     const d = i[l];
     let p, m, f = -1, y = 0;
-    for (; y < d.length && (r.lastIndex = y, m = r.exec(d), m !== null); ) y = r.lastIndex, r === fi ? m[1] === "!--" ? r = Xs : m[1] !== void 0 ? r = Qs : m[2] !== void 0 ? (Ra.test(m[2]) && (a = RegExp("</" + m[2], "g")), r = Te) : m[3] !== void 0 && (r = Te) : r === Te ? m[0] === ">" ? (r = a ?? fi, f = -1) : m[1] === void 0 ? f = -2 : (f = r.lastIndex - m[2].length, p = m[1], r = m[3] === void 0 ? Te : m[3] === '"' ? ea : ta) : r === ea || r === ta ? r = Te : r === Xs || r === Qs ? r = fi : (r = Te, a = void 0);
-    const b = r === Te && i[l + 1].startsWith("/>") ? " " : "";
-    n += r === fi ? d + _n : f >= 0 ? (s.push(p), d.slice(0, f) + Da + d.slice(f) + ve + b) : d + ve + (f === -2 ? l : b);
+    for (; y < d.length && (r.lastIndex = y, m = r.exec(d), m !== null); ) y = r.lastIndex, r === gi ? m[1] === "!--" ? r = Xs : m[1] !== void 0 ? r = Qs : m[2] !== void 0 ? (Ra.test(m[2]) && (a = RegExp("</" + m[2], "g")), r = Ne) : m[3] !== void 0 && (r = Ne) : r === Ne ? m[0] === ">" ? (r = a ?? gi, f = -1) : m[1] === void 0 ? f = -2 : (f = r.lastIndex - m[2].length, p = m[1], r = m[3] === void 0 ? Ne : m[3] === '"' ? ea : ta) : r === ea || r === ta ? r = Ne : r === Xs || r === Qs ? r = gi : (r = Ne, a = void 0);
+    const b = r === Ne && i[l + 1].startsWith("/>") ? " " : "";
+    n += r === gi ? d + _n : f >= 0 ? (s.push(p), d.slice(0, f) + Da + d.slice(f) + ve + b) : d + ve + (f === -2 ? l : b);
   }
   return [La(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
@@ -119,11 +119,11 @@ let Ms = class Ba {
     this.parts = [];
     let n = 0, r = 0;
     const l = t.length - 1, d = this.parts, [p, m] = Sn(t, e);
-    if (this.el = Ba.createElement(p, s), Oe.currentNode = this.el.content, e === 2 || e === 3) {
+    if (this.el = Ba.createElement(p, s), Me.currentNode = this.el.content, e === 2 || e === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
-    for (; (a = Oe.nextNode()) !== null && d.length < l; ) {
+    for (; (a = Me.nextNode()) !== null && d.length < l; ) {
       if (a.nodeType === 1) {
         if (a.hasAttributes()) for (const f of a.getAttributeNames()) if (f.endsWith(Da)) {
           const y = m[r++], b = a.getAttribute(f).split(ve), k = /([.?@])?(.*)/.exec(y);
@@ -133,8 +133,8 @@ let Ms = class Ba {
           const f = a.textContent.split(ve), y = f.length - 1;
           if (y > 0) {
             a.textContent = ts ? ts.emptyScript : "";
-            for (let b = 0; b < y; b++) a.append(f[b], Ai()), Oe.nextNode(), d.push({ type: 2, index: ++n });
-            a.append(f[y], Ai());
+            for (let b = 0; b < y; b++) a.append(f[b], Ei()), Me.nextNode(), d.push({ type: 2, index: ++n });
+            a.append(f[y], Ei());
           }
         }
       } else if (a.nodeType === 8) if (a.data === Ia) d.push({ type: 2, index: n });
@@ -146,7 +146,7 @@ let Ms = class Ba {
     }
   }
   static createElement(t, e) {
-    const s = Ie.createElement("template");
+    const s = Re.createElement("template");
     return s.innerHTML = t, s;
   }
 };
@@ -154,7 +154,7 @@ function ti(i, t, e = i, s) {
   var a, n;
   if (t === St) return t;
   let r = s !== void 0 ? (a = e._$Co) == null ? void 0 : a[s] : e._$Cl;
-  const l = Ei(t) ? void 0 : t._$litDirective$;
+  const l = Oi(t) ? void 0 : t._$litDirective$;
   return (r == null ? void 0 : r.constructor) !== l && ((n = r == null ? void 0 : r._$AO) == null || n.call(r, !1), l === void 0 ? r = void 0 : (r = new l(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = ti(i, r._$AS(i, t.values), r, s)), t;
 }
 let Cn = class {
@@ -168,17 +168,17 @@ let Cn = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, a = ((t == null ? void 0 : t.creationScope) ?? Ie).importNode(e, !0);
-    Oe.currentNode = a;
-    let n = Oe.nextNode(), r = 0, l = 0, d = s[0];
+    const { el: { content: e }, parts: s } = this._$AD, a = ((t == null ? void 0 : t.creationScope) ?? Re).importNode(e, !0);
+    Me.currentNode = a;
+    let n = Me.nextNode(), r = 0, l = 0, d = s[0];
     for (; d !== void 0; ) {
       if (r === d.index) {
         let p;
         d.type === 2 ? p = new rs(n, n.nextSibling, this, t) : d.type === 1 ? p = new d.ctor(n, d.name, d.strings, this, t) : d.type === 6 && (p = new En(n, this, t)), this._$AV.push(p), d = s[++l];
       }
-      r !== (d == null ? void 0 : d.index) && (n = Oe.nextNode(), r++);
+      r !== (d == null ? void 0 : d.index) && (n = Me.nextNode(), r++);
     }
-    return Oe.currentNode = Ie, a;
+    return Me.currentNode = Re, a;
   }
   p(t) {
     let e = 0;
@@ -204,7 +204,7 @@ let Cn = class {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = ti(this, t, e), Ei(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== St && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : wn(t) ? this.k(t) : this._(t);
+    t = ti(this, t, e), Oi(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== St && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : wn(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -213,7 +213,7 @@ let Cn = class {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== $ && Ei(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Ie.createTextNode(t)), this._$AH = t;
+    this._$AH !== $ && Oi(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Re.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var e;
@@ -232,7 +232,7 @@ let Cn = class {
     Vs(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let s, a = 0;
-    for (const n of t) a === e.length ? e.push(s = new Va(this.O(Ai()), this.O(Ai()), this, this.options)) : s = e[a], s._$AI(n), a++;
+    for (const n of t) a === e.length ? e.push(s = new Va(this.O(Ei()), this.O(Ei()), this, this.options)) : s = e[a], s._$AI(n), a++;
     a < e.length && (this._$AR(s && s._$AB.nextSibling, a), e.length = a);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -259,11 +259,11 @@ let Cn = class {
   _$AI(t, e = this, s, a) {
     const n = this.strings;
     let r = !1;
-    if (n === void 0) t = ti(this, t, e, 0), r = !Ei(t) || t !== this._$AH && t !== St, r && (this._$AH = t);
+    if (n === void 0) t = ti(this, t, e, 0), r = !Oi(t) || t !== this._$AH && t !== St, r && (this._$AH = t);
     else {
       const l = t;
       let d, p;
-      for (t = n[0], d = 0; d < n.length - 1; d++) p = ti(this, l[s + d], e, d), p === St && (p = this._$AH[d]), r || (r = !Ei(p) || p !== this._$AH[d]), p === $ ? t = $ : t !== $ && (t += (p ?? "") + n[d + 1]), this._$AH[d] = p;
+      for (t = n[0], d = 0; d < n.length - 1; d++) p = ti(this, l[s + d], e, d), p === St && (p = this._$AH[d]), r || (r = !Oi(p) || p !== this._$AH[d]), p === $ ? t = $ : t !== $ && (t += (p ?? "") + n[d + 1]), this._$AH[d] = p;
     }
     r && !a && this.j(t);
   }
@@ -315,7 +315,7 @@ const Mn = (i, t, e) => {
   let a = s._$litPart$;
   if (a === void 0) {
     const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    s._$litPart$ = a = new rs(t.insertBefore(Ai(), n), n, void 0, e ?? {});
+    s._$litPart$ = a = new rs(t.insertBefore(Ei(), n), n, void 0, e ?? {});
   }
   return a._$AI(i), a;
 };
@@ -369,7 +369,7 @@ const Dn = (i) => new Pn(typeof i == "string" ? i : i + "", void 0, ja), In = (i
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Rn, defineProperty: Ln, getOwnPropertyDescriptor: Bn, getOwnPropertyNames: Vn, getOwnPropertySymbols: jn, getPrototypeOf: Fn } = Object, ei = globalThis, ra = ei.trustedTypes, Un = ra ? ra.emptyScript : "", oa = ei.reactiveElementPolyfillSupport, Ti = (i, t) => i, es = { toAttribute(i, t) {
+const { is: Rn, defineProperty: Ln, getOwnPropertyDescriptor: Bn, getOwnPropertyNames: Vn, getOwnPropertySymbols: jn, getPrototypeOf: Fn } = Object, ei = globalThis, ra = ei.trustedTypes, Un = ra ? ra.emptyScript : "", oa = ei.reactiveElementPolyfillSupport, Ni = (i, t) => i, es = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
       i = i ? Un : null;
@@ -427,13 +427,13 @@ let Ze = class extends HTMLElement {
     return this.elementProperties.get(t) ?? la;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(Ti("elementProperties"))) return;
+    if (this.hasOwnProperty(Ni("elementProperties"))) return;
     const t = Fn(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(Ti("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Ti("properties"))) {
+    if (this.hasOwnProperty(Ni("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Ni("properties"))) {
       const e = this.properties, s = [...Vn(e), ...jn(e)];
       for (const a of s) this.createProperty(a, e[a]);
     }
@@ -602,7 +602,7 @@ let Ze = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-Ze.elementStyles = [], Ze.shadowRootOptions = { mode: "open" }, Ze[Ti("elementProperties")] = /* @__PURE__ */ new Map(), Ze[Ti("finalized")] = /* @__PURE__ */ new Map(), oa == null || oa({ ReactiveElement: Ze }), (ei.reactiveElementVersions ?? (ei.reactiveElementVersions = [])).push("2.1.1");
+Ze.elementStyles = [], Ze.shadowRootOptions = { mode: "open" }, Ze[Ni("elementProperties")] = /* @__PURE__ */ new Map(), Ze[Ni("finalized")] = /* @__PURE__ */ new Map(), oa == null || oa({ ReactiveElement: Ze }), (ei.reactiveElementVersions ?? (ei.reactiveElementVersions = [])).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -640,7 +640,7 @@ function o(i) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Oi = globalThis;
+const Mi = globalThis;
 let Je = class extends Ze {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -667,10 +667,10 @@ let Je = class extends Ze {
   }
 };
 var ha;
-Je._$litElement$ = !0, Je.finalized = !0, (ha = Oi.litElementHydrateSupport) == null || ha.call(Oi, { LitElement: Je });
-const da = Oi.litElementPolyfillSupport;
+Je._$litElement$ = !0, Je.finalized = !0, (ha = Mi.litElementHydrateSupport) == null || ha.call(Mi, { LitElement: Je });
+const da = Mi.litElementPolyfillSupport;
 da == null || da({ LitElement: Je });
-(Oi.litElementVersions ?? (Oi.litElementVersions = [])).push("4.2.1");
+(Mi.litElementVersions ?? (Mi.litElementVersions = [])).push("4.2.1");
 const zn = { hi: "Hei!" }, Wn = { from: "Fra", to: "Til" }, Kn = { buttonAltText: "Åpne kalender", deleteDate: "Fjern dato" }, Gn = { month: "Måned", year: "År", days: ["Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag", "Søndag"], daysShort: ["Man", "Tir", "Ons", "Tor", "Fre", "Lør", "Søn"], months: ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], monthsShort: ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"], week: "Uke", prevMonth: "Forrige måned", nextMonth: "Neste måned" }, Yn = { search: { placeholder: "Søk…" }, labels: { optional: "Valgfritt", required: "Må fylles ut" }, messages: { required: "Dette feltet er påkrevd", invalid: "Ugyldig verdi", invalidPattern: "Ugyldig format", tooShort: "For kort", tooLong: "For lang", rangeUnderflow: "For lav verdi", rangeOverflow: "For høy verdi", rangeUnderflowMin: "Verdien må være større enn eller lik {min}.", rangeOverflowMax: "Verdien må være mindre enn eller lik {max}.", dateUnderflow: "For tidlig dato", dateOverflow: "For sen dato" }, helptext: { helptextDropdownButton: "Les mer" }, date: { multiple: "Her kan du velge flere datoer. Trykk komma eller enter når du har skrevet inn en dato." } }, wt = {
   example: zn,
   generic: Wn,
@@ -770,7 +770,7 @@ function B(i) {
 function Ua(i, t) {
   return t.some((e) => e.value === i);
 }
-function gi(i) {
+function vi(i) {
   return i.classList && (i.classList.contains("_dialog_overlay") || i.classList.contains("backdrop")) ? !0 : typeof i.hasAttribute == "function" && i.hasAttribute("data-skip");
 }
 function Xe(i) {
@@ -799,7 +799,7 @@ let rt = class {
   // ********* UPDATE NODES *********
   updateNodes() {
     this.nodes = [], Array.from(this.host.childNodes).forEach((t) => {
-      gi(t) || Xe(t) && this.skipOptions || (!Ua(t, this.slots) || ks(t)) && this.nodes.push(t);
+      vi(t) || Xe(t) && this.skipOptions || (!Ua(t, this.slots) || ks(t)) && this.nodes.push(t);
     });
   }
   // ********* UPDATE SLOTS *********
@@ -815,13 +815,13 @@ let rt = class {
         if (n.nodeType === Node.COMMENT_NODE) return !1;
         if (n.nodeType === Node.TEXT_NODE) return !!((r = n.textContent) != null && r.trim());
         if (n.nodeType === Node.ELEMENT_NODE) {
-          if (gi(n)) return !1;
+          if (vi(n)) return !1;
           if ((l = n.textContent) != null && l.trim()) return !0;
         }
         return !1;
       }) && t.add(s);
       const a = this.nodes.flatMap(
-        (n) => ks(n) || n.getAttribute && n.getAttribute("slot") == s && !gi(n) ? n : []
+        (n) => ks(n) || n.getAttribute && n.getAttribute("slot") == s && !vi(n) ? n : []
       ).filter(
         (n) => e.value && !e.value.contains(n) && !n.contains(e.value)
       );
@@ -839,9 +839,9 @@ let rt = class {
     let e = !1;
     t.forEach((s) => {
       s.type === "childList" && (s.addedNodes.forEach((a) => {
-        gi(a) || Xe(a) && this.skipOptions || (Jn(a, this.slots) || ks(a)) && (this.nodes.push(a), e = !0);
+        vi(a) || Xe(a) && this.skipOptions || (Jn(a, this.slots) || ks(a)) && (this.nodes.push(a), e = !0);
       }), s.removedNodes.forEach((a) => {
-        gi(a) || Xe(a) && this.skipOptions || (this.nodes = this.nodes.filter((n) => n !== a), e = !0);
+        vi(a) || Xe(a) && this.skipOptions || (this.nodes = this.nodes.filter((n) => n !== a), e = !0);
       }));
     }), e && this.updateSlots();
   }
@@ -861,7 +861,7 @@ let rt = class {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: Xn } = On, Ha = (i) => i.strings === void 0, ca = () => document.createComment(""), vi = (i, t, e) => {
+const { I: Xn } = On, Ha = (i) => i.strings === void 0, ca = () => document.createComment(""), bi = (i, t, e) => {
   var s;
   const a = i._$AA.parentNode, n = t === void 0 ? i._$AB : t._$AA;
   if (e === void 0) {
@@ -882,7 +882,7 @@ const { I: Xn } = On, Ha = (i) => i.strings === void 0, ca = () => document.crea
     }
   }
   return e;
-}, Ne = (i, t, e = i) => (i._$AI(t, e), i), Qn = {}, qa = (i, t = Qn) => i._$AH = t, tr = (i) => i._$AH, ys = (i) => {
+}, Ae = (i, t, e = i) => (i._$AI(t, e), i), Qn = {}, qa = (i, t = Qn) => i._$AH = t, tr = (i) => i._$AH, ys = (i) => {
   i._$AR(), i._$AA.remove();
 };
 /**
@@ -890,11 +890,11 @@ const { I: Xn } = On, Ha = (i) => i.strings === void 0, ca = () => document.crea
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ni = (i, t) => {
+const Ai = (i, t) => {
   var e;
   const s = i._$AN;
   if (s === void 0) return !1;
-  for (const a of s) (e = a._$AO) == null || e.call(a, t, !1), Ni(a, t);
+  for (const a of s) (e = a._$AO) == null || e.call(a, t, !1), Ai(a, t);
   return !0;
 }, is = (i) => {
   let t, e;
@@ -915,9 +915,9 @@ function er(i) {
 }
 function ir(i, t = !1, e = 0) {
   const s = this._$AH, a = this._$AN;
-  if (a !== void 0 && a.size !== 0) if (t) if (Array.isArray(s)) for (let n = e; n < s.length; n++) Ni(s[n], !1), is(s[n]);
-  else s != null && (Ni(s, !1), is(s));
-  else Ni(this, i);
+  if (a !== void 0 && a.size !== 0) if (t) if (Array.isArray(s)) for (let n = e; n < s.length; n++) Ai(s[n], !1), is(s[n]);
+  else s != null && (Ai(s, !1), is(s));
+  else Ai(this, i);
 }
 const sr = (i) => {
   i.type == zt.CHILD && (i._$AP ?? (i._$AP = ir), i._$AQ ?? (i._$AQ = er));
@@ -931,7 +931,7 @@ let ar = class extends li {
   }
   _$AO(t, e = !0) {
     var s, a;
-    t !== this.isConnected && (this.isConnected = t, t ? (s = this.reconnected) == null || s.call(this) : (a = this.disconnected) == null || a.call(this)), e && (Ni(this, t), is(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (s = this.reconnected) == null || s.call(this) : (a = this.disconnected) == null || a.call(this)), e && (Ai(this, t), is(this));
   }
   setValue(t) {
     if (Ha(this._$Ct)) this._$Ct._$AI(t, this);
@@ -1014,12 +1014,12 @@ let Ps = class extends ss {
 };
 Ps.directiveName = "unsafeSVG", Ps.resultType = 2;
 const pa = Ue(Ps);
-var rr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, Ri = (i, t, e, s) => {
+var rr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, Li = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? or(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && rr(t, e, a), a;
 };
-const Ds = "https://punkt-cdn.oslo.kommune.no/13.19/icons/";
+const Ds = "https://punkt-cdn.oslo.kommune.no/13.21/icons/";
 typeof window < "u" && (window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch, window.pktIconPath = window.pktIconPath || Ds);
 const lr = (i) => new Promise((t) => setTimeout(t, i)), Xi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', _s = {}, hr = async (i, t) => {
   let e = 0;
@@ -1030,7 +1030,7 @@ const lr = (i) => new Promise((t) => setTimeout(t, i)), Xi = '<svg xmlns="http:/
     window.pktFetch(t + i + ".svg").then((a) => a.ok ? a.text() : (console.error("Missing icon: " + t + i + ".svg"), Xi)).then((a) => (a !== Xi && s && localStorage.setItem(t + i + ".svg", a), _s[t + i + ".svg"] = "fetched", a))
   )) : Promise.resolve(Xi);
 };
-let Re = class extends K {
+let Le = class extends K {
   constructor() {
     super(...arguments), this.path = typeof window < "u" ? window.pktIconPath : Ds, this.name = "", this.icon = pa(Xi), this._updatedProps = [];
   }
@@ -1052,34 +1052,34 @@ let Re = class extends K {
     return u`${this.name && this.icon}`;
   }
 };
-Ri([
+Li([
   o({ type: String, reflect: !1 })
-], Re.prototype, "path", 2);
-Ri([
+], Le.prototype, "path", 2);
+Li([
   o({ type: String, reflect: !0 })
-], Re.prototype, "name", 2);
-Ri([
+], Le.prototype, "name", 2);
+Li([
   o({ type: SVGElement })
-], Re.prototype, "icon", 2);
-Ri([
+], Le.prototype, "icon", 2);
+Li([
   o({ type: Array, noAccessor: !0 })
-], Re.prototype, "_updatedProps", 2);
-Re = Ri([
+], Le.prototype, "_updatedProps", 2);
+Le = Li([
   j("pkt-icon")
-], Re);
+], Le);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const C = (i) => i ?? $;
-var dr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, kt = (i, t, e, s) => {
+const S = (i) => i ?? $;
+var dr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, ut = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? cr(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && dr(t, e, a), a;
 };
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.19/animations/";
-let ft = class extends K {
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.21/animations/";
+let lt = class extends K {
   constructor() {
     super(), this.defaultSlot = A(), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.fullWidth = !1, this.fullWidthOnMobile = !1, this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath, this.slotController = new rt(this, this.defaultSlot);
   }
@@ -1124,70 +1124,84 @@ let ft = class extends K {
         class=${M(e)}
         type=${this.type}
         ?disabled=${!!this.disabled}
-        aria-busy=${C(this.isLoading ? "true" : void 0)}
-        aria-disabled=${C(this.disabled || this.isLoading ? "true" : void 0)}
-        form=${C(t)}
+        aria-busy=${S(this.isLoading ? "true" : void 0)}
+        aria-disabled=${S(this.disabled || this.isLoading ? "true" : void 0)}
+        form=${S(t)}
       >
         ${this.isLoading ? u`<pkt-icon
               class="pkt-btn__icon pkt-btn__spinner"
               name="spinner-blue"
-              path=${C(this.loadingAnimationPath)}
+              path=${S(this.loadingAnimationPath)}
+            ></pkt-icon>` : $}
+        ${this.variant !== "label-only" ? u`<pkt-icon
+              class="pkt-btn__icon pkt-icon"
+              name=${this.iconName}
+              path=${S(this.iconPath)}
             ></pkt-icon>` : $}
-        ${this.variant !== "label-only" ? u`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>` : $}
         <span class="pkt-btn__text" ${E(this.defaultSlot)}></span>
-        ${this.variant === "icons-right-and-left" ? u`<pkt-icon class="pkt-btn__icon" name=${this.secondIconName}></pkt-icon>` : $}
+        ${this.variant === "icons-right-and-left" ? u`<pkt-icon
+              class="pkt-btn__icon"
+              name=${this.secondIconName}
+              path=${S(this.secondIconPath)}
+            ></pkt-icon>` : $}
       </button>
     `;
   }
 };
-kt([
+ut([
   o({ type: String })
-], ft.prototype, "iconName", 2);
-kt([
+], lt.prototype, "iconName", 2);
+ut([
   o({ type: String })
-], ft.prototype, "secondIconName", 2);
-kt([
+], lt.prototype, "secondIconName", 2);
+ut([
   o({ type: String })
-], ft.prototype, "mode", 2);
-kt([
+], lt.prototype, "iconPath", 2);
+ut([
   o({ type: String })
-], ft.prototype, "size", 2);
-kt([
+], lt.prototype, "secondIconPath", 2);
+ut([
+  o({ type: String })
+], lt.prototype, "mode", 2);
+ut([
+  o({ type: String })
+], lt.prototype, "size", 2);
+ut([
   o({ type: Boolean, attribute: "full-width" })
-], ft.prototype, "fullWidth", 2);
-kt([
+], lt.prototype, "fullWidth", 2);
+ut([
   o({ type: Boolean, attribute: "full-width-on-mobile" })
-], ft.prototype, "fullWidthOnMobile", 2);
-kt([
+], lt.prototype, "fullWidthOnMobile", 2);
+ut([
   o({ type: String })
-], ft.prototype, "color", 2);
-kt([
+], lt.prototype, "color", 2);
+ut([
   o({ type: String })
-], ft.prototype, "skin", 2);
-kt([
+], lt.prototype, "skin", 2);
+ut([
   o({ type: String })
-], ft.prototype, "variant", 2);
-kt([
+], lt.prototype, "variant", 2);
+ut([
   o({ type: String, reflect: !0 })
-], ft.prototype, "state", 2);
-kt([
+], lt.prototype, "state", 2);
+ut([
   o({ type: String, reflect: !0 })
-], ft.prototype, "type", 2);
-kt([
+], lt.prototype, "type", 2);
+ut([
   o({ type: String })
-], ft.prototype, "form", 2);
-kt([
+], lt.prototype, "form", 2);
+ut([
   o({ type: Boolean, reflect: !0 })
-], ft.prototype, "isLoading", 2);
-kt([
+], lt.prototype, "isLoading", 2);
+ut([
   o({ type: Boolean, reflect: !0 })
-], ft.prototype, "disabled", 2);
-kt([
+], lt.prototype, "disabled", 2);
+ut([
   o({ type: String })
-], ft.prototype, "loadingAnimationPath", 2);
-ft = kt([
+], lt.prototype, "loadingAnimationPath", 2);
+lt = ut([
   j("pkt-button")
-], ft);
+], lt);
 const pr = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, Ki = {
   props: pr
 };
@@ -1293,7 +1307,7 @@ se([
 Kt = se([
   j("pkt-alert")
 ], Kt);
-var fr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, Li = (i, t, e, s) => {
+var fr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, Bi = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? gr(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && fr(t, e, a), a;
@@ -1339,19 +1353,19 @@ let ii = class extends Je {
     `;
   }
 };
-Li([
+Bi([
   o({ type: String, reflect: !0, attribute: "aria-labelledby" })
 ], ii.prototype, "ariaLabelledBy", 2);
-Li([
+Bi([
   o({ type: Boolean, reflect: !0, attribute: "compact" })
 ], ii.prototype, "compact", 2);
-Li([
+Bi([
   o({ type: String, reflect: !0, attribute: "skin" })
 ], ii.prototype, "skin", 2);
-Li([
+Bi([
   o({ type: String, reflect: !0, attribute: "name" })
 ], ii.prototype, "name", 2);
-ii = Li([
+ii = Bi([
   j("pkt-accordion")
 ], ii);
 var vr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, He = (i, t, e, s) => {
@@ -1378,7 +1392,7 @@ let ye = class extends K {
         id=${this.id}
         ?open=${this.isOpen}
         ${E(this.accordionItemRef)}
-        name=${C(this.name)}
+        name=${S(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
@@ -1438,7 +1452,7 @@ let si = class extends K {
       class="pkt-back-link"
       aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
     >
-      <a href=${C(this.href || "/")} class="pkt-link pkt-link--icon-left"
+      <a href=${S(this.href || "/")} class="pkt-link pkt-link--icon-left"
         ><pkt-icon
           class="pkt-back-link__icon pkt-icon pkt-link__icon"
           name="chevron-thin-left"
@@ -1476,13 +1490,13 @@ let _r = {};
 function ds() {
   return _r;
 }
-function Mi(i, t) {
+function Pi(i, t) {
   var e, s, a, n;
   const r = ds(), l = (t == null ? void 0 : t.weekStartsOn) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.weekStartsOn) ?? r.weekStartsOn ?? ((n = (a = r.locale) == null ? void 0 : a.options) == null ? void 0 : n.weekStartsOn) ?? 0, d = Lt(i, t == null ? void 0 : t.in), p = d.getDay(), m = (p < l ? 7 : 0) + p - l;
   return d.setDate(d.getDate() - m), d.setHours(0, 0, 0, 0), d;
 }
 function as(i, t) {
-  return Mi(i, { ...t, weekStartsOn: 1 });
+  return Pi(i, { ...t, weekStartsOn: 1 });
 }
 function Ga(i, t) {
   const e = Lt(i, void 0), s = e.getFullYear(), a = ee(e, 0);
@@ -1663,7 +1677,7 @@ const Or = {
   nextWeek: "eeee 'at' p",
   other: "P"
 }, Rr = (i, t, e, s) => Ir[i];
-function bi(i) {
+function ki(i) {
   return (t, e) => {
     const s = e != null && e.context ? String(e.context) : "standalone";
     let a;
@@ -1805,31 +1819,31 @@ const Lr = {
   return e + "th";
 }, qr = {
   ordinalNumber: Hr,
-  era: bi({
+  era: ki({
     values: Lr,
     defaultWidth: "wide"
   }),
-  quarter: bi({
+  quarter: ki({
     values: Br,
     defaultWidth: "wide",
     argumentCallback: (i) => i - 1
   }),
-  month: bi({
+  month: ki({
     values: Vr,
     defaultWidth: "wide"
   }),
-  day: bi({
+  day: ki({
     values: jr,
     defaultWidth: "wide"
   }),
-  dayPeriod: bi({
+  dayPeriod: ki({
     values: Fr,
     defaultWidth: "wide",
     formattingValues: Ur,
     defaultFormattingWidth: "wide"
   })
 };
-function ki(i) {
+function yi(i) {
   return (t, e = {}) => {
     const s = e.width, a = s && i.matchPatterns[s] || i.matchPatterns[i.defaultMatchWidth], n = t.match(a);
     if (!n)
@@ -1942,32 +1956,32 @@ const Gr = /^(\d+)(th|st|nd|rd)?/i, Yr = /\d+/i, Zr = {
     parsePattern: Yr,
     valueCallback: (i) => parseInt(i, 10)
   }),
-  era: ki({
+  era: yi({
     matchPatterns: Zr,
     defaultMatchWidth: "wide",
     parsePatterns: Jr,
     defaultParseWidth: "any"
   }),
-  quarter: ki({
+  quarter: yi({
     matchPatterns: Xr,
     defaultMatchWidth: "wide",
     parsePatterns: Qr,
     defaultParseWidth: "any",
     valueCallback: (i) => i + 1
   }),
-  month: ki({
+  month: yi({
     matchPatterns: to,
     defaultMatchWidth: "wide",
     parsePatterns: eo,
     defaultParseWidth: "any"
   }),
-  day: ki({
+  day: yi({
     matchPatterns: io,
     defaultMatchWidth: "wide",
     parsePatterns: so,
     defaultParseWidth: "any"
   }),
-  dayPeriod: ki({
+  dayPeriod: yi({
     matchPatterns: ao,
     defaultMatchWidth: "any",
     parsePatterns: no,
@@ -1997,18 +2011,18 @@ function Za(i, t) {
   var e, s, a, n;
   const r = Lt(i, t == null ? void 0 : t.in), l = r.getFullYear(), d = ds(), p = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.firstWeekContainsDate) ?? d.firstWeekContainsDate ?? ((n = (a = d.locale) == null ? void 0 : a.options) == null ? void 0 : n.firstWeekContainsDate) ?? 1, m = ee((t == null ? void 0 : t.in) || i, 0);
   m.setFullYear(l + 1, 0, p), m.setHours(0, 0, 0, 0);
-  const f = Mi(m, t), y = ee((t == null ? void 0 : t.in) || i, 0);
+  const f = Pi(m, t), y = ee((t == null ? void 0 : t.in) || i, 0);
   y.setFullYear(l, 0, p), y.setHours(0, 0, 0, 0);
-  const b = Mi(y, t);
+  const b = Pi(y, t);
   return +r >= +f ? l + 1 : +r >= +b ? l : l - 1;
 }
 function co(i, t) {
   var e, s, a, n;
   const r = ds(), l = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((n = (a = r.locale) == null ? void 0 : a.options) == null ? void 0 : n.firstWeekContainsDate) ?? 1, d = Za(i, t), p = ee((t == null ? void 0 : t.in) || i, 0);
-  return p.setFullYear(d, 0, l), p.setHours(0, 0, 0, 0), Mi(p, t);
+  return p.setFullYear(d, 0, l), p.setHours(0, 0, 0, 0), Pi(p, t);
 }
 function Ja(i, t) {
-  const e = Lt(i, t == null ? void 0 : t.in), s = +Mi(e, t) - +co(e, t);
+  const e = Lt(i, t == null ? void 0 : t.in), s = +Pi(e, t) - +co(e, t);
   return Math.round(s / Ka) + 1;
 }
 function q(i, t) {
@@ -2557,7 +2571,7 @@ const fe = {
       // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
-        return Ee(s);
+        return Oe(s);
       // Hours, minutes and optional seconds with `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `XXX`
@@ -2565,7 +2579,7 @@ const fe = {
       case "XXX":
       // Hours and minutes with `:` delimiter
       default:
-        return Ee(s, ":");
+        return Oe(s, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -2580,7 +2594,7 @@ const fe = {
       // so this token always has the same output as `xx`
       case "xxxx":
       case "xx":
-        return Ee(s);
+        return Oe(s);
       // Hours, minutes and optional seconds with `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `xxx`
@@ -2588,7 +2602,7 @@ const fe = {
       case "xxx":
       // Hours and minutes with `:` delimiter
       default:
-        return Ee(s, ":");
+        return Oe(s, ":");
     }
   },
   // Timezone (GMT)
@@ -2603,7 +2617,7 @@ const fe = {
       // Long
       case "OOOO":
       default:
-        return "GMT" + Ee(s, ":");
+        return "GMT" + Oe(s, ":");
     }
   },
   // Timezone (specific non-location)
@@ -2618,7 +2632,7 @@ const fe = {
       // Long
       case "zzzz":
       default:
-        return "GMT" + Ee(s, ":");
+        return "GMT" + Oe(s, ":");
     }
   },
   // Seconds timestamp
@@ -2636,9 +2650,9 @@ function va(i, t = "") {
   return n === 0 ? e + String(a) : e + String(a) + t + q(n, 2);
 }
 function ba(i, t) {
-  return i % 60 === 0 ? (i > 0 ? "-" : "+") + q(Math.abs(i) / 60, 2) : Ee(i, t);
+  return i % 60 === 0 ? (i > 0 ? "-" : "+") + q(Math.abs(i) / 60, 2) : Oe(i, t);
 }
-function Ee(i, t = "") {
+function Oe(i, t = "") {
   const e = i > 0 ? "-" : "+", s = Math.abs(i), a = q(Math.trunc(s / 60), 2), n = q(s % 60, 2);
   return e + a + t + n;
 }
@@ -2714,8 +2728,8 @@ function Co(i, t, e) {
   let y = t.match(_o).map((k) => {
     const w = k[0];
     if (w === "p" || w === "P") {
-      const S = uo[w];
-      return S(k, d.formatLong);
+      const C = uo[w];
+      return C(k, d.formatLong);
     }
     return k;
   }).join("").match($o).map((k) => {
@@ -2742,8 +2756,8 @@ function Co(i, t, e) {
     if (!k.isToken) return k.value;
     const w = k.value;
     (bo(w) || vo(w)) && ko(w, t, String(i));
-    const S = ga[w[0]];
-    return S(f, w, d.localize, b);
+    const C = ga[w[0]];
+    return C(f, w, d.localize, b);
   }).join("");
 }
 function To(i) {
@@ -2762,16 +2776,16 @@ function Ao(i, t, e = "long") {
     timeZoneName: e
   }).format(t).split(/\s/g).slice(2).join(" ");
 }
-const ya = {}, _i = {};
-function Me(i, t) {
+const ya = {}, wi = {};
+function Pe(i, t) {
   try {
     const e = (ya[i] || (ya[i] = new Intl.DateTimeFormat("en-US", {
       timeZone: i,
       timeZoneName: "longOffset"
     }).format))(t).split("GMT")[1];
-    return e in _i ? _i[e] : $a(e, e.split(":"));
+    return e in wi ? wi[e] : $a(e, e.split(":"));
   } catch {
-    if (i in _i) return _i[i];
+    if (i in wi) return wi[i];
     const e = i == null ? void 0 : i.match(Eo);
     return e ? $a(i, e.slice(1)) : NaN;
   }
@@ -2779,23 +2793,23 @@ function Me(i, t) {
 const Eo = /([+-]\d\d):?(\d\d)?/;
 function $a(i, t) {
   const e = +(t[0] || 0), s = +(t[1] || 0), a = +(t[2] || 0) / 60;
-  return _i[i] = e * 60 + s > 0 ? e * 60 + s + a : e * 60 - s - a;
+  return wi[i] = e * 60 + s > 0 ? e * 60 + s + a : e * 60 - s - a;
 }
-let wi = class xi extends Date {
+let xi = class Si extends Date {
   //#region static
   constructor(...t) {
-    super(), t.length > 1 && typeof t[t.length - 1] == "string" && (this.timeZone = t.pop()), this.internal = /* @__PURE__ */ new Date(), isNaN(Me(this.timeZone, this)) ? this.setTime(NaN) : t.length ? typeof t[0] == "number" && (t.length === 1 || t.length === 2 && typeof t[1] != "number") ? this.setTime(t[0]) : typeof t[0] == "string" ? this.setTime(+new Date(t[0])) : t[0] instanceof Date ? this.setTime(+t[0]) : (this.setTime(+new Date(...t)), Qa(this), Is(this)) : this.setTime(Date.now());
+    super(), t.length > 1 && typeof t[t.length - 1] == "string" && (this.timeZone = t.pop()), this.internal = /* @__PURE__ */ new Date(), isNaN(Pe(this.timeZone, this)) ? this.setTime(NaN) : t.length ? typeof t[0] == "number" && (t.length === 1 || t.length === 2 && typeof t[1] != "number") ? this.setTime(t[0]) : typeof t[0] == "string" ? this.setTime(+new Date(t[0])) : t[0] instanceof Date ? this.setTime(+t[0]) : (this.setTime(+new Date(...t)), Qa(this), Is(this)) : this.setTime(Date.now());
   }
   static tz(t, ...e) {
-    return e.length ? new xi(...e, t) : new xi(Date.now(), t);
+    return e.length ? new Si(...e, t) : new Si(Date.now(), t);
   }
   //#endregion
   //#region time zone
   withTimeZone(t) {
-    return new xi(+this, t);
+    return new Si(+this, t);
   }
   getTimezoneOffset() {
-    const t = -Me(this.timeZone, this);
+    const t = -Pe(this.timeZone, this);
     return t > 0 ? Math.floor(t) : Math.ceil(t);
   }
   //#endregion
@@ -2806,7 +2820,7 @@ let wi = class xi extends Date {
   //#endregion
   //#region date-fns integration
   [Symbol.for("constructDateFrom")](t) {
-    return new xi(+new Date(t), this.timeZone);
+    return new Si(+new Date(t), this.timeZone);
   }
   //#endregion
 };
@@ -2814,22 +2828,22 @@ const _a = /^(get|set)(?!UTC)/;
 Object.getOwnPropertyNames(Date.prototype).forEach((i) => {
   if (!_a.test(i)) return;
   const t = i.replace(_a, "$1UTC");
-  wi.prototype[t] && (i.startsWith("get") ? wi.prototype[i] = function() {
+  xi.prototype[t] && (i.startsWith("get") ? xi.prototype[i] = function() {
     return this.internal[t]();
-  } : (wi.prototype[i] = function() {
+  } : (xi.prototype[i] = function() {
     return Date.prototype[t].apply(this.internal, arguments), Oo(this), +this;
-  }, wi.prototype[t] = function() {
+  }, xi.prototype[t] = function() {
     return Date.prototype[t].apply(this, arguments), Is(this), +this;
   }));
 });
 function Is(i) {
-  i.internal.setTime(+i), i.internal.setUTCSeconds(i.internal.getUTCSeconds() - Math.round(-Me(i.timeZone, i) * 60));
+  i.internal.setTime(+i), i.internal.setUTCSeconds(i.internal.getUTCSeconds() - Math.round(-Pe(i.timeZone, i) * 60));
 }
 function Oo(i) {
   Date.prototype.setFullYear.call(i, i.internal.getUTCFullYear(), i.internal.getUTCMonth(), i.internal.getUTCDate()), Date.prototype.setHours.call(i, i.internal.getUTCHours(), i.internal.getUTCMinutes(), i.internal.getUTCSeconds(), i.internal.getUTCMilliseconds()), Qa(i);
 }
 function Qa(i) {
-  const t = Me(i.timeZone, i), e = t > 0 ? Math.floor(t) : Math.ceil(t), s = /* @__PURE__ */ new Date(+i);
+  const t = Pe(i.timeZone, i), e = t > 0 ? Math.floor(t) : Math.ceil(t), s = /* @__PURE__ */ new Date(+i);
   s.setUTCHours(s.getUTCHours() - 1);
   const a = -(/* @__PURE__ */ new Date(+i)).getTimezoneOffset(), n = -(/* @__PURE__ */ new Date(+s)).getTimezoneOffset(), r = a - n, l = Date.prototype.getHours.apply(i) !== i.internal.getUTCHours();
   r && l && i.internal.setUTCMinutes(i.internal.getUTCMinutes() + r);
@@ -2837,19 +2851,19 @@ function Qa(i) {
   d && Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + d);
   const p = /* @__PURE__ */ new Date(+i);
   p.setUTCSeconds(0);
-  const m = a > 0 ? p.getSeconds() : (p.getSeconds() - 60) % 60, f = Math.round(-(Me(i.timeZone, i) * 60)) % 60;
+  const m = a > 0 ? p.getSeconds() : (p.getSeconds() - 60) % 60, f = Math.round(-(Pe(i.timeZone, i) * 60)) % 60;
   (f || m) && (i.internal.setUTCSeconds(i.internal.getUTCSeconds() + f), Date.prototype.setUTCSeconds.call(i, Date.prototype.getUTCSeconds.call(i) + f + m));
-  const y = Me(i.timeZone, i), b = y > 0 ? Math.floor(y) : Math.ceil(y), k = -(/* @__PURE__ */ new Date(+i)).getTimezoneOffset() - b, w = b !== e, S = k - d;
-  if (w && S) {
-    Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + S);
-    const O = Me(i.timeZone, i), N = O > 0 ? Math.floor(O) : Math.ceil(O), I = b - N;
-    I && (i.internal.setUTCMinutes(i.internal.getUTCMinutes() + I), Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + I));
+  const y = Pe(i.timeZone, i), b = y > 0 ? Math.floor(y) : Math.ceil(y), k = -(/* @__PURE__ */ new Date(+i)).getTimezoneOffset() - b, w = b !== e, C = k - d;
+  if (w && C) {
+    Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + C);
+    const O = Pe(i.timeZone, i), T = O > 0 ? Math.floor(O) : Math.ceil(O), P = b - T;
+    P && (i.internal.setUTCMinutes(i.internal.getUTCMinutes() + P), Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + P));
   }
 }
-let Rs = class Si extends wi {
+let Rs = class Ci extends xi {
   //#region static
   static tz(t, ...e) {
-    return e.length ? new Si(...e, t) : new Si(Date.now(), t);
+    return e.length ? new Ci(...e, t) : new Ci(Date.now(), t);
   }
   //#endregion
   //#region representation
@@ -2894,11 +2908,11 @@ let Rs = class Si extends wi {
   }
   //#endregion
   withTimeZone(t) {
-    return new Si(+this, t);
+    return new Ci(+this, t);
   }
   //#region date-fns integration
   [Symbol.for("constructDateFrom")](t) {
-    return new Si(+new Date(t), this.timeZone);
+    return new Ci(+new Date(t), this.timeZone);
   }
   //#endregion
 };
@@ -2939,7 +2953,7 @@ const nt = (i) => {
     return /* @__PURE__ */ new Date();
   const s = new Date(i, t, e);
   return isNaN(s.getTime()) ? /* @__PURE__ */ new Date() : s;
-}, yi = (i) => {
+}, $i = (i) => {
   let t;
   return typeof i == "number" ? t = new Rs(i, window.pktTz) : t = new Rs(i, window.pktTz), t.setHours(12, 0, 0, 0), t;
 }, Po = (i) => !i || isNaN(i.getTime()) ? "" : new Intl.DateTimeFormat("no", { dateStyle: "full", timeZone: window.pktTz }).format(i), Do = (i, t, e) => {
@@ -2963,7 +2977,7 @@ const nt = (i) => {
 }), Bo = (i, t) => {
   const e = _e(i), s = _e(t);
   return !e || !s ? !1 : e <= s;
-}, Ci = (i) => i ? Array.isArray(i) ? i.filter(Boolean) : String(i).split(",").map((t) => t.trim()).filter(Boolean) : [], Vo = (i) => i.join(","), sn = (i) => Ci(i), jo = (i) => i ? $e(i) : null, Fo = (i) => {
+}, Ti = (i) => i ? Array.isArray(i) ? i.filter(Boolean) : String(i).split(",").map((t) => t.trim()).filter(Boolean) : [], Vo = (i) => i.join(","), sn = (i) => Ti(i), jo = (i) => i ? $e(i) : null, Fo = (i) => {
   if (typeof i == "string")
     return i.split(",").map((t) => $e(t));
   if (Array.isArray(i))
@@ -2972,7 +2986,7 @@ const nt = (i) => {
   csvToArray: sn,
   stringToDate: jo,
   stringsToDate: Fo
-}, Uo = { earliest: { default: null }, latest: { default: null }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, maxMultiple: { default: 4 }, range: { default: !1 } }, Ae = {
+}, Uo = { earliest: { default: null }, latest: { default: null }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, maxMultiple: { default: 4 }, range: { default: !1 } }, Ee = {
   props: Uo
 };
 var Ho = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, W = (i, t, e, s) => {
@@ -2982,7 +2996,7 @@ var Ho = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, W = (i, t,
 };
 let z = class extends K {
   constructor() {
-    super(...arguments), this.multiple = Ae.props.multiple.default, this.maxMultiple = Ae.props.maxMultiple.default, this.range = Ae.props.range.default, this.weeknumbers = Ae.props.weeknumbers.default, this.withcontrols = Ae.props.withcontrols.default, this.selected = [], this.earliest = Ae.props.earliest.default, this.latest = Ae.props.latest.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.dayStrings = this.strings.dates.daysShort, this.dayStringsLong = this.strings.dates.days, this.monthStrings = this.strings.dates.months, this.weekString = this.strings.dates.week, this.prevMonthString = this.strings.dates.prevMonth, this.nextMonthString = this.strings.dates.nextMonth, this._selected = [], this.year = 0, this.month = 0, this.week = 0, this.rangeHovered = null, this.inRange = {}, this.focusedDate = null, this.selectableDates = [], this.currentmonthtouched = !1, this.tabIndexSet = 0;
+    super(...arguments), this.multiple = Ee.props.multiple.default, this.maxMultiple = Ee.props.maxMultiple.default, this.range = Ee.props.range.default, this.weeknumbers = Ee.props.weeknumbers.default, this.withcontrols = Ee.props.withcontrols.default, this.selected = [], this.earliest = Ee.props.earliest.default, this.latest = Ee.props.latest.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.dayStrings = this.strings.dates.daysShort, this.dayStringsLong = this.strings.dates.days, this.monthStrings = this.strings.dates.months, this.weekString = this.strings.dates.week, this.prevMonthString = this.strings.dates.prevMonth, this.nextMonthString = this.strings.dates.nextMonth, this._selected = [], this.year = 0, this.month = 0, this.week = 0, this.rangeHovered = null, this.inRange = {}, this.focusedDate = null, this.selectableDates = [], this.currentmonthtouched = !1, this.tabIndexSet = 0;
   }
   /**
    * Runs on mount, used to set up various values and whatever you need to run
@@ -3022,9 +3036,9 @@ let z = class extends K {
   setCurrentMonth() {
     if (this.currentmonth === null && !this.currentmonthtouched && (this.currentmonthtouched = !0), this.selected.length && this.selected[0] !== "") {
       const t = $e(this.selected[this.selected.length - 1]);
-      this.currentmonth = isNaN(t.getTime()) ? yi(/* @__PURE__ */ new Date()) : t;
-    } else this.currentmonth === null && (this.currentmonth = yi(/* @__PURE__ */ new Date()));
-    (!this.currentmonth || isNaN(this.currentmonth.getTime())) && (this.currentmonth = yi(/* @__PURE__ */ new Date())), this.year = this.currentmonth.getFullYear(), this.month = this.currentmonth.getMonth();
+      this.currentmonth = isNaN(t.getTime()) ? $i(/* @__PURE__ */ new Date()) : t;
+    } else this.currentmonth === null && (this.currentmonth = $i(/* @__PURE__ */ new Date()));
+    (!this.currentmonth || isNaN(this.currentmonth.getTime())) && (this.currentmonth = $i(/* @__PURE__ */ new Date())), this.year = this.currentmonth.getFullYear(), this.month = this.currentmonth.getMonth();
   }
   handleKeydown(t) {
     switch (t.key) {
@@ -3300,7 +3314,7 @@ let z = class extends K {
     this.changeMonth(e, t);
   }
   changeMonth(t, e) {
-    this.year = typeof t == "string" ? parseInt(t) : t, this.month = typeof e == "string" ? parseInt(e) : e, this.currentmonth = yi(new Date(this.year, this.month, 1)), this.tabIndexSet = 0, this.focusedDate = null, this.selectableDates = [];
+    this.year = typeof t == "string" ? parseInt(t) : t, this.month = typeof e == "string" ? parseInt(e) : e, this.currentmonth = $i(new Date(this.year, this.month, 1)), this.tabIndexSet = 0, this.focusedDate = null, this.selectableDates = [];
   }
   isRangeAllowed(t) {
     let e = !0;
@@ -3365,7 +3379,7 @@ let z = class extends K {
       ), Promise.resolve();
   }
   focusOnCurrentDate() {
-    const t = nt(yi(/* @__PURE__ */ new Date())), e = this.querySelector(`button[data-date="${t}"]`);
+    const t = nt($i(/* @__PURE__ */ new Date())), e = this.querySelector(`button[data-date="${t}"]`);
     if (e instanceof HTMLButtonElement)
       this.focusedDate = t, e.focus();
     else {
@@ -3524,8 +3538,8 @@ let Gt = class extends K {
           class=${M(e)}
           type=${this.type}
           @click=${this.close}
-          aria-label=${C(this.ariaLabel || void 0)}
-          aria-description=${C(this._ariaDescription || void 0)}
+          aria-label=${S(this.ariaLabel || void 0)}
+          aria-description=${S(this._ariaDescription || void 0)}
         >
           ${this.iconName && u`<pkt-icon
             class="pkt-tag__icon"
@@ -3577,23 +3591,23 @@ ae([
 Gt = ae([
   j("pkt-tag")
 ], Gt);
-var Go = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Bi = (i, t, e, s) => {
+var Go = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, di = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Yo(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Go(t, e, a), a;
 };
-let Le = class extends ls {
+let we = class extends ls {
   constructor() {
-    super(...arguments), this.size = void 0, this.level = 2, this.visuallyHidden = !1, this.align = void 0;
+    super(...arguments), this.size = void 0, this.level = 2, this.weight = void 0, this.visuallyHidden = !1, this.align = void 0;
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("role", "heading"), this.setAttribute("aria-level", String(this.level)), this.updateHostClasses();
   }
   attributeChangedCallback(t, e, s) {
-    super.attributeChangedCallback(t, e, s), t === "level" && s && this.setLevel(Number(s)), t === "visuallyHidden" && (this.visuallyHidden = s !== null && s !== "false"), (t === "size" || t === "visuallyHidden" || t === "align") && this.updateHostClasses();
+    super.attributeChangedCallback(t, e, s), t === "level" && s && this.setLevel(Number(s)), t === "visuallyHidden" && (this.visuallyHidden = s !== null && s !== "false"), (t === "size" || t === "visuallyHidden" || t === "align" || t === "weight") && this.updateHostClasses();
   }
   updated(t) {
-    super.updated(t), t.has("level") && (this.setLevel(this.level), this.hasAttribute("size") || (this.size = this.defaultSizeForLevel)), !this.hasAttribute("size") && (t.has("level") || this.size === void 0) && (this.size = this.defaultSizeForLevel), (t.has("size") || t.has("visuallyHidden") || t.has("align")) && this.updateHostClasses();
+    super.updated(t), t.has("level") && (this.setLevel(this.level), this.hasAttribute("size") || (this.size = this.defaultSizeForLevel), this.hasAttribute("weight") || (this.weight = this.defaultWeightForLevel)), !this.hasAttribute("size") && (t.has("level") || this.size === void 0) && (this.size = this.defaultSizeForLevel), (t.has("size") || t.has("visuallyHidden") || t.has("align") || t.has("weight")) && this.updateHostClasses();
   }
   setLevel(t) {
     t >= 1 && t <= 6 ? (this.level = t, this.setAttribute("aria-level", String(t))) : console.warn(`Invalid heading level: ${t}. Must be between 1 and 6.`);
@@ -3616,6 +3630,24 @@ let Le = class extends ls {
         return "medium";
     }
   }
+  get defaultWeightForLevel() {
+    switch (this.level) {
+      case 1:
+        return "regular";
+      case 2:
+        return "regular";
+      case 3:
+        return "medium";
+      case 4:
+        return "medium";
+      case 5:
+        return "medium";
+      case 6:
+        return "medium";
+      default:
+        return "medium";
+    }
+  }
   updateHostClasses() {
     this.classList.remove(
       "pkt-heading",
@@ -3627,37 +3659,44 @@ let Le = class extends ls {
       "pkt-sr-only",
       "pkt-heading--start",
       "pkt-heading--center",
-      "pkt-heading--end"
-    ), this.classList.add("pkt-heading"), this.size && this.classList.add(`pkt-heading--${this.size}`), this.visuallyHidden && this.classList.add("pkt-sr-only"), this.align && this.classList.add(`pkt-heading--${this.align}`);
+      "pkt-heading--end",
+      "pkt-heading--light",
+      "pkt-heading--regular",
+      "pkt-heading--medium",
+      "pkt-heading--bold"
+    ), this.classList.add("pkt-heading"), this.size && this.classList.add(`pkt-heading--${this.size}`), this.weight && this.classList.add(`pkt-heading--fw-${this.weight}`), this.visuallyHidden && this.classList.add("pkt-sr-only"), this.align && this.classList.add(`pkt-heading--${this.align}`);
   }
   render() {
     return u`<slot></slot>`;
   }
 };
-Bi([
+di([
   o({ type: String, reflect: !0 })
-], Le.prototype, "size", 2);
-Bi([
+], we.prototype, "size", 2);
+di([
   o({ type: Number, reflect: !0 })
-], Le.prototype, "level", 2);
-Bi([
+], we.prototype, "level", 2);
+di([
+  o({ type: String, reflect: !0 })
+], we.prototype, "weight", 2);
+di([
   o({ type: Boolean, reflect: !0 })
-], Le.prototype, "visuallyHidden", 2);
-Bi([
+], we.prototype, "visuallyHidden", 2);
+di([
   o({ type: String, reflect: !0 })
-], Le.prototype, "align", 2);
-Le = Bi([
+], we.prototype, "align", 2);
+we = di([
   j("pkt-heading")
-], Le);
+], we);
 const Zo = { layout: { default: "vertical" }, skin: { type: ["outlined", "outlined-beige", "gray", "blue", "beige", "green"], default: "outlined" }, padding: { default: "default" } }, Qe = {
   props: Zo
 };
-var Jo = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, bt = (i, t, e, s) => {
+var Jo = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, kt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Xo(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Jo(t, e, a), a;
 };
-let lt = class extends K {
+let ht = class extends K {
   //Constructor
   constructor() {
     super(), this.defaultSlot = A(), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = !0, this.clickCardLink = null, this.metaTrail = null, this.layout = Qe.props.layout.default, this.heading = "", this.headinglevel = 3, this.image = {
@@ -3683,7 +3722,7 @@ let lt = class extends K {
     return u`
       <article
         class=${M(s)}
-        aria-label=${C(this.clickCardLink ? a : n)}
+        aria-label=${S(this.clickCardLink ? a : n)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -3782,8 +3821,8 @@ let lt = class extends K {
                     role="listitem"
                     textStyle="normal-text"
                     size="medium"
-                    skin=${C(e.skin)}
-                    iconName=${C(e.iconName)}
+                    skin=${S(e.skin)}
+                    iconName=${S(e.iconName)}
                   >
                     <span>${e.text}</span>
                   </pkt-tag>
@@ -3809,43 +3848,43 @@ let lt = class extends K {
     `;
   }
 };
-bt([
+kt([
   o({ type: String })
-], lt.prototype, "ariaLabel", 2);
-bt([
+], ht.prototype, "ariaLabel", 2);
+kt([
   o({ type: String })
-], lt.prototype, "metaLead", 2);
-bt([
+], ht.prototype, "metaLead", 2);
+kt([
   o({ type: Boolean })
-], lt.prototype, "borderOnHover", 2);
-bt([
+], ht.prototype, "borderOnHover", 2);
+kt([
   o({ type: String, reflect: !0 })
-], lt.prototype, "clickCardLink", 2);
-bt([
+], ht.prototype, "clickCardLink", 2);
+kt([
   o({ type: String })
-], lt.prototype, "metaTrail", 2);
-bt([
+], ht.prototype, "metaTrail", 2);
+kt([
   o({ type: String })
-], lt.prototype, "layout", 2);
-bt([
+], ht.prototype, "layout", 2);
+kt([
   o({ type: String })
-], lt.prototype, "heading", 2);
-bt([
+], ht.prototype, "heading", 2);
+kt([
   o({ type: Number })
-], lt.prototype, "headinglevel", 2);
-bt([
+], ht.prototype, "headinglevel", 2);
+kt([
   o({ type: Object })
-], lt.prototype, "image", 2);
-bt([
+], ht.prototype, "image", 2);
+kt([
   o({ type: String })
-], lt.prototype, "imageShape", 2);
-bt([
+], ht.prototype, "imageShape", 2);
+kt([
   o({ type: Boolean })
-], lt.prototype, "openLinkInNewTab", 2);
-bt([
+], ht.prototype, "openLinkInNewTab", 2);
+kt([
   o({ type: String })
-], lt.prototype, "padding", 2);
-bt([
+], ht.prototype, "padding", 2);
+kt([
   o({
     type: String,
     converter: {
@@ -3858,19 +3897,19 @@ bt([
       toAttribute: (i) => i
     }
   })
-], lt.prototype, "skin", 2);
-bt([
+], ht.prototype, "skin", 2);
+kt([
   o({ type: String })
-], lt.prototype, "subheading", 2);
-bt([
+], ht.prototype, "subheading", 2);
+kt([
   o({ type: String })
-], lt.prototype, "tagPosition", 2);
-bt([
+], ht.prototype, "tagPosition", 2);
+kt([
   o({ type: Array })
-], lt.prototype, "tags", 2);
-lt = bt([
+], ht.prototype, "tags", 2);
+ht = kt([
   j("pkt-card")
-], lt);
+], ht);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -3902,22 +3941,22 @@ const xa = (i, t, e) => {
     let p, m, f = 0, y = a.length - 1, b = 0, k = n.length - 1;
     for (; f <= y && b <= k; ) if (a[f] === null) f++;
     else if (a[y] === null) y--;
-    else if (l[f] === r[b]) d[b] = Ne(a[f], n[b]), f++, b++;
-    else if (l[y] === r[k]) d[k] = Ne(a[y], n[k]), y--, k--;
-    else if (l[f] === r[k]) d[k] = Ne(a[f], n[k]), vi(i, d[k + 1], a[f]), f++, k--;
-    else if (l[y] === r[b]) d[b] = Ne(a[y], n[b]), vi(i, a[f], a[y]), y--, b++;
+    else if (l[f] === r[b]) d[b] = Ae(a[f], n[b]), f++, b++;
+    else if (l[y] === r[k]) d[k] = Ae(a[y], n[k]), y--, k--;
+    else if (l[f] === r[k]) d[k] = Ae(a[f], n[k]), bi(i, d[k + 1], a[f]), f++, k--;
+    else if (l[y] === r[b]) d[b] = Ae(a[y], n[b]), bi(i, a[f], a[y]), y--, b++;
     else if (p === void 0 && (p = xa(r, b, k), m = xa(l, f, y)), p.has(l[f])) if (p.has(l[y])) {
-      const w = m.get(r[b]), S = w !== void 0 ? a[w] : null;
-      if (S === null) {
-        const O = vi(i, a[f]);
-        Ne(O, n[b]), d[b] = O;
-      } else d[b] = Ne(S, n[b]), vi(i, a[f], S), a[w] = null;
+      const w = m.get(r[b]), C = w !== void 0 ? a[w] : null;
+      if (C === null) {
+        const O = bi(i, a[f]);
+        Ae(O, n[b]), d[b] = O;
+      } else d[b] = Ae(C, n[b]), bi(i, a[f], C), a[w] = null;
       b++;
     } else ys(a[y]), y--;
     else ys(a[f]), f++;
     for (; b <= k; ) {
-      const w = vi(i, d[k + 1]);
-      Ne(w, n[b]), d[b++] = w;
+      const w = bi(i, d[k + 1]);
+      Ae(w, n[b]), d[b++] = w;
     }
     for (; f <= y; ) {
       const w = a[f++];
@@ -3935,7 +3974,7 @@ var el = {}, Ca;
 function il() {
   return Ca || (Ca = 1, (function() {
     (function(i) {
-      const t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), S = {
+      const t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), C = {
         ariaAtomic: "aria-atomic",
         ariaAutoComplete: "aria-autocomplete",
         ariaBusy: "aria-busy",
@@ -3979,69 +4018,69 @@ function il() {
         ariaValueText: "aria-valuetext",
         role: "role"
       }, O = (g, c) => {
-        for (let v in S) {
+        for (let v in C) {
           c[v] = null;
           let _ = null;
-          const D = S[v];
+          const I = C[v];
           Object.defineProperty(c, v, {
             get() {
               return _;
             },
             set(V) {
-              _ = V, g.isConnected ? st(g, D, V) : m.set(g, c);
+              _ = V, g.isConnected ? st(g, I, V) : m.set(g, c);
             }
           });
         }
       };
-      function N(g) {
+      function T(g) {
         const c = a.get(g), { form: v } = c;
         le(g, v, c), xt(g, c.labels);
       }
-      const I = (g, c = !1) => {
+      const P = (g, c = !1) => {
         const v = document.createTreeWalker(g, NodeFilter.SHOW_ELEMENT, {
           acceptNode(V) {
             return a.has(V) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
           }
         });
         let _ = v.nextNode();
-        const D = !c || g.disabled;
+        const I = !c || g.disabled;
         for (; _; )
-          _.formDisabledCallback && D && Et(_, g.disabled), _ = v.nextNode();
-      }, T = { attributes: !0, attributeFilter: ["disabled", "name"] }, H = he() ? new MutationObserver((g) => {
+          _.formDisabledCallback && I && Et(_, g.disabled), _ = v.nextNode();
+      }, N = { attributes: !0, attributeFilter: ["disabled", "name"] }, H = he() ? new MutationObserver((g) => {
         for (const c of g) {
           const v = c.target;
-          if (c.attributeName === "disabled" && (v.constructor.formAssociated ? Et(v, v.hasAttribute("disabled")) : v.localName === "fieldset" && I(v)), c.attributeName === "name" && v.constructor.formAssociated) {
-            const _ = a.get(v), D = p.get(v);
-            _.setFormValue(D);
+          if (c.attributeName === "disabled" && (v.constructor.formAssociated ? Et(v, v.hasAttribute("disabled")) : v.localName === "fieldset" && P(v)), c.attributeName === "name" && v.constructor.formAssociated) {
+            const _ = a.get(v), I = p.get(v);
+            _.setFormValue(I);
           }
         }
       }) : {};
       function G(g) {
         g.forEach((c) => {
-          const { addedNodes: v, removedNodes: _ } = c, D = Array.from(v), V = Array.from(_);
-          D.forEach((U) => {
+          const { addedNodes: v, removedNodes: _ } = c, I = Array.from(v), V = Array.from(_);
+          I.forEach((U) => {
             var Mt;
-            if (a.has(U) && U.constructor.formAssociated && N(U), m.has(U)) {
-              const ut = m.get(U);
-              Object.keys(S).filter((Pt) => ut[Pt] !== null).forEach((Pt) => {
-                st(U, S[Pt], ut[Pt]);
+            if (a.has(U) && U.constructor.formAssociated && T(U), m.has(U)) {
+              const ft = m.get(U);
+              Object.keys(C).filter((Pt) => ft[Pt] !== null).forEach((Pt) => {
+                st(U, C[Pt], ft[Pt]);
               }), m.delete(U);
             }
             if (w.has(U)) {
-              const ut = w.get(U);
-              st(U, "internals-valid", ut.validity.valid.toString()), st(U, "internals-invalid", (!ut.validity.valid).toString()), st(U, "aria-invalid", (!ut.validity.valid).toString()), w.delete(U);
+              const ft = w.get(U);
+              st(U, "internals-valid", ft.validity.valid.toString()), st(U, "internals-invalid", (!ft.validity.valid).toString()), st(U, "aria-invalid", (!ft.validity.valid).toString()), w.delete(U);
             }
             if (U.localName === "form") {
-              const ut = d.get(U), Pt = document.createTreeWalker(U, NodeFilter.SHOW_ELEMENT, {
+              const ft = d.get(U), Pt = document.createTreeWalker(U, NodeFilter.SHOW_ELEMENT, {
                 acceptNode(vs) {
-                  return a.has(vs) && vs.constructor.formAssociated && !(ut && ut.has(vs)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+                  return a.has(vs) && vs.constructor.formAssociated && !(ft && ft.has(vs)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
                 }
               });
-              let mi = Pt.nextNode();
-              for (; mi; )
-                N(mi), mi = Pt.nextNode();
+              let fi = Pt.nextNode();
+              for (; fi; )
+                T(fi), fi = Pt.nextNode();
             }
-            U.localName === "fieldset" && ((Mt = H.observe) === null || Mt === void 0 || Mt.call(H, U, T), I(U, !0));
+            U.localName === "fieldset" && ((Mt = H.observe) === null || Mt === void 0 || Mt.call(H, U, N), P(U, !0));
           }), V.forEach((U) => {
             const Mt = a.get(U);
             Mt && s.get(Mt) && Ot(Mt), l.has(U) && l.get(U).disconnect();
@@ -4052,12 +4091,12 @@ function il() {
         g.forEach((c) => {
           const { removedNodes: v } = c;
           v.forEach((_) => {
-            const D = b.get(c.target);
-            a.has(_) && Ce(_), D.disconnect();
+            const I = b.get(c.target);
+            a.has(_) && Te(_), I.disconnect();
           });
         });
       }
-      const pt = (g) => {
+      const mt = (g) => {
         var c, v;
         const _ = new MutationObserver(_t);
         !((c = window == null ? void 0 : window.ShadyDOM) === null || c === void 0) && c.inUse && g.mode && g.host && (g = g.host), (v = _.observe) === null || v === void 0 || v.call(_, g, { childList: !0 }), b.set(g, _);
@@ -4079,7 +4118,7 @@ function il() {
         return v.type = "hidden", v.name = g.getAttribute("name"), g.after(v), s.get(c).push(v), v;
       }, R = (g, c) => {
         var v;
-        s.set(c, []), (v = H.observe) === null || v === void 0 || v.call(H, g, T);
+        s.set(c, []), (v = H.observe) === null || v === void 0 || v.call(H, g, N);
       }, xt = (g, c) => {
         if (c.length) {
           Array.from(c).forEach((_) => _.addEventListener("click", g.click.bind(g)));
@@ -4087,20 +4126,20 @@ function il() {
           c[0].id || (v = `${c[0].htmlFor}_Label`, c[0].id = v), st(g, "aria-labelledby", v);
         }
       }, Qt = (g) => {
-        const c = Array.from(g.elements).filter((V) => !V.tagName.includes("-") && V.validity).map((V) => V.validity.valid), v = d.get(g) || [], _ = Array.from(v).filter((V) => V.isConnected).map((V) => a.get(V).validity.valid), D = [...c, ..._].includes(!1);
-        g.toggleAttribute("internals-invalid", D), g.toggleAttribute("internals-valid", !D);
+        const c = Array.from(g.elements).filter((V) => !V.tagName.includes("-") && V.validity).map((V) => V.validity.valid), v = d.get(g) || [], _ = Array.from(v).filter((V) => V.isConnected).map((V) => a.get(V).validity.valid), I = [...c, ..._].includes(!1);
+        g.toggleAttribute("internals-invalid", I), g.toggleAttribute("internals-valid", !I);
       }, oe = (g) => {
         Qt(Ut(g.target));
       }, te = (g) => {
         Qt(Ut(g.target));
-      }, xe = (g) => {
+      }, Se = (g) => {
         const c = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((v) => `${v}:not([disabled])`).map((v) => `${v}:not([form])${g.id ? `,${v}[form='${g.id}']` : ""}`).join(",");
         g.addEventListener("click", (v) => {
           if (v.target.closest(c)) {
             const _ = d.get(g);
             if (g.noValidate)
               return;
-            _.size && Array.from(_).reverse().map((D) => a.get(D).reportValidity()).includes(!1) && v.preventDefault();
+            _.size && Array.from(_).reverse().map((I) => a.get(I).reportValidity()).includes(!1) && v.preventDefault();
           }
         });
       }, We = (g) => {
@@ -4114,8 +4153,8 @@ function il() {
           if (_)
             _.add(g);
           else {
-            const D = /* @__PURE__ */ new Set();
-            D.add(g), d.set(c, D), xe(c), c.addEventListener("reset", We), c.addEventListener("input", oe), c.addEventListener("change", te);
+            const I = /* @__PURE__ */ new Set();
+            I.add(g), d.set(c, I), Se(c), c.addEventListener("reset", We), c.addEventListener("input", oe), c.addEventListener("change", te);
           }
           r.set(c, { ref: g, internals: v }), g.constructor.formAssociated && g.formAssociatedCallback && setTimeout(() => {
             g.formAssociatedCallback.apply(g, [c]);
@@ -4127,12 +4166,12 @@ function il() {
       }, ot = (g, c, v = DOMException) => {
         if (!g.constructor.formAssociated)
           throw new v(c);
-      }, Se = (g, c, v) => {
+      }, Ce = (g, c, v) => {
         const _ = d.get(g);
-        return _ && _.size && _.forEach((D) => {
-          a.get(D)[v]() || (c = !1);
+        return _ && _.size && _.forEach((I) => {
+          a.get(I)[v]() || (c = !1);
         }), c;
-      }, Ce = (g) => {
+      }, Te = (g) => {
         if (g.constructor.formAssociated) {
           const c = a.get(g), { labels: v, form: _ } = c;
           xt(g, v), le(g, _, c);
@@ -4155,7 +4194,7 @@ function il() {
       function Ge(g, c) {
         g.toggleAttribute(c, !0), g.part && g.part.add(c);
       }
-      class ui extends Set {
+      class mi extends Set {
         static get isPolyfilled() {
           return !0;
         }
@@ -4167,9 +4206,9 @@ function il() {
         add(c) {
           if (!/^--/.test(c) || typeof c != "string")
             throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${c} must start with '--'.`);
-          const v = super.add(c), _ = Ke.get(this), D = `state${c}`;
-          return _.isConnected ? Ge(_, D) : setTimeout(() => {
-            Ge(_, D);
+          const v = super.add(c), _ = Ke.get(this), I = `state${c}`;
+          return _.isConnected ? Ge(_, I) : setTimeout(() => {
+            Ge(_, I);
           }), v;
         }
         clear() {
@@ -4188,7 +4227,7 @@ function il() {
         if (typeof c == "function" ? g !== c || !_ : !c.has(g)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
         return v === "m" ? _ : v === "a" ? _.call(g) : _ ? _.value : c.get(g);
       }
-      function fs(g, c, v, _, D) {
+      function fs(g, c, v, _, I) {
         if (typeof c == "function" ? g !== c || !0 : !c.has(g)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return c.set(g, v), v;
       }
@@ -4222,20 +4261,20 @@ function il() {
         HTMLFormElement.prototype.reportValidity = _;
         function v(...V) {
           let U = g.apply(this, V);
-          return Se(this, U, "checkValidity");
+          return Ce(this, U, "checkValidity");
         }
         function _(...V) {
           let U = c.apply(this, V);
-          return Se(this, U, "reportValidity");
+          return Ce(this, U, "reportValidity");
         }
-        const { get: D } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
+        const { get: I } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
         Object.defineProperty(HTMLFormElement.prototype, "elements", {
           get(...V) {
-            const U = D.call(this, ...V), Mt = Array.from(d.get(this) || []);
+            const U = I.call(this, ...V), Mt = Array.from(d.get(this) || []);
             if (Mt.length === 0)
               return U;
-            const ut = Array.from(U).concat(Mt).sort((Pt, mi) => Pt.compareDocumentPosition ? Pt.compareDocumentPosition(mi) & 2 ? 1 : -1 : 0);
-            return new zi(ut);
+            const ft = Array.from(U).concat(Mt).sort((Pt, fi) => Pt.compareDocumentPosition ? Pt.compareDocumentPosition(fi) & 2 ? 1 : -1 : 0);
+            return new zi(ft);
           }
         });
       }
@@ -4247,7 +4286,7 @@ function il() {
           if (!c || !c.tagName || c.tagName.indexOf("-") === -1)
             throw new TypeError("Illegal constructor");
           const v = c.getRootNode(), _ = new us();
-          this.states = new ui(c), t.set(this, c), e.set(this, _), a.set(c, this), O(c, this), R(c, this), Object.seal(this), v instanceof DocumentFragment && pt(v);
+          this.states = new mi(c), t.set(this, c), e.set(this, _), a.set(c, this), O(c, this), R(c, this), Object.seal(this), v instanceof DocumentFragment && mt(v);
         }
         checkValidity() {
           const c = t.get(this);
@@ -4292,17 +4331,17 @@ function il() {
               const _ = at(v, this);
               _.value = c;
             }
-          } else c != null && c instanceof FormData && Array.from(c).reverse().forEach(([_, D]) => {
-            if (typeof D == "string") {
+          } else c != null && c instanceof FormData && Array.from(c).reverse().forEach(([_, I]) => {
+            if (typeof I == "string") {
               const V = at(v, this);
-              V.name = _, V.value = D;
+              V.name = _, V.value = I;
             }
           });
           p.set(v, c);
         }
         setValidity(c, v, _) {
-          const D = t.get(this);
-          if (ot(D, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !c)
+          const I = t.get(this);
+          if (ot(I, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !c)
             throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
           y.set(this, _);
           const V = e.get(this), U = {};
@@ -4311,10 +4350,10 @@ function il() {
           Object.keys(U).length === 0 && Ui(V);
           const Mt = Object.assign(Object.assign({}, V), U);
           delete Mt.valid;
-          const { valid: ut } = ms(V, Mt, this.form);
-          if (!ut && !v)
+          const { valid: ft } = ms(V, Mt, this.form);
+          if (!ft && !v)
             throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
-          n.set(this, ut ? "" : v), D.isConnected ? (D.toggleAttribute("internals-invalid", !ut), D.toggleAttribute("internals-valid", ut), st(D, "aria-invalid", `${!ut}`)) : w.set(D, this);
+          n.set(this, ft ? "" : v), I.isConnected ? (I.toggleAttribute("internals-invalid", !ft), I.toggleAttribute("internals-valid", ft), st(I, "aria-invalid", `${!ft}`)) : w.set(I, this);
         }
         get shadowRoot() {
           const c = t.get(this);
@@ -4359,23 +4398,23 @@ function il() {
       }
       let zs = !1, Ws = !1;
       function gs(g) {
-        Ws || (Ws = !0, window.CustomStateSet = ui, g && (HTMLElement.prototype.attachInternals = function(...c) {
+        Ws || (Ws = !0, window.CustomStateSet = mi, g && (HTMLElement.prototype.attachInternals = function(...c) {
           const v = g.call(this, c);
-          return v.states = new ui(this), v;
+          return v.states = new mi(this), v;
         }));
       }
       function Ks(g = !0) {
         if (!zs) {
           if (zs = !0, typeof window < "u" && (window.ElementInternals = qs), typeof CustomElementRegistry < "u") {
             const c = CustomElementRegistry.prototype.define;
-            CustomElementRegistry.prototype.define = function(v, _, D) {
+            CustomElementRegistry.prototype.define = function(v, _, I) {
               if (_.formAssociated) {
                 const V = _.prototype.connectedCallback;
                 _.prototype.connectedCallback = function() {
-                  k.has(this) || (k.set(this, !0), this.hasAttribute("disabled") && Et(this, !0)), V != null && V.apply(this), Ce(this);
+                  k.has(this) || (k.set(this, !0), this.hasAttribute("disabled") && Et(this, !0)), V != null && V.apply(this), Te(this);
                 };
               }
-              c.call(this, v, _, D);
+              c.call(this, v, _, I);
             };
           }
           if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() {
@@ -4388,12 +4427,12 @@ function il() {
             return new qs(this);
           }), typeof Element < "u") {
             let c = function(..._) {
-              const D = v.apply(this, _);
-              if (f.set(this, D), he()) {
+              const I = v.apply(this, _);
+              if (f.set(this, I), he()) {
                 const V = new MutationObserver(G);
-                window.ShadyDOM ? V.observe(this, J) : V.observe(D, J), l.set(this, V);
+                window.ShadyDOM ? V.observe(this, J) : V.observe(I, J), l.set(this, V);
               }
-              return D;
+              return I;
             };
             const v = Element.prototype.attachShadow;
             Element.prototype.attachShadow = c;
@@ -4419,7 +4458,7 @@ const al = {
     return i ? "true" : "false";
   }
 };
-let P = class extends K {
+let D = class extends K {
   constructor() {
     super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = be(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = Dt.props.helptextDropdownButton.default, this.label = null, this.optionalText = wt.forms.labels.optional, this.requiredText = wt.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
@@ -4536,109 +4575,109 @@ let P = class extends K {
 };
 F([
   o()
-], P.prototype, "defaultValue");
+], D.prototype, "defaultValue");
 F([
   o({ type: Boolean, reflect: !0 })
-], P.prototype, "disabled");
+], D.prototype, "disabled");
 F([
   o({ type: Boolean, reflect: !0 })
-], P.prototype, "readonly");
+], D.prototype, "readonly");
 F([
   o({ type: Boolean, reflect: !0 })
-], P.prototype, "required");
+], D.prototype, "required");
 F([
   o({ type: Number, reflect: !0 })
-], P.prototype, "max");
+], D.prototype, "max");
 F([
   o({ type: Number, reflect: !0 })
-], P.prototype, "maxlength");
+], D.prototype, "maxlength");
 F([
   o({ type: Number, reflect: !0 })
-], P.prototype, "min");
+], D.prototype, "min");
 F([
   o({ type: Number, reflect: !0 })
-], P.prototype, "minlength");
+], D.prototype, "minlength");
 F([
   o({ type: Number, reflect: !0 })
-], P.prototype, "step");
+], D.prototype, "step");
 F([
   o({ type: String })
-], P.prototype, "ariaDescribedBy");
+], D.prototype, "ariaDescribedBy");
 F([
   o({ type: String })
-], P.prototype, "ariaLabelledby");
+], D.prototype, "ariaLabelledby");
 F([
   o({ type: String, reflect: !0 })
-], P.prototype, "name");
+], D.prototype, "name");
 F([
   o({ type: String, reflect: !0 })
-], P.prototype, "pattern");
+], D.prototype, "pattern");
 F([
   o({ type: String, reflect: !0 })
-], P.prototype, "placeholder");
+], D.prototype, "placeholder");
 F([
   o({ type: String, reflect: !0 })
-], P.prototype, "id");
+], D.prototype, "id");
 F([
   o({ type: Boolean })
-], P.prototype, "counter");
+], D.prototype, "counter");
 F([
   o({ type: Boolean })
-], P.prototype, "hasError");
+], D.prototype, "hasError");
 F([
   o({ type: Boolean })
-], P.prototype, "inline");
+], D.prototype, "inline");
 F([
   o({ type: Boolean })
-], P.prototype, "hasFieldset");
+], D.prototype, "hasFieldset");
 F([
   o({ type: Boolean })
-], P.prototype, "optionalTag");
+], D.prototype, "optionalTag");
 F([
   o({ type: Boolean })
-], P.prototype, "requiredTag");
+], D.prototype, "requiredTag");
 F([
   o({ type: Boolean })
-], P.prototype, "skipForwardTestid");
+], D.prototype, "skipForwardTestid");
 F([
   o({ type: Boolean, reflect: !0, converter: al })
-], P.prototype, "useWrapper");
+], D.prototype, "useWrapper");
 F([
   o({ type: Boolean, reflect: !0 })
-], P.prototype, "fullwidth");
+], D.prototype, "fullwidth");
 F([
   o({ type: Number })
-], P.prototype, "counterMaxLength");
+], D.prototype, "counterMaxLength");
 F([
   o({ type: String })
-], P.prototype, "errorMessage");
+], D.prototype, "errorMessage");
 F([
   o({ type: String })
-], P.prototype, "helptext");
+], D.prototype, "helptext");
 F([
   o({ type: String })
-], P.prototype, "helptextDropdown");
+], D.prototype, "helptextDropdown");
 F([
   o({ type: String, reflect: !1 })
-], P.prototype, "helptextDropdownButton");
+], D.prototype, "helptextDropdownButton");
 F([
   o({ type: String })
-], P.prototype, "label");
+], D.prototype, "label");
 F([
   o({ type: String, reflect: !1 })
-], P.prototype, "optionalText");
+], D.prototype, "optionalText");
 F([
   o({ type: String, reflect: !1 })
-], P.prototype, "requiredText");
+], D.prototype, "requiredText");
 F([
   o({ type: String, reflect: !1 })
-], P.prototype, "tagText");
+], D.prototype, "tagText");
 F([
   o({ type: String, attribute: "data-testid" })
-], P.prototype, "dataTestid");
+], D.prototype, "dataTestid");
 F([
   B()
-], P.prototype, "touched");
+], D.prototype, "touched");
 let an = class {
   constructor(t) {
     this.nodes = [], this.options = [], this.host = t, this.host.addController(this), this.nodes = [], this.options = [], this.observer = new MutationObserver((e) => this.handleMutations(e));
@@ -4802,7 +4841,7 @@ let Y = class extends K {
           ${this.label}
         </label>`, r = () => u`
         <pkt-helptext
-          class="${C(this.useWrapper ? void 0 : "pkt-hide")}"
+          class="${S(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
@@ -4931,7 +4970,7 @@ var dl = Object.defineProperty, cl = Object.getOwnPropertyDescriptor, yt = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && dl(t, e, a), a;
 };
-let gt = class extends K {
+let vt = class extends K {
   constructor() {
     super(...arguments), this.id = be(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this._filteredOptions = [];
   }
@@ -4955,7 +4994,7 @@ let gt = class extends K {
       "pkt-txt-16-light": !0
     })}
         role="listbox"
-        aria-label=${C(this.label)}
+        aria-label=${S(this.label)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -5231,52 +5270,52 @@ let gt = class extends K {
 };
 yt([
   o({ type: String })
-], gt.prototype, "id", 2);
+], vt.prototype, "id", 2);
 yt([
   o({ type: String })
-], gt.prototype, "label", 2);
+], vt.prototype, "label", 2);
 yt([
   o({ type: Array })
-], gt.prototype, "options", 2);
+], vt.prototype, "options", 2);
 yt([
   o({ type: Boolean, reflect: !0 })
-], gt.prototype, "isOpen", 2);
+], vt.prototype, "isOpen", 2);
 yt([
   o({ type: Boolean })
-], gt.prototype, "disabled", 2);
+], vt.prototype, "disabled", 2);
 yt([
   o({ type: Boolean })
-], gt.prototype, "includeSearch", 2);
+], vt.prototype, "includeSearch", 2);
 yt([
   o({ type: Boolean })
-], gt.prototype, "isMultiSelect", 2);
+], vt.prototype, "isMultiSelect", 2);
 yt([
   o({ type: Boolean })
-], gt.prototype, "allowUserInput", 2);
+], vt.prototype, "allowUserInput", 2);
 yt([
   o({ type: Boolean })
-], gt.prototype, "maxIsReached", 2);
+], vt.prototype, "maxIsReached", 2);
 yt([
   o({ type: String })
-], gt.prototype, "customUserInput", 2);
+], vt.prototype, "customUserInput", 2);
 yt([
   o({ type: String })
-], gt.prototype, "searchPlaceholder", 2);
+], vt.prototype, "searchPlaceholder", 2);
 yt([
   o({ type: String })
-], gt.prototype, "searchValue", 2);
+], vt.prototype, "searchValue", 2);
 yt([
   o({ type: Number })
-], gt.prototype, "maxLength", 2);
+], vt.prototype, "maxLength", 2);
 yt([
   o({ type: String })
-], gt.prototype, "userMessage", 2);
+], vt.prototype, "userMessage", 2);
 yt([
   B()
-], gt.prototype, "_filteredOptions", 2);
-gt = yt([
+], vt.prototype, "_filteredOptions", 2);
+vt = yt([
   j("pkt-listbox")
-], gt);
+], vt);
 const pl = { displayValueAs: { default: "label" } }, ul = {
   props: pl
 };
@@ -5285,7 +5324,7 @@ var ml = Object.defineProperty, fl = Object.getOwnPropertyDescriptor, it = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && ml(t, e, a), a;
 };
-let Q = class extends P {
+let Q = class extends D {
   constructor() {
     super(), this.helptextSlot = A(), this.value = "", this.options = [], this.defaultOptions = [], this.allowUserInput = !1, this.typeahead = !1, this.includeSearch = !1, this.searchPlaceholder = "", this.multiple = !1, this.maxlength = null, this.displayValueAs = ul.props.displayValueAs.default, this.tagPlacement = null, this._options = [], this._isOptionsOpen = !1, this._value = [], this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._editingSingleValue = !1, this.inputRef = A(), this.arrowRef = A(), this.listboxRef = A(), this.focusRef = A(), this.optionTagRef = A(), this.optionsController = new an(this), this.slotController = new rt(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
@@ -5347,8 +5386,8 @@ let Q = class extends P {
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}
-        .helptextDropdown=${C(this.helptextDropdown)}
-        .helptextDropdownButton=${C(this.helptextDropdownButton)}
+        .helptextDropdown=${S(this.helptextDropdown)}
+        .helptextDropdownButton=${S(this.helptextDropdownButton)}
         ?fullwidth=${this.fullwidth}
         ?hasError=${this.hasError}
         ?inline=${this.inline}
@@ -5422,7 +5461,7 @@ let Q = class extends P {
             ?isMultiSelect=${this.multiple}
             ?allowUserInput=${this.allowUserInput && !this._maxIsReached}
             ?maxIsReached=${this._maxIsReached}
-            .customUserInput=${C(this._addValueText)}
+            .customUserInput=${S(this._addValueText)}
             .userMessage=${this._userInfoMessage}
             @search=${this.handleSearch}
             @option-toggle=${this.handleOptionToggled}
@@ -5453,11 +5492,11 @@ let Q = class extends P {
               @blur=${this.handleBlur}
               autocomplete="off"
               role="combobox"
-              aria-label=${C(this.label)}
+              aria-label=${S(this.label)}
               aria-autocomplete=${this.typeahead ? "both" : "list"}
               aria-controls="${this.id}-listbox"
-              aria-multiselectable=${C(this.multiple ? "true" : void 0)}
-              aria-activedescendant=${C(
+              aria-multiselectable=${S(this.multiple ? "true" : void 0)}
+              aria-activedescendant=${S(
       this._value[0] && this.findValueInOptions(this._value[0]) ? `${this.id}-listbox-${this.findIndexInOptions(this._value[0])}` : void 0
     )}
               ${E(this.inputRef)}
@@ -5660,11 +5699,11 @@ let Q = class extends P {
     var e, s;
     if (this.disabled) return;
     this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
-    const a = ((e = this.findValueInOptions(t)) == null ? void 0 : e.value) || null, n = this._value.includes(t || a || ""), r = !!a, l = ((s = this._options.find((S) => S.value === t)) == null ? void 0 : s.disabled) || !1, d = !(t != null && t.trim()), p = !this.multiple, m = this.multiple, f = this.isMaxItemsReached();
+    const a = ((e = this.findValueInOptions(t)) == null ? void 0 : e.value) || null, n = this._value.includes(t || a || ""), r = !!a, l = ((s = this._options.find((C) => C.value === t)) == null ? void 0 : s.disabled) || !1, d = !(t != null && t.trim()), p = !this.multiple, m = this.multiple, f = this.isMaxItemsReached();
     let y = !1, b = !0, k = "", w = "";
     l || (!r && this.allowUserInput && !d ? (this.addNewUserValue(t), k = "Ny verdi lagt til", y = !m) : !r && !this.allowUserInput ? (p && this._value[0] && this.removeValue(this._value[0]), b = !1, y = !0, k = "Ingen treff i søket") : n ? (this.removeValue(a), y = !0) : d && p ? (this.removeAllSelected(), y = !0) : p ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(a), y = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : m && !f ? (this.setSelected(a), y = !0) : m && f ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, w = t) : (p && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, y = !0, w = t), this._isOptionsOpen = y, y || window.setTimeout(() => {
-      var S;
-      (S = this.focusRef.value) == null || S.focus();
+      var C;
+      (C = this.focusRef.value) == null || C.focus();
     }, 0), this._userInfoMessage = k, this._search = w || "", this.resetComboboxInput(b), m && this.isMaxItemsReached());
   }
   setSelected(t) {
@@ -5967,7 +6006,7 @@ var yl = Object.defineProperty, $l = Object.getOwnPropertyDescriptor, $t = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && yl(t, e, a), a;
 };
-let vt = class extends P {
+let bt = class extends D {
   constructor() {
     super(...arguments), this.inputRef = A(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.isSwitch = !1, this.labelPosition = "right", this.hideLabel = !1, this.checked = null, this.indeterminate = !1, this.type = "checkbox", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut";
   }
@@ -6054,52 +6093,52 @@ let vt = class extends P {
 };
 $t([
   o({ type: String, reflect: !0 })
-], vt.prototype, "value", 2);
+], bt.prototype, "value", 2);
 $t([
   o({ type: String })
-], vt.prototype, "checkHelptext", 2);
+], bt.prototype, "checkHelptext", 2);
 $t([
   o({ type: Boolean })
-], vt.prototype, "defaultChecked", 2);
+], bt.prototype, "defaultChecked", 2);
 $t([
   o({ type: Boolean })
-], vt.prototype, "hasTile", 2);
+], bt.prototype, "hasTile", 2);
 $t([
   o({ type: Boolean })
-], vt.prototype, "isSwitch", 2);
+], bt.prototype, "isSwitch", 2);
 $t([
   o({ type: String })
-], vt.prototype, "labelPosition", 2);
+], bt.prototype, "labelPosition", 2);
 $t([
   o({ type: Boolean })
-], vt.prototype, "hideLabel", 2);
+], bt.prototype, "hideLabel", 2);
 $t([
   o({ type: Boolean, reflect: !0 })
-], vt.prototype, "checked", 2);
+], bt.prototype, "checked", 2);
 $t([
   o({ type: Boolean, reflect: !0 })
-], vt.prototype, "indeterminate", 2);
+], bt.prototype, "indeterminate", 2);
 $t([
   o({ type: String, reflect: !0 })
-], vt.prototype, "type", 2);
+], bt.prototype, "type", 2);
 $t([
   o({ type: String })
-], vt.prototype, "tagText", 2);
+], bt.prototype, "tagText", 2);
 $t([
   o({ type: Boolean })
-], vt.prototype, "optionalTag", 2);
+], bt.prototype, "optionalTag", 2);
 $t([
   o({ type: String })
-], vt.prototype, "optionalText", 2);
+], bt.prototype, "optionalText", 2);
 $t([
   o({ type: Boolean })
-], vt.prototype, "requiredTag", 2);
+], bt.prototype, "requiredTag", 2);
 $t([
   o({ type: String })
-], vt.prototype, "requiredText", 2);
-vt = $t([
+], bt.prototype, "requiredText", 2);
+bt = $t([
   j("pkt-checkbox")
-], vt);
+], bt);
 var _l = Object.defineProperty, wl = Object.getOwnPropertyDescriptor, Vi = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? wl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
@@ -6151,7 +6190,7 @@ Vi([
 ai = Vi([
   j("pkt-date-tags")
 ], ai);
-const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, range: { default: !1 } }, $i = {
+const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, range: { default: !1 } }, _i = {
   props: xl
 }, Be = () => {
   const i = navigator.userAgent;
@@ -6189,7 +6228,7 @@ const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
   getInputType() {
     return Be() ? "text" : "date";
   }
-}, Pi = {
+}, Di = {
   /**
    * Submits the form that contains the given element
    */
@@ -6241,7 +6280,7 @@ const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
     let l = e ? "calc(100% - 30px)" : "100%";
     a && a.top + r > window.innerHeight && a.top - r > 0 && (l = `calc(100% - ${n}px - ${r}px)`), i.value.style.top = l;
   }
-}, Di = {
+}, Ii = {
   /**
    * Generates input classes for datepicker
    */
@@ -6302,7 +6341,7 @@ const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
       l && t[0] !== r.value && t[1] && (s(), (n = e == null ? void 0 : e.value) == null || n.handleDateSelect(l));
     } else t[0] && s();
   }
-}, Pe = {
+}, De = {
   /**
    * Handles common keyboard interactions for datepicker inputs
    */
@@ -6522,9 +6561,9 @@ let It = class extends K {
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value}
-          min=${C(this.min)}
-          max=${C(this.max)}
-          placeholder=${C(this.placeholder)}
+          min=${S(this.min)}
+          max=${S(this.max)}
+          placeholder=${S(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           aria-describedby="${this.id}-helptext"
           @click=${(t) => {
@@ -6534,10 +6573,10 @@ let It = class extends K {
       t.preventDefault(), this.dispatchToggleCalendar(t);
     }}
           ?disabled=${this.disabled}
-          @keydown=${(t) => Pe.handleInputKeydown(
+          @keydown=${(t) => De.handleInputKeydown(
       t,
       (e) => this.dispatchToggleCalendar(e),
-      () => Pi.submitFormOrFallback(this.internals, () => {
+      () => Di.submitFormOrFallback(this.internals, () => {
         var e;
         return (e = this.inputRef.value) == null ? void 0 : e.blur();
       }),
@@ -6568,10 +6607,10 @@ let It = class extends K {
           ${E(this.inputRef)}
         />
         <button
-          class="${M(Di.getButtonClasses())}"
+          class="${M(Ii.getButtonClasses())}"
           type="button"
           @click=${(t) => this.dispatchToggleCalendar(t)}
-          @keydown=${(t) => Pe.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
+          @keydown=${(t) => De.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
           ?disabled=${this.disabled}
           ${E(this.btnRef)}
         >
@@ -6696,7 +6735,7 @@ let Tt = class extends K {
     return this;
   }
   render() {
-    const t = Di.getRangeLabelClasses(this.showRangeLabels);
+    const t = Ii.getRangeLabelClasses(this.showRangeLabels);
     return u`
       <div class="pkt-input__container">
         ${this.showRangeLabels ? u` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : $}
@@ -6705,9 +6744,9 @@ let Tt = class extends K {
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value[0] ?? ""}
-          min=${C(this.min)}
-          max=${C(this.max)}
-          placeholder=${C(this.placeholder)}
+          min=${S(this.min)}
+          max=${S(this.max)}
+          placeholder=${S(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -6716,10 +6755,10 @@ let Tt = class extends K {
           @touchend=${(e) => {
       e.preventDefault(), this.dispatchToggleCalendar(e);
     }}
-          @keydown=${(e) => Pe.handleInputKeydown(
+          @keydown=${(e) => De.handleInputKeydown(
       e,
       (s) => this.dispatchToggleCalendar(s),
-      () => Pi.submitFormOrFallback(
+      () => Di.submitFormOrFallback(
         this.internals,
         () => {
           var s;
@@ -6769,9 +6808,9 @@ let Tt = class extends K {
           id="${this.id}-to"
           aria-labelledby="${this.id}-to-label"
           .value=${this.value[1] ?? ""}
-          min=${C(this.min)}
-          max=${C(this.max)}
-          placeholder=${C(this.placeholder)}
+          min=${S(this.min)}
+          max=${S(this.max)}
+          placeholder=${S(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -6780,10 +6819,10 @@ let Tt = class extends K {
           @touchend=${(e) => {
       e.preventDefault(), this.dispatchToggleCalendar(e);
     }}
-          @keydown=${(e) => Pe.handleInputKeydown(
+          @keydown=${(e) => De.handleInputKeydown(
       e,
       (s) => this.dispatchToggleCalendar(s),
-      () => Pi.submitFormOrFallback(this.internals, () => {
+      () => Di.submitFormOrFallback(this.internals, () => {
         var s;
         return (s = this.inputRefTo.value) == null ? void 0 : s.blur();
       }),
@@ -6820,10 +6859,10 @@ let Tt = class extends K {
           ${E(this.inputRefTo)}
         />
         <button
-          class="${M(Di.getButtonClasses())}"
+          class="${M(Ii.getButtonClasses())}"
           type="button"
           @click=${(e) => this.dispatchToggleCalendar(e)}
-          @keydown=${(e) => Pe.handleButtonKeydown(e, (s) => this.dispatchToggleCalendar(s))}
+          @keydown=${(e) => De.handleButtonKeydown(e, (s) => this.dispatchToggleCalendar(s))}
           ?disabled=${this.disabled}
           ${E(this.btnRef)}
         >
@@ -6957,9 +6996,9 @@ let Nt = class extends K {
           class=${M(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
-          min=${C(this.min)}
-          max=${C(this.max)}
-          placeholder=${C(this.placeholder)}
+          min=${S(this.min)}
+          max=${S(this.max)}
+          placeholder=${S(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.isInputDisabled}
           @click=${(t) => {
@@ -6977,10 +7016,10 @@ let Nt = class extends K {
           @focus=${() => {
       this.dispatchFocus(), Be() && this.dispatchToggleCalendar(new Event("focus"));
     }}
-          @keydown=${(t) => Pe.handleInputKeydown(
+          @keydown=${(t) => De.handleInputKeydown(
       t,
       (e) => this.dispatchToggleCalendar(e),
-      () => Pi.submitFormOrFallback(this.internals, () => {
+      () => Di.submitFormOrFallback(this.internals, () => {
         var e;
         return (e = this.inputRef.value) == null ? void 0 : e.blur();
       }),
@@ -6994,10 +7033,10 @@ let Nt = class extends K {
           ${E(this.inputRef)}
         />
         <button
-          class="${M(Di.getButtonClasses())}"
+          class="${M(Ii.getButtonClasses())}"
           type="button"
           @click=${(t) => this.dispatchToggleCalendar(t)}
-          @keydown=${(t) => Pe.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
+          @keydown=${(t) => De.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
           ?disabled=${this.disabled}
           ${E(this.btnRef)}
         >
@@ -7047,17 +7086,17 @@ jt([
 Nt = jt([
   j("pkt-datepicker-multiple")
 ], Nt);
-var Dl = Object.defineProperty, Il = Object.getOwnPropertyDescriptor, dt = (i, t, e, s) => {
+var Dl = Object.defineProperty, Il = Object.getOwnPropertyDescriptor, ct = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Il(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Dl(t, e, a), a;
 };
-let tt = class extends P {
+let tt = class extends D {
   /**
    * Housekeeping / lifecycle methods
    */
   constructor() {
-    super(), this._valueProperty = "", this.datepickerPopupRef = A(), this._value = [], this.label = "Datovelger", this.dateformat = $i.props.dateformat.default, this.multiple = $i.props.multiple.default, this.maxlength = null, this.range = $i.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = $i.props.weeknumbers.default, this.withcontrols = $i.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = A(), this.popupRef = A(), this.helptextSlot = A(), this.singleInputRef = A(), this.rangeInputRef = A(), this.multipleInputRef = A(), this.addToSelected = (i) => {
+    super(), this._valueProperty = "", this.datepickerPopupRef = A(), this._value = [], this.label = "Datovelger", this.dateformat = _i.props.dateformat.default, this.multiple = _i.props.multiple.default, this.maxlength = null, this.range = _i.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = _i.props.weeknumbers.default, this.withcontrols = _i.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.calRef = A(), this.popupRef = A(), this.helptextSlot = A(), this.singleInputRef = A(), this.rangeInputRef = A(), this.multipleInputRef = A(), this.addToSelected = (i) => {
       const t = this.datepickerPopupRef.value;
       return t && typeof t.addToSelected == "function" ? t.addToSelected(i, this.min, this.max) : ns.addToSelected(i, this.calRef, this.min, this.max);
     }, this.slotController = new rt(this, this.helptextSlot);
@@ -7086,7 +7125,7 @@ let tt = class extends P {
   }
   valueChanged(i, t) {
     if (i === t) return;
-    const e = Ci(i), s = this.multiple && e.length > 1 ? Yi.filterSelectableDates(
+    const e = Ti(i), s = this.multiple && e.length > 1 ? Yi.filterSelectableDates(
       e,
       this.min,
       this.max,
@@ -7102,14 +7141,14 @@ let tt = class extends P {
     this._valueProperty !== a && (this._valueProperty = a), super.valueChanged(a, t);
   }
   attributeChangedCallback(i, t, e) {
-    i === "value" && this.value !== t && this.valueChanged(e, t), i === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = Ci(e || "")), i === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = Ci(e || "")), super.attributeChangedCallback(i, t, e);
+    i === "value" && this.value !== t && this.valueChanged(e, t), i === "excludedates" && typeof this.excludedates == "string" && (this.excludedates = Ti(e || "")), i === "excludeweekdays" && typeof this.excludeweekdays == "string" && (this.excludeweekdays = Ti(e || "")), super.attributeChangedCallback(i, t, e);
   }
   updated(i) {
     if (i.has("value")) {
       const t = Array.isArray(this.value) ? this.value.join(",") : this.value, e = i.get("value"), s = Array.isArray(e) ? e.join(",") : e;
       this.valueChanged(t, s);
     }
-    (i.has("multiple") || i.has("range")) && (this.name = Yi.normalizeNameForMultiple(this.name, this.multiple, this.range) || this.name), i.has("multiple") && (this.multiple && !Array.isArray(this._value) ? this._value = Ci(this.value) : !this.multiple && Array.isArray(this._value) && (this._value = this._value.filter(Boolean)), !this.multiple && !this.range && Array.isArray(this._value) && (this._value = [this._value[0] ?? ""])), super.updated(i);
+    (i.has("multiple") || i.has("range")) && (this.name = Yi.normalizeNameForMultiple(this.name, this.multiple, this.range) || this.name), i.has("multiple") && (this.multiple && !Array.isArray(this._value) ? this._value = Ti(this.value) : !this.multiple && Array.isArray(this._value) && (this._value = this._value.filter(Boolean)), !this.multiple && !this.range && Array.isArray(this._value) && (this._value = [this._value[0] ?? ""])), super.updated(i);
   }
   /**
    * Element references
@@ -7207,7 +7246,7 @@ let tt = class extends P {
     }}
         @manage-validity=${(i) => this.manageValidity(i.detail)}
         @validate-date-input=${(i) => {
-      Pi.validateDateInput(i.detail, this.internals, this.min, this.max, this.strings);
+      Di.validateDateInput(i.detail, this.internals, this.min, this.max, this.strings);
     }}
         @handle-date-select=${(i) => {
       var t, e;
@@ -7285,7 +7324,7 @@ let tt = class extends P {
     `;
   }
   render() {
-    return this.inputClasses = Di.getInputClasses(
+    return this.inputClasses = Ii.getInputClasses(
       this.fullwidth,
       this.showRangeLabels,
       this.multiple,
@@ -7378,67 +7417,67 @@ let tt = class extends P {
     );
   }
 };
-dt([
+ct([
   o({ type: String, reflect: !0 })
 ], tt.prototype, "value", 1);
-dt([
+ct([
   o({ type: Array })
 ], tt.prototype, "_value", 2);
-dt([
+ct([
   o({ type: String, reflect: !0 })
 ], tt.prototype, "label", 2);
-dt([
+ct([
   o({ type: String })
 ], tt.prototype, "dateformat", 2);
-dt([
+ct([
   o({ type: Boolean, reflect: !0 })
 ], tt.prototype, "multiple", 2);
-dt([
+ct([
   o({ type: Number, reflect: !0 })
 ], tt.prototype, "maxlength", 2);
-dt([
+ct([
   o({ type: Boolean, reflect: !0 })
 ], tt.prototype, "range", 2);
-dt([
+ct([
   o({ type: Boolean })
 ], tt.prototype, "showRangeLabels", 2);
-dt([
+ct([
   o({ type: String, reflect: !0 })
 ], tt.prototype, "min", 2);
-dt([
+ct([
   o({ type: String, reflect: !0 })
 ], tt.prototype, "max", 2);
-dt([
+ct([
   o({ type: Boolean })
 ], tt.prototype, "weeknumbers", 2);
-dt([
+ct([
   o({ type: Boolean, reflect: !0 })
 ], tt.prototype, "withcontrols", 2);
-dt([
+ct([
   o({ converter: hi.csvToArray })
 ], tt.prototype, "excludedates", 2);
-dt([
+ct([
   o({ converter: hi.csvToArray })
 ], tt.prototype, "excludeweekdays", 2);
-dt([
+ct([
   o({ type: String })
 ], tt.prototype, "currentmonth", 2);
-dt([
+ct([
   o({ type: Boolean, reflect: !0 })
 ], tt.prototype, "calendarOpen", 2);
-dt([
+ct([
   o({ type: String })
 ], tt.prototype, "timezone", 2);
-dt([
+ct([
   B()
 ], tt.prototype, "inputClasses", 2);
-tt = dt([
+tt = ct([
   j("pkt-datepicker")
 ], tt);
 const Rl = { href: { default: "#" }, target: { default: "_self" } }, Ta = {
   props: Rl
 };
-var Ll = Object.defineProperty, Bl = Object.getOwnPropertyDescriptor, di = (i, t, e, s) => {
+var Ll = Object.defineProperty, Bl = Object.getOwnPropertyDescriptor, ci = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Bl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Ll(t, e, a), a;
@@ -7463,22 +7502,22 @@ let Ve = class extends K {
     >`;
   }
 };
-di([
+ci([
   o({ type: String, reflect: !0 })
 ], Ve.prototype, "href", 2);
-di([
+ci([
   o({ type: String, reflect: !0 })
 ], Ve.prototype, "iconName", 2);
-di([
+ci([
   o({ type: String, reflect: !0 })
 ], Ve.prototype, "iconPosition", 2);
-di([
+ci([
   o({ type: Boolean, reflect: !0 })
 ], Ve.prototype, "external", 2);
-di([
+ci([
   o({ type: String, reflect: !0 })
 ], Ve.prototype, "target", 2);
-Ve = di([
+Ve = ci([
   j("pkt-link")
 ], Ve);
 var Vl = Object.defineProperty, jl = Object.getOwnPropertyDescriptor, ze = (i, t, e, s) => {
@@ -7486,7 +7525,7 @@ var Vl = Object.defineProperty, jl = Object.getOwnPropertyDescriptor, ze = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Vl(t, e, a), a;
 };
-let we = class extends K {
+let xe = class extends K {
   constructor() {
     super(), this.defaultSlot = A(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new rt(this, this.defaultSlot);
   }
@@ -7497,7 +7536,7 @@ let we = class extends K {
         href=${this.href}
         class=${t}
         target=${this.openInNewTab ? "_blank" : "_self"}
-        rel=${C(this.openInNewTab ? "noopener noreferrer" : void 0)}
+        rel=${S(this.openInNewTab ? "noopener noreferrer" : void 0)}
       >
         ${this.iconName && u`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
         ${this.title && u`<div class=${e}>${this.title}</div>`}
@@ -7509,31 +7548,31 @@ let we = class extends K {
 };
 ze([
   o({ type: String, reflect: !0 })
-], we.prototype, "title", 2);
+], xe.prototype, "title", 2);
 ze([
   o({ type: String, reflect: !0 })
-], we.prototype, "href", 2);
+], xe.prototype, "href", 2);
 ze([
   o({ type: String, reflect: !0 })
-], we.prototype, "iconName", 2);
+], xe.prototype, "iconName", 2);
 ze([
   o({ type: Boolean, reflect: !0 })
-], we.prototype, "external", 2);
+], xe.prototype, "external", 2);
 ze([
   o({ type: Boolean, reflect: !0 })
-], we.prototype, "openInNewTab", 2);
+], xe.prototype, "openInNewTab", 2);
 ze([
   o({ type: String, reflect: !0 })
-], we.prototype, "skin", 2);
-we = ze([
+], xe.prototype, "skin", 2);
+xe = ze([
   j("pkt-linkcard")
-], we);
+], xe);
 var Fl = Object.defineProperty, Ul = Object.getOwnPropertyDescriptor, pe = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Ul(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Fl(t, e, a), a;
 };
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.19/animations/";
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.21/animations/";
 let Yt = class extends K {
   constructor() {
     super(), this.defaultSlot = A(), this.delay = 0, this.inline = !1, this.isLoading = !0, this.message = null, this.size = "medium", this.variant = "shapes", this.loadingAnimationPath = window.pktAnimationPath, this._shouldDisplayLoader = !1, this.slotController = new rt(this, this.defaultSlot);
@@ -7616,7 +7655,7 @@ Yt = pe([
 const Hl = { skin: { default: "beige" }, compact: { default: !1 }, closable: { default: !1 } }, Ns = {
   props: Hl
 };
-var ql = Object.defineProperty, zl = Object.getOwnPropertyDescriptor, ci = (i, t, e, s) => {
+var ql = Object.defineProperty, zl = Object.getOwnPropertyDescriptor, pi = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? zl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && ql(t, e, a), a;
@@ -7655,22 +7694,22 @@ let je = class extends K {
     </div>`;
   }
 };
-ci([
+pi([
   o({ type: Boolean, reflect: !0 })
 ], je.prototype, "closable", 2);
-ci([
+pi([
   o({ type: Boolean, reflect: !0 })
 ], je.prototype, "compact", 2);
-ci([
+pi([
   o({ type: String, reflect: !0 })
 ], je.prototype, "title", 2);
-ci([
+pi([
   o({ type: String, reflect: !0 })
 ], je.prototype, "skin", 2);
-ci([
+pi([
   B()
 ], je.prototype, "_isClosed", 2);
-je = ci([
+je = pi([
   j("pkt-messagebox")
 ], je);
 const Wl = { hideCloseButton: { default: !1 }, closeOnBackdropClick: { default: !1 }, size: { default: "medium" } }, As = {
@@ -7849,7 +7888,7 @@ const nn = "important", Yl = " !" + nn, Zl = Ue(class extends li {
     return St;
   }
 });
-var Jl = Object.defineProperty, Xl = Object.getOwnPropertyDescriptor, ct = (i, t, e, s) => {
+var Jl = Object.defineProperty, Xl = Object.getOwnPropertyDescriptor, pt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Xl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Jl(t, e, a), a;
@@ -7911,61 +7950,61 @@ let et = class extends K {
     t == null || t === "" ? this.removeAttribute(i) : this.setAttribute(i, String(t));
   }
 };
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "ariaLabel", 2);
-ct([
+pt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "ariaLabelledby", 2);
-ct([
+pt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "ariaValueText", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "ariaLive", 2);
-ct([
+pt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "id", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "role", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "skin", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "statusPlacement", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "statusType", 2);
-ct([
+pt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "title", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "titlePosition", 2);
-ct([
+pt([
   o({ type: Number, reflect: !0 })
 ], et.prototype, "valueCurrent", 2);
-ct([
+pt([
   o({ type: Number })
 ], et.prototype, "valueMax", 2);
-ct([
+pt([
   o({ type: Number })
 ], et.prototype, "valueMin", 2);
-ct([
+pt([
   B()
 ], et.prototype, "labelWidth", 2);
-ct([
+pt([
   B()
 ], et.prototype, "progressbarId", 2);
-ct([
+pt([
   B()
 ], et.prototype, "computedAriaLabelledby", 2);
-ct([
+pt([
   B()
 ], et.prototype, "computedAriaValueText", 2);
-et = ct([
+et = pt([
   j("pkt-progressbar")
 ], et);
 var Ql = Object.defineProperty, th = Object.getOwnPropertyDescriptor, Ft = (i, t, e, s) => {
@@ -7973,7 +8012,7 @@ var Ql = Object.defineProperty, th = Object.getOwnPropertyDescriptor, Ft = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Ql(t, e, a), a;
 };
-let At = class extends P {
+let At = class extends D {
   constructor() {
     super(...arguments), this.inputRef = A(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut", this._checked = !1;
   }
@@ -8231,7 +8270,7 @@ function ah({ context: i, subscribe: t }) {
   };
 }
 const on = Symbol("pkt-tabs-context");
-var nh = Object.defineProperty, rh = Object.getOwnPropertyDescriptor, pi = (i, t, e, s) => {
+var nh = Object.defineProperty, rh = Object.getOwnPropertyDescriptor, ui = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? rh(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && nh(t, e, a), a;
@@ -8286,23 +8325,23 @@ let Fe = class extends K {
     `;
   }
 };
-pi([
+ui([
   o({ type: Boolean, reflect: !0, attribute: "arrow-nav" })
 ], Fe.prototype, "arrowNav", 2);
-pi([
+ui([
   o({ type: Boolean, reflect: !0, attribute: "disable-arrow-nav" })
 ], Fe.prototype, "disableArrowNav", 2);
-pi([
+ui([
   B()
 ], Fe.prototype, "tabRefs", 2);
-pi([
+ui([
   B()
 ], Fe.prototype, "tabCount", 2);
-pi([
+ui([
   sh({ context: on }),
   B()
 ], Fe.prototype, "context", 2);
-Fe = pi([
+Fe = ui([
   j("pkt-tabs")
 ], Fe);
 var oh = Object.defineProperty, lh = Object.getOwnPropertyDescriptor, ue = (i, t, e, s) => {
@@ -8337,10 +8376,10 @@ let ie = class extends K {
           ${E(this.elementRef)}
           href=${this.href}
           class="pkt-tabs__link ${e}"
-          role=${C(s)}
-          aria-selected=${C(a)}
-          aria-controls=${C(this.controls || void 0)}
-          tabindex=${C(n)}
+          role=${S(s)}
+          aria-selected=${S(a)}
+          aria-controls=${S(this.controls || void 0)}
+          tabindex=${S(n)}
           @click=${this.handleClick}
           @keyup=${this.handleKeyUp}
         >
@@ -8351,10 +8390,10 @@ let ie = class extends K {
         ${E(this.elementRef)}
         type="button"
         class="pkt-tabs__button pkt-link-button ${e}"
-        role=${C(s)}
-        aria-selected=${C(a)}
-        aria-controls=${C(this.controls || void 0)}
-        tabindex=${C(n)}
+        role=${S(s)}
+        aria-selected=${S(a)}
+        aria-controls=${S(this.controls || void 0)}
+        tabindex=${S(n)}
         @click=${this.handleClick}
         @keyup=${this.handleKeyUp}
       >
@@ -8420,7 +8459,7 @@ var dh = Object.defineProperty, ch = Object.getOwnPropertyDescriptor, ji = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && dh(t, e, a), a;
 };
-let ni = class extends P {
+let ni = class extends D {
   constructor() {
     super(), this.inputRef = A(), this.helptextSlot = A(), this.value = "", this.autocomplete = "off", this.rows = null, this.counterCurrent = 0, this.slotController = new rt(this, this.helptextSlot);
   }
@@ -8466,10 +8505,10 @@ let ni = class extends P {
         class=${t}
         id=${this.id + "-input"}
         name=${(this.name || this.id) + "-input"}
-        placeholder=${C(this.placeholder)}
+        placeholder=${S(this.placeholder)}
         .value=${hh(this.value)}
-        minlength=${C(this.minlength)}
-        maxlength=${C(this.maxlength)}
+        minlength=${S(this.minlength)}
+        maxlength=${S(this.maxlength)}
         ?readonly=${this.readonly}
         autocomplete=${this.autocomplete}
         aria-labelledby=${e}
@@ -8513,7 +8552,7 @@ var ph = Object.defineProperty, uh = Object.getOwnPropertyDescriptor, re = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && ph(t, e, a), a;
 };
-let Zt = class extends P {
+let Zt = class extends D {
   constructor() {
     super(), this.inputRef = A(), this.helptextSlot = A(), this.value = "", this.type = "text", this.size = null, this.autocomplete = null, this.iconNameRight = null, this.prefix = null, this.suffix = null, this.omitSearchIcon = !1, this.counterCurrent = 0, this.slotController = new rt(this, this.helptextSlot);
   }
@@ -8564,14 +8603,14 @@ let Zt = class extends P {
             type=${this.type}
             name=${(this.name || this.id) + "-input"}
             id=${this.id + "-input"}
-            placeholder=${C(this.placeholder)}
+            placeholder=${S(this.placeholder)}
             aria-labelledby=${s}
             autocomplete=${this.autocomplete || "off"}
-            minlength=${C(this.minlength || void 0)}
-            maxlength=${C(this.maxlength || void 0)}
-            min=${C(this.min || void 0)}
-            max=${C(this.max || void 0)}
-            step=${C(this.step || void 0)}
+            minlength=${S(this.minlength || void 0)}
+            maxlength=${S(this.maxlength || void 0)}
+            min=${S(this.min || void 0)}
+            max=${S(this.max || void 0)}
+            step=${S(this.step || void 0)}
             ?readonly=${this.readonly}
             size=${this.size || $}
             .value=${this.value}
@@ -8651,7 +8690,7 @@ var mh = Object.defineProperty, fh = Object.getOwnPropertyDescriptor, cs = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && mh(t, e, a), a;
 };
-let Ii = class extends P {
+let Ri = class extends D {
   constructor() {
     super(), this.inputRef = A(), this.helptextSlot = A(), this._optionsProp = [], this.value = "", this._options = [], this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new an(this), this.slotController = new rt(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
@@ -8742,23 +8781,23 @@ let Ii = class extends P {
         ?optionalTag=${this.optionalTag}
         ?requiredTag=${this.requiredTag}
         useWrapper=${this.useWrapper}
-        ariaDescribedBy=${C(this.ariaDescribedBy)}
+        ariaDescribedBy=${S(this.ariaDescribedBy)}
         class="pkt-select"
-        errorMessage=${C(this.errorMessage)}
+        errorMessage=${S(this.errorMessage)}
         forId=${this.id + "-input"}
-        helptext=${C(this.helptext)}
-        helptextDropdown=${C(this.helptextDropdown)}
-        helptextDropdownButton=${C(this.helptextDropdownButton)}
-        label=${C(this.label)}
-        optionalText=${C(this.optionalText)}
-        requiredText=${C(this.requiredText)}
-        tagText=${C(this.tagText)}
+        helptext=${S(this.helptext)}
+        helptextDropdown=${S(this.helptextDropdown)}
+        helptextDropdownButton=${S(this.helptextDropdownButton)}
+        label=${S(this.label)}
+        optionalText=${S(this.optionalText)}
+        requiredText=${S(this.requiredText)}
+        tagText=${S(this.tagText)}
       >
         <select
           class=${i}
           aria-invalid=${this.hasError}
           aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${C(this.ariaLabelledby)}
+          aria-labelledby=${S(this.ariaLabelledby)}
           ?disabled=${this.disabled}
           id=${this.id + "-input"}
           name=${(this.name || this.id) + "-input"}
@@ -8798,16 +8837,16 @@ let Ii = class extends P {
 };
 cs([
   o({ type: Array, attribute: "options" })
-], Ii.prototype, "_optionsProp", 2);
+], Ri.prototype, "_optionsProp", 2);
 cs([
   o({ type: String })
-], Ii.prototype, "value", 2);
+], Ri.prototype, "value", 2);
 cs([
   B()
-], Ii.prototype, "_options", 2);
-Ii = cs([
+], Ri.prototype, "_options", 2);
+Ri = cs([
   j("pkt-select")
-], Ii);
+], Ri);
 var gh = Object.defineProperty, vh = Object.getOwnPropertyDescriptor, Fi = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? vh(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
@@ -8901,8 +8940,8 @@ ri = Fi([
 ], ri);
 const L = Jt({
   tagName: "pkt-icon",
-  elementClass: Re,
-  react: mt,
+  elementClass: Le,
+  react: gt,
   displayName: "PktIcon",
   events: {}
 }), bh = Z(
@@ -8919,18 +8958,18 @@ const L = Jt({
     onClick: p,
     onToggle: m
   }, f) => {
-    const [y, b] = ke(i), { name: k } = kn(), w = l || k, S = n !== void 0 ? n : y;
-    De(() => {
+    const [y, b] = ke(i), { name: k } = kn(), w = l || k, C = n !== void 0 ? n : y;
+    Ie(() => {
       n === void 0 && b(i);
     }, [i, n]);
-    const O = (T) => {
-      const G = T.currentTarget.open;
-      n === void 0 && b(G), m == null || m(T);
-    }, N = (T) => {
+    const O = (N) => {
+      const G = N.currentTarget.open;
+      n === void 0 && b(G), m == null || m(N);
+    }, T = (N) => {
       setTimeout(() => {
-        p == null || p(T);
+        p == null || p(N);
       }, 0);
-    }, I = [
+    }, P = [
       "pkt-accordion-item",
       a && "pkt-accordion-item--compact",
       s && `pkt-accordion-item--${s}`,
@@ -8940,10 +8979,10 @@ const L = Jt({
       "details",
       {
         ref: f,
-        className: I,
+        className: P,
         id: t,
-        open: S,
-        onClick: N,
+        open: C,
+        onClick: T,
         name: w,
         onToggle: O,
         children: [
@@ -9001,7 +9040,7 @@ function yh() {
   })(Es)), Es.exports;
 }
 var $h = yh();
-const ht = /* @__PURE__ */ kh($h), ln = ({
+const dt = /* @__PURE__ */ kh($h), ln = ({
   children: i,
   closeAlert: t,
   compact: e,
@@ -9026,7 +9065,7 @@ const ht = /* @__PURE__ */ kh($h), ln = ({
   }, w = Ls(() => {
     y(!0), m.onClose && m.onClose(new CustomEvent("close", { detail: { origin: event }, bubbles: !0, composed: !0 }));
   }, [m.onClose, y]);
-  return /* @__PURE__ */ h("div", { ...m, "aria-live": n || r, role: l, className: ht(b, p), children: /* @__PURE__ */ x("div", { className: ht(k), children: [
+  return /* @__PURE__ */ h("div", { ...m, "aria-live": n || r, role: l, className: dt(b, p), children: /* @__PURE__ */ x("div", { className: dt(k), children: [
     /* @__PURE__ */ h(
       L,
       {
@@ -9061,7 +9100,7 @@ ln.displayName = "PktAlert";
 const _h = Jt({
   tagName: "pkt-backlink",
   elementClass: si,
-  react: mt,
+  react: gt,
   displayName: "PktBackLink"
 });
 _h.displayName = "PktBackLink";
@@ -9102,53 +9141,62 @@ const Gd = Z(
     ] });
   }
 );
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.19/animations/";
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.21/animations/";
 const oi = Z(
   ({
     children: i,
     className: t,
     iconName: e = "user",
     secondIconName: s = "user",
-    size: a = "medium",
-    fullWidth: n = !1,
-    fullWidthOnMobile: r = !1,
-    skin: l = "primary",
-    type: d = "button",
-    variant: p = "label-only",
-    state: m,
-    color: f,
-    isLoading: y = void 0,
-    disabled: b = void 0,
-    loadingAnimationPath: k = window.pktAnimationPath,
-    ...w
-  }, S) => {
-    const O = [
+    iconPath: a,
+    secondIconPath: n,
+    size: r = "medium",
+    fullWidth: l = !1,
+    fullWidthOnMobile: d = !1,
+    skin: p = "primary",
+    type: m = "button",
+    variant: f = "label-only",
+    state: y,
+    color: b,
+    isLoading: k = void 0,
+    disabled: w = void 0,
+    loadingAnimationPath: C = window.pktAnimationPath,
+    ...O
+  }, T) => {
+    const P = [
       t,
       "pkt-btn",
-      a && `pkt-btn--${a}`,
-      n && "pkt-btn--full",
-      r && "pkt-btn--full-small",
-      l && `pkt-btn--${l}`,
+      r && `pkt-btn--${r}`,
+      l && "pkt-btn--full",
+      d && "pkt-btn--full-small",
       p && `pkt-btn--${p}`,
       f && `pkt-btn--${f}`,
-      m && `pkt-btn--${m}`,
-      y && "pkt-btn--isLoading"
+      b && `pkt-btn--${b}`,
+      y && `pkt-btn--${y}`,
+      k && "pkt-btn--isLoading"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ x(
       "button",
       {
-        ...w,
-        "aria-busy": y || void 0,
-        "aria-disabled": b || void 0,
-        disabled: b,
-        className: O,
-        type: d,
-        ref: S,
+        ...O,
+        "aria-busy": k || void 0,
+        "aria-disabled": w || void 0,
+        disabled: w,
+        className: P,
+        type: m,
+        ref: T,
         children: [
-          y && /* @__PURE__ */ h(L, { className: "pkt-btn__icon pkt-btn__spinner", name: "spinner-blue", path: k }),
-          p !== "label-only" && /* @__PURE__ */ h(L, { className: "pkt-btn__icon", name: e }),
+          k && /* @__PURE__ */ h(L, { className: "pkt-btn__icon pkt-btn__spinner", name: "spinner-blue", path: C }),
+          f !== "label-only" && /* @__PURE__ */ h(L, { className: "pkt-btn__icon", name: e, ...a && { path: a } }),
           /* @__PURE__ */ h("span", { className: "pkt-btn__text", children: i }),
-          p === "icons-right-and-left" && /* @__PURE__ */ h(L, { className: "pkt-btn__icon", name: s })
+          f === "icons-right-and-left" && /* @__PURE__ */ h(
+            L,
+            {
+              className: "pkt-btn__icon",
+              name: s,
+              ...n && { path: n }
+            }
+          )
         ]
       }
     );
@@ -9157,8 +9205,8 @@ const oi = Z(
 oi.displayName = "PktButton";
 const wh = Jt({
   tagName: "pkt-card",
-  elementClass: lt,
-  react: mt,
+  elementClass: ht,
+  react: gt,
   displayName: "PktCard",
   events: {}
 }), xh = Z(
@@ -9183,16 +9231,16 @@ const Sh = Z(
     optionalTag: b,
     optionalText: k = "Valgfritt",
     requiredTag: w,
-    requiredText: S = "Må fylles ut",
+    requiredText: C = "Må fylles ut",
     tagText: O,
-    ...N
-  }, I) => {
-    const T = Bs(null);
-    De(() => {
-      T.current && y !== void 0 && (T.current.indeterminate = y);
-    }, [y]), De(() => {
-      typeof I == "function" ? I(T.current) : I && (I.current = T.current);
-    }, [I]);
+    ...T
+  }, P) => {
+    const N = Bs(null);
+    Ie(() => {
+      N.current && y !== void 0 && (N.current.indeterminate = y);
+    }, [y]), Ie(() => {
+      typeof P == "function" ? P(N.current) : P && (P.current = N.current);
+    }, [P]);
     const H = [r, "pkt-input-check"].filter(Boolean).join(" "), G = [
       "pkt-input-check__input-label",
       e ? "pkt-input-check__input-label--disabled" : "",
@@ -9202,10 +9250,10 @@ const Sh = Z(
       "pkt-input-check__input",
       t ? "pkt-input-check__input--tile" : "",
       e && t ? "pkt-input-check__input--tile-disabled" : ""
-    ].filter(Boolean).join(" "), pt = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), J = () => /* @__PURE__ */ x(Wt, { children: [
-      O && /* @__PURE__ */ h("span", { className: pt + " pkt-tag--gray", children: O }),
-      b && /* @__PURE__ */ h("span", { className: pt + " pkt-tag--blue-light", children: k }),
-      w && /* @__PURE__ */ h("span", { className: pt + " pkt-tag--beige", children: S })
+    ].filter(Boolean).join(" "), mt = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), J = () => /* @__PURE__ */ x(Wt, { children: [
+      O && /* @__PURE__ */ h("span", { className: mt + " pkt-tag--gray", children: O }),
+      b && /* @__PURE__ */ h("span", { className: mt + " pkt-tag--blue-light", children: k }),
+      w && /* @__PURE__ */ h("span", { className: mt + " pkt-tag--beige", children: C })
     ] });
     return /* @__PURE__ */ h("div", { className: H, children: /* @__PURE__ */ x("div", { className: _t, children: [
       p === "left" && /* @__PURE__ */ x("label", { className: G, htmlFor: i, children: [
@@ -9218,13 +9266,13 @@ const Sh = Z(
         "input",
         {
           role: l ? "switch" : "checkbox",
-          ref: T,
+          ref: N,
           className: `pkt-input-check__input-checkbox ${n ? "pkt-input-check__input-checkbox--error" : ""}`,
           type: "checkbox",
           id: i,
           disabled: e,
           ...f !== void 0 ? { checked: f } : { defaultChecked: m },
-          ...N
+          ...T
         }
       ),
       p === "right" && /* @__PURE__ */ x("label", { className: G, htmlFor: i, children: [
@@ -9240,7 +9288,7 @@ Sh.displayName = "PktCheckbox";
 const Ch = Jt({
   tagName: "pkt-combobox",
   elementClass: Q,
-  react: mt,
+  react: gt,
   displayName: "PktCombobox",
   events: {
     onClick: "click",
@@ -9259,7 +9307,7 @@ Th.displayName = "PktCombobox";
 const Hs = Jt({
   tagName: "pkt-consent",
   elementClass: Ht,
-  react: mt,
+  react: gt,
   displayName: "PktConsent",
   events: {
     onToggleConsent: "toggle-consent"
@@ -9269,7 +9317,7 @@ Hs.displayName = "PktConsent";
 const Nh = Jt({
   tagName: "pkt-datepicker",
   elementClass: tt,
-  react: mt,
+  react: gt,
   displayName: "PktDatepicker",
   events: {
     onChange: "change",
@@ -9301,7 +9349,7 @@ const Yd = ({
     console.log(w.detail);
   }
 }) => {
-  var S, O;
+  var C, O;
   const w = [s, "pkt-footer"].filter(Boolean).join(" ");
   return /* @__PURE__ */ h("footer", { className: w, "data-mode": "dark", children: /* @__PURE__ */ x("div", { className: "pkt-footer__container", children: [
     /* @__PURE__ */ x("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
@@ -9309,38 +9357,38 @@ const Yd = ({
         /* @__PURE__ */ h("h2", { className: "pkt-footer__title", children: i.title }),
         /* @__PURE__ */ x("ul", { className: "pkt-footer__list", children: [
           i.text && /* @__PURE__ */ h("li", { className: "pkt-footer__text", children: i.text }),
-          (S = i.links) == null ? void 0 : S.map((N, I) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
+          (C = i.links) == null ? void 0 : C.map((T, P) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
             "a",
             {
-              className: `pkt-footer__link ${N.external ? "pkt-link--external" : ""}`,
-              href: N.href,
-              target: N.openInNewTab || a ? "_blank" : "_self",
-              rel: N.openInNewTab || a ? "noopener noreferrer" : void 0,
+              className: `pkt-footer__link ${T.external ? "pkt-link--external" : ""}`,
+              href: T.href,
+              target: T.openInNewTab || a ? "_blank" : "_self",
+              rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
               children: [
                 /* @__PURE__ */ h(L, { className: "pkt-footer__link-icon", name: "chevron-right" }),
-                N.text
+                T.text
               ]
             }
-          ) }, `links-${I}`))
+          ) }, `links-${P}`))
         ] })
       ] }),
       /* @__PURE__ */ x("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
         /* @__PURE__ */ h("h2", { className: "pkt-footer__title", children: t.title }),
         /* @__PURE__ */ x("ul", { className: "pkt-footer__list", children: [
           t.text && /* @__PURE__ */ h("li", { className: "pkt-footer__text", children: t.text }),
-          (O = t.links) == null ? void 0 : O.map((N, I) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
+          (O = t.links) == null ? void 0 : O.map((T, P) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
             "a",
             {
-              className: `pkt-footer__link ${N.external ? "pkt-link--external" : ""}`,
-              href: N.href,
-              target: N.openInNewTab || a ? "_blank" : "_self",
-              rel: N.openInNewTab || a ? "noopener noreferrer" : void 0,
+              className: `pkt-footer__link ${T.external ? "pkt-link--external" : ""}`,
+              href: T.href,
+              target: T.openInNewTab || a ? "_blank" : "_self",
+              rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
               children: [
                 /* @__PURE__ */ h(L, { className: "pkt-footer__link-icon", name: "chevron-right" }),
-                N.text
+                T.text
               ]
             }
-          ) }, `links-${I}`))
+          ) }, `links-${P}`))
         ] })
       ] }),
       /* @__PURE__ */ x("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
@@ -9389,27 +9437,27 @@ const Yd = ({
       ] })
     ] }),
     e && /* @__PURE__ */ x("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
-      /* @__PURE__ */ h("div", { className: "pkt-footer__social-languages", children: e.filter((N) => N.language).map((N, I) => /* @__PURE__ */ h("div", { className: "pkt-footer__social-language", children: /* @__PURE__ */ h(
+      /* @__PURE__ */ h("div", { className: "pkt-footer__social-languages", children: e.filter((T) => T.language).map((T, P) => /* @__PURE__ */ h("div", { className: "pkt-footer__social-language", children: /* @__PURE__ */ h(
         "a",
         {
-          href: N.href,
-          "aria-label": `til ${N.language} versjon av nettsiden`,
-          target: N.openInNewTab || a ? "_blank" : "_self",
-          rel: N.openInNewTab || a ? "noopener noreferrer" : void 0,
-          children: N.language
+          href: T.href,
+          "aria-label": `til ${T.language} versjon av nettsiden`,
+          target: T.openInNewTab || a ? "_blank" : "_self",
+          rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
+          children: T.language
         }
-      ) }, `sociallinks-language-${I}`)) }),
-      /* @__PURE__ */ h("div", { className: "pkt-footer__social-icons", children: e.filter((N) => N.iconName).map((N, I) => /* @__PURE__ */ h(un, { children: /* @__PURE__ */ h(
+      ) }, `sociallinks-language-${P}`)) }),
+      /* @__PURE__ */ h("div", { className: "pkt-footer__social-icons", children: e.filter((T) => T.iconName).map((T, P) => /* @__PURE__ */ h(un, { children: /* @__PURE__ */ h(
         "a",
         {
-          href: N.href,
-          "aria-label": `til ${N.iconName}`,
+          href: T.href,
+          "aria-label": `til ${T.iconName}`,
           className: "pkt-footer__social-icon-link",
-          target: N.openInNewTab || a ? "_blank" : "_self",
-          rel: N.openInNewTab || a ? "noopener noreferrer" : void 0,
-          children: /* @__PURE__ */ h(L, { className: "pkt-footer__social-icon", name: N.iconName })
+          target: T.openInNewTab || a ? "_blank" : "_self",
+          rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
+          children: /* @__PURE__ */ h(L, { className: "pkt-footer__social-icon", name: T.iconName })
         }
-      ) }, `sociallinks-${I}`)) })
+      ) }, `sociallinks-${P}`)) })
     ] })
   ] }) });
 }, Zd = ({
@@ -9502,19 +9550,19 @@ const Yd = ({
     openMenu: b,
     logOut: k,
     changeRepresentation: w,
-    children: S,
+    children: C,
     ...O
-  }, N) => {
-    const I = mt.useMemo(() => typeof (n == null ? void 0 : n.lastLoggedIn) == "string" ? n.lastLoggedIn : n != null && n.lastLoggedIn ? new Date(n.lastLoggedIn).toLocaleString("nb-NO", {
+  }, T) => {
+    const P = gt.useMemo(() => typeof (n == null ? void 0 : n.lastLoggedIn) == "string" ? n.lastLoggedIn : n != null && n.lastLoggedIn ? new Date(n.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : "", [n]), [T, H] = mt.useState(!1), [G, _t] = mt.useState(0), [pt, J] = mt.useState(!1), st = mt.useRef(null);
-    mt.useEffect(() => (document && (document.addEventListener("mouseup", Ot), window.addEventListener("scroll", at)), () => {
+    }) : "", [n]), [N, H] = gt.useState(!1), [G, _t] = gt.useState(0), [mt, J] = gt.useState(!1), st = gt.useRef(null);
+    gt.useEffect(() => (document && (document.addEventListener("mouseup", Ot), window.addEventListener("scroll", at)), () => {
       document && (document.removeEventListener("mouseup", Ot), window.removeEventListener("scroll", at));
     }));
     const Et = () => {
-      J(!pt);
+      J(!mt);
     }, Ot = (R) => {
       st.current && !st.current.contains(R.target) && J(!1);
     }, at = () => {
@@ -9532,12 +9580,12 @@ const Yd = ({
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
-        className: ht(i, "pkt-header", {
+        className: dt(i, "pkt-header", {
           "pkt-header--fixed": s,
           "pkt-header--scroll-to-hide": a,
-          "pkt-header--hidden": T
+          "pkt-header--hidden": N
         }),
-        ref: N,
+        ref: T,
         children: [
           /* @__PURE__ */ x("div", { className: "pkt-header__logo", children: [
             typeof t == "string" ? /* @__PURE__ */ h("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: t, children: /* @__PURE__ */ h(
@@ -9546,7 +9594,7 @@ const Yd = ({
                 name: "oslologo",
                 className: "pkt-header__logo-svg",
                 "aria-hidden": "true",
-                path: "https://punkt-cdn.oslo.kommune.no/13.19/logos/"
+                path: "https://punkt-cdn.oslo.kommune.no/13.21/logos/"
               }
             ) }) : /* @__PURE__ */ h(
               "button",
@@ -9560,7 +9608,7 @@ const Yd = ({
                     name: "oslologo",
                     className: "pkt-header__logo-svg",
                     "aria-hidden": "true",
-                    path: "https://punkt-cdn.oslo.kommune.no/13.19/logos/"
+                    path: "https://punkt-cdn.oslo.kommune.no/13.21/logos/"
                   }
                 )
               }
@@ -9583,7 +9631,7 @@ const Yd = ({
               "li",
               {
                 "data-testid": "usermenu",
-                className: `pkt-header--has-dropdown ${pt && !T ? "pkt-header--open-dropdown" : ""}`,
+                className: `pkt-header--has-dropdown ${mt && !N ? "pkt-header--open-dropdown" : ""}`,
                 ref: st,
                 children: [
                   /* @__PURE__ */ x(
@@ -9593,7 +9641,7 @@ const Yd = ({
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": pt,
+                      "aria-expanded": mt,
                       onClick: Et,
                       children: [
                         /* @__PURE__ */ h(L, { name: "user", className: "pkt-btn__icon" }),
@@ -9610,7 +9658,7 @@ const Yd = ({
                       /* @__PURE__ */ h("div", { className: "pkt-user-menu__name", translate: "no", children: n.name }),
                       n.lastLoggedIn && /* @__PURE__ */ x("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ h("time", { children: I })
+                        /* @__PURE__ */ h("time", { children: P })
                       ] })
                     ] }),
                     r && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: r.map((R, xt) => /* @__PURE__ */ h("li", { children: typeof R.target == "string" ? /* @__PURE__ */ x("a", { href: R.target, className: "pkt-link", children: [
@@ -9652,7 +9700,7 @@ const Yd = ({
                 ]
               }
             ),
-            S && /* @__PURE__ */ h("li", { children: S }),
+            C && /* @__PURE__ */ h("li", { children: C }),
             y && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
               oi,
               {
@@ -9672,15 +9720,15 @@ const Yd = ({
   }
 ), Eh = Jt({
   tagName: "pkt-heading",
-  elementClass: Le,
-  react: mt,
+  elementClass: we,
+  react: gt,
   displayName: "PktHeading"
 }), Oh = Z(({ children: i, ...t }, e) => /* @__PURE__ */ h(Eh, { "data-testid": "pkt-heading", ...t, ref: e, children: i }));
 Oh.displayName = "PktHeading";
 const Mh = Jt({
   tagName: "pkt-helptext",
   elementClass: ce,
-  react: mt,
+  react: gt,
   displayName: "PktHelptext",
   events: {
     onToggleHelpText: "toggleHelpText"
@@ -9715,25 +9763,25 @@ const ps = Z(
     hasError: b = !1,
     errorMessage: k,
     disabled: w = !1,
-    inline: S = !1,
+    inline: C = !1,
     ariaDescribedby: O,
-    useWrapper: N = !0,
-    children: I,
-    className: T = "",
+    useWrapper: T = !0,
+    children: P,
+    className: N = "",
     hasFieldset: H = !1,
     role: G = "group",
     counterPosition: _t = "bottom"
-  }, pt) => {
+  }, mt) => {
     const [J, st] = ke(!1), Et = O || (e ? `${i}-helptext` : void 0), Ot = !!n, at = Ot && _t === "top", R = Ot && _t === "bottom", xt = () => st((ot) => !ot), Qt = [
       "pkt-inputwrapper",
-      T,
+      N,
       b ? "pkt-inputwrapper--error" : "",
       w ? "pkt-inputwrapper--disabled" : "",
-      S ? "pkt-inputwrapper--inline" : ""
+      C ? "pkt-inputwrapper--inline" : ""
     ].filter(Boolean).join(" "), oe = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), te = () => Ot ? /* @__PURE__ */ x("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": "true", children: [
       r,
       l ? `/${l}` : ""
-    ] }) : null, xe = () => /* @__PURE__ */ x(Wt, { children: [
+    ] }) : null, Se = () => /* @__PURE__ */ x(Wt, { children: [
       y && /* @__PURE__ */ h("span", { className: oe + " pkt-tag--gray", children: y }),
       d && /* @__PURE__ */ h("span", { className: oe + " pkt-tag--blue-light", children: p }),
       m && /* @__PURE__ */ h("span", { className: oe + " pkt-tag--beige", children: f })
@@ -9741,11 +9789,11 @@ const ps = Z(
       const ot = /* @__PURE__ */ x(Wt, { children: [
         t,
         " ",
-        xe()
+        Se()
       ] });
-      return N ? H ? /* @__PURE__ */ h("legend", { className: "pkt-inputwrapper__legend", id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { className: "pkt-inputwrapper__label", htmlFor: i, "aria-describedby": Et, id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { htmlFor: i, className: "pkt-sr-only", "aria-describedby": Et, id: `${i}-label`, children: t });
+      return T ? H ? /* @__PURE__ */ h("legend", { className: "pkt-inputwrapper__legend", id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { className: "pkt-inputwrapper__label", htmlFor: i, "aria-describedby": Et, id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { htmlFor: i, className: "pkt-sr-only", "aria-describedby": Et, id: `${i}-label`, children: t });
     }, le = () => !e && !s ? null : /* @__PURE__ */ x(Wt, { children: [
-      e && N && /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__helptext", id: `${i}-helptext`, children: e }),
+      e && T && /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__helptext", id: `${i}-helptext`, children: e }),
       s && /* @__PURE__ */ x("div", { className: "pkt-inputwrapper__helptext-expandable", children: [
         /* @__PURE__ */ h(
           oi,
@@ -9778,11 +9826,11 @@ const ps = Z(
       We(),
       le(),
       at && /* @__PURE__ */ h(te, {}),
-      I,
+      P,
       R && /* @__PURE__ */ h(te, {}),
       b && k && /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__alert-wrapper", children: /* @__PURE__ */ h(ln, { skin: "error", "aria-live": "assertive", role: "alert", id: `${i}-error`, compact: !0, children: k }) })
     ] });
-    return /* @__PURE__ */ h("div", { className: Qt, ref: pt, role: G, children: H ? /* @__PURE__ */ h("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": Et, children: Ut }) : /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__fieldset", children: Ut }) });
+    return /* @__PURE__ */ h("div", { className: Qt, ref: mt, role: G, children: H ? /* @__PURE__ */ h("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": Et, children: Ut }) : /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__fieldset", children: Ut }) });
   }
 );
 ps.displayName = "PktInputWrapper";
@@ -9799,7 +9847,7 @@ const Ih = ({
   "a",
   {
     ...l,
-    className: ht({
+    className: dt({
       "pkt-link": !0,
       "pkt-link--icon-left": !!t && s === "left" || !!(t && !s),
       "pkt-link--icon-right": !!t && s === "right",
@@ -9832,12 +9880,12 @@ const Rh = ({
     {
       ...d,
       href: s,
-      className: ht(p, l),
+      className: dt(p, l),
       target: n ? "_blank" : "_self",
       rel: n ? "noopener noreferrer" : void 0,
       children: [
         a && /* @__PURE__ */ h(L, { className: "pkt-link__icon", name: a }),
-        e && /* @__PURE__ */ h("div", { className: ht(m), children: e }),
+        e && /* @__PURE__ */ h("div", { className: dt(m), children: e }),
         /* @__PURE__ */ h("div", { className: "pkt-linkcard__text", children: i })
       ]
     }
@@ -9847,7 +9895,7 @@ Rh.displayName = "PktLinkCard";
 const Lh = Jt({
   tagName: "pkt-loader",
   elementClass: Yt,
-  react: mt,
+  react: gt,
   displayName: "PktLoader",
   events: {}
 }), Bh = Z(
@@ -9873,7 +9921,7 @@ const Vh = ({
   }, f = mn(), y = Ls(() => {
     p(!0), r && r();
   }, [p, r]);
-  return /* @__PURE__ */ x("div", { ...l, className: ht(m, t), ref: f, children: [
+  return /* @__PURE__ */ x("div", { ...l, className: dt(m, t), ref: f, children: [
     n && /* @__PURE__ */ h("div", { className: "pkt-messagebox__close", children: /* @__PURE__ */ h(
       "button",
       {
@@ -9891,7 +9939,7 @@ Vh.displayName = "PktMessagebox";
 const jh = Jt({
   tagName: "pkt-modal",
   elementClass: Rt,
-  react: mt,
+  react: gt,
   displayName: "PktModal",
   events: {}
 }), Fh = Z(
@@ -9901,7 +9949,7 @@ Fh.displayName = "PktModal";
 const Uh = Jt({
   tagName: "pkt-progressbar",
   elementClass: et,
-  react: mt,
+  react: gt,
   displayName: "PktProgressbar",
   events: {}
 }), Hh = Z(
@@ -9926,34 +9974,34 @@ const qh = Z(
     requiredText: b,
     tagText: k,
     ...w
-  }, S) => {
-    const O = [s, "pkt-input-check"].filter(Boolean).join(" "), N = [
+  }, C) => {
+    const O = [s, "pkt-input-check"].filter(Boolean).join(" "), T = [
       "pkt-input-check__input",
       a ? "pkt-input-check__input--tile" : "",
       n && a ? "pkt-input-check__input--tile-disabled" : ""
-    ].filter(Boolean).join(" "), I = [
+    ].filter(Boolean).join(" "), P = [
       "pkt-input-check__input-checkbox",
       l ? "pkt-input-check__input-checkbox--error" : ""
-    ].filter(Boolean).join(" "), T = ["pkt-input-check__input-label", n ? "pkt-input-check__input-label--disabled" : ""].filter(Boolean).join(" "), H = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), G = () => /* @__PURE__ */ x(Wt, { children: [
+    ].filter(Boolean).join(" "), N = ["pkt-input-check__input-label", n ? "pkt-input-check__input-label--disabled" : ""].filter(Boolean).join(" "), H = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), G = () => /* @__PURE__ */ x(Wt, { children: [
       k && /* @__PURE__ */ h("span", { className: H + " pkt-tag--gray", children: k }),
       m && /* @__PURE__ */ h("span", { className: H + " pkt-tag--blue-light", children: f }),
       y && /* @__PURE__ */ h("span", { className: H + " pkt-tag--beige", children: b })
     ] });
-    return /* @__PURE__ */ h("div", { className: O, children: /* @__PURE__ */ x("div", { className: N, children: [
+    return /* @__PURE__ */ h("div", { className: O, children: /* @__PURE__ */ x("div", { className: T, children: [
       /* @__PURE__ */ h(
         "input",
         {
-          ref: S,
+          ref: C,
           id: i,
           type: "radio",
           name: t,
           disabled: n,
-          className: I,
+          className: P,
           ...p !== void 0 ? { checked: p } : { defaultChecked: d },
           ...w
         }
       ),
-      /* @__PURE__ */ x("label", { className: T, htmlFor: i, children: [
+      /* @__PURE__ */ x("label", { className: N, htmlFor: i, children: [
         e,
         " ",
         G(),
@@ -9981,13 +10029,13 @@ const Xd = Z(
     onSuggestionClick: b,
     ...k
   }, w) => {
-    const S = (T, H) => {
-      T ? T() : b && b(H);
-    }, O = (T) => {
-      d = T.target.value;
-    }, N = `pkt-searchinput pkt-searchinput--${i} ${e ? "pkt-searchinput--fullwidth" : ""}`;
-    let I;
-    return p ? I = (T) => /* @__PURE__ */ h("form", { role: "search", className: N, action: p, method: m, children: T }) : I = (T) => /* @__PURE__ */ h("div", { role: "search", className: N, children: T }), I(
+    const C = (N, H) => {
+      N ? N() : b && b(H);
+    }, O = (N) => {
+      d = N.target.value;
+    }, T = `pkt-searchinput pkt-searchinput--${i} ${e ? "pkt-searchinput--fullwidth" : ""}`;
+    let P;
+    return p ? P = (N) => /* @__PURE__ */ h("form", { role: "search", className: T, action: p, method: m, children: N }) : P = (N) => /* @__PURE__ */ h("div", { role: "search", className: T, children: N }), P(
       /* @__PURE__ */ x(Wt, { children: [
         a && /* @__PURE__ */ h("label", { htmlFor: a ? s : void 0, className: a ? "pkt-inputwrapper__label" : "", children: a }),
         /* @__PURE__ */ x("div", { className: i === "local" ? "pkt-input__container" : "pkt-searchinput__field", children: [
@@ -10006,8 +10054,8 @@ const Xd = Z(
               ref: w,
               "aria-controls": `${s}-suggestions`,
               onChange: f || O,
-              onKeyUp: y && ((T) => {
-                T.key === "Enter" && (T.preventDefault(), y(d));
+              onKeyUp: y && ((N) => {
+                N.key === "Enter" && (N.preventDefault(), y(d));
               }),
               ...k
             }
@@ -10022,25 +10070,25 @@ const Xd = Z(
               color: i === "global" ? "yellow" : void 0,
               type: "submit",
               disabled: t,
-              onClick: y && ((T) => {
-                T.preventDefault(), y(d);
+              onClick: y && ((N) => {
+                N.preventDefault(), y(d);
               }),
               children: a || r
             }
           )
         ] }),
-        l && /* @__PURE__ */ h("ul", { id: `${s}-suggestions`, className: "pkt-searchinput__suggestions", "aria-live": "assertive", children: l.map((T, H) => /* @__PURE__ */ h("li", { children: fn(
-          T.href ? "a" : T.onClick ? "button" : "div",
+        l && /* @__PURE__ */ h("ul", { id: `${s}-suggestions`, className: "pkt-searchinput__suggestions", "aria-live": "assertive", children: l.map((N, H) => /* @__PURE__ */ h("li", { children: fn(
+          N.href ? "a" : N.onClick ? "button" : "div",
           {
-            href: T.href,
-            className: `pkt-searchinput__suggestion ${T.onClick ? "pkt-link-button" : ""} ${T.href || T.onClick ? "pkt-searchinput__suggestion--has-hover" : ""}`,
-            type: T.onClick ? "button" : void 0,
-            onClick: () => S(T.onClick, H),
-            onKeyUp: (G) => G.key === "Enter" && S(T.onClick, H)
+            href: N.href,
+            className: `pkt-searchinput__suggestion ${N.onClick ? "pkt-link-button" : ""} ${N.href || N.onClick ? "pkt-searchinput__suggestion--has-hover" : ""}`,
+            type: N.onClick ? "button" : void 0,
+            onClick: () => C(N.onClick, H),
+            onKeyUp: (G) => G.key === "Enter" && C(N.onClick, H)
           },
           /* @__PURE__ */ x(Wt, { children: [
-            T.title && /* @__PURE__ */ h("h3", { className: "pkt-searchinput__suggestion-title", children: T.title }),
-            T.text && /* @__PURE__ */ h("p", { className: "pkt-searchinput__suggestion-text", children: T.text })
+            N.title && /* @__PURE__ */ h("h3", { className: "pkt-searchinput__suggestion-title", children: N.title }),
+            N.text && /* @__PURE__ */ h("p", { className: "pkt-searchinput__suggestion-text", children: N.text })
           ] })
         ) }, `search-suggestion-${H}`)) })
       ] })
@@ -10064,11 +10112,11 @@ const Xd = Z(
     label: b,
     name: k,
     optionalTag: w = !1,
-    optionalText: S,
+    optionalText: C,
     requiredTag: O = !1,
-    requiredText: N,
-    tagText: I,
-    ...T
+    requiredText: T,
+    tagText: P,
+    ...N
   }, H) => {
     const G = [s, "pkt-select"].join(" ");
     return /* @__PURE__ */ h(
@@ -10081,10 +10129,10 @@ const Xd = Z(
         helptextDropdown: d,
         helptextDropdownButton: p,
         optionalTag: w,
-        optionalText: S,
+        optionalText: C,
         requiredTag: O,
-        requiredText: N,
-        tagText: I,
+        requiredText: T,
+        tagText: P,
         hasError: r,
         errorMessage: n,
         disabled: a,
@@ -10101,7 +10149,7 @@ const Xd = Z(
             disabled: a,
             id: `${m}-input`,
             name: k || m,
-            ...T,
+            ...N,
             children: e
           }
         )
@@ -10114,10 +10162,10 @@ const Xd = Z(
 ] }), Kh = /* @__PURE__ */ x("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
   /* @__PURE__ */ h("path", { fill: "#2A2859", d: "M3 3h18v18H3z" }),
   /* @__PURE__ */ h("path", { d: "m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z", fill: "#F1FDFF" })
-] }), tc = ({ children: i, className: t, status: e = "incomplete", title: s }) => /* @__PURE__ */ x("li", { className: ht("pkt-step", t, `pkt-step--${e}`), "data-testid": "pkt-step", children: [
+] }), tc = ({ children: i, className: t, status: e = "incomplete", title: s }) => /* @__PURE__ */ x("li", { className: dt("pkt-step", t, `pkt-step--${e}`), "data-testid": "pkt-step", children: [
   /* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--1", "aria-hidden": !0 }),
   /* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--2", "aria-hidden": !0 }),
-  /* @__PURE__ */ h("span", { className: ht("pkt-step__indicator"), children: e === "current" ? Wh : e === "completed" ? Kh : zh }),
+  /* @__PURE__ */ h("span", { className: dt("pkt-step__indicator"), children: e === "current" ? Wh : e === "completed" ? Kh : zh }),
   /* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--3", "aria-hidden": !0 }),
   /* @__PURE__ */ x("div", { className: "pkt-step__wrapper", children: [
     /* @__PURE__ */ h("div", { className: "pkt-step__title", children: s }),
@@ -10133,12 +10181,12 @@ const Xd = Z(
     orientation: n = "vertical",
     ...r
   }, l) => {
-    const d = ht(
+    const d = dt(
       t,
       "pkt-stepper",
       n === "horizontal" ? "pkt-stepper--horizontal" : "pkt-stepper--vertical"
     ), p = Os.map(e, (m, f) => gn(m) ? vn(m, {
-      className: ht(m.props.className, {
+      className: dt(m.props.className, {
         "pkt-step--hideStep": s && f !== i,
         "pkt-step--hideContent": a && f !== i
       })
@@ -10156,7 +10204,7 @@ const Xd = Z(
   "table",
   {
     "data-testid": "pkt-table",
-    className: ht(i, "pkt-table", {
+    className: dt(i, "pkt-table", {
       "pkt-table--responsive": s,
       "pkt-table--compact": t,
       "pkt-table--basic": e === "basic",
@@ -10166,17 +10214,17 @@ const Xd = Z(
     ...n,
     children: a
   }
-), sc = ({ id: i, children: t, className: e, ...s }) => /* @__PURE__ */ h("tbody", { id: i, className: ht(e, "pkt-table__body", {}), ...s, role: "rowgroup", children: t }), ac = ({ children: i, className: t, dataLabel: e, ...s }) => /* @__PURE__ */ h(
+), sc = ({ id: i, children: t, className: e, ...s }) => /* @__PURE__ */ h("tbody", { id: i, className: dt(e, "pkt-table__body", {}), ...s, role: "rowgroup", children: t }), ac = ({ children: i, className: t, dataLabel: e, ...s }) => /* @__PURE__ */ h(
   "td",
   {
-    className: ht(t, "pkt-table__data-cell", {}),
+    className: dt(t, "pkt-table__data-cell", {}),
     "data-label": e,
     role: "cell",
     "data-testid": "pkt-table__data-cell",
     ...s,
     children: i
   }
-), nc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("thead", { className: ht(i, "pkt-table__header", {}), role: "rowgroup", ...e, children: t }), rc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("th", { className: ht(i, "pkt-table__header-cell", {}), role: "columnheader", ...e, children: t }), oc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("tr", { className: ht(i, "pkt-table__row", {}), role: "row", ...e, children: t }), hn = Z(
+), nc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("thead", { className: dt(i, "pkt-table__header", {}), role: "rowgroup", ...e, children: t }), rc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("th", { className: dt(i, "pkt-table__header-cell", {}), role: "columnheader", ...e, children: t }), oc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("tr", { className: dt(i, "pkt-table__row", {}), role: "row", ...e, children: t }), hn = Z(
   ({
     children: i,
     skin: t,
@@ -10193,14 +10241,14 @@ const Xd = Z(
   }, y) => {
     const [b, k] = ke(!1), w = Ls(() => {
       k(!0), d && d();
-    }, [k]), S = Bs(null), [O, N] = ke("");
-    De(() => {
+    }, [k]), C = Bs(null), [O, T] = ke("");
+    Ie(() => {
       var G, _t;
-      N(((_t = (G = S.current) == null ? void 0 : G.textContent) == null ? void 0 : _t.trim()) ?? "");
+      T(((_t = (G = C.current) == null ? void 0 : G.textContent) == null ? void 0 : _t.trim()) ?? "");
     }, [i]);
-    const I = bn(() => {
+    const P = bn(() => {
       if (a && !l) return O && `Klikk for å fjerne ${O}` || m;
-    }, [a, l, O, m]), T = {
+    }, [a, l, O, m]), N = {
       "pkt-tag": !0,
       [`pkt-tag--${s}`]: !!s,
       [`pkt-tag--${t}`]: !!t,
@@ -10219,21 +10267,21 @@ const Xd = Z(
       "button",
       {
         ...f,
-        className: ht(H, n),
+        className: dt(H, n),
         type: p,
         onClick: w,
         "aria-label": l,
-        "aria-description": I,
+        "aria-description": P,
         ref: y,
         children: [
           r && /* @__PURE__ */ h(L, { className: "pkt-tag__icon", name: r }),
-          /* @__PURE__ */ h("span", { ref: S, children: i }),
+          /* @__PURE__ */ h("span", { ref: C, children: i }),
           /* @__PURE__ */ h(L, { className: "pkt-tag__close-btn", name: "close" })
         ]
       }
-    ) : /* @__PURE__ */ x("span", { ...f, className: ht(T, n), ref: y, children: [
+    ) : /* @__PURE__ */ x("span", { ...f, className: dt(N, n), ref: y, children: [
       r && /* @__PURE__ */ h(L, { className: "pkt-tag__icon", name: r, "aria-hidden": "true" }),
-      /* @__PURE__ */ h("span", { ref: S, children: i })
+      /* @__PURE__ */ h("span", { ref: C, children: i })
     ] });
   }
 );
@@ -10252,12 +10300,12 @@ const dn = Z(
       ref: (O) => {
         f(d, O), typeof p == "function" ? p(O) : p && (p.current = O);
       }
-    }, S = /* @__PURE__ */ x(Wt, { children: [
+    }, C = /* @__PURE__ */ x(Wt, { children: [
       a && /* @__PURE__ */ h(L, { name: a, className: "pkt-icon--small" }),
       i,
       r && /* @__PURE__ */ h(hn, { skin: l, size: "small", children: r })
     ] });
-    return e ? /* @__PURE__ */ h("a", { ...w, href: e, className: `pkt-tabs__link ${t ? "active" : ""}`, children: S }) : /* @__PURE__ */ h("button", { ...w, type: "button", className: `pkt-tabs__button pkt-link-button ${t ? "active" : ""}`, children: S });
+    return e ? /* @__PURE__ */ h("a", { ...w, href: e, className: `pkt-tabs__link ${t ? "active" : ""}`, children: C }) : /* @__PURE__ */ h("button", { ...w, type: "button", className: `pkt-tabs__button pkt-link-button ${t ? "active" : ""}`, children: C });
   }
 );
 dn.displayName = "PktTabItem";
@@ -10269,19 +10317,19 @@ const cn = Oa(null), Gh = () => {
 }, lc = Z(
   ({ arrowNav: i = !0, disableArrowNav: t = !1, tabs: e, onTabSelected: s, children: a }, n) => {
     const r = Bs([]), l = i && !t, p = a && Os.count(a) > 0 ? Os.count(a) : (e == null ? void 0 : e.length) || 0;
-    De(() => {
+    Ie(() => {
       r.current = r.current.slice(0, p);
     }, [p]);
     const m = (k) => {
       const w = e == null ? void 0 : e[k];
       w != null && w.action && w.action(k), s && s(k);
     }, f = (k, w) => {
-      var S, O;
-      l && (w.code === "ArrowLeft" && k !== 0 && ((S = r.current[k - 1]) == null || S.focus()), w.code === "ArrowRight" && k < p - 1 && ((O = r.current[k + 1]) == null || O.focus()), (w.code === "ArrowDown" || w.code === "Space") && m(k));
+      var C, O;
+      l && (w.code === "ArrowLeft" && k !== 0 && ((C = r.current[k - 1]) == null || C.focus()), w.code === "ArrowRight" && k < p - 1 && ((O = r.current[k + 1]) == null || O.focus()), (w.code === "ArrowDown" || w.code === "Space") && m(k));
     }, y = (k, w) => {
       r.current[k] = w;
     }, b = e == null ? void 0 : e.map((k, w) => {
-      var S, O;
+      var C, O;
       return /* @__PURE__ */ h(
         dn,
         {
@@ -10290,7 +10338,7 @@ const cn = Oa(null), Gh = () => {
           onClick: () => m(w),
           icon: k.icon,
           controls: k.controls,
-          tag: (S = k.tag) == null ? void 0 : S.text,
+          tag: (C = k.tag) == null ? void 0 : C.text,
           tagSkin: (O = k.tag) == null ? void 0 : O.skin,
           index: w,
           children: k.text
@@ -10318,15 +10366,15 @@ const cn = Oa(null), Gh = () => {
     fullwidth: b = !1,
     label: k,
     name: w,
-    optionalTag: S = !1,
+    optionalTag: C = !1,
     optionalText: O,
-    requiredTag: N = !1,
-    requiredText: I,
-    tagText: T = null,
+    requiredTag: T = !1,
+    requiredText: P,
+    tagText: N = null,
     placeholder: H,
     rows: G,
     useWrapper: _t = !0,
-    onChange: pt,
+    onChange: mt,
     value: J,
     autoComplete: st = "off",
     minLength: Et,
@@ -10335,12 +10383,12 @@ const cn = Oa(null), Gh = () => {
     skipForwardTestid: R = !1,
     ...xt
   }, Qt) => {
-    const oe = [n, "pkt-textinput", "pkt-textarea"].join(" "), te = `${i}-input`, xe = `${te}-label`, We = e || xe, [le, Ut] = ke(0), ot = (Se) => {
-      var Ce, he;
-      if (s && Ut(((he = (Ce = Se.currentTarget) == null ? void 0 : Ce.value) == null ? void 0 : he.length) || 0), pt)
-        return pt(Se);
+    const oe = [n, "pkt-textinput", "pkt-textarea"].join(" "), te = `${i}-input`, Se = `${te}-label`, We = e || Se, [le, Ut] = ke(0), ot = (Ce) => {
+      var Te, he;
+      if (s && Ut(((he = (Te = Ce.currentTarget) == null ? void 0 : Te.value) == null ? void 0 : he.length) || 0), mt)
+        return mt(Ce);
     };
-    return De(() => {
+    return Ie(() => {
       J !== void 0 && Ut((J == null ? void 0 : J.length) || 0);
     }, [J]), /* @__PURE__ */ h(
       ps,
@@ -10356,11 +10404,11 @@ const cn = Oa(null), Gh = () => {
         helptextDropdownButton: f,
         inline: y,
         label: k,
-        optionalTag: S,
+        optionalTag: C,
         optionalText: O,
-        requiredTag: N,
-        requiredText: I,
-        tagText: T,
+        requiredTag: T,
+        requiredText: P,
+        tagText: N,
         useWrapper: _t,
         counter: s,
         counterCurrent: le,
@@ -10408,15 +10456,15 @@ const cn = Oa(null), Gh = () => {
     iconNameRight: b,
     inline: k = !1,
     fullwidth: w = !1,
-    label: S,
+    label: C,
     name: O,
-    optionalTag: N = !1,
-    optionalText: I,
-    requiredTag: T = !1,
+    optionalTag: T = !1,
+    optionalText: P,
+    requiredTag: N = !1,
     requiredText: H,
     tagText: G = null,
     placeholder: _t,
-    prefix: pt,
+    prefix: mt,
     suffix: J,
     type: st = "text",
     useWrapper: Et = !0,
@@ -10427,19 +10475,19 @@ const cn = Oa(null), Gh = () => {
     min: Qt,
     max: oe,
     step: te,
-    size: xe,
+    size: Se,
     readonly: We,
     required: le,
     dataTestid: Ut,
     onChange: ot,
-    skipForwardTestid: Se = !1,
-    ...Ce
+    skipForwardTestid: Ce = !1,
+    ...Te
   }, he) => {
-    const us = [r, "pkt-textinput"].join(" "), Ui = st === "search" && !b && !Ot, ms = st === "date" && at ? at.slice(0, 10) : at, [Hi, Ke] = ke((at == null ? void 0 : at.length) || 0), Ge = `${i}`, ui = `${Ge}-label`, qi = e || ui, fs = (me) => {
+    const us = [r, "pkt-textinput"].join(" "), Ui = st === "search" && !b && !Ot, ms = st === "date" && at ? at.slice(0, 10) : at, [Hi, Ke] = ke((at == null ? void 0 : at.length) || 0), Ge = `${i}`, mi = `${Ge}-label`, qi = e || mi, fs = (me) => {
       var zi, Wi;
       a && Ke(((Wi = (zi = me.currentTarget) == null ? void 0 : zi.value) == null ? void 0 : Wi.length) || 0), ot && ot(me);
     };
-    return De(() => {
+    return Ie(() => {
       at !== void 0 && Ke((at == null ? void 0 : at.length) || 0);
     }, [at]), /* @__PURE__ */ h(
       ps,
@@ -10454,10 +10502,10 @@ const cn = Oa(null), Gh = () => {
         helptextDropdown: f,
         helptextDropdownButton: y,
         inline: k,
-        label: S,
-        optionalTag: N,
-        optionalText: I,
-        requiredTag: T,
+        label: C,
+        optionalTag: T,
+        optionalText: P,
+        requiredTag: N,
         requiredText: H,
         tagText: G,
         useWrapper: Et,
@@ -10469,13 +10517,13 @@ const cn = Oa(null), Gh = () => {
           {
             className: "pkt-input__container",
             "data-testid": Ut,
-            "data-skip-forward-testid": Se ? "true" : void 0,
+            "data-skip-forward-testid": Ce ? "true" : void 0,
             children: [
-              pt && /* @__PURE__ */ h("div", { className: "pkt-input-prefix", children: pt }),
+              mt && /* @__PURE__ */ h("div", { className: "pkt-input-prefix", children: mt }),
               /* @__PURE__ */ h(
                 "input",
                 {
-                  ...Ce,
+                  ...Te,
                   ref: he,
                   className: `pkt-input ${w ? "pkt-input--fullwidth" : ""} ${n && Hi > n ? "pkt-input--counter-error" : ""}`,
                   type: st,
@@ -10494,7 +10542,7 @@ const cn = Oa(null), Gh = () => {
                   step: te,
                   minLength: R,
                   maxLength: xt,
-                  size: xe,
+                  size: Se,
                   required: le
                 }
               ),