@oslokommune/punkt-react 13.19.1 → 13.20.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 je, useEffect as Qe, 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 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 { 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,9 +94,9 @@ 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}>`, Pe = document, Ai = () => Pe.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, Ce = 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), xt = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), ia = /* @__PURE__ */ new WeakMap(), Ee = Pe.createTreeWalker(Pe, 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}>`, 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);
 function La(i, t) {
   if (!Vs(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Js !== void 0 ? Js.createHTML(t) : t;
@@ -107,8 +107,8 @@ const Sn = (i, t) => {
   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 = Ce) : m[3] !== void 0 && (r = Ce) : r === Ce ? 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 ? Ce : m[3] === '"' ? ea : ta) : r === ea || r === ta ? r = Ce : r === Xs || r === Qs ? r = fi : (r = Ce, a = void 0);
-    const b = r === Ce && i[l + 1].startsWith("/>") ? " " : "";
+    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);
   }
   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), Ee.currentNode = this.el.content, e === 2 || e === 3) {
+    if (this.el = Ba.createElement(p, s), Oe.currentNode = this.el.content, e === 2 || e === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
-    for (; (a = Ee.nextNode()) !== null && d.length < l; ) {
+    for (; (a = Oe.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,7 +133,7 @@ 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()), Ee.nextNode(), d.push({ type: 2, index: ++n });
+            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());
           }
         }
@@ -146,13 +146,13 @@ let Ms = class Ba {
     }
   }
   static createElement(t, e) {
-    const s = Pe.createElement("template");
+    const s = Ie.createElement("template");
     return s.innerHTML = t, s;
   }
 };
 function ti(i, t, e = i, s) {
   var a, n;
-  if (t === xt) return t;
+  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$;
   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;
@@ -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) ?? Pe).importNode(e, !0);
-    Ee.currentNode = a;
-    let n = Ee.nextNode(), r = 0, l = 0, d = s[0];
+    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];
     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 = Ee.nextNode(), r++);
+      r !== (d == null ? void 0 : d.index) && (n = Oe.nextNode(), r++);
     }
-    return Ee.currentNode = Pe, a;
+    return Oe.currentNode = Ie, 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 !== xt && 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), 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);
   }
   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(Pe.createTextNode(t)), this._$AH = t;
+    this._$AH !== $ && Ei(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Ie.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var 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 !== xt, r && (this._$AH = t);
+    if (n === void 0) t = ti(this, t, e, 0), r = !Ei(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 === xt && (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 = !Ei(p) || p !== this._$AH[d]), p === $ ? t = $ : t !== $ && (t += (p ?? "") + n[d + 1]), this._$AH[d] = p;
     }
     r && !a && this.j(t);
   }
@@ -289,7 +289,7 @@ let Cn = class {
     super(t, e, s, a, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = ti(this, t, e, 0) ?? $) === xt) return;
