@oslokommune/punkt-react 13.19.2 → 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 ke, useEffect as De, useCallback as Ls, useRef as Bs, Fragment as un, createRef as mn, createElement as fn, Children as Os, isValidElement as gn, cloneElement as vn, useMemo as bn } from "react";
+import gt, { createContext as Oa, forwardRef as Z, useContext as Ma, useState as ke, useEffect as 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) => {
@@ -1019,7 +1019,7 @@ var rr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, Ri = (i, t
     (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;
@@ -1072,14 +1072,14 @@ Re = Ri([
  * 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);
   }
@@ -1124,70 +1124,84 @@ let ft = class extends K {
         class=${M(e)}
         type=${this.type}
         ?disabled=${!!this.disabled}
-        aria-busy=${C(this.isLoading ? "true" : void 0)}
-        aria-disabled=${C(this.disabled || this.isLoading ? "true" : void 0)}
-        form=${C(t)}
+        aria-busy=${S(this.isLoading ? "true" : void 0)}
+        aria-disabled=${S(this.disabled || this.isLoading ? "true" : void 0)}
+        form=${S(t)}
       >
         ${this.isLoading ? u`<pkt-icon
               class="pkt-btn__icon pkt-btn__spinner"
               name="spinner-blue"
-              path=${C(this.loadingAnimationPath)}
+              path=${S(this.loadingAnimationPath)}
+            ></pkt-icon>` : $}
+        ${this.variant !== "label-only" ? u`<pkt-icon
+              class="pkt-btn__icon pkt-icon"
+              name=${this.iconName}
+              path=${S(this.iconPath)}
             ></pkt-icon>` : $}
-        ${this.variant !== "label-only" ? u`<pkt-icon class="pkt-btn__icon pkt-icon" name=${this.iconName}></pkt-icon>` : $}
         <span class="pkt-btn__text" ${E(this.defaultSlot)}></span>
-        ${this.variant === "icons-right-and-left" ? u`<pkt-icon class="pkt-btn__icon" name=${this.secondIconName}></pkt-icon>` : $}
+        ${this.variant === "icons-right-and-left" ? u`<pkt-icon
+              class="pkt-btn__icon"
+              name=${this.secondIconName}
+              path=${S(this.secondIconPath)}
+            ></pkt-icon>` : $}
       </button>
     `;
   }
 };
-kt([
+ut([
   o({ type: String })
-], ft.prototype, "iconName", 2);
-kt([
+], lt.prototype, "iconName", 2);
+ut([
   o({ type: String })
-], ft.prototype, "secondIconName", 2);
-kt([
+], lt.prototype, "secondIconName", 2);
+ut([
   o({ type: String })
-], ft.prototype, "mode", 2);
-kt([
+], lt.prototype, "iconPath", 2);
+ut([
   o({ type: String })
-], ft.prototype, "size", 2);
-kt([
+], lt.prototype, "secondIconPath", 2);
+ut([
+  o({ type: String })
+], lt.prototype, "mode", 2);
+ut([
+  o({ type: String })
+], lt.prototype, "size", 2);
+ut([
   o({ type: Boolean, attribute: "full-width" })
-], ft.prototype, "fullWidth", 2);
-kt([
+], lt.prototype, "fullWidth", 2);
+ut([
   o({ type: Boolean, attribute: "full-width-on-mobile" })
-], ft.prototype, "fullWidthOnMobile", 2);
-kt([
+], lt.prototype, "fullWidthOnMobile", 2);
+ut([
   o({ type: String })
-], ft.prototype, "color", 2);
-kt([
+], lt.prototype, "color", 2);
+ut([
   o({ type: String })
-], ft.prototype, "skin", 2);
-kt([
+], lt.prototype, "skin", 2);
+ut([
   o({ type: String })
-], ft.prototype, "variant", 2);
-kt([
+], lt.prototype, "variant", 2);
+ut([
   o({ type: String, reflect: !0 })
-], ft.prototype, "state", 2);
-kt([
+], lt.prototype, "state", 2);
+ut([
   o({ type: String, reflect: !0 })
-], ft.prototype, "type", 2);
-kt([
+], lt.prototype, "type", 2);
+ut([
   o({ type: String })
-], ft.prototype, "form", 2);
-kt([
+], lt.prototype, "form", 2);
+ut([
   o({ type: Boolean, reflect: !0 })
-], ft.prototype, "isLoading", 2);
-kt([
+], lt.prototype, "isLoading", 2);
+ut([
   o({ type: Boolean, reflect: !0 })
-], ft.prototype, "disabled", 2);
-kt([
+], lt.prototype, "disabled", 2);
+ut([
   o({ type: String })
-], ft.prototype, "loadingAnimationPath", 2);
-ft = kt([
+], lt.prototype, "loadingAnimationPath", 2);
+lt = ut([
   j("pkt-button")
-], ft);
+], lt);
 const pr = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, Ki = {
   props: pr
 };
@@ -1378,7 +1392,7 @@ let ye = class extends K {
         id=${this.id}
         ?open=${this.isOpen}
         ${E(this.accordionItemRef)}
-        name=${C(this.name)}
+        name=${S(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
@@ -1438,7 +1452,7 @@ let si = class extends K {
       class="pkt-back-link"
       aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
     >
-      <a href=${C(this.href || "/")} class="pkt-link pkt-link--icon-left"
+      <a href=${S(this.href || "/")} class="pkt-link pkt-link--icon-left"
         ><pkt-icon
           class="pkt-back-link__icon pkt-icon pkt-link__icon"
           name="chevron-thin-left"
@@ -2714,8 +2728,8 @@ function Co(i, t, e) {
   let y = t.match(_o).map((k) => {
     const w = k[0];
     if (w === "p" || w === "P") {
-      const S = uo[w];
-      return S(k, d.formatLong);
+      const C = uo[w];
+      return C(k, d.formatLong);
     }
     return k;
   }).join("").match($o).map((k) => {
@@ -2742,8 +2756,8 @@ function Co(i, t, e) {
     if (!k.isToken) return k.value;
     const w = k.value;
     (bo(w) || vo(w)) && ko(w, t, String(i));
-    const S = ga[w[0]];
-    return S(f, w, d.localize, b);
+    const C = ga[w[0]];
+    return C(f, w, d.localize, b);
   }).join("");
 }
 function To(i) {
@@ -2839,11 +2853,11 @@ function Qa(i) {
   p.setUTCSeconds(0);
   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 = Me(i.timeZone, i), b = y > 0 ? Math.floor(y) : Math.ceil(y), k = -(/* @__PURE__ */ new Date(+i)).getTimezoneOffset() - b, w = b !== e, S = k - d;
-  if (w && S) {
-    Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + S);
-    const O = Me(i.timeZone, i), N = O > 0 ? Math.floor(O) : Math.ceil(O), I = b - N;
-    I && (i.internal.setUTCMinutes(i.internal.getUTCMinutes() + I), Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + I));
+  const y = 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 {
@@ -3524,8 +3538,8 @@ let Gt = class extends K {
           class=${M(e)}
           type=${this.type}
           @click=${this.close}
-          aria-label=${C(this.ariaLabel || void 0)}
-          aria-description=${C(this._ariaDescription || void 0)}
+          aria-label=${S(this.ariaLabel || void 0)}
+          aria-description=${S(this._ariaDescription || void 0)}
         >
           ${this.iconName && u`<pkt-icon
             class="pkt-tag__icon"
@@ -3652,12 +3666,12 @@ Le = Bi([
 const Zo = { layout: { default: "vertical" }, skin: { type: ["outlined", "outlined-beige", "gray", "blue", "beige", "green"], default: "outlined" }, padding: { default: "default" } }, Qe = {
   props: Zo
 };
-var Jo = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, bt = (i, t, e, s) => {
+var Jo = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, kt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Xo(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Jo(t, e, a), a;
 };
-let lt = class extends K {
+let ht = class extends K {
   //Constructor
   constructor() {
     super(), this.defaultSlot = A(), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = !0, this.clickCardLink = null, this.metaTrail = null, this.layout = Qe.props.layout.default, this.heading = "", this.headinglevel = 3, this.image = {
@@ -3683,7 +3697,7 @@ let lt = class extends K {
     return u`
       <article
         class=${M(s)}
-        aria-label=${C(this.clickCardLink ? a : n)}
+        aria-label=${S(this.clickCardLink ? a : n)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -3782,8 +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>
@@ -3809,43 +3823,43 @@ let lt = class extends K {
     `;
   }
 };
-bt([
+kt([
   o({ type: String })
-], lt.prototype, "ariaLabel", 2);
-bt([
+], ht.prototype, "ariaLabel", 2);
+kt([
   o({ type: String })
-], lt.prototype, "metaLead", 2);
-bt([
+], ht.prototype, "metaLead", 2);
+kt([
   o({ type: Boolean })
-], lt.prototype, "borderOnHover", 2);
-bt([
+], ht.prototype, "borderOnHover", 2);
+kt([
   o({ type: String, reflect: !0 })
-], lt.prototype, "clickCardLink", 2);
-bt([
+], ht.prototype, "clickCardLink", 2);
+kt([
   o({ type: String })
-], lt.prototype, "metaTrail", 2);
-bt([
+], ht.prototype, "metaTrail", 2);
+kt([
   o({ type: String })
-], lt.prototype, "layout", 2);
-bt([
+], ht.prototype, "layout", 2);
+kt([
   o({ type: String })
-], lt.prototype, "heading", 2);
-bt([
+], ht.prototype, "heading", 2);
+kt([
   o({ type: Number })
-], lt.prototype, "headinglevel", 2);
-bt([
+], ht.prototype, "headinglevel", 2);
+kt([
   o({ type: Object })
-], lt.prototype, "image", 2);
-bt([
+], ht.prototype, "image", 2);
+kt([
   o({ type: String })
-], lt.prototype, "imageShape", 2);
-bt([
+], ht.prototype, "imageShape", 2);
+kt([
   o({ type: Boolean })
-], lt.prototype, "openLinkInNewTab", 2);
-bt([
+], ht.prototype, "openLinkInNewTab", 2);
+kt([
   o({ type: String })
-], lt.prototype, "padding", 2);
-bt([
+], ht.prototype, "padding", 2);
+kt([
   o({
     type: String,
     converter: {
@@ -3858,19 +3872,19 @@ bt([
       toAttribute: (i) => i
     }
   })
-], lt.prototype, "skin", 2);
-bt([
+], ht.prototype, "skin", 2);
+kt([
   o({ type: String })
-], lt.prototype, "subheading", 2);
-bt([
+], ht.prototype, "subheading", 2);
+kt([
   o({ type: String })
-], lt.prototype, "tagPosition", 2);
-bt([
+], ht.prototype, "tagPosition", 2);
+kt([
   o({ type: Array })
-], lt.prototype, "tags", 2);
-lt = bt([
+], ht.prototype, "tags", 2);
+ht = kt([
   j("pkt-card")
-], lt);
+], ht);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -3907,11 +3921,11 @@ const xa = (i, t, e) => {
     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 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(S, n[b]), vi(i, a[f], S), a[w] = null;
+      } 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++;
@@ -3935,7 +3949,7 @@ var el = {}, Ca;
 function il() {
   return Ca || (Ca = 1, (function() {
     (function(i) {
-      const t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), S = {
+      const t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), C = {
         ariaAtomic: "aria-atomic",
         ariaAutoComplete: "aria-autocomplete",
         ariaBusy: "aria-busy",
@@ -3979,69 +3993,69 @@ function il() {
         ariaValueText: "aria-valuetext",
         role: "role"
       }, O = (g, c) => {
-        for (let v in S) {
+        for (let v in C) {
           c[v] = null;
           let _ = null;
-          const D = S[v];
+          const I = C[v];
           Object.defineProperty(c, v, {
             get() {
               return _;
             },
             set(V) {
-              _ = V, g.isConnected ? st(g, D, V) : m.set(g, c);
+              _ = V, g.isConnected ? st(g, I, V) : m.set(g, c);
             }
           });
         }
       };
-      function N(g) {
+      function T(g) {
         const c = a.get(g), { form: v } = c;
         le(g, v, c), xt(g, c.labels);
       }
-      const I = (g, c = !1) => {
+      const P = (g, c = !1) => {
         const v = document.createTreeWalker(g, NodeFilter.SHOW_ELEMENT, {
           acceptNode(V) {
             return a.has(V) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
           }
         });
         let _ = v.nextNode();
-        const D = !c || g.disabled;
+        const I = !c || g.disabled;
         for (; _; )
-          _.formDisabledCallback && D && Et(_, g.disabled), _ = v.nextNode();
-      }, T = { attributes: !0, attributeFilter: ["disabled", "name"] }, H = he() ? new MutationObserver((g) => {
+          _.formDisabledCallback && I && Et(_, g.disabled), _ = v.nextNode();
+      }, N = { attributes: !0, attributeFilter: ["disabled", "name"] }, H = he() ? new MutationObserver((g) => {
         for (const c of g) {
           const v = c.target;
-          if (c.attributeName === "disabled" && (v.constructor.formAssociated ? Et(v, v.hasAttribute("disabled")) : v.localName === "fieldset" && I(v)), c.attributeName === "name" && v.constructor.formAssociated) {
-            const _ = a.get(v), D = p.get(v);
-            _.setFormValue(D);
+          if (c.attributeName === "disabled" && (v.constructor.formAssociated ? Et(v, v.hasAttribute("disabled")) : v.localName === "fieldset" && P(v)), c.attributeName === "name" && v.constructor.formAssociated) {
+            const _ = a.get(v), I = p.get(v);
+            _.setFormValue(I);
           }
         }
       }) : {};
       function G(g) {
         g.forEach((c) => {
-          const { addedNodes: v, removedNodes: _ } = c, D = Array.from(v), V = Array.from(_);
-          D.forEach((U) => {
+          const { addedNodes: v, removedNodes: _ } = c, I = Array.from(v), V = Array.from(_);
+          I.forEach((U) => {
             var Mt;
-            if (a.has(U) && U.constructor.formAssociated && N(U), m.has(U)) {
-              const ut = m.get(U);
-              Object.keys(S).filter((Pt) => ut[Pt] !== null).forEach((Pt) => {
-                st(U, S[Pt], ut[Pt]);
+            if (a.has(U) && U.constructor.formAssociated && T(U), m.has(U)) {
+              const ft = m.get(U);
+              Object.keys(C).filter((Pt) => ft[Pt] !== null).forEach((Pt) => {
+                st(U, C[Pt], ft[Pt]);
               }), m.delete(U);
             }
             if (w.has(U)) {
-              const ut = w.get(U);
-              st(U, "internals-valid", ut.validity.valid.toString()), st(U, "internals-invalid", (!ut.validity.valid).toString()), st(U, "aria-invalid", (!ut.validity.valid).toString()), w.delete(U);
+              const ft = w.get(U);
+              st(U, "internals-valid", ft.validity.valid.toString()), st(U, "internals-invalid", (!ft.validity.valid).toString()), st(U, "aria-invalid", (!ft.validity.valid).toString()), w.delete(U);
             }
             if (U.localName === "form") {
-              const ut = d.get(U), Pt = document.createTreeWalker(U, NodeFilter.SHOW_ELEMENT, {
+              const ft = d.get(U), Pt = document.createTreeWalker(U, NodeFilter.SHOW_ELEMENT, {
                 acceptNode(vs) {
-                  return a.has(vs) && vs.constructor.formAssociated && !(ut && ut.has(vs)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+                  return a.has(vs) && vs.constructor.formAssociated && !(ft && ft.has(vs)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
                 }
               });
               let mi = Pt.nextNode();
               for (; mi; )
-                N(mi), mi = Pt.nextNode();
+                T(mi), mi = Pt.nextNode();
             }
-            U.localName === "fieldset" && ((Mt = H.observe) === null || Mt === void 0 || Mt.call(H, U, T), I(U, !0));
+            U.localName === "fieldset" && ((Mt = H.observe) === null || Mt === void 0 || Mt.call(H, U, N), P(U, !0));
           }), V.forEach((U) => {
             const Mt = a.get(U);
             Mt && s.get(Mt) && Ot(Mt), l.has(U) && l.get(U).disconnect();
@@ -4052,12 +4066,12 @@ function il() {
         g.forEach((c) => {
           const { removedNodes: v } = c;
           v.forEach((_) => {
-            const D = b.get(c.target);
-            a.has(_) && Ce(_), D.disconnect();
+            const I = b.get(c.target);
+            a.has(_) && Ce(_), I.disconnect();
           });
         });
       }
-      const pt = (g) => {
+      const mt = (g) => {
         var c, v;
         const _ = new MutationObserver(_t);
         !((c = window == null ? void 0 : window.ShadyDOM) === null || c === void 0) && c.inUse && g.mode && g.host && (g = g.host), (v = _.observe) === null || v === void 0 || v.call(_, g, { childList: !0 }), b.set(g, _);
@@ -4079,7 +4093,7 @@ function il() {
         return v.type = "hidden", v.name = g.getAttribute("name"), g.after(v), s.get(c).push(v), v;
       }, R = (g, c) => {
         var v;
-        s.set(c, []), (v = H.observe) === null || v === void 0 || v.call(H, g, T);
+        s.set(c, []), (v = H.observe) === null || v === void 0 || v.call(H, g, N);
       }, xt = (g, c) => {
         if (c.length) {
           Array.from(c).forEach((_) => _.addEventListener("click", g.click.bind(g)));
@@ -4087,8 +4101,8 @@ function il() {
           c[0].id || (v = `${c[0].htmlFor}_Label`, c[0].id = v), st(g, "aria-labelledby", v);
         }
       }, Qt = (g) => {
-        const c = Array.from(g.elements).filter((V) => !V.tagName.includes("-") && V.validity).map((V) => V.validity.valid), v = d.get(g) || [], _ = Array.from(v).filter((V) => V.isConnected).map((V) => a.get(V).validity.valid), D = [...c, ..._].includes(!1);
-        g.toggleAttribute("internals-invalid", D), g.toggleAttribute("internals-valid", !D);
+        const c = Array.from(g.elements).filter((V) => !V.tagName.includes("-") && V.validity).map((V) => V.validity.valid), v = d.get(g) || [], _ = Array.from(v).filter((V) => V.isConnected).map((V) => a.get(V).validity.valid), I = [...c, ..._].includes(!1);
+        g.toggleAttribute("internals-invalid", I), g.toggleAttribute("internals-valid", !I);
       }, oe = (g) => {
         Qt(Ut(g.target));
       }, te = (g) => {
@@ -4100,7 +4114,7 @@ function il() {
             const _ = d.get(g);
             if (g.noValidate)
               return;
-            _.size && Array.from(_).reverse().map((D) => a.get(D).reportValidity()).includes(!1) && v.preventDefault();
+            _.size && Array.from(_).reverse().map((I) => a.get(I).reportValidity()).includes(!1) && v.preventDefault();
           }
         });
       }, We = (g) => {
@@ -4114,8 +4128,8 @@ function il() {
           if (_)
             _.add(g);
           else {
-            const D = /* @__PURE__ */ new Set();
-            D.add(g), d.set(c, D), xe(c), c.addEventListener("reset", We), c.addEventListener("input", oe), c.addEventListener("change", te);
+            const I = /* @__PURE__ */ new Set();
+            I.add(g), d.set(c, I), 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]);
@@ -4129,8 +4143,8 @@ function il() {
           throw new v(c);
       }, 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;
       }, Ce = (g) => {
         if (g.constructor.formAssociated) {
@@ -4167,9 +4181,9 @@ function il() {
         add(c) {
           if (!/^--/.test(c) || typeof c != "string")
             throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${c} must start with '--'.`);
-          const v = super.add(c), _ = Ke.get(this), D = `state${c}`;
-          return _.isConnected ? Ge(_, D) : setTimeout(() => {
-            Ge(_, D);
+          const v = super.add(c), _ = Ke.get(this), I = `state${c}`;
+          return _.isConnected ? Ge(_, I) : setTimeout(() => {
+            Ge(_, I);
           }), v;
         }
         clear() {
@@ -4188,7 +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;
       }
@@ -4228,14 +4242,14 @@ function il() {
           let U = c.apply(this, V);
           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), Mt = Array.from(d.get(this) || []);
+            const U = I.call(this, ...V), Mt = Array.from(d.get(this) || []);
             if (Mt.length === 0)
               return U;
-            const ut = Array.from(U).concat(Mt).sort((Pt, mi) => Pt.compareDocumentPosition ? Pt.compareDocumentPosition(mi) & 2 ? 1 : -1 : 0);
-            return new zi(ut);
+            const ft = Array.from(U).concat(Mt).sort((Pt, mi) => Pt.compareDocumentPosition ? Pt.compareDocumentPosition(mi) & 2 ? 1 : -1 : 0);
+            return new zi(ft);
           }
         });
       }
@@ -4247,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), O(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);
@@ -4292,17 +4306,17 @@ function il() {
               const _ = at(v, this);
               _.value = c;
             }
-          } else c != null && c instanceof FormData && Array.from(c).reverse().forEach(([_, D]) => {
-            if (typeof D == "string") {
+          } else c != null && c instanceof FormData && Array.from(c).reverse().forEach(([_, I]) => {
+            if (typeof I == "string") {
               const V = at(v, this);
-              V.name = _, V.value = D;
+              V.name = _, V.value = I;
             }
           });
           p.set(v, c);
         }
         setValidity(c, v, _) {
-          const D = t.get(this);
-          if (ot(D, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !c)
+          const I = t.get(this);
+          if (ot(I, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !c)
             throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
           y.set(this, _);
           const V = e.get(this), U = {};
@@ -4311,10 +4325,10 @@ function il() {
           Object.keys(U).length === 0 && Ui(V);
           const Mt = Object.assign(Object.assign({}, V), U);
           delete Mt.valid;
-          const { valid: ut } = ms(V, Mt, this.form);
-          if (!ut && !v)
+          const { valid: ft } = ms(V, Mt, this.form);
+          if (!ft && !v)
             throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
-          n.set(this, ut ? "" : v), D.isConnected ? (D.toggleAttribute("internals-invalid", !ut), D.toggleAttribute("internals-valid", ut), st(D, "aria-invalid", `${!ut}`)) : w.set(D, this);
+          n.set(this, ft ? "" : v), I.isConnected ? (I.toggleAttribute("internals-invalid", !ft), I.toggleAttribute("internals-valid", ft), st(I, "aria-invalid", `${!ft}`)) : w.set(I, this);
         }
         get shadowRoot() {
           const c = t.get(this);
@@ -4368,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") && 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() {
@@ -4388,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;
@@ -4419,7 +4433,7 @@ const al = {
     return i ? "true" : "false";
   }
 };
-let P = class extends K {
+let D = class extends K {
   constructor() {
     super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = be(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = Dt.props.helptextDropdownButton.default, this.label = null, this.optionalText = wt.forms.labels.optional, this.requiredText = wt.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
@@ -4536,109 +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));
@@ -4802,7 +4816,7 @@ let Y = class extends K {
           ${this.label}
         </label>`, r = () => u`
         <pkt-helptext
-          class="${C(this.useWrapper ? void 0 : "pkt-hide")}"
+          class="${S(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
@@ -4931,7 +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 = [];
   }
@@ -4955,7 +4969,7 @@ let gt = class extends K {
       "pkt-txt-16-light": !0
     })}
         role="listbox"
-        aria-label=${C(this.label)}
+        aria-label=${S(this.label)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -5231,52 +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
 };
@@ -5285,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;
   }
@@ -5347,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}
@@ -5422,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}
@@ -5453,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)}
@@ -5660,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) {
@@ -5967,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";
   }
@@ -6054,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);
@@ -6522,9 +6536,9 @@ let It = class extends K {
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value}
-          min=${C(this.min)}
-          max=${C(this.max)}
-          placeholder=${C(this.placeholder)}
+          min=${S(this.min)}
+          max=${S(this.max)}
+          placeholder=${S(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           aria-describedby="${this.id}-helptext"
           @click=${(t) => {
@@ -6705,9 +6719,9 @@ let Tt = class extends K {
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value[0] ?? ""}
-          min=${C(this.min)}
-          max=${C(this.max)}
-          placeholder=${C(this.placeholder)}
+          min=${S(this.min)}
+          max=${S(this.max)}
+          placeholder=${S(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -6769,9 +6783,9 @@ let Tt = class extends K {
           id="${this.id}-to"
           aria-labelledby="${this.id}-to-label"
           .value=${this.value[1] ?? ""}
-          min=${C(this.min)}
-          max=${C(this.max)}
-          placeholder=${C(this.placeholder)}
+          min=${S(this.min)}
+          max=${S(this.max)}
+          placeholder=${S(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.disabled}
           @click=${(e) => {
@@ -6957,9 +6971,9 @@ let Nt = class extends K {
           class=${M(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
-          min=${C(this.min)}
-          max=${C(this.max)}
-          placeholder=${C(this.placeholder)}
+          min=${S(this.min)}
+          max=${S(this.max)}
+          placeholder=${S(this.placeholder)}
           ?readonly=${this.isInputReadonly}
           ?disabled=${this.isInputDisabled}
           @click=${(t) => {
@@ -7047,12 +7061,12 @@ jt([
 Nt = jt([
   j("pkt-datepicker-multiple")
 ], Nt);
-var Dl = Object.defineProperty, Il = Object.getOwnPropertyDescriptor, dt = (i, t, e, s) => {
+var Dl = Object.defineProperty, Il = Object.getOwnPropertyDescriptor, ct = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Il(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Dl(t, e, a), a;
 };
-let tt = class extends P {
+let tt = class extends D {
   /**
    * Housekeeping / lifecycle methods
    */
@@ -7378,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 = {
@@ -7497,7 +7511,7 @@ let we = class extends K {
         href=${this.href}
         class=${t}
         target=${this.openInNewTab ? "_blank" : "_self"}
-        rel=${C(this.openInNewTab ? "noopener noreferrer" : void 0)}
+        rel=${S(this.openInNewTab ? "noopener noreferrer" : void 0)}
       >
         ${this.iconName && u`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
         ${this.title && u`<div class=${e}>${this.title}</div>`}
@@ -7533,7 +7547,7 @@ var Fl = Object.defineProperty, Ul = Object.getOwnPropertyDescriptor, pe = (i, t
     (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);
@@ -7849,7 +7863,7 @@ const nn = "important", Yl = " !" + nn, Zl = Ue(class extends li {
     return St;
   }
 });
-var Jl = Object.defineProperty, Xl = Object.getOwnPropertyDescriptor, ct = (i, t, e, s) => {
+var Jl = Object.defineProperty, Xl = Object.getOwnPropertyDescriptor, pt = (i, t, e, s) => {
   for (var a = s > 1 ? void 0 : s ? Xl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Jl(t, e, a), a;
@@ -7911,61 +7925,61 @@ let et = class extends K {
     t == null || t === "" ? this.removeAttribute(i) : this.setAttribute(i, String(t));
   }
 };
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "ariaLabel", 2);
-ct([
+pt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "ariaLabelledby", 2);
-ct([
+pt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "ariaValueText", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "ariaLive", 2);
-ct([
+pt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "id", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "role", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "skin", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "statusPlacement", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "statusType", 2);
-ct([
+pt([
   o({ type: String, reflect: !0 })
 ], et.prototype, "title", 2);
-ct([
+pt([
   o({ type: String })
 ], et.prototype, "titlePosition", 2);
-ct([
+pt([
   o({ type: Number, reflect: !0 })
 ], et.prototype, "valueCurrent", 2);
-ct([
+pt([
   o({ type: Number })
 ], et.prototype, "valueMax", 2);
-ct([
+pt([
   o({ type: Number })
 ], et.prototype, "valueMin", 2);
-ct([
+pt([
   B()
 ], et.prototype, "labelWidth", 2);
-ct([
+pt([
   B()
 ], et.prototype, "progressbarId", 2);
-ct([
+pt([
   B()
 ], et.prototype, "computedAriaLabelledby", 2);
-ct([
+pt([
   B()
 ], et.prototype, "computedAriaValueText", 2);
-et = ct([
+et = pt([
   j("pkt-progressbar")
 ], et);
 var Ql = Object.defineProperty, th = Object.getOwnPropertyDescriptor, Ft = (i, t, e, s) => {
@@ -7973,7 +7987,7 @@ var Ql = Object.defineProperty, th = Object.getOwnPropertyDescriptor, Ft = (i, t
     (r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
   return s && a && Ql(t, e, a), a;
 };
-let At = class extends P {
+let At = class extends D {
   constructor() {
     super(...arguments), this.inputRef = A(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut", this._checked = !1;
   }
@@ -8337,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}
         >
@@ -8351,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}
       >
@@ -8420,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);
   }
@@ -8466,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}
@@ -8513,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);
   }
@@ -8564,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}
@@ -8651,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;
   }
@@ -8742,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"}
@@ -8902,7 +8916,7 @@ ri = Fi([
 const L = Jt({
   tagName: "pkt-icon",
   elementClass: Re,
-  react: mt,
+  react: gt,
   displayName: "PktIcon",
   events: {}
 }), bh = Z(
@@ -8919,18 +8933,18 @@ const L = Jt({
     onClick: p,
     onToggle: m
   }, f) => {
-    const [y, b] = ke(i), { name: k } = kn(), w = l || k, S = n !== void 0 ? n : y;
+    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 O = (T) => {
-      const G = T.currentTarget.open;
-      n === void 0 && b(G), m == null || m(T);
-    }, N = (T) => {
+    const O = (N) => {
+      const G = N.currentTarget.open;
+      n === void 0 && b(G), m == null || m(N);
+    }, T = (N) => {
       setTimeout(() => {
-        p == null || p(T);
+        p == null || p(N);
       }, 0);
-    }, I = [
+    }, P = [
       "pkt-accordion-item",
       a && "pkt-accordion-item--compact",
       s && `pkt-accordion-item--${s}`,
@@ -8940,10 +8954,10 @@ const L = Jt({
       "details",
       {
         ref: f,
-        className: I,
+        className: P,
         id: t,
-        open: S,
-        onClick: N,
+        open: C,
+        onClick: T,
         name: w,
         onToggle: O,
         children: [
@@ -9001,7 +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,
@@ -9026,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,
       {
@@ -9061,7 +9075,7 @@ ln.displayName = "PktAlert";
 const _h = Jt({
   tagName: "pkt-backlink",
   elementClass: si,
-  react: mt,
+  react: gt,
   displayName: "PktBackLink"
 });
 _h.displayName = "PktBackLink";
@@ -9102,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 O = [
+    iconPath: a,
+    secondIconPath: n,
+    size: r = "medium",
+    fullWidth: l = !1,
+    fullWidthOnMobile: d = !1,
+    skin: p = "primary",
+    type: m = "button",
+    variant: f = "label-only",
+    state: y,
+    color: b,
+    isLoading: k = void 0,
+    disabled: w = void 0,
+    loadingAnimationPath: C = window.pktAnimationPath,
+    ...O
+  }, T) => {
+    const P = [
       t,
       "pkt-btn",
-      a && `pkt-btn--${a}`,
-      n && "pkt-btn--full",
-      r && "pkt-btn--full-small",
-      l && `pkt-btn--${l}`,
+      r && `pkt-btn--${r}`,
+      l && "pkt-btn--full",
+      d && "pkt-btn--full-small",
       p && `pkt-btn--${p}`,
       f && `pkt-btn--${f}`,
-      m && `pkt-btn--${m}`,
-      y && "pkt-btn--isLoading"
+      b && `pkt-btn--${b}`,
+      y && `pkt-btn--${y}`,
+      k && "pkt-btn--isLoading"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ x(
       "button",
       {
-        ...w,
-        "aria-busy": y || void 0,
-        "aria-disabled": b || void 0,
-        disabled: b,
-        className: O,
-        type: d,
-        ref: S,
+        ...O,
+        "aria-busy": k || void 0,
+        "aria-disabled": w || void 0,
+        disabled: w,
+        className: P,
+        type: m,
+        ref: T,
         children: [
-          y && /* @__PURE__ */ h(L, { className: "pkt-btn__icon pkt-btn__spinner", name: "spinner-blue", path: k }),
-          p !== "label-only" && /* @__PURE__ */ h(L, { className: "pkt-btn__icon", name: e }),
+          k && /* @__PURE__ */ h(L, { className: "pkt-btn__icon pkt-btn__spinner", name: "spinner-blue", path: C }),
+          f !== "label-only" && /* @__PURE__ */ h(L, { className: "pkt-btn__icon", name: e, ...a && { path: a } }),
           /* @__PURE__ */ h("span", { className: "pkt-btn__text", children: i }),
-          p === "icons-right-and-left" && /* @__PURE__ */ h(L, { className: "pkt-btn__icon", name: s })
+          f === "icons-right-and-left" && /* @__PURE__ */ h(
+            L,
+            {
+              className: "pkt-btn__icon",
+              name: s,
+              ...n && { path: n }
+            }
+          )
         ]
       }
     );
@@ -9157,8 +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(
@@ -9183,16 +9206,16 @@ const Sh = Z(
     optionalTag: b,
     optionalText: k = "Valgfritt",
     requiredTag: w,
-    requiredText: S = "Må fylles ut",
+    requiredText: C = "Må fylles ut",
     tagText: O,
-    ...N
-  }, I) => {
-    const T = Bs(null);
+    ...T
+  }, P) => {
+    const N = Bs(null);
     De(() => {
-      T.current && y !== void 0 && (T.current.indeterminate = y);
+      N.current && y !== void 0 && (N.current.indeterminate = y);
     }, [y]), De(() => {
-      typeof I == "function" ? I(T.current) : I && (I.current = T.current);
-    }, [I]);
+      typeof P == "function" ? P(N.current) : P && (P.current = N.current);
+    }, [P]);
     const H = [r, "pkt-input-check"].filter(Boolean).join(" "), G = [
       "pkt-input-check__input-label",
       e ? "pkt-input-check__input-label--disabled" : "",
@@ -9202,10 +9225,10 @@ const Sh = Z(
       "pkt-input-check__input",
       t ? "pkt-input-check__input--tile" : "",
       e && t ? "pkt-input-check__input--tile-disabled" : ""
-    ].filter(Boolean).join(" "), pt = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), J = () => /* @__PURE__ */ x(Wt, { children: [
-      O && /* @__PURE__ */ h("span", { className: pt + " pkt-tag--gray", children: O }),
-      b && /* @__PURE__ */ h("span", { className: pt + " pkt-tag--blue-light", children: k }),
-      w && /* @__PURE__ */ h("span", { className: pt + " pkt-tag--beige", children: S })
+    ].filter(Boolean).join(" "), mt = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), J = () => /* @__PURE__ */ x(Wt, { children: [
+      O && /* @__PURE__ */ h("span", { className: mt + " pkt-tag--gray", children: O }),
+      b && /* @__PURE__ */ h("span", { className: mt + " pkt-tag--blue-light", children: k }),
+      w && /* @__PURE__ */ h("span", { className: mt + " pkt-tag--beige", children: C })
     ] });
     return /* @__PURE__ */ h("div", { className: H, children: /* @__PURE__ */ x("div", { className: _t, children: [
       p === "left" && /* @__PURE__ */ x("label", { className: G, htmlFor: i, children: [
@@ -9218,13 +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: [
@@ -9240,7 +9263,7 @@ Sh.displayName = "PktCheckbox";
 const Ch = Jt({
   tagName: "pkt-combobox",
   elementClass: Q,
-  react: mt,
+  react: gt,
   displayName: "PktCombobox",
   events: {
     onClick: "click",
@@ -9259,7 +9282,7 @@ Th.displayName = "PktCombobox";
 const Hs = Jt({
   tagName: "pkt-consent",
   elementClass: Ht,
-  react: mt,
+  react: gt,
   displayName: "PktConsent",
   events: {
     onToggleConsent: "toggle-consent"
@@ -9269,7 +9292,7 @@ Hs.displayName = "PktConsent";
 const Nh = Jt({
   tagName: "pkt-datepicker",
   elementClass: tt,
-  react: mt,
+  react: gt,
   displayName: "PktDatepicker",
   events: {
     onChange: "change",
@@ -9301,7 +9324,7 @@ const Yd = ({
     console.log(w.detail);
   }
 }) => {
-  var S, O;
+  var C, O;
   const w = [s, "pkt-footer"].filter(Boolean).join(" ");
   return /* @__PURE__ */ h("footer", { className: w, "data-mode": "dark", children: /* @__PURE__ */ x("div", { className: "pkt-footer__container", children: [
     /* @__PURE__ */ x("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
@@ -9309,38 +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 }),
-          (O = t.links) == null ? void 0 : O.map((N, I) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
+          (O = t.links) == null ? void 0 : O.map((T, P) => /* @__PURE__ */ h("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ x(
             "a",
             {
-              className: `pkt-footer__link ${N.external ? "pkt-link--external" : ""}`,
-              href: N.href,
-              target: N.openInNewTab || a ? "_blank" : "_self",
-              rel: N.openInNewTab || a ? "noopener noreferrer" : void 0,
+              className: `pkt-footer__link ${T.external ? "pkt-link--external" : ""}`,
+              href: T.href,
+              target: T.openInNewTab || a ? "_blank" : "_self",
+              rel: T.openInNewTab || a ? "noopener noreferrer" : void 0,
               children: [
                 /* @__PURE__ */ h(L, { className: "pkt-footer__link-icon", name: "chevron-right" }),
-                N.text
+                T.text
               ]
             }
-          ) }, `links-${I}`))
+          ) }, `links-${P}`))
         ] })
       ] }),
       /* @__PURE__ */ x("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
@@ -9389,27 +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 = ({
@@ -9502,19 +9525,19 @@ const Yd = ({
     openMenu: b,
     logOut: k,
     changeRepresentation: w,
-    children: S,
+    children: C,
     ...O
-  }, N) => {
-    const I = mt.useMemo(() => typeof (n == null ? void 0 : n.lastLoggedIn) == "string" ? n.lastLoggedIn : n != null && n.lastLoggedIn ? new Date(n.lastLoggedIn).toLocaleString("nb-NO", {
+  }, T) => {
+    const P = gt.useMemo(() => typeof (n == null ? void 0 : n.lastLoggedIn) == "string" ? n.lastLoggedIn : n != null && n.lastLoggedIn ? new Date(n.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : "", [n]), [T, H] = mt.useState(!1), [G, _t] = mt.useState(0), [pt, J] = mt.useState(!1), st = mt.useRef(null);
-    mt.useEffect(() => (document && (document.addEventListener("mouseup", Ot), window.addEventListener("scroll", at)), () => {
+    }) : "", [n]), [N, H] = gt.useState(!1), [G, _t] = gt.useState(0), [mt, J] = gt.useState(!1), st = gt.useRef(null);
+    gt.useEffect(() => (document && (document.addEventListener("mouseup", Ot), window.addEventListener("scroll", at)), () => {
       document && (document.removeEventListener("mouseup", Ot), window.removeEventListener("scroll", at));
     }));
     const Et = () => {
-      J(!pt);
+      J(!mt);
     }, Ot = (R) => {
       st.current && !st.current.contains(R.target) && J(!1);
     }, at = () => {
@@ -9532,12 +9555,12 @@ const Yd = ({
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
-        className: ht(i, "pkt-header", {
+        className: dt(i, "pkt-header", {
           "pkt-header--fixed": s,
           "pkt-header--scroll-to-hide": a,
-          "pkt-header--hidden": T
+          "pkt-header--hidden": N
         }),
-        ref: N,
+        ref: T,
         children: [
           /* @__PURE__ */ x("div", { className: "pkt-header__logo", children: [
             typeof t == "string" ? /* @__PURE__ */ h("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: t, children: /* @__PURE__ */ h(
@@ -9546,7 +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",
@@ -9560,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/"
                   }
                 )
               }
@@ -9583,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(
@@ -9593,7 +9616,7 @@ const Yd = ({
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": pt,
+                      "aria-expanded": mt,
                       onClick: Et,
                       children: [
                         /* @__PURE__ */ h(L, { name: "user", className: "pkt-btn__icon" }),
@@ -9610,7 +9633,7 @@ const Yd = ({
                       /* @__PURE__ */ h("div", { className: "pkt-user-menu__name", translate: "no", children: n.name }),
                       n.lastLoggedIn && /* @__PURE__ */ x("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ h("time", { children: I })
+                        /* @__PURE__ */ h("time", { children: P })
                       ] })
                     ] }),
                     r && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: r.map((R, xt) => /* @__PURE__ */ h("li", { children: typeof R.target == "string" ? /* @__PURE__ */ x("a", { href: R.target, className: "pkt-link", children: [
@@ -9652,7 +9675,7 @@ const Yd = ({
                 ]
               }
             ),
-            S && /* @__PURE__ */ h("li", { children: S }),
+            C && /* @__PURE__ */ h("li", { children: C }),
             y && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
               oi,
               {
@@ -9673,14 +9696,14 @@ const Yd = ({
 ), Eh = Jt({
   tagName: "pkt-heading",
   elementClass: Le,
-  react: mt,
+  react: gt,
   displayName: "PktHeading"
 }), Oh = Z(({ children: i, ...t }, e) => /* @__PURE__ */ h(Eh, { "data-testid": "pkt-heading", ...t, ref: e, children: i }));
 Oh.displayName = "PktHeading";
 const Mh = Jt({
   tagName: "pkt-helptext",
   elementClass: ce,
-  react: mt,
+  react: gt,
   displayName: "PktHelptext",
   events: {
     onToggleHelpText: "toggleHelpText"
@@ -9715,21 +9738,21 @@ const ps = Z(
     hasError: b = !1,
     errorMessage: k,
     disabled: w = !1,
-    inline: S = !1,
+    inline: C = !1,
     ariaDescribedby: O,
-    useWrapper: N = !0,
-    children: I,
-    className: T = "",
+    useWrapper: T = !0,
+    children: P,
+    className: N = "",
     hasFieldset: H = !1,
     role: G = "group",
     counterPosition: _t = "bottom"
-  }, pt) => {
+  }, mt) => {
     const [J, st] = ke(!1), Et = O || (e ? `${i}-helptext` : void 0), Ot = !!n, at = Ot && _t === "top", R = Ot && _t === "bottom", xt = () => st((ot) => !ot), Qt = [
       "pkt-inputwrapper",
-      T,
+      N,
       b ? "pkt-inputwrapper--error" : "",
       w ? "pkt-inputwrapper--disabled" : "",
-      S ? "pkt-inputwrapper--inline" : ""
+      C ? "pkt-inputwrapper--inline" : ""
     ].filter(Boolean).join(" "), oe = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), te = () => Ot ? /* @__PURE__ */ x("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": "true", children: [
       r,
       l ? `/${l}` : ""
@@ -9743,9 +9766,9 @@ const ps = Z(
         " ",
         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": Et, id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { htmlFor: i, className: "pkt-sr-only", "aria-describedby": Et, id: `${i}-label`, children: t });
+      return T ? H ? /* @__PURE__ */ h("legend", { className: "pkt-inputwrapper__legend", id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { className: "pkt-inputwrapper__label", htmlFor: i, "aria-describedby": Et, id: `${i}-label`, children: ot }) : /* @__PURE__ */ h("label", { htmlFor: i, className: "pkt-sr-only", "aria-describedby": Et, id: `${i}-label`, children: t });
     }, le = () => !e && !s ? null : /* @__PURE__ */ x(Wt, { children: [
-      e && N && /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__helptext", id: `${i}-helptext`, children: e }),
+      e && T && /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__helptext", id: `${i}-helptext`, children: e }),
       s && /* @__PURE__ */ x("div", { className: "pkt-inputwrapper__helptext-expandable", children: [
         /* @__PURE__ */ h(
           oi,
@@ -9778,11 +9801,11 @@ const ps = Z(
       We(),
       le(),
       at && /* @__PURE__ */ h(te, {}),
-      I,
+      P,
       R && /* @__PURE__ */ h(te, {}),
       b && k && /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__alert-wrapper", children: /* @__PURE__ */ h(ln, { skin: "error", "aria-live": "assertive", role: "alert", id: `${i}-error`, compact: !0, children: k }) })
     ] });
-    return /* @__PURE__ */ h("div", { className: Qt, ref: pt, role: G, children: H ? /* @__PURE__ */ h("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": Et, children: Ut }) : /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__fieldset", children: Ut }) });
+    return /* @__PURE__ */ h("div", { className: Qt, ref: mt, role: G, children: H ? /* @__PURE__ */ h("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": Et, children: Ut }) : /* @__PURE__ */ h("div", { className: "pkt-inputwrapper__fieldset", children: Ut }) });
   }
 );
 ps.displayName = "PktInputWrapper";
@@ -9799,7 +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",
@@ -9832,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 })
       ]
     }
@@ -9847,7 +9870,7 @@ Rh.displayName = "PktLinkCard";
 const Lh = Jt({
   tagName: "pkt-loader",
   elementClass: Yt,
-  react: mt,
+  react: gt,
   displayName: "PktLoader",
   events: {}
 }), Bh = Z(
@@ -9873,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",
       {
@@ -9891,7 +9914,7 @@ Vh.displayName = "PktMessagebox";
 const jh = Jt({
   tagName: "pkt-modal",
   elementClass: Rt,
-  react: mt,
+  react: gt,
   displayName: "PktModal",
   events: {}
 }), Fh = Z(
@@ -9901,7 +9924,7 @@ Fh.displayName = "PktModal";
 const Uh = Jt({
   tagName: "pkt-progressbar",
   elementClass: et,
-  react: mt,
+  react: gt,
   displayName: "PktProgressbar",
   events: {}
 }), Hh = Z(
@@ -9926,34 +9949,34 @@ const qh = Z(
     requiredText: b,
     tagText: k,
     ...w
-  }, S) => {
-    const O = [s, "pkt-input-check"].filter(Boolean).join(" "), N = [
+  }, C) => {
+    const O = [s, "pkt-input-check"].filter(Boolean).join(" "), T = [
       "pkt-input-check__input",
       a ? "pkt-input-check__input--tile" : "",
       n && a ? "pkt-input-check__input--tile-disabled" : ""
-    ].filter(Boolean).join(" "), I = [
+    ].filter(Boolean).join(" "), P = [
       "pkt-input-check__input-checkbox",
       l ? "pkt-input-check__input-checkbox--error" : ""
-    ].filter(Boolean).join(" "), T = ["pkt-input-check__input-label", n ? "pkt-input-check__input-label--disabled" : ""].filter(Boolean).join(" "), H = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), G = () => /* @__PURE__ */ x(Wt, { children: [
+    ].filter(Boolean).join(" "), N = ["pkt-input-check__input-label", n ? "pkt-input-check__input-label--disabled" : ""].filter(Boolean).join(" "), H = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), G = () => /* @__PURE__ */ x(Wt, { children: [
       k && /* @__PURE__ */ h("span", { className: H + " pkt-tag--gray", children: k }),
       m && /* @__PURE__ */ h("span", { className: H + " pkt-tag--blue-light", children: f }),
       y && /* @__PURE__ */ h("span", { className: H + " pkt-tag--beige", children: b })
     ] });
-    return /* @__PURE__ */ h("div", { className: O, children: /* @__PURE__ */ x("div", { className: N, children: [
+    return /* @__PURE__ */ h("div", { className: O, children: /* @__PURE__ */ x("div", { className: T, children: [
       /* @__PURE__ */ h(
         "input",
         {
-          ref: S,
+          ref: C,
           id: i,
           type: "radio",
           name: t,
           disabled: n,
-          className: I,
+          className: P,
           ...p !== void 0 ? { checked: p } : { defaultChecked: d },
           ...w
         }
       ),
-      /* @__PURE__ */ x("label", { className: T, htmlFor: i, children: [
+      /* @__PURE__ */ x("label", { className: N, htmlFor: i, children: [
         e,
         " ",
         G(),
@@ -9981,13 +10004,13 @@ const Xd = Z(
     onSuggestionClick: b,
     ...k
   }, w) => {
-    const S = (T, H) => {
-      T ? T() : b && b(H);
-    }, O = (T) => {
-      d = T.target.value;
-    }, N = `pkt-searchinput pkt-searchinput--${i} ${e ? "pkt-searchinput--fullwidth" : ""}`;
-    let I;
-    return p ? I = (T) => /* @__PURE__ */ h("form", { role: "search", className: N, action: p, method: m, children: T }) : I = (T) => /* @__PURE__ */ h("div", { role: "search", className: N, children: T }), I(
+    const C = (N, H) => {
+      N ? N() : b && b(H);
+    }, O = (N) => {
+      d = N.target.value;
+    }, T = `pkt-searchinput pkt-searchinput--${i} ${e ? "pkt-searchinput--fullwidth" : ""}`;
+    let P;
+    return p ? P = (N) => /* @__PURE__ */ h("form", { role: "search", className: T, action: p, method: m, children: N }) : P = (N) => /* @__PURE__ */ h("div", { role: "search", className: T, children: N }), P(
       /* @__PURE__ */ x(Wt, { children: [
         a && /* @__PURE__ */ h("label", { htmlFor: a ? s : void 0, className: a ? "pkt-inputwrapper__label" : "", children: a }),
         /* @__PURE__ */ x("div", { className: i === "local" ? "pkt-input__container" : "pkt-searchinput__field", children: [
@@ -10006,8 +10029,8 @@ const Xd = Z(
               ref: w,
               "aria-controls": `${s}-suggestions`,
               onChange: f || O,
-              onKeyUp: y && ((T) => {
-                T.key === "Enter" && (T.preventDefault(), y(d));
+              onKeyUp: y && ((N) => {
+                N.key === "Enter" && (N.preventDefault(), y(d));
               }),
               ...k
             }
@@ -10022,25 +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}`)) })
       ] })
@@ -10064,11 +10087,11 @@ const Xd = Z(
     label: b,
     name: k,
     optionalTag: w = !1,
-    optionalText: S,
+    optionalText: C,
     requiredTag: O = !1,
-    requiredText: N,
-    tagText: I,
-    ...T
+    requiredText: T,
+    tagText: P,
+    ...N
   }, H) => {
     const G = [s, "pkt-select"].join(" ");
     return /* @__PURE__ */ h(
@@ -10081,10 +10104,10 @@ const Xd = Z(
         helptextDropdown: d,
         helptextDropdownButton: p,
         optionalTag: w,
-        optionalText: S,
+        optionalText: C,
         requiredTag: O,
-        requiredText: N,
-        tagText: I,
+        requiredText: T,
+        tagText: P,
         hasError: r,
         errorMessage: n,
         disabled: a,
@@ -10101,7 +10124,7 @@ const Xd = Z(
             disabled: a,
             id: `${m}-input`,
             name: k || m,
-            ...T,
+            ...N,
             children: e
           }
         )
@@ -10114,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 }),
@@ -10133,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
       })
@@ -10156,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",
@@ -10166,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,
@@ -10193,14 +10216,14 @@ const Xd = Z(
   }, y) => {
     const [b, k] = ke(!1), w = Ls(() => {
       k(!0), d && d();
-    }, [k]), S = Bs(null), [O, N] = ke("");
+    }, [k]), C = Bs(null), [O, T] = ke("");
     De(() => {
       var G, _t;
-      N(((_t = (G = S.current) == null ? void 0 : G.textContent) == null ? void 0 : _t.trim()) ?? "");
+      T(((_t = (G = C.current) == null ? void 0 : G.textContent) == null ? void 0 : _t.trim()) ?? "");
     }, [i]);
-    const I = bn(() => {
+    const P = bn(() => {
       if (a && !l) return O && `Klikk for å fjerne ${O}` || m;
-    }, [a, l, O, m]), T = {
+    }, [a, l, O, m]), N = {
       "pkt-tag": !0,
       [`pkt-tag--${s}`]: !!s,
       [`pkt-tag--${t}`]: !!t,
@@ -10219,21 +10242,21 @@ const Xd = Z(
       "button",
       {
         ...f,
-        className: ht(H, n),
+        className: dt(H, n),
         type: p,
         onClick: w,
         "aria-label": l,
-        "aria-description": I,
+        "aria-description": P,
         ref: y,
         children: [
           r && /* @__PURE__ */ h(L, { className: "pkt-tag__icon", name: r }),
-          /* @__PURE__ */ h("span", { ref: S, children: i }),
+          /* @__PURE__ */ h("span", { ref: C, children: i }),
           /* @__PURE__ */ h(L, { className: "pkt-tag__close-btn", name: "close" })
         ]
       }
-    ) : /* @__PURE__ */ x("span", { ...f, className: ht(T, n), ref: y, children: [
+    ) : /* @__PURE__ */ x("span", { ...f, className: dt(N, n), ref: y, children: [
       r && /* @__PURE__ */ h(L, { className: "pkt-tag__icon", name: r, "aria-hidden": "true" }),
-      /* @__PURE__ */ h("span", { ref: S, children: i })
+      /* @__PURE__ */ h("span", { ref: C, children: i })
     ] });
   }
 );
@@ -10252,12 +10275,12 @@ const dn = Z(
       ref: (O) => {
         f(d, O), typeof p == "function" ? p(O) : p && (p.current = O);
       }
-    }, S = /* @__PURE__ */ x(Wt, { children: [
+    }, C = /* @__PURE__ */ x(Wt, { children: [
       a && /* @__PURE__ */ h(L, { name: a, className: "pkt-icon--small" }),
       i,
       r && /* @__PURE__ */ h(hn, { skin: l, size: "small", children: r })
     ] });
-    return e ? /* @__PURE__ */ h("a", { ...w, href: e, className: `pkt-tabs__link ${t ? "active" : ""}`, children: S }) : /* @__PURE__ */ h("button", { ...w, type: "button", className: `pkt-tabs__button pkt-link-button ${t ? "active" : ""}`, children: S });
+    return e ? /* @__PURE__ */ h("a", { ...w, href: e, className: `pkt-tabs__link ${t ? "active" : ""}`, children: C }) : /* @__PURE__ */ h("button", { ...w, type: "button", className: `pkt-tabs__button pkt-link-button ${t ? "active" : ""}`, children: C });
   }
 );
 dn.displayName = "PktTabItem";
@@ -10276,12 +10299,12 @@ const cn = Oa(null), Gh = () => {
       const w = e == null ? void 0 : e[k];
       w != null && w.action && w.action(k), s && s(k);
     }, f = (k, w) => {
-      var S, O;
-      l && (w.code === "ArrowLeft" && k !== 0 && ((S = r.current[k - 1]) == null || S.focus()), w.code === "ArrowRight" && k < p - 1 && ((O = r.current[k + 1]) == null || O.focus()), (w.code === "ArrowDown" || w.code === "Space") && m(k));
+      var C, O;
+      l && (w.code === "ArrowLeft" && k !== 0 && ((C = r.current[k - 1]) == null || C.focus()), w.code === "ArrowRight" && k < p - 1 && ((O = r.current[k + 1]) == null || O.focus()), (w.code === "ArrowDown" || w.code === "Space") && m(k));
     }, y = (k, w) => {
       r.current[k] = w;
     }, b = e == null ? void 0 : e.map((k, w) => {
-      var S, O;
+      var C, O;
       return /* @__PURE__ */ h(
         dn,
         {
@@ -10290,7 +10313,7 @@ const cn = Oa(null), Gh = () => {
           onClick: () => m(w),
           icon: k.icon,
           controls: k.controls,
-          tag: (S = k.tag) == null ? void 0 : S.text,
+          tag: (C = k.tag) == null ? void 0 : C.text,
           tagSkin: (O = k.tag) == null ? void 0 : O.skin,
           index: w,
           children: k.text
@@ -10318,15 +10341,15 @@ const cn = Oa(null), Gh = () => {
     fullwidth: b = !1,
     label: k,
     name: w,
-    optionalTag: S = !1,
+    optionalTag: C = !1,
     optionalText: O,
-    requiredTag: N = !1,
-    requiredText: I,
-    tagText: T = null,
+    requiredTag: T = !1,
+    requiredText: P,
+    tagText: N = null,
     placeholder: H,
     rows: G,
     useWrapper: _t = !0,
-    onChange: pt,
+    onChange: mt,
     value: J,
     autoComplete: st = "off",
     minLength: Et,
@@ -10337,8 +10360,8 @@ const cn = Oa(null), Gh = () => {
   }, Qt) => {
     const oe = [n, "pkt-textinput", "pkt-textarea"].join(" "), te = `${i}-input`, xe = `${te}-label`, We = e || xe, [le, Ut] = ke(0), ot = (Se) => {
       var Ce, he;
-      if (s && Ut(((he = (Ce = Se.currentTarget) == null ? void 0 : Ce.value) == null ? void 0 : he.length) || 0), pt)
-        return pt(Se);
+      if (s && Ut(((he = (Ce = Se.currentTarget) == null ? void 0 : Ce.value) == null ? void 0 : he.length) || 0), mt)
+        return mt(Se);
     };
     return De(() => {
       J !== void 0 && Ut((J == null ? void 0 : J.length) || 0);
@@ -10356,11 +10379,11 @@ const cn = Oa(null), Gh = () => {
         helptextDropdownButton: f,
         inline: y,
         label: k,
-        optionalTag: S,
+        optionalTag: C,
         optionalText: O,
-        requiredTag: N,
-        requiredText: I,
-        tagText: T,
+        requiredTag: T,
+        requiredText: P,
+        tagText: N,
         useWrapper: _t,
         counter: s,
         counterCurrent: le,
@@ -10408,15 +10431,15 @@ const cn = Oa(null), Gh = () => {
     iconNameRight: b,
     inline: k = !1,
     fullwidth: w = !1,
-    label: S,
+    label: C,
     name: O,
-    optionalTag: N = !1,
-    optionalText: I,
-    requiredTag: T = !1,
+    optionalTag: T = !1,
+    optionalText: P,
+    requiredTag: N = !1,
     requiredText: H,
     tagText: G = null,
     placeholder: _t,
-    prefix: pt,
+    prefix: mt,
     suffix: J,
     type: st = "text",
     useWrapper: Et = !0,
@@ -10454,10 +10477,10 @@ const cn = Oa(null), Gh = () => {
         helptextDropdown: f,
         helptextDropdownButton: y,
         inline: k,
-        label: S,
-        optionalTag: N,
-        optionalText: I,
-        requiredTag: T,
+        label: C,
+        optionalTag: T,
+        optionalText: P,
+        requiredTag: N,
         requiredText: H,
         tagText: G,
         useWrapper: Et,
@@ -10471,7 +10494,7 @@ const cn = Oa(null), Gh = () => {
             "data-testid": Ut,
             "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",
                 {