+    if ((t = ti(this, t, e, 0) ?? $) === St) return;
     const s = this._$AH, a = t === $ && s !== $ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== $ && (s === $ || a);
     a && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -399,7 +399,7 @@ const { is: Rn, defineProperty: Ln, getOwnPropertyDescriptor: Bn, getOwnProperty
   return e;
 } }, Fs = (i, t) => !Rn(i, t), la = { attribute: !0, type: String, converter: es, reflect: !1, useDefault: !1, hasChanged: Fs };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), ei.litPropertyMetadata ?? (ei.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let Ye = class extends HTMLElement {
+let Ze = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -602,7 +602,7 @@ let Ye = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-Ye.elementStyles = [], Ye.shadowRootOptions = { mode: "open" }, Ye[Ti("elementProperties")] = /* @__PURE__ */ new Map(), Ye[Ti("finalized")] = /* @__PURE__ */ new Map(), oa == null || oa({ ReactiveElement: Ye }), (ei.reactiveElementVersions ?? (ei.reactiveElementVersions = [])).push("2.1.1");
+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");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -641,7 +641,7 @@ function o(i) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Oi = globalThis;
-let Ze = class extends Ye {
+let Je = class extends Ze {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -663,15 +663,15 @@ let Ze = class extends Ye {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return xt;
+    return St;
   }
 };
 var ha;
-Ze._$litElement$ = !0, Ze.finalized = !0, (ha = Oi.litElementHydrateSupport) == null || ha.call(Oi, { LitElement: Ze });
+Je._$litElement$ = !0, Je.finalized = !0, (ha = Oi.litElementHydrateSupport) == null || ha.call(Oi, { LitElement: Je });
 const da = Oi.litElementPolyfillSupport;
-da == null || da({ LitElement: Ze });
+da == null || da({ LitElement: Je });
 (Oi.litElementVersions ?? (Oi.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." } }, _t = {
+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,
   calendar: Kn,
@@ -683,9 +683,9 @@ var Zn = Object.defineProperty, Fa = (i, t, e, s) => {
     (r = i[n]) && (a = r(t, e, a) || a);
   return a && Zn(t, e, a), a;
 };
-let ls = class extends Ze {
+let ls = class extends Je {
   constructor() {
-    super(...arguments), this.strings = _t, this.role = null;
+    super(...arguments), this.strings = wt, this.role = null;
   }
   /**
    * Add support for Hot Module Reloading in dev mode
@@ -713,7 +713,7 @@ let K = class extends ls {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const zt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, Fe = (i) => (...t) => ({ _$litDirective$: i, values: t });
+const zt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, Ue = (i) => (...t) => ({ _$litDirective$: i, values: t });
 let li = class {
   constructor(t) {
   }
@@ -735,7 +735,7 @@ let li = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O = Fe(class extends li {
+const M = Ue(class extends li {
   constructor(i) {
     var t;
     if (super(i), i.type !== zt.ATTRIBUTE || i.name !== "class" || ((t = i.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -756,7 +756,7 @@ const O = Fe(class extends li {
       const r = !!t[n];
       r === this.st.has(n) || (s = this.nt) != null && s.has(n) || (r ? (a.add(n), this.st.add(n)) : (a.remove(n), this.st.delete(n)));
     }
-    return xt;
+    return St;
   }
 });
 /**
@@ -773,7 +773,7 @@ function Ua(i, t) {
 function gi(i) {
   return i.classList && (i.classList.contains("_dialog_overlay") || i.classList.contains("backdrop")) ? !0 : typeof i.hasAttribute == "function" && i.hasAttribute("data-skip");
 }
-function Je(i) {
+function Xe(i) {
   return i.nodeName === "OPTION" || i.nodeName === "DATA";
 }
 function Jn(i, t) {
@@ -799,7 +799,7 @@ let rt = class {
   // ********* UPDATE NODES *********
   updateNodes() {
     this.nodes = [], Array.from(this.host.childNodes).forEach((t) => {
-      gi(t) || Je(t) && this.skipOptions || (!Ua(t, this.slots) || ks(t)) && this.nodes.push(t);
+      gi(t) || Xe(t) && this.skipOptions || (!Ua(t, this.slots) || ks(t)) && this.nodes.push(t);
     });
   }
   // ********* UPDATE SLOTS *********
@@ -839,9 +839,9 @@ let rt = class {
     let e = !1;
     t.forEach((s) => {
       s.type === "childList" && (s.addedNodes.forEach((a) => {
-        gi(a) || Je(a) && this.skipOptions || (Jn(a, this.slots) || ks(a)) && (this.nodes.push(a), e = !0);
+        gi(a) || Xe(a) && this.skipOptions || (Jn(a, this.slots) || ks(a)) && (this.nodes.push(a), e = !0);
       }), s.removedNodes.forEach((a) => {
-        gi(a) || Je(a) && this.skipOptions || (this.nodes = this.nodes.filter((n) => n !== a), e = !0);
+        gi(a) || Xe(a) && this.skipOptions || (this.nodes = this.nodes.filter((n) => n !== a), e = !0);
       }));
     }), e && this.updateSlots();
   }
@@ -882,7 +882,7 @@ const { I: Xn } = On, Ha = (i) => i.strings === void 0, ca = () => document.crea
     }
   }
   return e;
-}, Te = (i, t, e = i) => (i._$AI(t, e), i), Qn = {}, qa = (i, t = Qn) => i._$AH = t, tr = (i) => i._$AH, ys = (i) => {
+}, Ne = (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();
 };
 /**
@@ -953,7 +953,7 @@ let ar = class extends li {
 const A = () => new nr();
 let nr = class {
 };
-const $s = /* @__PURE__ */ new WeakMap(), E = Fe(class extends ar {
+const $s = /* @__PURE__ */ new WeakMap(), E = Ue(class extends ar {
   render(i) {
     return $;
   }
@@ -995,7 +995,7 @@ let ss = class extends li {
   }
   render(t) {
     if (t === $ || t == null) return this._t = void 0, this.it = t;
-    if (t === xt) return t;
+    if (t === St) return t;
     if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (t === this.it) return this._t;
     this.it = t;
@@ -1004,7 +1004,7 @@ let ss = class extends li {
   }
 };
 ss.directiveName = "unsafeHTML", ss.resultType = 1;
-const Ji = Fe(ss);
+const Ji = Ue(ss);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -1013,13 +1013,13 @@ const Ji = Fe(ss);
 let Ps = class extends ss {
 };
 Ps.directiveName = "unsafeSVG", Ps.resultType = 2;
-const pa = Fe(Ps);
+const pa = Ue(Ps);
 var rr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, Ri = (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.20/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 De = class extends K {
+let Re = class extends K {
   constructor() {
     super(...arguments), this.path = typeof window < "u" ? window.pktIconPath : Ds, this.name = "", this.icon = pa(Xi), this._updatedProps = [];
   }
@@ -1054,32 +1054,32 @@ let De = class extends K {
 };
 Ri([
   o({ type: String, reflect: !1 })
-], De.prototype, "path", 2);
+], Re.prototype, "path", 2);
 Ri([
   o({ type: String, reflect: !0 })
-], De.prototype, "name", 2);
+], Re.prototype, "name", 2);
 Ri([
   o({ type: SVGElement })
-], De.prototype, "icon", 2);
+], Re.prototype, "icon", 2);
 Ri([
   o({ type: Array, noAccessor: !0 })
-], De.prototype, "_updatedProps", 2);
-De = Ri([
+], Re.prototype, "_updatedProps", 2);
+Re = Ri([
   j("pkt-icon")
-], De);
+], Re);
 /**
  * @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.20/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);
   }
@@ -1121,73 +1121,87 @@ let ft = class extends K {
     };
     return u`
       <button
-        class=${O(e)}
+        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
 };
@@ -1229,8 +1243,8 @@ let Kt = class extends K {
       "pkt-alert__noDate": !this.date
     };
     return u`
-      <div class=${O(t)} aria-live=${this["aria-live"]}>
-        <div class=${O(e)}>
+      <div class=${M(t)} aria-live=${this["aria-live"]}>
+        <div class=${M(e)}>
           <pkt-icon
             class="pkt-alert__icon"
             aria-hidden="true"
@@ -1298,7 +1312,7 @@ var fr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, Li = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && fr(t, e, a), a;
 };
-let ii = class extends Ze {
+let ii = class extends Je {
   constructor() {
     super(...arguments), this.ariaLabelledBy = "", this.compact = !1, this.skin = "borderless", this.name = "";
   }
@@ -1330,7 +1344,7 @@ let ii = class extends Ze {
     return u`
       <div
         part="container"
-        class=${O(t)}
+        class=${M(t)}
         data-testid="pkt-accordion"
         aria-labelledby=${this.ariaLabelledBy}
       >
@@ -1354,12 +1368,12 @@ Li([
 ii = Li([
   j("pkt-accordion")
 ], ii);
-var vr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Ue = (i, t, e, s) => {
+var vr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, He = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? br(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 && vr(t, e, a), a;
 };
-let ke = class extends K {
+let ye = class extends K {
   constructor() {
     super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = A(), this.defaultSlot = A(), this.slotController = new rt(this, this.defaultSlot);
   }
@@ -1374,11 +1388,11 @@ let ke = class extends K {
     };
     return u`
       <details
-        class=${O(t)}
+        class=${M(t)}
         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}
@@ -1399,27 +1413,27 @@ let ke = class extends K {
     `;
   }
 };
-Ue([
+He([
   o({ type: Boolean })
-], ke.prototype, "defaultOpen", 2);
-Ue([
+], ye.prototype, "defaultOpen", 2);
+He([
   o({ type: String })
-], ke.prototype, "title", 2);
-Ue([
+], ye.prototype, "title", 2);
+He([
   o({ type: String, reflect: !0 })
-], ke.prototype, "skin", 2);
-Ue([
+], ye.prototype, "skin", 2);
+He([
   o({ type: Boolean, reflect: !0 })
-], ke.prototype, "compact", 2);
-Ue([
+], ye.prototype, "compact", 2);
+He([
   o({ type: Boolean, reflect: !0 })
-], ke.prototype, "isOpen", 2);
-Ue([
+], ye.prototype, "isOpen", 2);
+He([
   o({ type: String, reflect: !0 })
-], ke.prototype, "name", 2);
-ke = Ue([
+], ye.prototype, "name", 2);
+ye = He([
   j("pkt-accordion-item")
-], ke);
+], ye);
 var kr = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, hs = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? yr(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
@@ -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"
@@ -1465,11 +1479,11 @@ const Ka = 6048e5, $r = 864e5, ua = Symbol.for("constructDateFrom");
 function ee(i, t) {
   return typeof i == "function" ? i(t) : i && typeof i == "object" && ua in i ? i[ua](t) : i instanceof Date ? new i.constructor(t) : new Date(t);
 }
-function Rt(i, t) {
+function Lt(i, t) {
   return ee(t || i, i);
 }
 function ws(i, t, e) {
-  const s = Rt(i, void 0);
+  const s = Lt(i, void 0);
   return isNaN(t) ? ee(i, NaN) : (t && s.setDate(s.getDate() + t), s);
 }
 let _r = {};
@@ -1478,14 +1492,14 @@ function ds() {
 }
 function Mi(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 = Rt(i, t == null ? void 0 : t.in), p = d.getDay(), m = (p < l ? 7 : 0) + p - l;
+  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 });
 }
 function Ga(i, t) {
-  const e = Rt(i, void 0), s = e.getFullYear(), a = ee(e, 0);
+  const e = Lt(i, void 0), s = e.getFullYear(), a = ee(e, 0);
   a.setFullYear(s + 1, 0, 4), a.setHours(0, 0, 0, 0);
   const n = as(a), r = ee(e, 0);
   r.setFullYear(s, 0, 4), r.setHours(0, 0, 0, 0);
@@ -1493,7 +1507,7 @@ function Ga(i, t) {
   return e.getTime() >= n.getTime() ? s + 1 : e.getTime() >= l.getTime() ? s : s - 1;
 }
 function ma(i) {
-  const t = Rt(i), e = new Date(
+  const t = Lt(i), e = new Date(
     Date.UTC(
       t.getFullYear(),
       t.getMonth(),
@@ -1514,7 +1528,7 @@ function Ya(i, ...t) {
   return t.map(e);
 }
 function fa(i, t) {
-  const e = Rt(i, void 0);
+  const e = Lt(i, void 0);
   return e.setHours(0, 0, 0, 0), e;
 }
 function wr(i, t, e) {
@@ -1533,7 +1547,7 @@ function Sr(i) {
   return i instanceof Date || typeof i == "object" && Object.prototype.toString.call(i) === "[object Date]";
 }
 function Cr(i) {
-  return !(!Sr(i) && typeof i != "number" || isNaN(+Rt(i)));
+  return !(!Sr(i) && typeof i != "number" || isNaN(+Lt(i)));
 }
 function Tr(i, t) {
   const [e, s] = Ya(i, t.start, t.end);
@@ -1551,7 +1565,7 @@ function xs(i, t) {
   return a ? d.reverse() : d;
 }
 function Nr(i, t) {
-  const e = Rt(i, void 0);
+  const e = Lt(i, void 0);
   return e.setFullYear(e.getFullYear(), 0, 1), e.setHours(0, 0, 0, 0), e;
 }
 const Ar = {
@@ -1986,16 +2000,16 @@ const Gr = /^(\d+)(th|st|nd|rd)?/i, Yr = /\d+/i, Zr = {
   }
 };
 function lo(i, t) {
-  const e = Rt(i, void 0);
+  const e = Lt(i, void 0);
   return wr(e, Nr(e)) + 1;
 }
 function ho(i, t) {
-  const e = Rt(i, void 0), s = +as(e) - +xr(e);
+  const e = Lt(i, void 0), s = +as(e) - +xr(e);
   return Math.round(s / Ka) + 1;
 }
 function Za(i, t) {
   var e, s, a, n;
-  const r = Rt(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);
+  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);
   y.setFullYear(l, 0, p), y.setHours(0, 0, 0, 0);
@@ -2008,7 +2022,7 @@ function co(i, t) {
   return p.setFullYear(d, 0, l), p.setHours(0, 0, 0, 0), Mi(p, t);
 }
 function Ja(i, t) {
-  const e = Rt(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 = +Mi(e, t) - +co(e, t);
   return Math.round(s / Ka) + 1;
 }
 function q(i, t) {
@@ -2069,7 +2083,7 @@ const fe = {
     );
     return q(a, t.length);
   }
-}, Ge = {
+}, Ye = {
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -2459,7 +2473,7 @@ const fe = {
   b: function(i, t, e) {
     const s = i.getHours();
     let a;
-    switch (s === 12 ? a = Ge.noon : s === 0 ? a = Ge.midnight : a = s / 12 >= 1 ? "pm" : "am", t) {
+    switch (s === 12 ? a = Ye.noon : s === 0 ? a = Ye.midnight : a = s / 12 >= 1 ? "pm" : "am", t) {
       case "b":
       case "bb":
         return e.dayPeriod(a, {
@@ -2488,7 +2502,7 @@ const fe = {
   B: function(i, t, e) {
     const s = i.getHours();
     let a;
-    switch (s >= 17 ? a = Ge.evening : s >= 12 ? a = Ge.afternoon : s >= 4 ? a = Ge.morning : a = Ge.night, t) {
+    switch (s >= 17 ? a = Ye.evening : s >= 12 ? a = Ye.afternoon : s >= 4 ? a = Ye.morning : a = Ye.night, t) {
       case "B":
       case "BB":
       case "BBB":
@@ -2557,7 +2571,7 @@ const fe = {
       // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
-        return Ae(s);
+        return Ee(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 Ae(s, ":");
+        return Ee(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 Ae(s);
+        return Ee(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 Ae(s, ":");
+        return Ee(s, ":");
     }
   },
   // Timezone (GMT)
@@ -2603,7 +2617,7 @@ const fe = {
       // Long
       case "OOOO":
       default:
-        return "GMT" + Ae(s, ":");
+        return "GMT" + Ee(s, ":");
     }
   },
   // Timezone (specific non-location)
@@ -2618,7 +2632,7 @@ const fe = {
       // Long
       case "zzzz":
       default:
-        return "GMT" + Ae(s, ":");
+        return "GMT" + Ee(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) : Ae(i, t);
+  return i % 60 === 0 ? (i > 0 ? "-" : "+") + q(Math.abs(i) / 60, 2) : Ee(i, t);
 }
-function Ae(i, t = "") {
+function Ee(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;
 }
@@ -2708,14 +2722,14 @@ function yo(i, t, e) {
 const $o = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, _o = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, wo = /^'([^]*?)'?$/, xo = /''/g, So = /[a-zA-Z]/;
 function Co(i, t, e) {
   var s, a, n, r;
-  const l = ds(), d = l.locale ?? oo, p = l.firstWeekContainsDate ?? ((a = (s = l.locale) == null ? void 0 : s.options) == null ? void 0 : a.firstWeekContainsDate) ?? 1, m = l.weekStartsOn ?? ((r = (n = l.locale) == null ? void 0 : n.options) == null ? void 0 : r.weekStartsOn) ?? 0, f = Rt(i, void 0);
+  const l = ds(), d = l.locale ?? oo, p = l.firstWeekContainsDate ?? ((a = (s = l.locale) == null ? void 0 : s.options) == null ? void 0 : a.firstWeekContainsDate) ?? 1, m = l.weekStartsOn ?? ((r = (n = l.locale) == null ? void 0 : n.options) == null ? void 0 : r.weekStartsOn) ?? 0, f = Lt(i, void 0);
   if (!Cr(f))
     throw new RangeError("Invalid time value");
   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) {
@@ -2751,7 +2765,7 @@ function To(i) {
   return t ? t[1].replace(xo, "'") : i;
 }
 function No(i, t) {
-  const e = Rt(i, void 0).getDay();
+  const e = Lt(i, void 0).getDay();
   return e === 0 ? 7 : e;
 }
 function Ao(i, t, e = "long") {
@@ -2763,7 +2777,7 @@ function Ao(i, t, e = "long") {
   }).format(t).split(/\s/g).slice(2).join(" ");
 }
 const ya = {}, _i = {};
-function Oe(i, t) {
+function Me(i, t) {
   try {
     const e = (ya[i] || (ya[i] = new Intl.DateTimeFormat("en-US", {
       timeZone: i,
@@ -2784,7 +2798,7 @@ function $a(i, t) {
 let wi = class xi 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(Oe(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(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());
   }
   static tz(t, ...e) {
     return e.length ? new xi(...e, t) : new xi(Date.now(), t);
@@ -2795,7 +2809,7 @@ let wi = class xi extends Date {
     return new xi(+this, t);
   }
   getTimezoneOffset() {
-    const t = -Oe(this.timeZone, this);
+    const t = -Me(this.timeZone, this);
     return t > 0 ? Math.floor(t) : Math.ceil(t);
   }
   //#endregion
@@ -2823,13 +2837,13 @@ Object.getOwnPropertyNames(Date.prototype).forEach((i) => {
   }));
 });
 function Is(i) {
-  i.internal.setTime(+i), i.internal.setUTCSeconds(i.internal.getUTCSeconds() - Math.round(-Oe(i.timeZone, i) * 60));
+  i.internal.setTime(+i), i.internal.setUTCSeconds(i.internal.getUTCSeconds() - Math.round(-Me(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 = Oe(i.timeZone, i), e = t > 0 ? Math.floor(t) : Math.ceil(t), s = /* @__PURE__ */ new Date(+i);
+  const t = Me(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,13 +2851,13 @@ 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(-(Oe(i.timeZone, i) * 60)) % 60;
+  const m = a > 0 ? p.getSeconds() : (p.getSeconds() - 60) % 60, f = Math.round(-(Me(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 = Oe(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 M = Oe(i.timeZone, i), N = M > 0 ? Math.floor(M) : Math.ceil(M), I = b - N;
-    I && (i.internal.setUTCMinutes(i.internal.getUTCMinutes() + I), Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + I));
+  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, C = k - d;
+  if (w && C) {
+    Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + C);
+    const O = Me(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 {
@@ -2907,7 +2921,7 @@ const Mo = (i = window.pktTz) => {
   const t = new Rs((/* @__PURE__ */ new Date()).toISOString(), i);
   return t.setHours(0, 0, 0, 0), isNaN(t.getTime()) ? /* @__PURE__ */ new Date() : new Date(t.getFullYear(), t.getMonth(), t.getDate());
 };
-function ye(i) {
+function $e(i) {
   if (!i || i === "") return /* @__PURE__ */ new Date();
   if (/^\d{4}-\d{2}-\d{2}$/.test(i)) {
     const [t, e, s] = i.split("-").map(Number);
@@ -2923,16 +2937,16 @@ const nt = (i) => {
   if (!i || isNaN(i.getTime())) return "";
   const t = i.getFullYear(), e = String(i.getMonth() + 1).padStart(2, "0"), s = String(i.getDate()).padStart(2, "0");
   return `${t}-${e}-${s}`;
-}, $e = (i) => {
+}, _e = (i) => {
   if (!i)
     return null;
-  const t = ye(i);
+  const t = $e(i);
   return isNaN(t.getTime()) ? null : t;
 }, wa = (i, t) => {
   const e = de(i);
   return isNaN(e.getTime()) ? "" : Co(e, t);
 }, de = (i = "", t) => {
-  const e = typeof i == "string" ? ye(i) : i;
+  const e = typeof i == "string" ? $e(i) : i;
   return !e || isNaN(e.getTime()) ? /* @__PURE__ */ new Date() : e;
 }, ge = (i, t, e = 1) => {
   if (typeof i != "number" || typeof t != "number" || typeof e != "number" || isNaN(i) || isNaN(t) || isNaN(e))
@@ -2955,24 +2969,24 @@ const nt = (i) => {
   const e = i.getDay().toString();
   return t.includes(e);
 }, tn = (i, t, e, s, a) => !(!i || isNaN(i.getTime()) || !Do(i, t, e) || s && Io(i, s) || a && Ro(i, a)), Lo = (i, t, e, s, a) => i.filter((n) => {
-  const r = $e(n);
+  const r = _e(n);
   return r && tn(r, t, e, s, a);
 }), en = (i) => i.slice().sort((t, e) => {
-  const s = $e(t), a = $e(e);
+  const s = _e(t), a = _e(e);
   return !s || !a ? 0 : s.getTime() - a.getTime();
 }), Bo = (i, t) => {
-  const e = $e(i), s = $e(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 ? ye(i) : null, Fo = (i) => {
+}, 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) => {
   if (typeof i == "string")
-    return i.split(",").map((t) => ye(t));
+    return i.split(",").map((t) => $e(t));
   if (Array.isArray(i))
-    return i.map((t) => ye(t));
+    return i.map((t) => $e(t));
 }, hi = {
   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 } }, Ne = {
+}, Uo = { earliest: { default: null }, latest: { default: null }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, maxMultiple: { default: 4 }, range: { default: !1 } }, Ae = {
   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 = Ne.props.multiple.default, this.maxMultiple = Ne.props.maxMultiple.default, this.range = Ne.props.range.default, this.weeknumbers = Ne.props.weeknumbers.default, this.withcontrols = Ne.props.withcontrols.default, this.selected = [], this.earliest = Ne.props.earliest.default, this.latest = Ne.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 = 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;
   }
   /**
    * Runs on mount, used to set up various values and whatever you need to run
@@ -3003,7 +3017,7 @@ let z = class extends K {
     this.addEventListener("keydown", this.handleKeydown);
   }
   convertSelected() {
-    if (typeof this.selected == "string" && (this.selected = this.selected.split(",")), this.selected.length === 1 && this.selected[0] === "" && (this.selected = []), this._selected = this.selected.map((t) => ye(t)), this.range && this.selected.length === 2) {
+    if (typeof this.selected == "string" && (this.selected = this.selected.split(",")), this.selected.length === 1 && this.selected[0] === "" && (this.selected = []), this._selected = this.selected.map((t) => $e(t)), this.range && this.selected.length === 2) {
       const t = xs({
         start: this._selected[0],
         end: this._selected[1]
@@ -3021,7 +3035,7 @@ let z = class extends K {
   }
   setCurrentMonth() {
     if (this.currentmonth === null && !this.currentmonthtouched && (this.currentmonthtouched = !0), this.selected.length && this.selected[0] !== "") {
-      const t = ye(this.selected[this.selected.length - 1]);
+      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();
@@ -3201,12 +3215,12 @@ let z = class extends K {
       "pkt-calendar__date--range-start": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && n === this.selected[0],
       "pkt-calendar__date--range-end": this.range && this.selected.length === 2 && n === this.selected[1]
     };
-    return u`<td class=${O(f)}>
+    return u`<td class=${M(f)}>
       <button
         type="button"
         aria-pressed=${l ? "true" : "false"}
         ?disabled=${p}
-        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only ${O(
+        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only ${M(
       y
     )}"
         @mouseover=${() => this.range && !this.isExcluded(a) && this.handleRangeHover(a)}
@@ -3521,19 +3535,27 @@ let Gt = class extends K {
     };
     return this.closeTag ? u`
         <button
-          class=${O(e)}
+          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" name=${this.iconName}></pkt-icon>`}
+          ${this.iconName && u`<pkt-icon
+            class="pkt-tag__icon"
+            name=${this.iconName}
+            aria-hidden="true"
+          ></pkt-icon>`}
           <span ${E(this.defaultSlot)}></span>
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
       ` : u`
-        <span class=${O(t)}>
-          ${this.iconName && u`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
+        <span class=${M(t)}>
+          ${this.iconName && u`<pkt-icon
+            class="pkt-tag__icon"
+            name=${this.iconName}
+            aria-hidden="true"
+          ></pkt-icon>`}
           <span ${E(this.defaultSlot)}></span>
         </span>
       `;
@@ -3574,7 +3596,7 @@ var Go = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Bi = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Go(t, e, a), a;
 };
-let Ie = class extends ls {
+let Le = class extends ls {
   constructor() {
     super(...arguments), this.size = void 0, this.level = 2, this.visuallyHidden = !1, this.align = void 0;
   }
@@ -3628,34 +3650,34 @@ let Ie = class extends ls {
 };
 Bi([
   o({ type: String, reflect: !0 })
-], Ie.prototype, "size", 2);
+], Le.prototype, "size", 2);
 Bi([
   o({ type: Number, reflect: !0 })
-], Ie.prototype, "level", 2);
+], Le.prototype, "level", 2);
 Bi([
   o({ type: Boolean, reflect: !0 })
-], Ie.prototype, "visuallyHidden", 2);
+], Le.prototype, "visuallyHidden", 2);
 Bi([
   o({ type: String, reflect: !0 })
-], Ie.prototype, "align", 2);
-Ie = Bi([
+], Le.prototype, "align", 2);
+Le = Bi([
   j("pkt-heading")
-], Ie);
-const Zo = { layout: { default: "vertical" }, skin: { type: ["outlined", "outlined-beige", "gray", "blue", "beige", "green"], default: "outlined" }, padding: { default: "default" } }, Xe = {
+], Le);
+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 = Xe.props.layout.default, this.heading = "", this.headinglevel = 3, this.image = {
+    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 = {
       src: "",
       alt: ""
-    }, this.imageShape = "square", this.openLinkInNewTab = !1, this.padding = Xe.props.padding.default, this.skin = Xe.props.skin.default, this.subheading = "", this.tagPosition = "top", this.tags = [], this.slotController = new rt(this, this.defaultSlot);
+    }, this.imageShape = "square", this.openLinkInNewTab = !1, this.padding = Qe.props.padding.default, this.skin = Qe.props.skin.default, this.subheading = "", this.tagPosition = "top", this.tags = [], this.slotController = new rt(this, this.defaultSlot);
   }
   connectedCallback() {
     super.connectedCallback();
@@ -3674,8 +3696,8 @@ let lt = class extends K {
     }, a = ((t = this.ariaLabel) == null ? void 0 : t.trim()) || (this.heading ? `${this.heading} lenkekort` : "lenkekort"), n = ((e = this.ariaLabel) == null ? void 0 : e.trim()) || (this.heading ? this.heading : "kort");
     return u`
       <article
-        class=${O(s)}
-        aria-label=${C(this.clickCardLink ? a : n)}
+        class=${M(s)}
+        aria-label=${S(this.clickCardLink ? a : n)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -3696,7 +3718,7 @@ let lt = class extends K {
     };
     return u`
       ${this.image.src && u`
-        <div class=${O(t)}>
+        <div class=${M(t)}>
           <img src=${this.image.src} alt=${this.image.alt || ""} />
         </div>
       `}
@@ -3764,7 +3786,7 @@ let lt = class extends K {
     return u`
       ${this.tags.length > 0 ? u`
             <div
-              class=${O(t)}
+              class=${M(t)}
               role="list"
               aria-label=${this.tags.length > 1 ? "merkelapper" : "merkelapp"}
             >
@@ -3774,8 +3796,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>
@@ -3801,68 +3823,68 @@ 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: {
       fromAttribute: (i) => {
-        const t = Xe.props.skin.type;
+        const t = Qe.props.skin.type;
         return i && t.includes(i) ? i : (i && !t.includes(i) && console.warn(
-          `Invalid skin value "${i}". Using default skin "${Xe.props.skin.default}".`
-        ), Xe.props.skin.default);
+          `Invalid skin value "${i}". Using default skin "${Qe.props.skin.default}".`
+        ), Qe.props.skin.default);
       },
       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
@@ -3872,7 +3894,7 @@ const xa = (i, t, e) => {
   const s = /* @__PURE__ */ new Map();
   for (let a = t; a <= e; a++) s.set(i[a], a);
   return s;
-}, Us = Fe(class extends li {
+}, Us = Ue(class extends li {
   constructor(i) {
     if (super(i), i.type !== zt.CHILD) throw Error("repeat() can only be used in text expressions");
   }
@@ -3894,40 +3916,40 @@ 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] = Te(a[f], n[b]), f++, b++;
-    else if (l[y] === r[k]) d[k] = Te(a[y], n[k]), y--, k--;
-    else if (l[f] === r[k]) d[k] = Te(a[f], n[k]), vi(i, d[k + 1], a[f]), f++, k--;
-    else if (l[y] === r[b]) d[b] = Te(a[y], n[b]), vi(i, a[f], a[y]), y--, b++;
+    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 (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 M = vi(i, a[f]);
-        Te(M, n[b]), d[b] = M;
-      } else d[b] = Te(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 = vi(i, a[f]);
+        Ne(O, n[b]), d[b] = O;
+      } else d[b] = Ne(C, n[b]), vi(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]);
-      Te(w, n[b]), d[b++] = w;
+      Ne(w, n[b]), d[b++] = w;
     }
     for (; f <= y; ) {
       const w = a[f++];
       w !== null && ys(w);
     }
-    return this.ut = r, qa(i, d), xt;
+    return this.ut = r, qa(i, d), St;
   }
 }), Sa = () => ("00000000000000000" + (Math.random() * 18446744073709552e3).toString(16)).slice(-16), Qo = (i) => new Promise((t) => setTimeout(t, i)), be = () => {
   const i = Sa(), t = Sa();
   return i.slice(0, 8) + "-" + i.slice(8, 12) + "-4" + i.slice(13) + "-a" + t.slice(1, 4) + "-" + t.slice(4);
-}, tl = { helptextDropdownButton: { default: "Les mer <span class='pkt-sr-only'>om feltet</span>" }, counter: { default: !1 }, optionalTag: { default: !1 }, optionalText: { default: "Valgfritt" }, requiredTag: { default: !1 }, requiredText: { default: "Må fylles ut" }, hasError: { default: !1 }, disabled: { default: !1 }, inline: { default: !1 }, hasFieldset: { default: !1 }, useWrapper: { default: !0 } }, Pt = {
+}, tl = { helptextDropdownButton: { default: "Les mer <span class='pkt-sr-only'>om feltet</span>" }, counter: { default: !1 }, optionalTag: { default: !1 }, optionalText: { default: "Valgfritt" }, requiredTag: { default: !1 }, requiredText: { default: "Må fylles ut" }, hasError: { default: !1 }, disabled: { default: !1 }, inline: { default: !1 }, hasFieldset: { default: !1 }, useWrapper: { default: !0 } }, Dt = {
   props: tl
 };
 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",
@@ -3970,88 +3992,88 @@ function il() {
         ariaValueNow: "aria-valuenow",
         ariaValueText: "aria-valuetext",
         role: "role"
-      }, M = (g, c) => {
-        for (let v in S) {
+      }, O = (g, c) => {
+        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), wt(g, c.labels);
+        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 && At(_, 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 ? At(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) => {
-            var Ot;
-            if (a.has(U) && U.constructor.formAssociated && N(U), m.has(U)) {
-              const ut = m.get(U);
-              Object.keys(S).filter((Mt) => ut[Mt] !== null).forEach((Mt) => {
-                st(U, S[Mt], ut[Mt]);
+          const { addedNodes: v, removedNodes: _ } = c, I = Array.from(v), V = Array.from(_);
+          I.forEach((U) => {
+            var Mt;
+            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), Mt = 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 = Mt.nextNode();
+              let mi = Pt.nextNode();
               for (; mi; )
-                N(mi), mi = Mt.nextNode();
+                T(mi), mi = Pt.nextNode();
             }
-            U.localName === "fieldset" && ((Ot = H.observe) === null || Ot === void 0 || Ot.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 Ot = a.get(U);
-            Ot && s.get(Ot) && Et(Ot), l.has(U) && l.get(U).disconnect();
+            const Mt = a.get(U);
+            Mt && s.get(Mt) && Ot(Mt), l.has(U) && l.get(U).disconnect();
           });
         });
       }
-      function Ft(g) {
+      function _t(g) {
         g.forEach((c) => {
           const { removedNodes: v } = c;
           v.forEach((_) => {
-            const D = b.get(c.target);
-            a.has(_) && Se(_), D.disconnect();
+            const I = b.get(c.target);
+            a.has(_) && Ce(_), I.disconnect();
           });
         });
       }
-      const pt = (g) => {
+      const mt = (g) => {
         var c, v;
-        const _ = new MutationObserver(Ft);
+        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, _);
       };
       he() && new MutationObserver(G);
@@ -4060,9 +4082,9 @@ function il() {
         subtree: !0
       }, st = (g, c, v) => {
         g.getAttribute(c) !== v && g.setAttribute(c, v);
-      }, At = (g, c) => {
+      }, Et = (g, c) => {
         g.toggleAttribute("internals-disabled", c), c ? st(g, "aria-disabled", "true") : g.removeAttribute("aria-disabled"), g.formDisabledCallback && g.formDisabledCallback.apply(g, [c]);
-      }, Et = (g) => {
+      }, Ot = (g) => {
         s.get(g).forEach((c) => {
           c.remove();
         }), s.set(g, []);
@@ -4071,31 +4093,31 @@ 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);
-      }, wt = (g, c) => {
+        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)));
           let v = c[0].id;
           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));
-      }, we = (g) => {
+      }, xe = (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();
           }
         });
-      }, ze = (g) => {
+      }, We = (g) => {
         const c = d.get(g.target);
         c && c.size && c.forEach((v) => {
           v.constructor.formAssociated && v.formResetCallback && v.formResetCallback.apply(v);
@@ -4106,8 +4128,8 @@ function il() {
           if (_)
             _.add(g);
           else {
-            const D = /* @__PURE__ */ new Set();
-            D.add(g), d.set(c, D), we(c), c.addEventListener("reset", ze), c.addEventListener("input", oe), c.addEventListener("change", te);
+            const I = /* @__PURE__ */ new Set();
+            I.add(g), d.set(c, I), xe(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]);
@@ -4119,15 +4141,15 @@ function il() {
       }, ot = (g, c, v = DOMException) => {
         if (!g.constructor.formAssociated)
           throw new v(c);
-      }, xe = (g, c, v) => {
+      }, Se = (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;
-      }, Se = (g) => {
+      }, Ce = (g) => {
         if (g.constructor.formAssociated) {
           const c = a.get(g), { labels: v, form: _ } = c;
-          wt(g, v), le(g, _, c);
+          xt(g, v), le(g, _, c);
         }
       };
       function he() {
@@ -4143,8 +4165,8 @@ function il() {
         for (let v in g)
           v !== "valid" && g[v] !== !1 && (c = !1);
         return c;
-      }, We = /* @__PURE__ */ new WeakMap();
-      function Ke(g, c) {
+      }, Ke = /* @__PURE__ */ new WeakMap();
+      function Ge(g, c) {
         g.toggleAttribute(c, !0), g.part && g.part.add(c);
       }
       class ui extends Set {
@@ -4154,14 +4176,14 @@ function il() {
         constructor(c) {
           if (super(), !c || !c.tagName || c.tagName.indexOf("-") === -1)
             throw new TypeError("Illegal constructor");
-          We.set(this, c);
+          Ke.set(this, c);
         }
         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), _ = We.get(this), D = `state${c}`;
-          return _.isConnected ? Ke(_, D) : setTimeout(() => {
-            Ke(_, D);
+          const v = super.add(c), _ = Ke.get(this), I = `state${c}`;
+          return _.isConnected ? Ge(_, I) : setTimeout(() => {
+            Ge(_, I);
           }), v;
         }
         clear() {
@@ -4170,7 +4192,7 @@ function il() {
           super.clear();
         }
         delete(c) {
-          const v = super.delete(c), _ = We.get(this);
+          const v = super.delete(c), _ = Ke.get(this);
           return _.isConnected ? (_.toggleAttribute(`state${c}`, !1), _.part && _.part.remove(`state${c}`)) : setTimeout(() => {
             _.toggleAttribute(`state${c}`, !1), _.part && _.part.remove(`state${c}`);
           }), v;
@@ -4180,7 +4202,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;
       }
@@ -4214,20 +4236,20 @@ function il() {
         HTMLFormElement.prototype.reportValidity = _;
         function v(...V) {
           let U = g.apply(this, V);
-          return xe(this, U, "checkValidity");
+          return Se(this, U, "checkValidity");
         }
         function _(...V) {
           let U = c.apply(this, V);
-          return xe(this, U, "reportValidity");
+          return Se(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), Ot = Array.from(d.get(this) || []);
-            if (Ot.length === 0)
+            const U = I.call(this, ...V), Mt = Array.from(d.get(this) || []);
+            if (Mt.length === 0)
               return U;
-            const ut = Array.from(U).concat(Ot).sort((Mt, mi) => Mt.compareDocumentPosition ? Mt.compareDocumentPosition(mi) & 2 ? 1 : -1 : 0);
-            return new zi(ut);
+            const ft = Array.from(U).concat(Mt).sort((Pt, mi) => Pt.compareDocumentPosition ? Pt.compareDocumentPosition(mi) & 2 ? 1 : -1 : 0);
+            return new zi(ft);
           }
         });
       }
@@ -4239,7 +4261,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), M(c, this), R(c, this), Object.seal(this), v instanceof DocumentFragment && pt(v);
+          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 && mt(v);
         }
         checkValidity() {
           const c = t.get(this);
@@ -4279,34 +4301,34 @@ function il() {
         }
         setFormValue(c) {
           const v = t.get(this);
-          if (ot(v, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), Et(this), c != null && !(c instanceof FormData)) {
+          if (ot(v, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), Ot(this), c != null && !(c instanceof FormData)) {
             if (v.getAttribute("name")) {
               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 = {};
-          for (const Mt in c)
-            U[Mt] = c[Mt];
+          for (const Pt in c)
+            U[Pt] = c[Pt];
           Object.keys(U).length === 0 && Ui(V);
-          const Ot = Object.assign(Object.assign({}, V), U);
-          delete Ot.valid;
-          const { valid: ut } = ms(V, Ot, this.form);
-          if (!ut && !v)
+          const Mt = Object.assign(Object.assign({}, V), U);
+          delete Mt.valid;
+          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);
@@ -4360,14 +4382,14 @@ function il() {
         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") && At(this, !0)), V != null && V.apply(this), Se(this);
+                  k.has(this) || (k.set(this, !0), this.hasAttribute("disabled") && Et(this, !0)), V != null && V.apply(this), Ce(this);
                 };
               }
-              c.call(this, v, _, D);
+              c.call(this, v, _, I);
             };
           }
           if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() {
@@ -4380,12 +4402,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;
@@ -4411,26 +4433,26 @@ 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 = Pt.props.helptextDropdownButton.default, this.label = null, this.optionalText = _t.forms.labels.optional, this.requiredText = _t.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
+    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();
   }
   static get formAssociated() {
     return !0;
   }
   manageValidity(t) {
     var e, s, a, n, r, l, d, p, m, f, y;
-    t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, _t.forms.messages.required, t) : (e = t.validity) != null && e.typeMismatch || (s = t.validity) != null && s.badInput ? this.internals.setValidity({ typeMismatch: !0 }, _t.forms.messages.invalid, t) : (a = t.validity) != null && a.patternMismatch ? this.internals.setValidity(
+    t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, wt.forms.messages.required, t) : (e = t.validity) != null && e.typeMismatch || (s = t.validity) != null && s.badInput ? this.internals.setValidity({ typeMismatch: !0 }, wt.forms.messages.invalid, t) : (a = t.validity) != null && a.patternMismatch ? this.internals.setValidity(
       { patternMismatch: !0 },
-      _t.forms.messages.invalidPattern,
+      wt.forms.messages.invalidPattern,
       t
-    ) : (n = t.validity) != null && n.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, _t.forms.messages.tooShort, t) : (r = t.validity) != null && r.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, _t.forms.messages.tooLong, t) : (l = t.validity) != null && l.rangeUnderflow ? this.internals.setValidity(
+    ) : (n = t.validity) != null && n.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, wt.forms.messages.tooShort, t) : (r = t.validity) != null && r.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, wt.forms.messages.tooLong, t) : (l = t.validity) != null && l.rangeUnderflow ? this.internals.setValidity(
       { rangeUnderflow: !0 },
-      this.min ? _t.forms.messages.rangeUnderflowMin.replace("{min}", (d = this.min) == null ? void 0 : d.toString()) : _t.forms.messages.rangeUnderflow,
+      this.min ? wt.forms.messages.rangeUnderflowMin.replace("{min}", (d = this.min) == null ? void 0 : d.toString()) : wt.forms.messages.rangeUnderflow,
       t
-    ) : (p = t.validity) != null && p.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, _t.forms.messages.invalid, t) : (m = t.validity) != null && m.rangeOverflow ? this.internals.setValidity(
+    ) : (p = t.validity) != null && p.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, wt.forms.messages.invalid, t) : (m = t.validity) != null && m.rangeOverflow ? this.internals.setValidity(
       { rangeOverflow: !0 },
-      this.max ? _t.forms.messages.rangeOverflowMax.replace("{max}", (f = this.max) == null ? void 0 : f.toString()) : _t.forms.messages.rangeOverflow,
+      this.max ? wt.forms.messages.rangeOverflowMax.replace("{max}", (f = this.max) == null ? void 0 : f.toString()) : wt.forms.messages.rangeOverflow,
       t
     ) : (y = t.validity) != null && y.customError ? this.internals.setValidity({ customError: !0 }, t.validationMessage, t) : this.internals.setValidity({}));
   }
@@ -4528,109 +4550,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));
@@ -4659,21 +4681,21 @@ let an = class {
     let e = !1;
     t.forEach((s) => {
       s.type === "childList" && (s.addedNodes.forEach((a) => {
-        Je(a) && (this.addNode(a), e = !0);
+        Xe(a) && (this.addNode(a), e = !0);
       }), s.removedNodes.forEach((a) => {
-        Je(a) && (this.nodes = this.nodes.filter((n) => n !== a), e = !0);
-      })), s.type === "attributes" && Je(s.target) && (this.addNode(s.target), e = !0);
+        Xe(a) && (this.nodes = this.nodes.filter((n) => n !== a), e = !0);
+      })), s.type === "attributes" && Xe(s.target) && (this.addNode(s.target), e = !0);
     }), e && this.createOptions();
   }
 };
-var nl = Object.defineProperty, rl = Object.getOwnPropertyDescriptor, He = (i, t, e, s) => {
+var nl = Object.defineProperty, rl = Object.getOwnPropertyDescriptor, qe = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? rl(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 && nl(t, e, a), a;
 };
 let ce = class extends K {
   constructor() {
-    super(), this.defaultSlot = A(), this.forId = be(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = Pt.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.filledSlots = /* @__PURE__ */ new Set(), this.slotController = new rt(this, this.defaultSlot);
+    super(), this.defaultSlot = A(), this.forId = be(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = Dt.props.helptextDropdownButton.default, this.isHelpTextOpen = !1, this.filledSlots = /* @__PURE__ */ new Set(), this.slotController = new rt(this, this.defaultSlot);
   }
   updateSlots(t) {
     this.filledSlots = new Set(t);
@@ -4687,7 +4709,7 @@ let ce = class extends K {
           detail: { isOpen: a }
         })
       );
-    }, e = O({
+    }, e = M({
       "pkt-inputwrapper__helptext-container": !0,
       "pkt-inputwrapper__has-helptext": this.helptext || this.helptextDropdown || this.filledSlots.size > 0
     }), s = () => this.helptextDropdown ? u`<div class="pkt-inputwrapper__helptext-expandable">
@@ -4703,7 +4725,7 @@ let ce = class extends K {
             <span class="pkt-btn__text">${Ji(this.helptextDropdownButton)}</span>
           </button>
           <div
-            class="${O({
+            class="${M({
       "pkt-inputwrapper__helptext": !0,
       "pkt-inputwrapper__helptext-expandable-open": this.isHelpTextOpen,
       "pkt-inputwrapper__helptext-expandable-closed": !this.isHelpTextOpen
@@ -4721,25 +4743,25 @@ let ce = class extends K {
       </div>`}`;
   }
 };
-He([
+qe([
   o({ type: String, reflect: !0 })
 ], ce.prototype, "forId", 2);
-He([
+qe([
   o({ type: String })
 ], ce.prototype, "helptext", 2);
-He([
+qe([
   o({ type: String })
 ], ce.prototype, "helptextDropdown", 2);
-He([
+qe([
   o({ type: String })
 ], ce.prototype, "helptextDropdownButton", 2);
-He([
+qe([
   B()
 ], ce.prototype, "isHelpTextOpen", 2);
-He([
+qe([
   B()
 ], ce.prototype, "filledSlots", 2);
-ce = He([
+ce = qe([
   j("pkt-helptext")
 ], ce);
 var ol = Object.defineProperty, ll = Object.getOwnPropertyDescriptor, X = (i, t, e, s) => {
@@ -4757,7 +4779,7 @@ const hl = {
 };
 let Y = class extends K {
   constructor() {
-    super(), this.defaultSlot = A(), this.helptextSlot = A(), this.forId = be(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = Pt.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = Pt.props.optionalTag.default, this.optionalText = Pt.props.optionalText.default, this.requiredTag = Pt.props.requiredTag.default, this.requiredText = Pt.props.requiredText.default, this.tagText = null, this.hasError = Pt.props.hasError.default, this.errorMessage = "", this.disabled = Pt.props.disabled.default, this.inline = Pt.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = Pt.props.hasFieldset.default, this.role = "group", this.useWrapper = Pt.props.useWrapper.default, this.slotController = new rt(this, this.defaultSlot, this.helptextSlot);
+    super(), this.defaultSlot = A(), this.helptextSlot = A(), this.forId = be(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = Dt.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = Dt.props.optionalTag.default, this.optionalText = Dt.props.optionalText.default, this.requiredTag = Dt.props.requiredTag.default, this.requiredText = Dt.props.requiredText.default, this.tagText = null, this.hasError = Dt.props.hasError.default, this.errorMessage = "", this.disabled = Dt.props.disabled.default, this.inline = Dt.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = Dt.props.hasFieldset.default, this.role = "group", this.useWrapper = Dt.props.useWrapper.default, this.slotController = new rt(this, this.defaultSlot, this.helptextSlot);
   }
   updated(t) {
     super.updated(t);
@@ -4794,11 +4816,11 @@ 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}
-          .helptextDropdownButton=${this.helptextDropdownButton || Pt.props.helptextDropdownButton.default}
+          .helptextDropdownButton=${this.helptextDropdownButton || Dt.props.helptextDropdownButton.default}
           @toggleHelpText=${(f) => {
       this.toggleDropdown(f);
     }}
@@ -4826,7 +4848,7 @@ let Y = class extends K {
       `, m = () => this.hasFieldset ? u`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${s}">
             ${p()}
           </fieldset>` : u`<div class="pkt-inputwrapper__fieldset">${p()}</div>`;
-    return u`<div class=${O(t)}>${m()}</div> `;
+    return u`<div class=${M(t)}>${m()}</div> `;
   }
   toggleDropdown(t) {
     this.dispatchEvent(
@@ -4923,7 +4945,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 = [];
   }
@@ -4941,13 +4963,13 @@ let gt = class extends K {
   render() {
     return u`
       <div
-        class=${O({
+        class=${M({
       "pkt-listbox": !0,
       "pkt-listbox__open": this.isOpen,
       "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()}
@@ -4985,7 +5007,7 @@ let gt = class extends K {
       }}
             aria-selected=${t.selected ? "true" : "false"}
             @keydown=${this.handleOptionKeydown}
-            class=${O({
+            class=${M({
         "pkt-listbox__option": !0,
         "pkt-listbox__option--selected": !!(!this.isMultiSelect && t.selected),
         "pkt-listbox__option--checkBox": this.isMultiSelect
@@ -5057,7 +5079,7 @@ let gt = class extends K {
               type="text"
               aria-label="Søk i listen"
               form=""
-              placeholder=${this.searchPlaceholder || _t.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder || wt.forms.search.placeholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -5223,52 +5245,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
 };
@@ -5277,7 +5299,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;
   }
@@ -5339,8 +5361,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}
@@ -5359,7 +5381,7 @@ let Q = class extends P {
         <div class="pkt-contents" ${E(this.helptextSlot)} name="helptext" slot="helptext"></div>
         <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
           <div
-            class=${O({
+            class=${M({
       "pkt-combobox__input": !0,
       "pkt-combobox__input--fullwidth": this.fullwidth,
       "pkt-combobox__input--open": this._isOptionsOpen,
@@ -5389,7 +5411,7 @@ let Q = class extends P {
               tabindex="${this.disabled ? "-1" : "0"}"
             >
               <pkt-icon
-                class=${O({
+                class=${M({
       "pkt-combobox__arrow-icon": !0,
       "pkt-combobox__arrow-icon--open": this._isOptionsOpen
     })}
@@ -5414,7 +5436,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}
@@ -5445,11 +5467,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)}
@@ -5652,11 +5674,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) {
@@ -5959,7 +5981,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";
   }
@@ -5976,14 +5998,14 @@ let vt = class extends P {
     t.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), t.has("checked") && this.inputRef.value && (this.inputRef.value.checked = this.checked === "" || this.checked === "true" || this.checked === !0), t.has("indeterminate") && this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0), super.updated(t);
   }
   render() {
-    const t = O({
+    const t = M({
       "pkt-input-check__input": !0,
       "pkt-input-check__input--tile": this.hasTile,
       "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), e = O({
+    }), e = M({
       "pkt-input-check__input-checkbox": !0,
       "pkt-input-check__input-checkbox--error": this.hasError
-    }), s = O({
+    }), s = M({
       "pkt-input-check__input-label": !0,
       "pkt-input-check__input-label--disabled": this.disabled,
       "pkt-input-check__input-label--left": this.labelPosition === "left",
@@ -6046,52 +6068,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);
@@ -6106,7 +6128,7 @@ let ai = class extends K {
       "pkt-date-tags": !0,
       [this.className]: !0
     }, u`
-      <div class=${O(this.classes)} aria-live="polite">
+      <div class=${M(this.classes)} aria-live="polite">
         ${Array.isArray(this.dates) && this.dates[0] ? Us(
       en((this.dates ?? []).filter(Boolean)),
       (t) => t,
@@ -6145,7 +6167,7 @@ ai = Vi([
 ], ai);
 const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }, withcontrols: { default: !1 }, multiple: { default: !1 }, range: { default: !1 } }, $i = {
   props: xl
-}, Re = () => {
+}, Be = () => {
   const i = navigator.userAgent;
   return !!(/iP(hone|od|ad)/.test(i) || /Macintosh/.test(i) && "ontouchend" in document);
 }, Yi = {
@@ -6179,7 +6201,7 @@ const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
    * Mobile Safari does not play well with type="date" amd custom datepickers
    */
   getInputType() {
-    return Re() ? "text" : "date";
+    return Be() ? "text" : "date";
   }
 }, Pi = {
   /**
@@ -6290,11 +6312,11 @@ const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
     const r = i.target;
     if (r.value) {
       a(r);
-      const l = $e(r.value);
+      const l = _e(r.value);
       l && t[0] !== r.value && t[1] && (s(), (n = e == null ? void 0 : e.value) == null || n.handleDateSelect(l));
     } else t[0] && s();
   }
-}, Me = {
+}, Pe = {
   /**
    * Handles common keyboard interactions for datepicker inputs
    */
@@ -6310,12 +6332,12 @@ const xl = { dateformat: { default: "dd.MM.yyyy" }, weeknumbers: { default: !1 }
     (e === "Enter" || e === " " || e === "Space") && (i.preventDefault(), t(i));
   }
 };
-var Cl = Object.defineProperty, Tl = Object.getOwnPropertyDescriptor, Lt = (i, t, e, s) => {
+var Cl = Object.defineProperty, Tl = Object.getOwnPropertyDescriptor, Bt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Tl(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 && Cl(t, e, a), a;
 };
-let St = class extends K {
+let Ct = class extends K {
   constructor() {
     super(...arguments), this.open = !1, this.multiple = !1, this.range = !1, this.weeknumbers = !1, this.withcontrols = !1, this.maxMultiple = null, this.selected = [], this.earliest = null, this.latest = null, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.popupRef = A(), this.calendarRef = A(), this.handleDocumentClick = (t) => {
       if (!this.open) return;
@@ -6361,7 +6383,7 @@ let St = class extends K {
     const t = { "pkt-calendar-popup": !0, show: this.open, hide: !this.open };
     return u`
       <div
-        class="${O(t)}"
+        class="${M(t)}"
         ${E(this.popupRef)}
         id="date-popup"
         ?hidden=${!this.open}
@@ -6393,51 +6415,51 @@ let St = class extends K {
     `;
   }
 };
-Lt([
+Bt([
   o({ type: Boolean, reflect: !0 })
-], St.prototype, "open", 2);
-Lt([
+], Ct.prototype, "open", 2);
+Bt([
   o({ type: Boolean })
-], St.prototype, "multiple", 2);
-Lt([
+], Ct.prototype, "multiple", 2);
+Bt([
   o({ type: Boolean })
-], St.prototype, "range", 2);
-Lt([
+], Ct.prototype, "range", 2);
+Bt([
   o({ type: Boolean })
-], St.prototype, "weeknumbers", 2);
-Lt([
+], Ct.prototype, "weeknumbers", 2);
+Bt([
   o({ type: Boolean })
-], St.prototype, "withcontrols", 2);
-Lt([
+], Ct.prototype, "withcontrols", 2);
+Bt([
   o({ type: Number })
-], St.prototype, "maxMultiple", 2);
-Lt([
+], Ct.prototype, "maxMultiple", 2);
+Bt([
   o({ type: Array })
-], St.prototype, "selected", 2);
-Lt([
+], Ct.prototype, "selected", 2);
+Bt([
   o({ type: String })
-], St.prototype, "earliest", 2);
-Lt([
+], Ct.prototype, "earliest", 2);
+Bt([
   o({ type: String })
-], St.prototype, "latest", 2);
-Lt([
+], Ct.prototype, "latest", 2);
+Bt([
   o({ type: Array })
-], St.prototype, "excludedates", 2);
-Lt([
+], Ct.prototype, "excludedates", 2);
+Bt([
   o({ type: Array })
-], St.prototype, "excludeweekdays", 2);
-Lt([
+], Ct.prototype, "excludeweekdays", 2);
+Bt([
   o({ type: String })
-], St.prototype, "currentmonth", 2);
-St = Lt([
+], Ct.prototype, "currentmonth", 2);
+Ct = Bt([
   j("pkt-datepicker-popup")
-], St);
+], Ct);
 var Nl = Object.defineProperty, Al = Object.getOwnPropertyDescriptor, qt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Al(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 && Nl(t, e, a), a;
 };
-let Dt = class extends K {
+let It = class extends K {
   constructor() {
     super(...arguments), this.value = "", this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.strings = { calendar: { buttonAltText: "Åpne kalender" } }, this.inputRef = A(), this.btnRef = A();
   }
@@ -6510,13 +6532,13 @@ let Dt = class extends K {
     return u`
       <div class="pkt-input__container">
         <input
-          class="${O(this.inputClasses)}"
+          class="${M(this.inputClasses)}"
           .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) => {
@@ -6526,7 +6548,7 @@ let Dt = class extends K {
       t.preventDefault(), this.dispatchToggleCalendar(t);
     }}
           ?disabled=${this.disabled}
-          @keydown=${(t) => Me.handleInputKeydown(
+          @keydown=${(t) => Pe.handleInputKeydown(
       t,
       (e) => this.dispatchToggleCalendar(e),
       () => Pi.submitFormOrFallback(this.internals, () => {
@@ -6543,7 +6565,7 @@ let Dt = class extends K {
       this.dispatchInput(t), t.stopImmediatePropagation();
     }}
           @focus=${() => {
-      this.dispatchFocus(), Re() && this.dispatchToggleCalendar(new Event("focus"));
+      this.dispatchFocus(), Be() && this.dispatchToggleCalendar(new Event("focus"));
     }}
           @blur=${(t) => {
       this.dispatchBlur(t), this.dispatchManageValidity(t.target), this.dispatchEvent(
@@ -6560,10 +6582,10 @@ let Dt = class extends K {
           ${E(this.inputRef)}
         />
         <button
-          class="${O(Di.getButtonClasses())}"
+          class="${M(Di.getButtonClasses())}"
           type="button"
           @click=${(t) => this.dispatchToggleCalendar(t)}
-          @keydown=${(t) => Me.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
+          @keydown=${(t) => Pe.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
           ?disabled=${this.disabled}
           ${E(this.btnRef)}
         >
@@ -6576,46 +6598,46 @@ let Dt = class extends K {
 };
 qt([
   o({ type: String })
-], Dt.prototype, "value", 2);
+], It.prototype, "value", 2);
 qt([
   o({ type: String })
-], Dt.prototype, "inputType", 2);
+], It.prototype, "inputType", 2);
 qt([
   o({ type: String })
-], Dt.prototype, "id", 2);
+], It.prototype, "id", 2);
 qt([
   o({ type: String })
-], Dt.prototype, "min", 2);
+], It.prototype, "min", 2);
 qt([
   o({ type: String })
-], Dt.prototype, "max", 2);
+], It.prototype, "max", 2);
 qt([
   o({ type: String })
-], Dt.prototype, "placeholder", 2);
+], It.prototype, "placeholder", 2);
 qt([
   o({ type: Boolean })
-], Dt.prototype, "readonly", 2);
+], It.prototype, "readonly", 2);
 qt([
   o({ type: Boolean })
-], Dt.prototype, "disabled", 2);
+], It.prototype, "disabled", 2);
 qt([
   o({ type: Object })
-], Dt.prototype, "inputClasses", 2);
+], It.prototype, "inputClasses", 2);
 qt([
   o({ type: Object })
-], Dt.prototype, "internals", 2);
+], It.prototype, "internals", 2);
 qt([
   o({ type: Object })
-], Dt.prototype, "strings", 2);
-Dt = qt([
+], It.prototype, "strings", 2);
+It = qt([
   j("pkt-datepicker-single")
-], Dt);
-var El = Object.defineProperty, Ol = Object.getOwnPropertyDescriptor, Bt = (i, t, e, s) => {
+], It);
+var El = Object.defineProperty, Ol = Object.getOwnPropertyDescriptor, Vt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Ol(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 && El(t, e, a), a;
 };
-let Ct = class extends K {
+let Tt = class extends K {
   constructor() {
     super(...arguments), this.value = [], this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.showRangeLabels = !1, this.inputClasses = {}, this.strings = { generic: { from: "Fra", to: "Til" } }, this.inputRef = A(), this.inputRefTo = A(), this.btnRef = A();
   }
@@ -6693,13 +6715,13 @@ let Ct = class extends K {
       <div class="pkt-input__container">
         ${this.showRangeLabels ? u` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : $}
         <input
-          class=${O(this.inputClasses)}
+          class=${M(this.inputClasses)}
           .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) => {
@@ -6708,7 +6730,7 @@ let Ct = class extends K {
           @touchend=${(e) => {
       e.preventDefault(), this.dispatchToggleCalendar(e);
     }}
-          @keydown=${(e) => Me.handleInputKeydown(
+          @keydown=${(e) => Pe.handleInputKeydown(
       e,
       (s) => this.dispatchToggleCalendar(s),
       () => Pi.submitFormOrFallback(
@@ -6731,7 +6753,7 @@ let Ct = class extends K {
       this.dispatchInput(e), e.stopImmediatePropagation();
     }}
           @focus=${() => {
-      this.dispatchFocus(), Re() && this.dispatchToggleCalendar(new Event("focus"));
+      this.dispatchFocus(), Be() && this.dispatchToggleCalendar(new Event("focus"));
     }}
           @blur=${(e) => {
       this.dispatchEvent(
@@ -6751,19 +6773,19 @@ let Ct = class extends K {
     }}
           ${E(this.inputRef)}
         />
-        <div class="${O(t)}" id="${this.id}-to-label">
+        <div class="${M(t)}" id="${this.id}-to-label">
           ${this.strings.generic.to}
         </div>
         ${this.showRangeLabels ? $ : u` <div class="pkt-input-separator">–</div> `}
         <input
-          class=${O(this.inputClasses)}
+          class=${M(this.inputClasses)}
           .type=${this.inputType}
           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) => {
@@ -6772,7 +6794,7 @@ let Ct = class extends K {
           @touchend=${(e) => {
       e.preventDefault(), this.dispatchToggleCalendar(e);
     }}
-          @keydown=${(e) => Me.handleInputKeydown(
+          @keydown=${(e) => Pe.handleInputKeydown(
       e,
       (s) => this.dispatchToggleCalendar(s),
       () => Pi.submitFormOrFallback(this.internals, () => {
@@ -6789,7 +6811,7 @@ let Ct = class extends K {
       this.dispatchInput(e), e.stopImmediatePropagation();
     }}
           @focus=${() => {
-      this.dispatchFocus(), Re() && this.dispatchToggleCalendar(new Event("focus"));
+      this.dispatchFocus(), Be() && this.dispatchToggleCalendar(new Event("focus"));
     }}
           @blur=${(e) => {
       this.dispatchBlur(e), e.target.value && (this.dispatchManageValidity(e.target), this.dispatchEvent(
@@ -6812,10 +6834,10 @@ let Ct = class extends K {
           ${E(this.inputRefTo)}
         />
         <button
-          class="${O(Di.getButtonClasses())}"
+          class="${M(Di.getButtonClasses())}"
           type="button"
           @click=${(e) => this.dispatchToggleCalendar(e)}
-          @keydown=${(e) => Me.handleButtonKeydown(e, (s) => this.dispatchToggleCalendar(s))}
+          @keydown=${(e) => Pe.handleButtonKeydown(e, (s) => this.dispatchToggleCalendar(s))}
           ?disabled=${this.disabled}
           ${E(this.btnRef)}
         >
@@ -6826,51 +6848,51 @@ let Ct = class extends K {
     `;
   }
 };
-Bt([
+Vt([
   o({ type: Array })
-], Ct.prototype, "value", 2);
-Bt([
+], Tt.prototype, "value", 2);
+Vt([
   o({ type: String })
-], Ct.prototype, "inputType", 2);
-Bt([
+], Tt.prototype, "inputType", 2);
+Vt([
   o({ type: String })
-], Ct.prototype, "id", 2);
-Bt([
+], Tt.prototype, "id", 2);
+Vt([
   o({ type: String })
-], Ct.prototype, "min", 2);
-Bt([
+], Tt.prototype, "min", 2);
+Vt([
   o({ type: String })
-], Ct.prototype, "max", 2);
-Bt([
+], Tt.prototype, "max", 2);
+Vt([
   o({ type: String })
-], Ct.prototype, "placeholder", 2);
-Bt([
+], Tt.prototype, "placeholder", 2);
+Vt([
   o({ type: Boolean })
-], Ct.prototype, "readonly", 2);
-Bt([
+], Tt.prototype, "readonly", 2);
+Vt([
   o({ type: Boolean })
-], Ct.prototype, "disabled", 2);
-Bt([
+], Tt.prototype, "disabled", 2);
+Vt([
   o({ type: Boolean })
-], Ct.prototype, "showRangeLabels", 2);
-Bt([
+], Tt.prototype, "showRangeLabels", 2);
+Vt([
   o({ type: Object })
-], Ct.prototype, "inputClasses", 2);
-Bt([
+], Tt.prototype, "inputClasses", 2);
+Vt([
   o({ type: Object })
-], Ct.prototype, "internals", 2);
-Bt([
+], Tt.prototype, "internals", 2);
+Vt([
   o({ type: Object })
-], Ct.prototype, "strings", 2);
-Ct = Bt([
+], Tt.prototype, "strings", 2);
+Tt = Vt([
   j("pkt-datepicker-range")
-], Ct);
-var Ml = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, Vt = (i, t, e, s) => {
+], Tt);
+var Ml = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, jt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Pl(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 && Ml(t, e, a), a;
 };
-let Tt = class extends K {
+let Nt = class extends K {
   constructor() {
     super(...arguments), this.value = [], this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.strings = { calendar: { buttonAltText: "Åpne kalender" } }, this.inputRef = A(), this.btnRef = A();
   }
@@ -6946,12 +6968,12 @@ let Tt = class extends K {
     return u`
       <div class="pkt-input__container">
         <input
-          class=${O(this.inputClasses)}
+          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) => {
@@ -6967,9 +6989,9 @@ let Tt = class extends K {
       this.dispatchInput(t), t.stopImmediatePropagation();
     }}
           @focus=${() => {
-      this.dispatchFocus(), Re() && this.dispatchToggleCalendar(new Event("focus"));
+      this.dispatchFocus(), Be() && this.dispatchToggleCalendar(new Event("focus"));
     }}
-          @keydown=${(t) => Me.handleInputKeydown(
+          @keydown=${(t) => Pe.handleInputKeydown(
       t,
       (e) => this.dispatchToggleCalendar(e),
       () => Pi.submitFormOrFallback(this.internals, () => {
@@ -6986,10 +7008,10 @@ let Tt = class extends K {
           ${E(this.inputRef)}
         />
         <button
-          class="${O(Di.getButtonClasses())}"
+          class="${M(Di.getButtonClasses())}"
           type="button"
           @click=${(t) => this.dispatchToggleCalendar(t)}
-          @keydown=${(t) => Me.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
+          @keydown=${(t) => Pe.handleButtonKeydown(t, (e) => this.dispatchToggleCalendar(e))}
           ?disabled=${this.disabled}
           ${E(this.btnRef)}
         >
@@ -7000,51 +7022,51 @@ let Tt = class extends K {
     `;
   }
 };
-Vt([
+jt([
   o({ type: Array })
-], Tt.prototype, "value", 2);
-Vt([
+], Nt.prototype, "value", 2);
+jt([
   o({ type: String })
-], Tt.prototype, "inputType", 2);
-Vt([
+], Nt.prototype, "inputType", 2);
+jt([
   o({ type: String })
-], Tt.prototype, "id", 2);
-Vt([
+], Nt.prototype, "id", 2);
+jt([
   o({ type: String })
-], Tt.prototype, "min", 2);
-Vt([
+], Nt.prototype, "min", 2);
+jt([
   o({ type: String })
-], Tt.prototype, "max", 2);
-Vt([
+], Nt.prototype, "max", 2);
+jt([
   o({ type: String })
-], Tt.prototype, "placeholder", 2);
-Vt([
+], Nt.prototype, "placeholder", 2);
+jt([
   o({ type: Boolean })
-], Tt.prototype, "readonly", 2);
-Vt([
+], Nt.prototype, "readonly", 2);
+jt([
   o({ type: Boolean })
-], Tt.prototype, "disabled", 2);
-Vt([
+], Nt.prototype, "disabled", 2);
+jt([
   o({ type: Number })
-], Tt.prototype, "maxlength", 2);
-Vt([
+], Nt.prototype, "maxlength", 2);
+jt([
   o({ type: Object })
-], Tt.prototype, "inputClasses", 2);
-Vt([
+], Nt.prototype, "inputClasses", 2);
+jt([
   o({ type: Object })
-], Tt.prototype, "internals", 2);
-Vt([
+], Nt.prototype, "internals", 2);
+jt([
   o({ type: Object })
-], Tt.prototype, "strings", 2);
-Tt = Vt([
+], Nt.prototype, "strings", 2);
+Nt = jt([
   j("pkt-datepicker-multiple")
-], Tt);
-var Dl = Object.defineProperty, Il = Object.getOwnPropertyDescriptor, dt = (i, t, e, s) => {
+], Nt);
+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
    */
@@ -7203,7 +7225,7 @@ let tt = class extends P {
     }}
         @handle-date-select=${(i) => {
       var t, e;
-      const s = $e(i.detail);
+      const s = _e(i.detail);
       s && this._value[1] !== nt(s) && ((e = (t = this.calRef) == null ? void 0 : t.value) == null || e.handleDateSelect(s));
     }}
         @input-changed=${() => {
@@ -7258,7 +7280,7 @@ let tt = class extends P {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? ye(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? $e(this.currentmonth) : null}
         @date-selected=${(i) => {
       this.value = Ts.processDateSelection(i.detail, this.multiple, this.range), this._value = i.detail, Ts.updateInputValues(
         this.inputRef,
@@ -7317,7 +7339,7 @@ let tt = class extends P {
               id-base=${this.id}
               @date-tag-removed=${(i) => {
       var t;
-      const e = this.datepickerPopupRef.value, s = $e(i.detail);
+      const e = this.datepickerPopupRef.value, s = _e(i.detail);
       e && s && typeof e.handleDateSelect == "function" ? e.handleDateSelect(s) : (t = this.calRef.value) == null || t.handleDateSelect(s);
     }}
             ></pkt-date-tags>` : $}
@@ -7341,10 +7363,10 @@ let tt = class extends P {
     var i;
     const t = this.datepickerPopupRef.value;
     if (this.calendarOpen = !0, t && typeof t.show == "function") {
-      t.show(), Re() && t.focusOnCurrentDate();
+      t.show(), Be() && t.focusOnCurrentDate();
       return;
     }
-    await Qo(20), this.handleCalendarPosition(), Re() && ((i = this.calRef.value) == null || i.focusOnCurrentDate());
+    await Qo(20), this.handleCalendarPosition(), Be() && ((i = this.calRef.value) == null || i.focusOnCurrentDate());
   }
   hideCalendar() {
     const i = this.datepickerPopupRef.value;
@@ -7370,61 +7392,61 @@ 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 = {
@@ -7435,7 +7457,7 @@ var Ll = Object.defineProperty, Bl = Object.getOwnPropertyDescriptor, di = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Ll(t, e, a), a;
 };
-let Le = class extends K {
+let Ve = class extends K {
   constructor() {
     super(), this.defaultSlot = A(), this.href = Ta.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = !1, this.target = Ta.props.target.default, this.slotController = new rt(this, this.defaultSlot);
   }
@@ -7447,7 +7469,7 @@ let Le = class extends K {
       "pkt-link--external": this.external
     };
     return u`<a
-      class=${O(t)}
+      class=${M(t)}
       href=${this.href}
       .target=${this.target}
       .rel=${this.external ? "noopener noreferrer" : $}
@@ -7457,28 +7479,28 @@ let Le = class extends K {
 };
 di([
   o({ type: String, reflect: !0 })
-], Le.prototype, "href", 2);
+], Ve.prototype, "href", 2);
 di([
   o({ type: String, reflect: !0 })
-], Le.prototype, "iconName", 2);
+], Ve.prototype, "iconName", 2);
 di([
   o({ type: String, reflect: !0 })
-], Le.prototype, "iconPosition", 2);
+], Ve.prototype, "iconPosition", 2);
 di([
   o({ type: Boolean, reflect: !0 })
-], Le.prototype, "external", 2);
+], Ve.prototype, "external", 2);
 di([
   o({ type: String, reflect: !0 })
-], Le.prototype, "target", 2);
-Le = di([
+], Ve.prototype, "target", 2);
+Ve = di([
   j("pkt-link")
-], Le);
-var Vl = Object.defineProperty, jl = Object.getOwnPropertyDescriptor, qe = (i, t, e, s) => {
+], Ve);
+var Vl = Object.defineProperty, jl = Object.getOwnPropertyDescriptor, ze = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? jl(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 && Vl(t, e, a), a;
 };
-let _e = class extends K {
+let we = 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);
   }
@@ -7489,7 +7511,7 @@ let _e = 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>`}
@@ -7499,33 +7521,33 @@ let _e = class extends K {
     `;
   }
 };
-qe([
+ze([
   o({ type: String, reflect: !0 })
-], _e.prototype, "title", 2);
-qe([
+], we.prototype, "title", 2);
+ze([
   o({ type: String, reflect: !0 })
-], _e.prototype, "href", 2);
-qe([
+], we.prototype, "href", 2);
+ze([
   o({ type: String, reflect: !0 })
-], _e.prototype, "iconName", 2);
-qe([
+], we.prototype, "iconName", 2);
+ze([
   o({ type: Boolean, reflect: !0 })
-], _e.prototype, "external", 2);
-qe([
+], we.prototype, "external", 2);
+ze([
   o({ type: Boolean, reflect: !0 })
-], _e.prototype, "openInNewTab", 2);
-qe([
+], we.prototype, "openInNewTab", 2);
+ze([
   o({ type: String, reflect: !0 })
-], _e.prototype, "skin", 2);
-_e = qe([
+], we.prototype, "skin", 2);
+we = ze([
   j("pkt-linkcard")
-], _e);
+], we);
 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.20/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);
@@ -7537,11 +7559,11 @@ let Yt = class extends K {
     t.has("delay") && this.setupLoader();
   }
   render() {
-    const t = O({
+    const t = M({
       "pkt-loader": !0,
       [`pkt-loader--${this.inline ? "inline" : "box"}`]: !0,
       [`pkt-loader--${this.size}`]: !0
-    }), e = O({
+    }), e = M({
       "pkt-contents": !0,
       "pkt-hide": this.isLoading
     });
@@ -7613,7 +7635,7 @@ var ql = Object.defineProperty, zl = Object.getOwnPropertyDescriptor, ci = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && ql(t, e, a), a;
 };
-let Be = class extends K {
+let je = class extends K {
   constructor() {
     super(), this.defaultSlot = A(), this.closable = Ns.props.closable.default, this.compact = Ns.props.compact.default, this.title = "", this.skin = Ns.props.skin.default, this._isClosed = !1, this.close = (i) => {
       this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", { detail: { origin: i }, bubbles: !0 })), this.dispatchEvent(new CustomEvent("on-close", { detail: { origin: i }, bubbles: !0 }));
@@ -7632,7 +7654,7 @@ let Be = class extends K {
       "pkt-messagebox--closable": this.closable,
       "pkt-hide": this._isClosed
     };
-    return u`<div class=${O(i)}>
+    return u`<div class=${M(i)}>
       ${this.closable ? u`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
@@ -7649,22 +7671,22 @@ let Be = class extends K {
 };
 ci([
   o({ type: Boolean, reflect: !0 })
-], Be.prototype, "closable", 2);
+], je.prototype, "closable", 2);
 ci([
   o({ type: Boolean, reflect: !0 })
-], Be.prototype, "compact", 2);
+], je.prototype, "compact", 2);
 ci([
   o({ type: String, reflect: !0 })
-], Be.prototype, "title", 2);
+], je.prototype, "title", 2);
 ci([
   o({ type: String, reflect: !0 })
-], Be.prototype, "skin", 2);
+], je.prototype, "skin", 2);
 ci([
   B()
-], Be.prototype, "_isClosed", 2);
-Be = ci([
+], je.prototype, "_isClosed", 2);
+je = ci([
   j("pkt-messagebox")
-], Be);
+], je);
 const Wl = { hideCloseButton: { default: !1 }, closeOnBackdropClick: { default: !1 }, size: { default: "medium" } }, As = {
   props: Wl
 };
@@ -7673,7 +7695,7 @@ var Kl = Object.defineProperty, Gl = Object.getOwnPropertyDescriptor, Xt = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Kl(t, e, a), a;
 };
-let It = class extends K {
+let Rt = class extends K {
   constructor() {
     super(), this.headingText = "", this.removePadding = !1, this.hideCloseButton = As.props.hideCloseButton.default, this.closeOnBackdropClick = As.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = As.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.defaultSlot = A(), this.dialogRef = A(), this._isOpen = !1, this.close = (t, e = !1) => {
       var s;
@@ -7740,7 +7762,7 @@ let It = class extends K {
     };
     return u`
       <dialog
-        class=${O(t)}
+        class=${M(t)}
         ${E(this.dialogRef)}
         aria-labelledby="pkt-modal__headingText"
         aria-describedby="pkt-modal__content"
@@ -7749,10 +7771,10 @@ let It = class extends K {
         <div class="pkt-modal__wrapper">
           ${this.headingText || !this.hideCloseButton ? u`<div class="pkt-modal__header">
                 <div class="pkt-modal__header-background"></div>
-                ${this.headingText ? u`<h1 id="pkt-modal__headingText" class=${O(e)}>
+                ${this.headingText ? u`<h1 id="pkt-modal__headingText" class=${M(e)}>
                       ${this.headingText}
                     </h1>` : u`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton ? u`<div class="pkt-modal__noCloseButton"></div>` : u`<div class="${O(n)}">
+                ${this.hideCloseButton ? u`<div class="pkt-modal__noCloseButton"></div>` : u`<div class="${M(n)}">
                       <pkt-button
                         @click=${(r) => this.close(r)}
                         aria-label="close"
@@ -7768,7 +7790,7 @@ let It = class extends K {
           <div class="pkt-modal__container">
             <div
               id="pkt-modal__content"
-              class=${O(s)}
+              class=${M(s)}
               ${E(this.defaultSlot)}
             ></div>
           </div>
@@ -7779,43 +7801,43 @@ let It = class extends K {
 };
 Xt([
   o({ type: String })
-], It.prototype, "headingText", 2);
+], Rt.prototype, "headingText", 2);
 Xt([
   o({ type: Boolean })
-], It.prototype, "removePadding", 2);
+], Rt.prototype, "removePadding", 2);
 Xt([
   o({ type: Boolean })
-], It.prototype, "hideCloseButton", 2);
+], Rt.prototype, "hideCloseButton", 2);
 Xt([
   o({ type: Boolean })
-], It.prototype, "closeOnBackdropClick", 2);
+], Rt.prototype, "closeOnBackdropClick", 2);
 Xt([
   o({ type: String })
-], It.prototype, "closeButtonSkin", 2);
+], Rt.prototype, "closeButtonSkin", 2);
 Xt([
   o({ type: String })
-], It.prototype, "size", 2);
+], Rt.prototype, "size", 2);
 Xt([
   o({ type: String })
-], It.prototype, "variant", 2);
+], Rt.prototype, "variant", 2);
 Xt([
   o({ type: String })
-], It.prototype, "drawerPosition", 2);
+], Rt.prototype, "drawerPosition", 2);
 Xt([
   o({ type: Boolean })
-], It.prototype, "transparentBackdrop", 2);
+], Rt.prototype, "transparentBackdrop", 2);
 Xt([
   B()
-], It.prototype, "_isOpen", 2);
-It = Xt([
+], Rt.prototype, "_isOpen", 2);
+Rt = Xt([
   j("pkt-modal")
-], It);
+], Rt);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const nn = "important", Yl = " !" + nn, Zl = Fe(class extends li {
+const nn = "important", Yl = " !" + nn, Zl = Ue(class extends li {
   constructor(i) {
     var t;
     if (super(i), i.type !== zt.ATTRIBUTE || i.name !== "style" || ((t = i.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
@@ -7838,10 +7860,10 @@ const nn = "important", Yl = " !" + nn, Zl = Fe(class extends li {
         s.includes("-") || n ? e.setProperty(s, n ? a.slice(0, -11) : a, n ? nn : "") : e[s] = a;
       }
     }
-    return xt;
+    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;
@@ -7857,16 +7879,16 @@ let et = class extends K {
     super.updated(i), i.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), i.has("id") && this.id && (this.progressBarId = this.id), (i.has("statusType") || i.has("id") || i.has("ariaLabelledby")) && (this.progressbarId = this.id || be(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (i.has("ariaValueText") || i.has("valueCurrent") || i.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
   }
   render() {
-    const i = this.statusType !== "none", t = this.valueMax - this.valueMin, e = this.valueCurrent / t * 100, s = this.statusType === "fraction" ? Math.round(e) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), a = `${this.valueCurrent} av ${t}`, n = O({
+    const i = this.statusType !== "none", t = this.valueMax - this.valueMin, e = this.valueCurrent / t * 100, s = this.statusType === "fraction" ? Math.round(e) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), a = `${this.valueCurrent} av ${t}`, n = M({
       "pkt-progressbar__bar": !0,
       [`pkt-progressbar__bar--${this.skin}`]: !!this.skin
-    }), r = O({
+    }), r = M({
       "pkt-progressbar__title": !0,
       "pkt-progressbar__title-center": this.titlePosition === "center"
-    }), l = O({
+    }), l = M({
       "pkt-progressbar__status": !0,
       "pkt-progressbar__status--center": this.statusPlacement === "center"
-    }), d = O({
+    }), d = M({
       "pkt-progressbar__status-placement--following": this.statusPlacement === "following",
       "pkt-progressbar__status-placement--center": this.statusPlacement === "center",
       "pkt-progressbar__status-placement--left": this.statusPlacement === "left"
@@ -7903,69 +7925,69 @@ 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, jt = (i, t, e, s) => {
+var Ql = Object.defineProperty, th = Object.getOwnPropertyDescriptor, Ft = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? th(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;
 };
-let Nt = 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;
   }
@@ -7976,14 +7998,14 @@ let Nt = class extends P {
     i === "defaultChecked" && (this._checked = this.defaultChecked), i === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(i, t, e);
   }
   render() {
-    const i = O({
+    const i = M({
       "pkt-input-check__input": !0,
       "pkt-input-check__input--tile": this.hasTile,
       "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), t = O({
+    }), t = M({
       "pkt-input-check__input-checkbox": !0,
       "pkt-input-check__input-checkbox--error": this.hasError
-    }), e = O({
+    }), e = M({
       "pkt-input-check__input-label": !0,
       "pkt-input-check__input-label--disabled": this.disabled,
       "pkt-sr-only": this.hideLabel
@@ -8024,45 +8046,45 @@ let Nt = class extends P {
     i && i.preventDefault(), i && i.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
   }
 };
-jt([
+Ft([
   o({ type: String, reflect: !0 })
-], Nt.prototype, "value", 2);
-jt([
+], At.prototype, "value", 2);
+Ft([
   o({ type: String })
-], Nt.prototype, "checkHelptext", 2);
-jt([
+], At.prototype, "checkHelptext", 2);
+Ft([
   o({ type: Boolean })
-], Nt.prototype, "defaultChecked", 2);
-jt([
+], At.prototype, "defaultChecked", 2);
+Ft([
   o({ type: Boolean })
-], Nt.prototype, "hasTile", 2);
-jt([
+], At.prototype, "hasTile", 2);
+Ft([
   o({ type: Boolean, reflect: !0 })
-], Nt.prototype, "checked", 2);
-jt([
+], At.prototype, "checked", 2);
+Ft([
   o({ type: String, reflect: !0 })
-], Nt.prototype, "type", 2);
-jt([
+], At.prototype, "type", 2);
+Ft([
   o({ type: String })
-], Nt.prototype, "tagText", 2);
-jt([
+], At.prototype, "tagText", 2);
+Ft([
   o({ type: Boolean })
-], Nt.prototype, "optionalTag", 2);
-jt([
+], At.prototype, "optionalTag", 2);
+Ft([
   o({ type: String })
-], Nt.prototype, "optionalText", 2);
-jt([
+], At.prototype, "optionalText", 2);
+Ft([
   o({ type: Boolean })
-], Nt.prototype, "requiredTag", 2);
-jt([
+], At.prototype, "requiredTag", 2);
+Ft([
   o({ type: String })
-], Nt.prototype, "requiredText", 2);
-jt([
+], At.prototype, "requiredText", 2);
+Ft([
   B()
-], Nt.prototype, "_checked", 2);
-Nt = jt([
+], At.prototype, "_checked", 2);
+At = Ft([
   j("pkt-radiobutton")
-], Nt);
+], At);
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -8228,7 +8250,7 @@ var nh = Object.defineProperty, rh = Object.getOwnPropertyDescriptor, pi = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && nh(t, e, a), a;
 };
-let Ve = class extends K {
+let Fe = class extends K {
   constructor() {
     super(), this.arrowNav = !0, this.disableArrowNav = !1, this.tabRefs = [], this.tabCount = 0, this.defaultSlot = A(), this.context = {
       useArrowNav: this.useArrowNav,
@@ -8280,23 +8302,23 @@ let Ve = class extends K {
 };
 pi([
   o({ type: Boolean, reflect: !0, attribute: "arrow-nav" })
-], Ve.prototype, "arrowNav", 2);
+], Fe.prototype, "arrowNav", 2);
 pi([
   o({ type: Boolean, reflect: !0, attribute: "disable-arrow-nav" })
-], Ve.prototype, "disableArrowNav", 2);
+], Fe.prototype, "disableArrowNav", 2);
 pi([
   B()
-], Ve.prototype, "tabRefs", 2);
+], Fe.prototype, "tabRefs", 2);
 pi([
   B()
-], Ve.prototype, "tabCount", 2);
+], Fe.prototype, "tabCount", 2);
 pi([
   sh({ context: on }),
   B()
-], Ve.prototype, "context", 2);
-Ve = pi([
+], Fe.prototype, "context", 2);
+Fe = pi([
   j("pkt-tabs")
-], Ve);
+], Fe);
 var oh = Object.defineProperty, lh = Object.getOwnPropertyDescriptor, ue = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? lh(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
@@ -8329,10 +8351,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}
         >
@@ -8343,10 +8365,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}
       >
@@ -8388,7 +8410,7 @@ ie = ue([
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const hh = Fe(class extends li {
+const hh = Ue(class extends li {
   constructor(i) {
     if (super(i), i.type !== zt.PROPERTY && i.type !== zt.ATTRIBUTE && i.type !== zt.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
     if (!Ha(i)) throw Error("`live` bindings can only contain a single expression");
@@ -8397,13 +8419,13 @@ const hh = Fe(class extends li {
     return i;
   }
   update(i, [t]) {
-    if (t === xt || t === $) return t;
+    if (t === St || t === $) return t;
     const e = i.element, s = i.name;
     if (i.type === zt.PROPERTY) {
-      if (t === e[s]) return xt;
+      if (t === e[s]) return St;
     } else if (i.type === zt.BOOLEAN_ATTRIBUTE) {
-      if (!!t === e.hasAttribute(s)) return xt;
-    } else if (i.type === zt.ATTRIBUTE && e.getAttribute(s) === t + "") return xt;
+      if (!!t === e.hasAttribute(s)) return St;
+    } else if (i.type === zt.ATTRIBUTE && e.getAttribute(s) === t + "") return St;
     return qa(i), t;
   }
 });
@@ -8412,7 +8434,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);
   }
@@ -8424,7 +8446,7 @@ let ni = class extends P {
     super.updated(t), t.has("value") && (this.counterCurrent = ((e = this.value) == null ? void 0 : e.length) || 0, this.valueChanged(this.value, t.get("value"))), t.has("id") && !this.name && this.id && (this.name = this.id);
   }
   render() {
-    const t = O({
+    const t = M({
       "pkt-input": !0,
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
@@ -8458,10 +8480,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}
@@ -8505,7 +8527,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);
   }
@@ -8517,7 +8539,7 @@ let Zt = class extends P {
     super.updated(t), t.has("value") && (this.counterCurrent = ((e = this.value) == null ? void 0 : e.length) || 0, this.valueChanged(this.value, t.get("value"))), t.has("id") && !this.name && this.id && (this.name = this.id);
   }
   render() {
-    const t = this.type === "search" && !this.iconNameRight && !this.omitSearchIcon, e = O({
+    const t = this.type === "search" && !this.iconNameRight && !this.omitSearchIcon, e = M({
       "pkt-input": !0,
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
@@ -8556,14 +8578,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}
@@ -8643,7 +8665,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 Ii = 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;
   }
@@ -8734,23 +8756,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"}
@@ -8827,7 +8849,7 @@ let ri = class extends K {
       "pkt-darkmode": this.darkmode
     };
     return u`
-      <div class="${O(i)}">
+      <div class="${M(i)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 
         <h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
@@ -8847,7 +8869,7 @@ let ri = class extends K {
 
         <h2 class="pkt-txt-22">Knapp som emitter en event</h2>
         <button type="button" @click=${() => this.handleGreeting()}>
-          Si ${_t.example.hi}
+          Si ${wt.example.hi}
         </button>
       </div>
     `;
@@ -8893,8 +8915,8 @@ ri = Fi([
 ], ri);
 const L = Jt({
   tagName: "pkt-icon",
-  elementClass: De,
-  react: mt,
+  elementClass: Re,
+  react: gt,
   displayName: "PktIcon",
   events: {}
 }), bh = Z(
@@ -8911,18 +8933,18 @@ const L = Jt({
     onClick: p,
     onToggle: m
   }, f) => {
-    const [y, b] = je(i), { name: k } = kn(), w = l || k, S = n !== void 0 ? n : y;
-    Qe(() => {
+    const [y, b] = ke(i), { name: k } = kn(), w = l || k, C = n !== void 0 ? n : y;
+    De(() => {
       n === void 0 && b(i);
     }, [i, n]);
-    const M = (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}`,
@@ -8932,12 +8954,12 @@ const L = Jt({
       "details",
       {
         ref: f,
-        className: I,
+        className: P,
         id: t,
-        open: S,
-        onClick: N,
+        open: C,
+        onClick: T,
         name: w,
-        onToggle: M,
+        onToggle: O,
         children: [
           /* @__PURE__ */ x("summary", { className: "pkt-accordion-item__title", id: `pkt-accordion-item-summary-${t}`, children: [
             e,
@@ -8993,7 +9015,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,
@@ -9006,7 +9028,7 @@ const ht = /* @__PURE__ */ kh($h), ln = ({
   className: p,
   ...m
 }) => {
-  const [f, y] = je(!1), b = {
+  const [f, y] = ke(!1), b = {
     "pkt-alert": !0,
     "pkt-alert--compact": e,
     [`pkt-alert--${d}`]: d,
@@ -9018,7 +9040,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,
       {
@@ -9053,7 +9075,7 @@ ln.displayName = "PktAlert";
 const _h = Jt({
   tagName: "pkt-backlink",
   elementClass: si,
-  react: mt,
+  react: gt,
   displayName: "PktBackLink"
 });
 _h.displayName = "PktBackLink";
@@ -9094,53 +9116,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.20/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 M = [
+    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: M,
-        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 }
+            }
+          )
         ]
       }
     );
@@ -9149,8 +9180,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(
@@ -9175,31 +9206,31 @@ const Sh = Z(
     optionalTag: b,
     optionalText: k = "Valgfritt",
     requiredTag: w,
-    requiredText: S = "Må fylles ut",
-    tagText: M,
-    ...N
-  }, I) => {
-    const T = Bs(null);
-    Qe(() => {
-      T.current && y !== void 0 && (T.current.indeterminate = y);
-    }, [y]), Qe(() => {
-      typeof I == "function" ? I(T.current) : I && (I.current = T.current);
-    }, [I]);
+    requiredText: C = "Må fylles ut",
+    tagText: O,
+    ...T
+  }, P) => {
+    const N = Bs(null);
+    De(() => {
+      N.current && y !== void 0 && (N.current.indeterminate = y);
+    }, [y]), De(() => {
+      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" : "",
       `pkt-input-check__input-label--${p}`,
       d ? "pkt-sr-only" : ""
-    ].filter(Boolean).join(" "), Ft = [
+    ].filter(Boolean).join(" "), _t = [
       "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: [
-      M && /* @__PURE__ */ h("span", { className: pt + " pkt-tag--gray", children: M }),
-      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: Ft, children: [
+    return /* @__PURE__ */ h("div", { className: H, children: /* @__PURE__ */ x("div", { className: _t, children: [
       p === "left" && /* @__PURE__ */ x("label", { className: G, htmlFor: i, children: [
         s,
         " ",
@@ -9210,13 +9241,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: [
@@ -9232,7 +9263,7 @@ Sh.displayName = "PktCheckbox";
 const Ch = Jt({
   tagName: "pkt-combobox",
   elementClass: Q,
-  react: mt,
+  react: gt,
   displayName: "PktCombobox",
   events: {
     onClick: "click",
@@ -9251,7 +9282,7 @@ Th.displayName = "PktCombobox";
 const Hs = Jt({
   tagName: "pkt-consent",
   elementClass: Ht,
-  react: mt,
+  react: gt,
   displayName: "PktConsent",
   events: {
     onToggleConsent: "toggle-consent"
@@ -9261,7 +9292,7 @@ Hs.displayName = "PktConsent";
 const Nh = Jt({
   tagName: "pkt-datepicker",
   elementClass: tt,
-  react: mt,
+  react: gt,
   displayName: "PktDatepicker",
   events: {
     onChange: "change",
@@ -9293,7 +9324,7 @@ const Yd = ({
     console.log(w.detail);
   }
 }) => {
-  var S, M;
+  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: [
@@ -9301,38 +9332,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 }),
-          (M = t.links) == null ? void 0 : M.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: [
@@ -9381,27 +9412,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 = ({
@@ -9494,42 +9525,42 @@ const Yd = ({
     openMenu: b,
     logOut: k,
     changeRepresentation: w,
-    children: S,
-    ...M
-  }, 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", {
+    children: C,
+    ...O
+  }, 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, Ft] = mt.useState(0), [pt, J] = mt.useState(!1), st = mt.useRef(null);
-    mt.useEffect(() => (document && (document.addEventListener("mouseup", Et), window.addEventListener("scroll", at)), () => {
-      document && (document.removeEventListener("mouseup", Et), window.removeEventListener("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 At = () => {
-      J(!pt);
-    }, Et = (R) => {
+    const Et = () => {
+      J(!mt);
+    }, Ot = (R) => {
       st.current && !st.current.contains(R.target) && J(!1);
     }, at = () => {
       if (a) {
         const R = window.pageYOffset || document.documentElement.scrollTop;
         if (R < 0 || Math.abs(R - G) < 60)
           return;
-        H(R > G), Ft(R);
+        H(R > G), _t(R);
       }
     };
     return /* @__PURE__ */ x(
       "header",
       {
-        ...M,
+        ...O,
         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(
@@ -9538,7 +9569,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.20/logos/"
               }
             ) }) : /* @__PURE__ */ h(
               "button",
@@ -9552,7 +9583,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.20/logos/"
                   }
                 )
               }
@@ -9575,7 +9606,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(
@@ -9585,8 +9616,8 @@ const Yd = ({
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": pt,
-                      onClick: At,
+                      "aria-expanded": mt,
+                      onClick: Et,
                       children: [
                         /* @__PURE__ */ h(L, { name: "user", className: "pkt-btn__icon" }),
                         /* @__PURE__ */ h("span", { className: "pkt-header__user-fullname", translate: "no", children: (l == null ? void 0 : l.name) || (n == null ? void 0 : n.name) }),
@@ -9602,16 +9633,16 @@ 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, wt) => /* @__PURE__ */ h("li", { children: typeof R.target == "string" ? /* @__PURE__ */ x("a", { href: R.target, className: "pkt-link", children: [
+                    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: [
                       R.iconName && /* @__PURE__ */ h(L, { name: R.iconName, className: "pkt-link__icon" }),
                       R.title
                     ] }) : /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: R.target, children: [
                       R.iconName && /* @__PURE__ */ h(L, { name: R.iconName, className: "pkt-link__icon" }),
                       R.title
-                    ] }) }, `userMenu-${wt}`)) }) }),
+                    ] }) }, `userMenu-${xt}`)) }) }),
                     (l || m) && /* @__PURE__ */ x("li", { children: [
                       l && /* @__PURE__ */ x(Wt, { children: [
                         /* @__PURE__ */ h("div", { className: "pkt-user-menu__label", children: "Representerer" }),
@@ -9627,24 +9658,24 @@ const Yd = ({
                       ] }) }) })
                     ] }),
                     /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: (d || !y) && /* @__PURE__ */ x(Wt, { children: [
-                      d == null ? void 0 : d.map((R, wt) => /* @__PURE__ */ h("li", { children: typeof R.target == "string" ? /* @__PURE__ */ x("a", { href: R.target, className: "pkt-link", children: [
+                      d == null ? void 0 : d.map((R, xt) => /* @__PURE__ */ h("li", { children: typeof R.target == "string" ? /* @__PURE__ */ x("a", { href: R.target, className: "pkt-link", children: [
                         R.iconName && /* @__PURE__ */ h(L, { name: R.iconName, className: "pkt-link__icon" }),
                         R.title
                       ] }) : /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: R.target, children: [
                         R.iconName && /* @__PURE__ */ h(L, { name: R.iconName, className: "pkt-link__icon" }),
                         R.title
-                      ] }) }, `userOptions-${wt}`)),
+                      ] }) }, `userOptions-${xt}`)),
                       !y && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: k, children: [
                         /* @__PURE__ */ h(L, { name: "exit", className: "pkt-link__icon" }),
                         "Logg ut"
                       ] }) })
                     ] }) }) }),
-                    p && /* @__PURE__ */ h("li", { className: "footer", children: /* @__PURE__ */ h("ul", { className: "pkt-list-horizontal bordered", children: p.map((R, wt) => /* @__PURE__ */ h("li", { children: typeof R.target == "string" ? /* @__PURE__ */ h("a", { href: R.target, className: "pkt-link", children: R.title }) : /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: R.target, children: R.title }) }, `userMenuFooter-${wt}`)) }) })
+                    p && /* @__PURE__ */ h("li", { className: "footer", children: /* @__PURE__ */ h("ul", { className: "pkt-list-horizontal bordered", children: p.map((R, xt) => /* @__PURE__ */ h("li", { children: typeof R.target == "string" ? /* @__PURE__ */ h("a", { href: R.target, className: "pkt-link", children: R.title }) : /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: R.target, children: R.title }) }, `userMenuFooter-${xt}`)) }) })
                   ] })
                 ]
               }
             ),
-            S && /* @__PURE__ */ h("li", { children: S }),
+            C && /* @__PURE__ */ h("li", { children: C }),
             y && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
               oi,
               {
@@ -9664,15 +9695,15 @@ const Yd = ({
   }
 ), Eh = Jt({
   tagName: "pkt-heading",
-  elementClass: Ie,
-  react: mt,
+  elementClass: Le,
+  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"
@@ -9707,37 +9738,37 @@ const ps = Z(
     hasError: b = !1,
     errorMessage: k,
     disabled: w = !1,
-    inline: S = !1,
-    ariaDescribedby: M,
-    useWrapper: N = !0,
-    children: I,
-    className: T = "",
+    inline: C = !1,
+    ariaDescribedby: O,
+    useWrapper: T = !0,
+    children: P,
+    className: N = "",
     hasFieldset: H = !1,
     role: G = "group",
-    counterPosition: Ft = "bottom"
-  }, pt) => {
-    const [J, st] = je(!1), At = M || (e ? `${i}-helptext` : void 0), Et = !!n, at = Et && Ft === "top", R = Et && Ft === "bottom", wt = () => st((ot) => !ot), Qt = [
+    counterPosition: _t = "bottom"
+  }, 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" : ""
-    ].filter(Boolean).join(" "), oe = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), te = () => Et ? /* @__PURE__ */ x("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": "true", children: [
+      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, we = () => /* @__PURE__ */ x(Wt, { children: [
+    ] }) : null, xe = () => /* @__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 })
-    ] }), ze = () => {
+    ] }), We = () => {
       const ot = /* @__PURE__ */ x(Wt, { children: [
         t,
         " ",
-        we()
+        xe()
       ] });
-      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": At, id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { htmlFor: i, className: "pkt-sr-only", "aria-describedby": At, 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,
@@ -9747,7 +9778,7 @@ const ps = Z(
             variant: "icon-right",
             iconName: J ? "chevron-thin-up" : "chevron-thin-down",
             className: "pkt-link pkt-link--icon-right",
-            onClick: wt,
+            onClick: xt,
             children: /* @__PURE__ */ h(
               "span",
               {
@@ -9767,14 +9798,14 @@ const ps = Z(
         )
       ] })
     ] }), Ut = /* @__PURE__ */ x(Wt, { children: [
-      ze(),
+      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": At, 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";
@@ -9791,7 +9822,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",
@@ -9824,12 +9855,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 })
       ]
     }
@@ -9839,7 +9870,7 @@ Rh.displayName = "PktLinkCard";
 const Lh = Jt({
   tagName: "pkt-loader",
   elementClass: Yt,
-  react: mt,
+  react: gt,
   displayName: "PktLoader",
   events: {}
 }), Bh = Z(
@@ -9856,7 +9887,7 @@ const Vh = ({
   onClose: r,
   ...l
 }) => {
-  const [d, p] = je(!1), m = {
+  const [d, p] = ke(!1), m = {
     "pkt-messagebox": !0,
     "pkt-messagebox--compact": a,
     [`pkt-messagebox--${e}`]: e,
@@ -9865,7 +9896,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",
       {
@@ -9882,8 +9913,8 @@ const Vh = ({
 Vh.displayName = "PktMessagebox";
 const jh = Jt({
   tagName: "pkt-modal",
-  elementClass: It,
-  react: mt,
+  elementClass: Rt,
+  react: gt,
   displayName: "PktModal",
   events: {}
 }), Fh = Z(
@@ -9893,7 +9924,7 @@ Fh.displayName = "PktModal";
 const Uh = Jt({
   tagName: "pkt-progressbar",
   elementClass: et,
-  react: mt,
+  react: gt,
   displayName: "PktProgressbar",
   events: {}
 }), Hh = Z(
@@ -9918,34 +9949,34 @@ const qh = Z(
     requiredText: b,
     tagText: k,
     ...w
-  }, S) => {
-    const M = [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: M, 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(),
@@ -9973,13 +10004,13 @@ const Xd = Z(
     onSuggestionClick: b,
     ...k
   }, w) => {
-    const S = (T, H) => {
-      T ? T() : b && b(H);
-    }, M = (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: [
@@ -9997,9 +10028,9 @@ const Xd = Z(
               "aria-autocomplete": "list",
               ref: w,
               "aria-controls": `${s}-suggestions`,
-              onChange: f || M,
-              onKeyUp: y && ((T) => {
-                T.key === "Enter" && (T.preventDefault(), y(d));
+              onChange: f || O,
+              onKeyUp: y && ((N) => {
+                N.key === "Enter" && (N.preventDefault(), y(d));
               }),
               ...k
             }
@@ -10014,25 +10045,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}`)) })
       ] })
@@ -10056,11 +10087,11 @@ const Xd = Z(
     label: b,
     name: k,
     optionalTag: w = !1,
-    optionalText: S,
-    requiredTag: M = !1,
-    requiredText: N,
-    tagText: I,
-    ...T
+    optionalText: C,
+    requiredTag: O = !1,
+    requiredText: T,
+    tagText: P,
+    ...N
   }, H) => {
     const G = [s, "pkt-select"].join(" ");
     return /* @__PURE__ */ h(
@@ -10073,10 +10104,10 @@ const Xd = Z(
         helptextDropdown: d,
         helptextDropdownButton: p,
         optionalTag: w,
-        optionalText: S,
-        requiredTag: M,
-        requiredText: N,
-        tagText: I,
+        optionalText: C,
+        requiredTag: O,
+        requiredText: T,
+        tagText: P,
         hasError: r,
         errorMessage: n,
         disabled: a,
@@ -10093,7 +10124,7 @@ const Xd = Z(
             disabled: a,
             id: `${m}-input`,
             name: k || m,
-            ...T,
+            ...N,
             children: e
           }
         )
@@ -10106,10 +10137,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 }),
@@ -10125,12 +10156,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
       })
@@ -10148,7 +10179,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",
@@ -10158,17 +10189,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,
@@ -10183,20 +10214,21 @@ const Xd = Z(
     "aria-description": m,
     ...f
   }, y) => {
-    const [b, k] = je(!1), w = Ls(() => {
+    const [b, k] = ke(!1), w = Ls(() => {
       k(!0), d && d();
-    }, [k]), S = Bs(null), M = bn(() => {
-      var T, H;
-      if (a && !l) {
-        const G = (H = (T = S.current) == null ? void 0 : T.textContent) == null ? void 0 : H.trim();
-        return G && `Klikk for å fjerne ${G}` || m;
-      }
-    }, [a, l]), N = {
+    }, [k]), C = Bs(null), [O, T] = ke("");
+    De(() => {
+      var G, _t;
+      T(((_t = (G = C.current) == null ? void 0 : G.textContent) == null ? void 0 : _t.trim()) ?? "");
+    }, [i]);
+    const P = bn(() => {
+      if (a && !l) return O && `Klikk for å fjerne ${O}` || m;
+    }, [a, l, O, m]), N = {
       "pkt-tag": !0,
       [`pkt-tag--${s}`]: !!s,
       [`pkt-tag--${t}`]: !!t,
       [`pkt-tag--${e}`]: !!e
-    }, I = {
+    }, H = {
       "pkt-tag": !0,
       "pkt-btn": !0,
       "pkt-btn--tertiary": !0,
@@ -10210,21 +10242,21 @@ const Xd = Z(
       "button",
       {
         ...f,
-        className: ht(I, n),
+        className: dt(H, n),
         type: p,
         onClick: w,
         "aria-label": l,
-        "aria-description": M,
+        "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(N, n), ref: y, children: [
-      r && /* @__PURE__ */ h(L, { className: "pkt-tag__icon", name: r }),
-      /* @__PURE__ */ h("span", { ref: S, children: i })
+    ) : /* @__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: C, children: i })
     ] });
   }
 );
@@ -10235,20 +10267,20 @@ const dn = Z(
       "aria-selected": m ? !!t : void 0,
       "aria-controls": n,
       role: m ? "tab" : void 0,
-      onKeyUp: (M) => y(d, M),
-      onClick: (M) => {
-        b(d), s == null || s(M);
+      onKeyUp: (O) => y(d, O),
+      onClick: (O) => {
+        b(d), s == null || s(O);
       },
       tabIndex: t || !m ? void 0 : -1,
-      ref: (M) => {
-        f(d, M), typeof p == "function" ? p(M) : p && (p.current = M);
+      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";
@@ -10260,19 +10292,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;
-    Qe(() => {
+    De(() => {
       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, M;
-      l && (w.code === "ArrowLeft" && k !== 0 && ((S = r.current[k - 1]) == null || S.focus()), w.code === "ArrowRight" && k < p - 1 && ((M = r.current[k + 1]) == null || M.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, M;
+      var C, O;
       return /* @__PURE__ */ h(
         dn,
         {
@@ -10281,8 +10313,8 @@ const cn = Oa(null), Gh = () => {
           onClick: () => m(w),
           icon: k.icon,
           controls: k.controls,
-          tag: (S = k.tag) == null ? void 0 : S.text,
-          tagSkin: (M = k.tag) == null ? void 0 : M.skin,
+          tag: (C = k.tag) == null ? void 0 : C.text,
+          tagSkin: (O = k.tag) == null ? void 0 : O.skin,
           index: w,
           children: k.text
         },
@@ -10309,29 +10341,29 @@ const cn = Oa(null), Gh = () => {
     fullwidth: b = !1,
     label: k,
     name: w,
-    optionalTag: S = !1,
-    optionalText: M,
-    requiredTag: N = !1,
-    requiredText: I,
-    tagText: T = null,
+    optionalTag: C = !1,
+    optionalText: O,
+    requiredTag: T = !1,
+    requiredText: P,
+    tagText: N = null,
     placeholder: H,
     rows: G,
-    useWrapper: Ft = !0,
-    onChange: pt,
+    useWrapper: _t = !0,
+    onChange: mt,
     value: J,
     autoComplete: st = "off",
-    minLength: At,
-    maxLength: Et,
+    minLength: Et,
+    maxLength: Ot,
     readOnly: at = !1,
     skipForwardTestid: R = !1,
-    ...wt
+    ...xt
   }, Qt) => {
-    const oe = [n, "pkt-textinput", "pkt-textarea"].join(" "), te = `${i}-input`, we = `${te}-label`, ze = e || we, [le, Ut] = je(0), ot = (xe) => {
-      var Se, he;
-      if (s && Ut(((he = (Se = xe.currentTarget) == null ? void 0 : Se.value) == null ? void 0 : he.length) || 0), pt)
-        return pt(xe);
+    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), mt)
+        return mt(Se);
     };
-    return Qe(() => {
+    return De(() => {
       J !== void 0 && Ut((J == null ? void 0 : J.length) || 0);
     }, [J]), /* @__PURE__ */ h(
       ps,
@@ -10347,12 +10379,12 @@ const cn = Oa(null), Gh = () => {
         helptextDropdownButton: f,
         inline: y,
         label: k,
-        optionalTag: S,
-        optionalText: M,
-        requiredTag: N,
-        requiredText: I,
-        tagText: T,
-        useWrapper: Ft,
+        optionalTag: C,
+        optionalText: O,
+        requiredTag: T,
+        requiredText: P,
+        tagText: N,
+        useWrapper: _t,
         counter: s,
         counterCurrent: le,
         counterMaxLength: a,
@@ -10366,15 +10398,15 @@ const cn = Oa(null), Gh = () => {
             placeholder: H,
             disabled: r,
             rows: G,
-            "aria-labelledby": ze,
+            "aria-labelledby": We,
             "aria-invalid": d,
             "aria-errormessage": `${i}-error`,
-            ...wt,
+            ...xt,
             onChange: ot,
             value: J,
             autoComplete: st,
-            minLength: At,
-            maxLength: Et,
+            minLength: Et,
+            maxLength: Ot,
             "data-skip-forward-testid": R ? "true" : void 0
           }
         )
@@ -10399,39 +10431,39 @@ const cn = Oa(null), Gh = () => {
     iconNameRight: b,
     inline: k = !1,
     fullwidth: w = !1,
-    label: S,
-    name: M,
-    optionalTag: N = !1,
-    optionalText: I,
-    requiredTag: T = !1,
+    label: C,
+    name: O,
+    optionalTag: T = !1,
+    optionalText: P,
+    requiredTag: N = !1,
     requiredText: H,
     tagText: G = null,
-    placeholder: Ft,
-    prefix: pt,
+    placeholder: _t,
+    prefix: mt,
     suffix: J,
     type: st = "text",
-    useWrapper: At = !0,
-    omitSearchIcon: Et = !1,
+    useWrapper: Et = !0,
+    omitSearchIcon: Ot = !1,
     value: at,
     minLength: R,
-    maxLength: wt,
+    maxLength: xt,
     min: Qt,
     max: oe,
     step: te,
-    size: we,
-    readonly: ze,
+    size: xe,
+    readonly: We,
     required: le,
     dataTestid: Ut,
     onChange: ot,
-    skipForwardTestid: xe = !1,
-    ...Se
+    skipForwardTestid: Se = !1,
+    ...Ce
   }, he) => {
-    const us = [r, "pkt-textinput"].join(" "), Ui = st === "search" && !b && !Et, ms = st === "date" && at ? at.slice(0, 10) : at, [Hi, We] = je((at == null ? void 0 : at.length) || 0), Ke = `${i}`, ui = `${Ke}-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}`, ui = `${Ge}-label`, qi = e || ui, fs = (me) => {
       var zi, Wi;
-      a && We(((Wi = (zi = me.currentTarget) == null ? void 0 : zi.value) == null ? void 0 : Wi.length) || 0), ot && ot(me);
+      a && Ke(((Wi = (zi = me.currentTarget) == null ? void 0 : zi.value) == null ? void 0 : Wi.length) || 0), ot && ot(me);
     };
-    return Qe(() => {
-      at !== void 0 && We((at == null ? void 0 : at.length) || 0);
+    return De(() => {
+      at !== void 0 && Ke((at == null ? void 0 : at.length) || 0);
     }, [at]), /* @__PURE__ */ h(
       ps,
       {
@@ -10439,19 +10471,19 @@ const cn = Oa(null), Gh = () => {
         className: us,
         disabled: l,
         errorMessage: d,
-        forId: Ke,
+        forId: Ge,
         hasError: p,
         helptext: m,
         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: At,
+        useWrapper: Et,
         counter: a,
         counterCurrent: Hi,
         counterMaxLength: n,
@@ -10460,20 +10492,20 @@ const cn = Oa(null), Gh = () => {
           {
             className: "pkt-input__container",
             "data-testid": Ut,
-            "data-skip-forward-testid": xe ? "true" : void 0,
+            "data-skip-forward-testid": Se ? "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",
                 {
-                  ...Se,
+                  ...Ce,
                   ref: he,
                   className: `pkt-input ${w ? "pkt-input--fullwidth" : ""} ${n && Hi > n ? "pkt-input--counter-error" : ""}`,
                   type: st,
-                  name: `${M || i}`,
+                  name: `${O || i}`,
                   value: ms,
-                  id: Ke,
-                  placeholder: Ft,
+                  id: Ge,
+                  placeholder: _t,
                   autoComplete: s,
                   disabled: l,
                   "aria-invalid": p,
@@ -10484,8 +10516,8 @@ const cn = Oa(null), Gh = () => {
                   onChange: fs,
                   step: te,
                   minLength: R,
-                  maxLength: wt,
-                  size: we,
+                  maxLength: xt,
+                  size: xe,
                   required: le
                 }
               ),