@oslokommune/punkt-react 15.4.0 → 15.4.2

package/dist/punkt-react.es.js

@@ -37,9 +37,9 @@
 var Bo = (i, e, t) => e in i ? Lo(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var Wn = (i, e, t) => Bo(i, typeof e != "symbol" ? e + "" : e, t);
 import { jsx as c, jsxs as x, Fragment as Me } from "react/jsx-runtime";
-import Wt, { createContext as cs, forwardRef as pe, useContext as In, useState as de, useEffect as me, useCallback as A, useId as ya, useMemo as Pe, useRef as fe, useImperativeHandle as zs, useLayoutEffect as ba, Fragment as Fo, createRef as jo, createElement as Ho, Children as Rs, isValidElement as Vo, cloneElement as Uo } from "react";
+import Wt, { createContext as cs, forwardRef as pe, useContext as Rn, useState as le, useEffect as me, useCallback as A, useId as ya, useMemo as Pe, useRef as fe, useImperativeHandle as zs, useLayoutEffect as ba, Fragment as Fo, createRef as jo, createElement as Ho, Children as Is, isValidElement as Vo, cloneElement as Uo } from "react";
 import { Link as qo } from "react-router-dom";
-const ka = cs({}), Wo = () => In(ka), zo = pe(
+const ka = cs({}), Wo = () => Rn(ka), zo = pe(
   ({ compact: i = !1, skin: e = "borderless", ariaLabelledBy: t, children: n, name: s, className: r }, a) => {
     const l = [
       "pkt-accordion",
@@ -116,7 +116,7 @@ const Qo = (i, e) => {
   }
   return [xa(i, r + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), n];
 };
-let Is = class Sa {
+let Rs = class Sa {
   constructor({ strings: e, _$litType$: t }, n) {
     let s;
     this.parts = [];
@@ -220,7 +220,7 @@ let Zo = class {
   }
   $(e) {
     var t;
-    const { values: n, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = Is.createElement(xa(s.h, s.h[0]), this.options)), s);
+    const { values: n, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = Rs.createElement(xa(s.h, s.h[0]), this.options)), s);
     if (((t = this._$AH) == null ? void 0 : t._$AD) === r) this._$AH.p(n);
     else {
       const a = new Zo(r, this), l = a.u(this.options);
@@ -229,7 +229,7 @@ let Zo = class {
   }
   _$AC(e) {
     let t = _r.get(e.strings);
-    return t === void 0 && _r.set(e.strings, t = new Is(e)), t;
+    return t === void 0 && _r.set(e.strings, t = new Rs(e)), t;
   }
   k(e) {
     Ys(this._$AH) || (this._$AH = [], this._$AR());
@@ -312,7 +312,7 @@ let Zo = class {
   }
 };
 const nl = { I: us }, $r = Jn.litHtmlPolyfillSupport;
-$r == null || $r(Is, us), (Jn.litHtmlVersions ?? (Jn.litHtmlVersions = [])).push("3.3.2");
+$r == null || $r(Rs, us), (Jn.litHtmlVersions ?? (Jn.litHtmlVersions = [])).push("3.3.2");
 const sl = (i, e, t) => {
   const n = (t == null ? void 0 : t.renderBefore) ?? e;
   let s = n._$litPart$;
@@ -738,7 +738,7 @@ let Zi = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const I = Ei(class extends Zi {
+const R = Ei(class extends Zi {
   constructor(i) {
     var e;
     if (super(i), i.type !== At.ATTRIBUTE || i.name !== "class" || ((e = i.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -1026,15 +1026,15 @@ var El = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, Ln = (i, e
 };
 const Bs = "https://punkt-cdn.oslo.kommune.no/15.4/icons/";
 typeof window < "u" && (window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch, window.pktIconPath = window.pktIconPath || Bs);
-const Nn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', cn = {}, Al = 2, Rl = 1500, Er = typeof Storage < "u" && typeof sessionStorage < "u", Il = (i) => window.pktFetch(i).then((e) => {
+const Nn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', cn = {}, Al = 2, Il = 1500, Er = typeof Storage < "u" && typeof sessionStorage < "u", Rl = (i) => window.pktFetch(i).then((e) => {
   if (!e.ok)
     throw new Error("Missing icon: " + i);
   return e.text();
 }), Aa = async (i, e = Al) => {
   try {
-    return await Il(i);
+    return await Rl(i);
   } catch {
-    return e > 0 ? (await new Promise((t) => setTimeout(t, Rl)), Aa(i, e - 1)) : (console.error("Failed to fetch icon: " + i), Nn);
+    return e > 0 ? (await new Promise((t) => setTimeout(t, Il)), Aa(i, e - 1)) : (console.error("Failed to fetch icon: " + i), Nn);
   }
 }, Ll = async (i, e) => {
   const t = e + i + ".svg";
@@ -1140,7 +1140,7 @@ let Je = class extends Ce {
     };
     return v`
       <button
-        class=${I(t)}
+        class=${R(t)}
         type=${this.type}
         ?disabled=${!!this.disabled}
         aria-busy=${P(this.isLoading ? "true" : void 0)}
@@ -1229,7 +1229,7 @@ var Hl = Object.defineProperty, Vl = Object.getOwnPropertyDescriptor, Yt = (i, e
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
   return n && s && Hl(e, t, s), s;
 };
-let Rt = class extends Ce {
+let It = class extends Ce {
   constructor() {
     super(), this.defaultSlot = L(), this.compact = zn.props.compact.default, this.title = "", this.skin = zn.props.skin.default, this.ariaLive = zn.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = zn.props.closeAlert.default, this.date = null, this.role = "status", this._isClosed = !1, this.close = (e) => {
       this._isClosed = !0, this.dispatchEvent(
@@ -1262,8 +1262,8 @@ let Rt = class extends Ce {
       "pkt-alert__noDate": !this.date
     };
     return v`
-      <div class=${I(e)} aria-live=${this["aria-live"]}>
-        <div class=${I(t)}>
+      <div class=${R(e)} aria-live=${this["aria-live"]}>
+        <div class=${R(t)}>
           <pkt-icon
             class="pkt-alert__icon"
             aria-hidden="true"
@@ -1298,34 +1298,34 @@ let Rt = class extends Ce {
 };
 Yt([
   o({ type: Boolean, reflect: !1 })
-], Rt.prototype, "compact", 2);
+], It.prototype, "compact", 2);
 Yt([
   o({ type: String, reflect: !0 })
-], Rt.prototype, "title", 2);
+], It.prototype, "title", 2);
 Yt([
   o({ type: String, reflect: !0 })
-], Rt.prototype, "skin", 2);
+], It.prototype, "skin", 2);
 Yt([
   o({ type: String })
-], Rt.prototype, "ariaLive", 2);
+], It.prototype, "ariaLive", 2);
 Yt([
   o({ type: String, reflect: !0 })
-], Rt.prototype, "aria-live", 2);
+], It.prototype, "aria-live", 2);
 Yt([
   o({ type: Boolean, reflect: !0 })
-], Rt.prototype, "closeAlert", 2);
+], It.prototype, "closeAlert", 2);
 Yt([
   o({ type: String, reflect: !0 })
-], Rt.prototype, "date", 2);
+], It.prototype, "date", 2);
 Yt([
   o({ type: String, reflect: !0 })
-], Rt.prototype, "role", 2);
+], It.prototype, "role", 2);
 Yt([
   Q()
-], Rt.prototype, "_isClosed", 2);
-Rt = Yt([
+], It.prototype, "_isClosed", 2);
+It = Yt([
   ie("pkt-alert")
-], Rt);
+], It);
 var Ul = Object.defineProperty, ql = Object.getOwnPropertyDescriptor, Bn = (i, e, t, n) => {
   for (var s = n > 1 ? void 0 : n ? ql(e, t) : e, r = i.length - 1, a; r >= 0; r--)
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
@@ -1363,7 +1363,7 @@ let Yi = class extends Hi {
     return v`
       <div
         part="container"
-        class=${I(e)}
+        class=${R(e)}
         data-testid="pkt-accordion"
         aria-labelledby=${this.ariaLabelledBy}
       >
@@ -1407,7 +1407,7 @@ let hi = class extends Ce {
     };
     return v`
       <details
-        class=${I(e)}
+        class=${R(e)}
         id=${this.id}
         ?open=${this.isOpen}
         ${B(this.accordionItemRef)}
@@ -1494,7 +1494,7 @@ ps([
 Ki = ps([
   ie("pkt-backlink")
 ], Ki);
-const Ra = 6048e5, Gl = 864e5, Pr = Symbol.for("constructDateFrom");
+const Ia = 6048e5, Gl = 864e5, Pr = Symbol.for("constructDateFrom");
 function Vt(i, e) {
   return typeof i == "function" ? i(e) : i && typeof i == "object" && Pr in i ? i[Pr](e) : i instanceof Date ? new i.constructor(e) : new Date(e);
 }
@@ -1517,7 +1517,7 @@ function Mn(i, e) {
 function ss(i, e) {
   return Mn(i, { ...e, weekStartsOn: 1 });
 }
-function Ia(i, e) {
+function Ra(i, e) {
   const t = Mt(i, void 0), n = t.getFullYear(), s = Vt(t, 0);
   s.setFullYear(n + 1, 0, 4), s.setHours(0, 0, 0, 0);
   const r = ss(s), a = Vt(t, 0);
@@ -1525,7 +1525,7 @@ function Ia(i, e) {
   const l = ss(a);
   return t.getTime() >= r.getTime() ? n + 1 : t.getTime() >= l.getTime() ? n : n - 1;
 }
-function Rr(i) {
+function Ir(i) {
   const e = Mt(i), t = new Date(
     Date.UTC(
       e.getFullYear(),
@@ -1546,7 +1546,7 @@ function La(i, ...e) {
   );
   return e.map(t);
 }
-function Ir(i, e) {
+function Rr(i, e) {
   const t = Mt(i, void 0);
   return t.setHours(0, 0, 0, 0), t;
 }
@@ -1555,11 +1555,11 @@ function Ql(i, e, t) {
     void 0,
     i,
     e
-  ), r = Ir(n), a = Ir(s), l = +r - Rr(r), u = +a - Rr(a);
+  ), r = Rr(n), a = Rr(s), l = +r - Ir(r), u = +a - Ir(a);
   return Math.round((l - u) / Gl);
 }
 function Zl(i, e) {
-  const t = Ia(i), n = Vt(i, 0);
+  const t = Ra(i), n = Vt(i, 0);
   return n.setFullYear(t, 0, 4), n.setHours(0, 0, 0, 0), ss(n);
 }
 function Jl(i) {
@@ -2006,7 +2006,7 @@ const $c = /^(\d+)(th|st|nd|rd)?/i, wc = /\d+/i, xc = {
     parsePatterns: Pc,
     defaultParseWidth: "any"
   })
-}, Rc = {
+}, Ic = {
   code: "en-US",
   formatDistance: sc,
   formatLong: lc,
@@ -2018,13 +2018,13 @@ const $c = /^(\d+)(th|st|nd|rd)?/i, wc = /\d+/i, xc = {
     firstWeekContainsDate: 1
   }
 };
-function Ic(i, e) {
+function Rc(i, e) {
   const t = Mt(i, void 0);
   return Ql(t, ic(t)) + 1;
 }
 function Lc(i, e) {
   const t = Mt(i, void 0), n = +ss(t) - +Zl(t);
-  return Math.round(n / Ra) + 1;
+  return Math.round(n / Ia) + 1;
 }
 function Fa(i, e) {
   var t, n, s, r;
@@ -2042,7 +2042,7 @@ function Bc(i, e) {
 }
 function ja(i, e) {
   const t = Mt(i, e == null ? void 0 : e.in), n = +Mn(t, e) - +Bc(t, e);
-  return Math.round(n / Ra) + 1;
+  return Math.round(n / Ia) + 1;
 }
 function ye(i, e) {
   const t = i < 0 ? "-" : "", n = Math.abs(i).toString().padStart(e, "0");
@@ -2147,7 +2147,7 @@ const oi = {
   },
   // ISO week-numbering year
   R: function(i, e) {
-    const t = Ia(i);
+    const t = Ra(i);
     return ye(t, e.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
@@ -2306,7 +2306,7 @@ const oi = {
   },
   // Day of year
   D: function(i, e, t) {
-    const n = Ic(i);
+    const n = Rc(i);
     return e === "Do" ? t.ordinalNumber(n, { unit: "dayOfYear" }) : ye(n, e.length);
   },
   // Day of week
@@ -2741,7 +2741,7 @@ function Yc(i, e, t) {
 const Kc = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Gc = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Xc = /^'([^]*?)'?$/, Qc = /''/g, Zc = /[a-zA-Z]/;
 function Jc(i, e, t) {
   var n, s, r, a;
-  const l = fs(), u = l.locale ?? Rc, h = l.firstWeekContainsDate ?? ((s = (n = l.locale) == null ? void 0 : n.options) == null ? void 0 : s.firstWeekContainsDate) ?? 1, f = l.weekStartsOn ?? ((a = (r = l.locale) == null ? void 0 : r.options) == null ? void 0 : a.weekStartsOn) ?? 0, g = Mt(i, void 0);
+  const l = fs(), u = l.locale ?? Ic, h = l.firstWeekContainsDate ?? ((s = (n = l.locale) == null ? void 0 : n.options) == null ? void 0 : s.firstWeekContainsDate) ?? 1, f = l.weekStartsOn ?? ((a = (r = l.locale) == null ? void 0 : r.options) == null ? void 0 : a.weekStartsOn) ?? 0, g = Mt(i, void 0);
   if (!ec(g))
     throw new RangeError("Invalid time value");
   let y = e.match(Gc).map((m) => {
@@ -3361,12 +3361,12 @@ let $e = class extends Ce {
     const n = this.getDayViewData(e, t), { currentDate: s, currentDateISO: r, isSelected: a, isDisabled: l, ariaLabel: u, tabindex: h } = n;
     this.selectableDates.push({ currentDateISO: r, isDisabled: l, tabindex: h });
     const f = this.getDayCellClasses(n), g = this.getDayButtonClasses(n);
-    return v`<td class=${I(f)}>
+    return v`<td class=${R(f)}>
       <button
         type="button"
         aria-pressed=${a ? "true" : "false"}
         ?disabled=${l}
-        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only ${I(g)}"
+        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only ${R(g)}"
         @mouseover=${() => this.range && !this.isExcluded(s) && this.handleRangeHover(s)}
         @focus=${() => this.handleDayFocus(s, r)}
         aria-label="${u}"
@@ -3607,7 +3607,7 @@ var Pu = Object.defineProperty, Au = Object.getOwnPropertyDescriptor, Kt = (i, e
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
   return n && s && Pu(e, t, s), s;
 };
-let It = class extends Ce {
+let Rt = class extends Ce {
   constructor() {
     super(), this.defaultSlot = L(), this.closeTag = Yn.props.closeTag.default, this.size = Yn.props.size.default, this.skin = Yn.props.skin.default, this.textStyle = null, this.iconName = void 0, this.type = Yn.props.type.default, this.ariaLabel = null, this._isClosed = !1, this._ariaDescription = null, this.close = (e) => {
       this._isClosed = !0, this.dispatchEvent(
@@ -3645,7 +3645,7 @@ let It = class extends Ce {
     };
     return this.closeTag ? v`
         <button
-          class=${I(t)}
+          class=${R(t)}
           type=${this.type}
           @click=${this.close}
           aria-label=${P(this.ariaLabel || void 0)}
@@ -3660,7 +3660,7 @@ let It = class extends Ce {
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
       ` : v`
-        <span class=${I(e)}>
+        <span class=${R(e)}>
           ${this.iconName && v`<pkt-icon
             class="pkt-tag__icon"
             name=${this.iconName}
@@ -3673,38 +3673,38 @@ let It = class extends Ce {
 };
 Kt([
   o({ type: Boolean, reflect: !0 })
-], It.prototype, "closeTag", 2);
+], Rt.prototype, "closeTag", 2);
 Kt([
   o({ type: String, reflect: !0 })
-], It.prototype, "size", 2);
+], Rt.prototype, "size", 2);
 Kt([
   o({ type: String, reflect: !0 })
-], It.prototype, "skin", 2);
+], Rt.prototype, "skin", 2);
 Kt([
   o({ type: String, reflect: !0 })
-], It.prototype, "textStyle", 2);
+], Rt.prototype, "textStyle", 2);
 Kt([
   o({ type: String, reflect: !0 })
-], It.prototype, "iconName", 2);
+], Rt.prototype, "iconName", 2);
 Kt([
   o({ type: String })
-], It.prototype, "type", 2);
+], Rt.prototype, "type", 2);
 Kt([
   o({ type: String })
-], It.prototype, "ariaLabel", 2);
+], Rt.prototype, "ariaLabel", 2);
 Kt([
   Q()
-], It.prototype, "_isClosed", 2);
+], Rt.prototype, "_isClosed", 2);
 Kt([
   Q()
-], It.prototype, "_ariaDescription", 2);
-It = Kt([
+], Rt.prototype, "_ariaDescription", 2);
+Rt = Kt([
   ie("pkt-tag")
-], It);
-var Ru = Object.defineProperty, Iu = Object.getOwnPropertyDescriptor, en = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Iu(e, t) : e, r = i.length - 1, a; r >= 0; r--)
+], Rt);
+var Iu = Object.defineProperty, Ru = Object.getOwnPropertyDescriptor, en = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Ru(e, t) : e, r = i.length - 1, a; r >= 0; r--)
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
-  return n && s && Ru(e, t, s), s;
+  return n && s && Iu(e, t, s), s;
 };
 let fi = class extends hs {
   constructor() {
@@ -3831,7 +3831,7 @@ let et = class extends Ce {
     }, s = ((e = this.ariaLabel) == null ? void 0 : e.trim()) || (this.heading ? `${this.heading} lenkekort` : "lenkekort"), r = ((t = this.ariaLabel) == null ? void 0 : t.trim()) || (this.heading ? this.heading : "kort");
     return v`
       <article
-        class=${I(n)}
+        class=${R(n)}
         aria-label=${P(this.clickCardLink ? s : r)}
       >
         ${this.renderImage()}
@@ -3853,7 +3853,7 @@ let et = class extends Ce {
     };
     return v`
       ${this.image.src && v`
-        <div class=${I(e)}>
+        <div class=${R(e)}>
           <img src=${this.image.src} alt=${this.image.alt || ""} />
         </div>
       `}
@@ -3923,7 +3923,7 @@ let et = class extends Ce {
     return v`
       ${this.tags.length > 0 ? v`
             <div
-              class=${I(e)}
+              class=${R(e)}
               role="list"
               aria-label=${this.tags.length > 1 ? "merkelapper" : "merkelapp"}
             >
@@ -4140,13 +4140,13 @@ function Uu() {
         for (let k in T) {
           d[k] = null;
           let w = null;
-          const R = T[k];
+          const I = T[k];
           Object.defineProperty(d, k, {
             get() {
               return w;
             },
             set(V) {
-              w = V, p.isConnected ? C(p, R, V) : f.set(p, d);
+              w = V, p.isConnected ? C(p, I, V) : f.set(p, d);
             }
           });
         }
@@ -4162,22 +4162,22 @@ function Uu() {
           }
         });
         let w = k.nextNode();
-        const R = !d || p.disabled;
+        const I = !d || p.disabled;
         for (; w; )
-          w.formDisabledCallback && R && F(w, p.disabled), w = k.nextNode();
+          w.formDisabledCallback && I && F(w, p.disabled), w = k.nextNode();
       }, N = { attributes: !0, attributeFilter: ["disabled", "name"] }, H = Ne() ? new MutationObserver((p) => {
         for (const d of p) {
           const k = d.target;
           if (d.attributeName === "disabled" && (k.constructor.formAssociated ? F(k, k.hasAttribute("disabled")) : k.localName === "fieldset" && O(k)), d.attributeName === "name" && k.constructor.formAssociated) {
-            const w = s.get(k), R = h.get(k);
-            w.setFormValue(R);
+            const w = s.get(k), I = h.get(k);
+            w.setFormValue(I);
           }
         }
       }) : {};
       function K(p) {
         p.forEach((d) => {
-          const { addedNodes: k, removedNodes: w } = d, R = Array.from(k), V = Array.from(w);
-          R.forEach((Z) => {
+          const { addedNodes: k, removedNodes: w } = d, I = Array.from(k), V = Array.from(w);
+          I.forEach((Z) => {
             var yt;
             if (s.has(Z) && Z.constructor.formAssociated && S(Z), f.has(Z)) {
               const Xe = f.get(Z);
@@ -4210,8 +4210,8 @@ function Uu() {
         p.forEach((d) => {
           const { removedNodes: k } = d;
           k.forEach((w) => {
-            const R = b.get(d.target);
-            s.has(w) && qe(w), R.disconnect();
+            const I = b.get(d.target);
+            s.has(w) && qe(w), I.disconnect();
           });
         });
       }
@@ -4244,13 +4244,13 @@ function Uu() {
           let k = d[0].id;
           d[0].id || (k = `${d[0].htmlFor}_Label`, d[0].id = k), C(p, "aria-labelledby", k);
         }
-      }, ce = (p) => {
-        const d = Array.from(p.elements).filter((V) => !V.tagName.includes("-") && V.validity).map((V) => V.validity.valid), k = u.get(p) || [], w = Array.from(k).filter((V) => V.isConnected).map((V) => s.get(V).validity.valid), R = [...d, ...w].includes(!1);
-        p.toggleAttribute("internals-invalid", R), p.toggleAttribute("internals-valid", !R);
+      }, ue = (p) => {
+        const d = Array.from(p.elements).filter((V) => !V.tagName.includes("-") && V.validity).map((V) => V.validity.valid), k = u.get(p) || [], w = Array.from(k).filter((V) => V.isConnected).map((V) => s.get(V).validity.valid), I = [...d, ...w].includes(!1);
+        p.toggleAttribute("internals-invalid", I), p.toggleAttribute("internals-valid", !I);
       }, se = (p) => {
-        ce(re(p.target));
+        ue(re(p.target));
       }, ve = (p) => {
-        ce(re(p.target));
+        ue(re(p.target));
       }, z = (p) => {
         const d = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((k) => `${k}:not([disabled])`).map((k) => `${k}:not([form])${p.id ? `,${k}[form='${p.id}']` : ""}`).join(",");
         p.addEventListener("click", (k) => {
@@ -4258,7 +4258,7 @@ function Uu() {
             const w = u.get(p);
             if (p.noValidate)
               return;
-            w.size && Array.from(w).reverse().map((R) => s.get(R).reportValidity()).includes(!1) && k.preventDefault();
+            w.size && Array.from(w).reverse().map((I) => s.get(I).reportValidity()).includes(!1) && k.preventDefault();
           }
         });
       }, Y = (p) => {
@@ -4272,12 +4272,12 @@ function Uu() {
           if (w)
             w.add(p);
           else {
-            const R = /* @__PURE__ */ new Set();
-            R.add(p), u.set(d, R), z(d), d.addEventListener("reset", Y), d.addEventListener("input", se), d.addEventListener("change", ve);
+            const I = /* @__PURE__ */ new Set();
+            I.add(p), u.set(d, I), z(d), d.addEventListener("reset", Y), d.addEventListener("input", se), d.addEventListener("change", ve);
           }
           a.set(d, { ref: p, internals: k }), p.constructor.formAssociated && p.formAssociatedCallback && setTimeout(() => {
             p.formAssociatedCallback.apply(p, [d]);
-          }, 0), ce(d);
+          }, 0), ue(d);
         }
       }, re = (p) => {
         let d = p.parentNode;
@@ -4287,8 +4287,8 @@ function Uu() {
           throw new k(d);
       }, nt = (p, d, k) => {
         const w = u.get(p);
-        return w && w.size && w.forEach((R) => {
-          s.get(R)[k]() || (d = !1);
+        return w && w.size && w.forEach((I) => {
+          s.get(I)[k]() || (d = !1);
         }), d;
       }, qe = (p) => {
         if (p.constructor.formAssociated) {
@@ -4304,7 +4304,7 @@ function Uu() {
           this.badInput = !1, this.customError = !1, this.patternMismatch = !1, this.rangeOverflow = !1, this.rangeUnderflow = !1, this.stepMismatch = !1, this.tooLong = !1, this.tooShort = !1, this.typeMismatch = !1, this.valid = !0, this.valueMissing = !1, Object.seal(this);
         }
       }
-      const lt = (p) => (p.badInput = !1, p.customError = !1, p.patternMismatch = !1, p.rangeOverflow = !1, p.rangeUnderflow = !1, p.stepMismatch = !1, p.tooLong = !1, p.tooShort = !1, p.typeMismatch = !1, p.valid = !0, p.valueMissing = !1, p), xe = (p, d, k) => (p.valid = De(d), Object.keys(d).forEach((w) => p[w] = d[w]), k && ce(k), p), De = (p) => {
+      const lt = (p) => (p.badInput = !1, p.customError = !1, p.patternMismatch = !1, p.rangeOverflow = !1, p.rangeUnderflow = !1, p.stepMismatch = !1, p.tooLong = !1, p.tooShort = !1, p.typeMismatch = !1, p.valid = !0, p.valueMissing = !1, p), xe = (p, d, k) => (p.valid = De(d), Object.keys(d).forEach((w) => p[w] = d[w]), k && ue(k), p), De = (p) => {
         let d = !0;
         for (let k in p)
           k !== "valid" && p[k] !== !1 && (d = !1);
@@ -4325,9 +4325,9 @@ function Uu() {
         add(d) {
           if (!/^--/.test(d) || typeof d != "string")
             throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${d} must start with '--'.`);
-          const k = super.add(d), w = Ke.get(this), R = `state${d}`;
-          return w.isConnected ? Ge(w, R) : setTimeout(() => {
-            Ge(w, R);
+          const k = super.add(d), w = Ke.get(this), I = `state${d}`;
+          return w.isConnected ? Ge(w, I) : setTimeout(() => {
+            Ge(w, I);
           }), k;
         }
         clear() {
@@ -4342,11 +4342,11 @@ function Uu() {
           }), k;
         }
       }
-      function le(p, d, k, w) {
+      function ce(p, d, k, w) {
         if (typeof d == "function" ? p !== d || !w : !d.has(p)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
         return k === "m" ? w : k === "a" ? w.call(p) : w ? w.value : d.get(p);
       }
-      function ke(p, d, k, w, R) {
+      function ke(p, d, k, w, I) {
         if (typeof d == "function" ? p !== d || !0 : !d.has(p)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return d.set(p, k), k;
       }
@@ -4361,10 +4361,10 @@ function Uu() {
           Object.freeze(this);
         }
         get length() {
-          return le(this, je, "f").length;
+          return ce(this, je, "f").length;
         }
         [(je = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
-          return le(this, je, "f")[Symbol.iterator]();
+          return ce(this, je, "f")[Symbol.iterator]();
         }
         item(d) {
           return this[d] == null ? null : this[d];
@@ -4386,10 +4386,10 @@ function Uu() {
           let Z = d.apply(this, V);
           return nt(this, Z, "reportValidity");
         }
-        const { get: R } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
+        const { get: I } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
         Object.defineProperty(HTMLFormElement.prototype, "elements", {
           get(...V) {
-            const Z = R.call(this, ...V), yt = Array.from(u.get(this) || []);
+            const Z = I.call(this, ...V), yt = Array.from(u.get(this) || []);
             if (yt.length === 0)
               return Z;
             const Xe = Array.from(Z).concat(yt).sort((bt, si) => bt.compareDocumentPosition ? bt.compareDocumentPosition(si) & 2 ? 1 : -1 : 0);
@@ -4450,17 +4450,17 @@ function Uu() {
               const w = G(k, this);
               w.value = d;
             }
-          } else d != null && d instanceof FormData && Array.from(d).reverse().forEach(([w, R]) => {
-            if (typeof R == "string") {
+          } else d != null && d instanceof FormData && Array.from(d).reverse().forEach(([w, I]) => {
+            if (typeof I == "string") {
               const V = G(k, this);
-              V.name = w, V.value = R;
+              V.name = w, V.value = I;
             }
           });
           h.set(k, d);
         }
         setValidity(d, k, w) {
-          const R = e.get(this);
-          if (ae(R, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !d)
+          const I = e.get(this);
+          if (ae(I, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !d)
             throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
           y.set(this, w);
           const V = t.get(this), Z = {};
@@ -4472,7 +4472,7 @@ function Uu() {
           const { valid: Xe } = xe(V, yt, this.form);
           if (!Xe && !k)
             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.");
-          r.set(this, Xe ? "" : k), R.isConnected ? (R.toggleAttribute("internals-invalid", !Xe), R.toggleAttribute("internals-valid", Xe), C(R, "aria-invalid", `${!Xe}`)) : _.set(R, this);
+          r.set(this, Xe ? "" : k), I.isConnected ? (I.toggleAttribute("internals-invalid", !Xe), I.toggleAttribute("internals-valid", Xe), C(I, "aria-invalid", `${!Xe}`)) : _.set(I, this);
         }
         get shadowRoot() {
           const d = e.get(this);
@@ -4515,7 +4515,7 @@ function Uu() {
           "reportValidity"
         ].every((w) => w in k.internals);
       }
-      let ue = !1, _e = !1;
+      let de = !1, _e = !1;
       function We(p) {
         _e || (_e = !0, window.CustomStateSet = st, p && (HTMLElement.prototype.attachInternals = function(...d) {
           const k = p.call(this, d);
@@ -4523,17 +4523,17 @@ function Uu() {
         }));
       }
       function ct(p = !0) {
-        if (!ue) {
-          if (ue = !0, typeof window < "u" && (window.ElementInternals = j), typeof CustomElementRegistry < "u") {
+        if (!de) {
+          if (de = !0, typeof window < "u" && (window.ElementInternals = j), typeof CustomElementRegistry < "u") {
             const d = CustomElementRegistry.prototype.define;
-            CustomElementRegistry.prototype.define = function(k, w, R) {
+            CustomElementRegistry.prototype.define = function(k, w, I) {
               if (w.formAssociated) {
                 const V = w.prototype.connectedCallback;
                 w.prototype.connectedCallback = function() {
                   m.has(this) || (m.set(this, !0), this.hasAttribute("disabled") && F(this, !0)), V != null && V.apply(this), qe(this);
                 };
               }
-              d.call(this, k, w, R);
+              d.call(this, k, w, I);
             };
           }
           if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() {
@@ -4546,12 +4546,12 @@ function Uu() {
             return new j(this);
           }), typeof Element < "u") {
             let d = function(...w) {
-              const R = k.apply(this, w);
-              if (g.set(this, R), Ne()) {
+              const I = k.apply(this, w);
+              if (g.set(this, I), Ne()) {
                 const V = new MutationObserver(K);
-                window.ShadyDOM ? V.observe(this, U) : V.observe(R, U), l.set(this, V);
+                window.ShadyDOM ? V.observe(this, U) : V.observe(I, U), l.set(this, V);
               }
-              return R;
+              return I;
             };
             const k = Element.prototype.attachShadow;
             Element.prototype.attachShadow = d;
@@ -4974,7 +4974,7 @@ let ei = class extends Ce {
           detail: { isOpen: s }
         })
       );
-    }, t = I({
+    }, t = R({
       "pkt-inputwrapper__helptext-container": !0,
       "pkt-inputwrapper__has-helptext": this.helptext || this.helptextDropdown || this.filledSlots.size > 0
     }), n = () => this.helptextDropdown ? v`<div class="pkt-inputwrapper__helptext-expandable">
@@ -4990,7 +4990,7 @@ let ei = class extends Ce {
             <span class="pkt-btn__text">${Qn(this.helptextDropdownButton)}</span>
           </button>
           <div
-            class="${I({
+            class="${R({
       "pkt-inputwrapper__helptext": !0,
       "pkt-inputwrapper__helptext-expandable-open": this.isHelpTextOpen,
       "pkt-inputwrapper__helptext-expandable-closed": !this.isHelpTextOpen
@@ -5029,7 +5029,7 @@ Ai([
 ei = Ai([
   ie("pkt-helptext")
 ], ei);
-var Yu = Object.defineProperty, Ku = Object.getOwnPropertyDescriptor, Ie = (i, e, t, n) => {
+var Yu = Object.defineProperty, Ku = Object.getOwnPropertyDescriptor, Re = (i, e, t, n) => {
   for (var s = n > 1 ? void 0 : n ? Ku(e, t) : e, r = i.length - 1, a; r >= 0; r--)
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
   return n && s && Yu(e, t, s), s;
@@ -5105,7 +5105,7 @@ let Ae = class extends Ce {
       `, f = () => this.hasFieldset ? v`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
             ${h()}
           </fieldset>` : v`<div class="pkt-inputwrapper__fieldset">${h()}</div>`;
-    return v`<div class=${I(e)}>${f()}</div> `;
+    return v`<div class=${R(e)}>${f()}</div> `;
   }
   toggleDropdown(e) {
     this.dispatchEvent(
@@ -5125,76 +5125,76 @@ let Ae = class extends Ce {
     );
   }
 };
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "forId", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "label", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "helptext", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "helptextDropdown", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "helptextDropdownButton", 2);
-Ie([
+Re([
   o({ type: Boolean })
 ], Ae.prototype, "counter", 2);
-Ie([
+Re([
   o({ type: Number })
 ], Ae.prototype, "counterCurrent", 2);
-Ie([
+Re([
   o({ type: Number })
 ], Ae.prototype, "counterMaxLength", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "counterError", 2);
-Ie([
+Re([
   o({ type: String, reflect: !1 })
 ], Ae.prototype, "counterPosition", 2);
-Ie([
+Re([
   o({ type: Boolean })
 ], Ae.prototype, "optionalTag", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "optionalText", 2);
-Ie([
+Re([
   o({ type: Boolean })
 ], Ae.prototype, "requiredTag", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "requiredText", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "tagText", 2);
-Ie([
+Re([
   o({ type: Boolean })
 ], Ae.prototype, "hasError", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "errorMessage", 2);
-Ie([
+Re([
   o({ type: Boolean })
 ], Ae.prototype, "disabled", 2);
-Ie([
+Re([
   o({ type: Boolean })
 ], Ae.prototype, "inline", 2);
-Ie([
+Re([
   o({ type: String })
 ], Ae.prototype, "ariaDescribedby", 2);
-Ie([
+Re([
   o({ type: Boolean })
 ], Ae.prototype, "hasFieldset", 2);
-Ie([
+Re([
   o({ type: String, reflect: !0 })
 ], Ae.prototype, "role", 2);
-Ie([
+Re([
   o({ type: Boolean, reflect: !0, converter: St })
 ], Ae.prototype, "useWrapper", 2);
-Ae = Ie([
+Ae = Re([
   ie("pkt-input-wrapper")
 ], Ae);
 var Gu = Object.defineProperty, Xu = Object.getOwnPropertyDescriptor, gt = (i, e, t, n) => {
@@ -5220,7 +5220,7 @@ let dt = class extends Ce {
   render() {
     return v`
       <div
-        class=${I({
+        class=${R({
       "pkt-listbox": !0,
       "pkt-listbox__open": this.isOpen,
       "pkt-txt-16-light": !0
@@ -5264,7 +5264,7 @@ let dt = class extends Ce {
       }}
             aria-selected=${e.selected ? "true" : "false"}
             @keydown=${this.handleOptionKeydown}
-            class=${I({
+            class=${R({
         "pkt-listbox__option": !0,
         "pkt-listbox__option--selected": !!(!this.isMultiSelect && e.selected),
         "pkt-listbox__option--checkBox": this.isMultiSelect
@@ -5638,7 +5638,7 @@ let Fe = class extends W {
         <div class="pkt-contents" ${B(this.helptextSlot)} name="helptext" slot="helptext"></div>
         <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
           <div
-            class=${I({
+            class=${R({
       "pkt-combobox__input": !0,
       "pkt-combobox__input--fullwidth": this.fullwidth,
       "pkt-combobox__input--open": this._isOptionsOpen,
@@ -5668,7 +5668,7 @@ let Fe = class extends W {
               tabindex="${this.disabled ? "-1" : "0"}"
             >
               <pkt-icon
-                class=${I({
+                class=${R({
       "pkt-combobox__arrow-icon": !0,
       "pkt-combobox__arrow-icon--open": this._isOptionsOpen
     })}
@@ -6255,14 +6255,14 @@ let ht = class extends W {
     e.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), e.has("checked") && this.inputRef.value && (this.inputRef.value.checked = this.checked === "" || this.checked === "true" || this.checked === !0), e.has("indeterminate") && this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0), super.updated(e);
   }
   render() {
-    const e = I({
+    const e = R({
       "pkt-input-check__input": !0,
       "pkt-input-check__input--tile": this.hasTile,
       "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), t = I({
+    }), t = R({
       "pkt-input-check__input-checkbox": !0,
       "pkt-input-check__input-checkbox--error": this.hasError
-    }), n = I({
+    }), n = R({
       "pkt-input-check__input-label": !0,
       "pkt-input-check__input-label--disabled": this.disabled,
       "pkt-input-check__input-label--left": this.labelPosition === "left",
@@ -6391,7 +6391,7 @@ let Gi = class extends Ce {
       "pkt-date-tags": !0,
       [this.className]: !0
     }, v`
-      <div class=${I(this.classes)} aria-live="polite">
+      <div class=${R(this.classes)} aria-live="polite">
         ${Array.isArray(this.dates) && this.dates[0] ? Zs(
       qa((this.dates ?? []).filter(Boolean)),
       (e) => e,
@@ -6585,7 +6585,7 @@ let mt = class extends Ce {
     const e = { "pkt-calendar-popup": !0, show: this.open, hide: !this.open };
     return v`
       <div
-        class="${I(e)}"
+        class="${R(e)}"
         ${B(this.popupRef)}
         id="date-popup"
         ?hidden=${!this.open}
@@ -6732,7 +6732,7 @@ let Pt = class extends Ce {
     var e;
     return v`
       <button
-        class="${I(Js.getButtonClasses())}"
+        class="${R(Js.getButtonClasses())}"
         type="button"
         @click=${(t) => this.dispatchToggleCalendar(t)}
         @keydown=${(t) => {
@@ -6801,7 +6801,7 @@ let os = class extends Pt {
     return v`
       <div class="pkt-input__container">
         <input
-          class="${I(this.inputClasses)}"
+          class="${R(this.inputClasses)}"
           .type=${this.inputType}
           id="${this.id}-input"
           .value=${this.value}
@@ -6883,7 +6883,7 @@ let Xi = class extends Pt {
       <div class="pkt-input__container">
         ${this.showRangeLabels ? v` <div class="pkt-input-prefix">${(e = this.strings.generic) == null ? void 0 : e.from}</div> ` : $}
         <input
-          class=${I(this.inputClasses)}
+          class=${R(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
           aria-label="${this.label} ${((t = this.strings.generic) == null ? void 0 : t.from) ?? "Fra"}"
@@ -6942,12 +6942,12 @@ let Xi = class extends Pt {
     }}
           ${B(this.inputRef)}
         />
-        <div class="${I(r)}" id="${this.id}-to-label">
+        <div class="${R(r)}" id="${this.id}-to-label">
           ${(n = this.strings.generic) == null ? void 0 : n.to}
         </div>
         ${this.showRangeLabels ? $ : v` <div class="pkt-input-separator">–</div> `}
         <input
-          class=${I(this.inputClasses)}
+          class=${R(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-to"
           aria-label="${this.label} ${((s = this.strings.generic) == null ? void 0 : s.to) ?? "Til"}"
@@ -7045,7 +7045,7 @@ let En = class extends Pt {
     return v`
       <div class="pkt-input__container">
         <input
-          class=${I(this.inputClasses)}
+          class=${R(this.inputClasses)}
           .type=${this.inputType}
           id="${this.id}-input"
           min=${P(this.min)}
@@ -7514,10 +7514,10 @@ ze = tt([
 const Ad = { href: { default: "#" }, target: { default: "_self" } }, Zr = {
   props: Ad
 };
-var Rd = Object.defineProperty, Id = Object.getOwnPropertyDescriptor, tn = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Id(e, t) : e, r = i.length - 1, a; r >= 0; r--)
+var Id = Object.defineProperty, Rd = Object.getOwnPropertyDescriptor, tn = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Rd(e, t) : e, r = i.length - 1, a; r >= 0; r--)
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
-  return n && s && Rd(e, t, s), s;
+  return n && s && Id(e, t, s), s;
 };
 let Mi = class extends Ce {
   constructor() {
@@ -7531,7 +7531,7 @@ let Mi = class extends Ce {
       "pkt-link--external": this.external
     };
     return v`<a
-      class=${I(e)}
+      class=${R(e)}
       href=${this.href}
       .target=${this.target}
       .rel=${this.external ? "noopener noreferrer" : $}
@@ -7574,7 +7574,7 @@ let Lt = class extends W {
     super.updated(e), e.has("value") && (this.counterCurrent = ((t = this.value) == null ? void 0 : t.length) || 0, this.valueChanged(this.value, e.get("value"))), e.has("id") && !this.name && this.id && (this.name = this.id);
   }
   render() {
-    const e = this.type === "search" && !this.iconNameRight && !this.omitSearchIcon, t = I({
+    const e = this.type === "search" && !this.iconNameRight && !this.omitSearchIcon, t = R({
       "pkt-input": !0,
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
@@ -7707,7 +7707,7 @@ const Fd = (i) => typeof i.target == "string" ? { title: i.title, iconName: i.ic
       minute: "2-digit"
     });
 };
-var Vd = Object.defineProperty, Ud = Object.getOwnPropertyDescriptor, Ri = (i, e, t, n) => {
+var Vd = Object.defineProperty, Ud = Object.getOwnPropertyDescriptor, Ii = (i, e, t, n) => {
   for (var s = n > 1 ? void 0 : n ? Ud(e, t) : e, r = i.length - 1, a; r >= 0; r--)
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
   return n && s && Vd(e, t, s), s;
@@ -7736,7 +7736,7 @@ let mi = class extends Ce {
     "onClick" in e && typeof e.onClick == "function" && e.onClick();
   }
   renderLinkOrButton(e, t) {
-    const n = "href" in e, s = I({
+    const n = "href" in e, s = R({
       "pkt-user-menu__link": !0,
       "pkt-link-button": !n,
       "pkt-link": !n,
@@ -7850,29 +7850,29 @@ let mi = class extends Ce {
     `;
   }
 };
-Ri([
+Ii([
   o({ type: Object })
 ], mi.prototype, "user", 2);
-Ri([
+Ii([
   o({ type: String, attribute: "formatted-last-logged-in" })
 ], mi.prototype, "formattedLastLoggedIn", 2);
-Ri([
+Ii([
   o({ type: Object })
 ], mi.prototype, "representing", 2);
-Ri([
+Ii([
   o({ type: Array, attribute: "user-menu" })
 ], mi.prototype, "userMenu", 2);
-Ri([
+Ii([
   o({
     type: Boolean,
     attribute: "can-change-representation",
     converter: St
   })
 ], mi.prototype, "canChangeRepresentation", 2);
-Ri([
+Ii([
   o({ type: Boolean, attribute: "logout-on-click", converter: St })
 ], mi.prototype, "logoutOnClick", 2);
-mi = Ri([
+mi = Ii([
   ie("pkt-header-user-menu")
 ], mi);
 var qd = Object.defineProperty, Wd = Object.getOwnPropertyDescriptor, ge = (i, e, t, n) => {
@@ -8094,10 +8094,10 @@ let he = class extends Ce {
     ` : $;
   }
   renderSlotContainer() {
-    const e = I({
+    const e = R({
       "pkt-header-service__slot-container": !0,
       "is-open": this.openMenu === "slot"
-    }), t = I({
+    }), t = R({
       "pkt-header-service__slot-content": !0,
       "align-right": this.alignSlotRight
     });
@@ -8136,10 +8136,10 @@ let he = class extends Ce {
   renderSearch() {
     if (!this.showSearch) return $;
     if (this.isTablet) {
-      const e = I({
+      const e = R({
         "pkt-header-service__search-container": !0,
         "is-open": this.openMenu === "search"
-      }), t = I({
+      }), t = R({
         "pkt-header-service__mobile-menu": !0,
         "is-open": this.openMenu === "search",
         "align-right": this.alignSearchRight
@@ -8202,7 +8202,7 @@ let he = class extends Ce {
   renderUserButton() {
     var e;
     if (!this.user) return $;
-    const t = I({
+    const t = R({
       "pkt-header-service__user-menu": this.isMobile === !1,
       "pkt-header-service__mobile-menu": this.isMobile === !0,
       "is-open": this.openMenu === "user"
@@ -8214,7 +8214,7 @@ let he = class extends Ce {
         ${B(this.userContainerRef)}
       >
         <pkt-button
-          class=${I({
+          class=${R({
       "pkt-header-service__user-button": !0,
       "pkt-header-service__user-button--mobile": this.isMobile
     })}
@@ -8249,7 +8249,7 @@ let he = class extends Ce {
     `;
   }
   renderHeader() {
-    const e = I({
+    const e = R({
       "pkt-header-service": !0,
       "pkt-header-service--compact": this.compact,
       "pkt-header-service--mobile": this.isMobile,
@@ -8257,7 +8257,7 @@ let he = class extends Ce {
       "pkt-header-service--fixed": this.isFixed,
       "pkt-header-service--scroll-to-hide": this.shouldHideOnScroll,
       "pkt-header-service--hidden": this.isHidden
-    }), t = I({
+    }), t = R({
       "pkt-header-service__logo-area": !0,
       "pkt-header-service__logo-area--without-service": !this.serviceName
     });
@@ -8300,7 +8300,7 @@ let he = class extends Ce {
   render() {
     const e = this.renderHeader();
     if (this.isFixed) {
-      const t = I({
+      const t = R({
         "pkt-header-service-spacer": !0,
         "pkt-header-service-spacer--compact": this.compact,
         "pkt-header-service-spacer--has-user": !!this.user,
@@ -8415,7 +8415,7 @@ var Yd = Object.defineProperty, Kd = Object.getOwnPropertyDescriptor, Le = (i, e
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
   return n && s && Yd(e, t, s), s;
 };
-let Re = class extends Ce {
+let Ie = class extends Ce {
   constructor() {
     super(), this.defaultSlot = L(), this.searchPlaceholder = "Søk", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.slotController = new Ve(this, this.defaultSlot);
   }
@@ -8464,81 +8464,81 @@ let Re = class extends Ce {
 };
 Le([
   o({ type: String, attribute: "service-name" })
-], Re.prototype, "serviceName", 2);
+], Ie.prototype, "serviceName", 2);
 Le([
   o({ type: String, attribute: "service-link" })
-], Re.prototype, "serviceLink", 2);
+], Ie.prototype, "serviceLink", 2);
 Le([
   o({ type: String, attribute: "logo-link" })
-], Re.prototype, "logoLink", 2);
+], Ie.prototype, "logoLink", 2);
 Le([
   o({ type: String, attribute: "search-placeholder" })
-], Re.prototype, "searchPlaceholder", 2);
+], Ie.prototype, "searchPlaceholder", 2);
 Le([
   o({ type: String, attribute: "search-value" })
-], Re.prototype, "searchValue", 2);
+], Ie.prototype, "searchValue", 2);
 Le([
   o({ type: Number, attribute: "mobile-breakpoint" })
-], Re.prototype, "mobileBreakpoint", 2);
+], Ie.prototype, "mobileBreakpoint", 2);
 Le([
   o({ type: Number, attribute: "tablet-breakpoint" })
-], Re.prototype, "tabletBreakpoint", 2);
+], Ie.prototype, "tabletBreakpoint", 2);
 Le([
   o({ type: String, attribute: "opened-menu" })
-], Re.prototype, "openedMenu", 2);
+], Ie.prototype, "openedMenu", 2);
 Le([
   o({ type: String, attribute: "log-out-button-placement" })
-], Re.prototype, "logOutButtonPlacement", 2);
+], Ie.prototype, "logOutButtonPlacement", 2);
 Le([
   o({ type: String })
-], Re.prototype, "position", 2);
+], Ie.prototype, "position", 2);
 Le([
   o({ type: String, attribute: "scroll-behavior" })
-], Re.prototype, "scrollBehavior", 2);
+], Ie.prototype, "scrollBehavior", 2);
 Le([
   o({ type: String, attribute: "slot-menu-variant" })
-], Re.prototype, "slotMenuVariant", 2);
+], Ie.prototype, "slotMenuVariant", 2);
 Le([
   o({ type: String, attribute: "slot-menu-text" })
-], Re.prototype, "slotMenuText", 2);
+], Ie.prototype, "slotMenuText", 2);
 Le([
   o({ type: Boolean, attribute: "hide-logo", converter: St })
-], Re.prototype, "hideLogo", 2);
+], Ie.prototype, "hideLogo", 2);
 Le([
   o({ type: Boolean, converter: St })
-], Re.prototype, "compact", 2);
+], Ie.prototype, "compact", 2);
 Le([
   o({ type: Boolean, attribute: "show-search", converter: St })
-], Re.prototype, "showSearch", 2);
+], Ie.prototype, "showSearch", 2);
 Le([
   o({
     type: Boolean,
     attribute: "can-change-representation",
     converter: St
   })
-], Re.prototype, "canChangeRepresentation", 2);
+], Ie.prototype, "canChangeRepresentation", 2);
 Le([
   o({ type: Boolean, attribute: "has-log-out", converter: St })
-], Re.prototype, "hasLogOut", 2);
+], Ie.prototype, "hasLogOut", 2);
 Le([
   o({ type: Object })
-], Re.prototype, "user", 2);
+], Ie.prototype, "user", 2);
 Le([
   o({ type: Array, attribute: "user-menu" })
-], Re.prototype, "userMenu", 2);
+], Ie.prototype, "userMenu", 2);
 Le([
   o({ type: Object })
-], Re.prototype, "representing", 2);
+], Ie.prototype, "representing", 2);
 Le([
   o({ type: Array, attribute: "user-menu-footer" })
-], Re.prototype, "userMenuFooter", 2);
+], Ie.prototype, "userMenuFooter", 2);
 Le([
   o({ type: Array, attribute: "user-options" })
-], Re.prototype, "userOptions", 2);
-Re = Le([
+], Ie.prototype, "userOptions", 2);
+Ie = Le([
   ie("pkt-header")
-], Re);
-var Gd = Object.defineProperty, Xd = Object.getOwnPropertyDescriptor, Ii = (i, e, t, n) => {
+], Ie);
+var Gd = Object.defineProperty, Xd = Object.getOwnPropertyDescriptor, Ri = (i, e, t, n) => {
   for (var s = n > 1 ? void 0 : n ? Xd(e, t) : e, r = i.length - 1, a; r >= 0; r--)
     (a = i[r]) && (s = (n ? a(e, t, s) : a(s)) || s);
   return n && s && Gd(e, t, s), s;
@@ -8564,25 +8564,25 @@ let gi = class extends Ce {
     `;
   }
 };
-Ii([
+Ri([
   o({ type: String, reflect: !0 })
 ], gi.prototype, "title", 2);
-Ii([
+Ri([
   o({ type: String, reflect: !0 })
 ], gi.prototype, "href", 2);
-Ii([
+Ri([
   o({ type: String, reflect: !0 })
 ], gi.prototype, "iconName", 2);
-Ii([
+Ri([
   o({ type: Boolean, reflect: !0 })
 ], gi.prototype, "external", 2);
-Ii([
+Ri([
   o({ type: Boolean, reflect: !0 })
 ], gi.prototype, "openInNewTab", 2);
-Ii([
+Ri([
   o({ type: String, reflect: !0 })
 ], gi.prototype, "skin", 2);
-gi = Ii([
+gi = Ri([
   ie("pkt-linkcard")
 ], gi);
 var Qd = Object.defineProperty, Zd = Object.getOwnPropertyDescriptor, ii = (i, e, t, n) => {
@@ -8602,11 +8602,11 @@ let Bt = class extends Ce {
     e.has("delay") && this.setupLoader();
   }
   render() {
-    const e = I({
+    const e = R({
       "pkt-loader": !0,
       [`pkt-loader--${this.inline ? "inline" : "box"}`]: !0,
       [`pkt-loader--${this.size}`]: !0
-    }), t = I({
+    }), t = R({
       "pkt-contents": !0,
       "pkt-hide": this.isLoading
     });
@@ -8697,7 +8697,7 @@ let Di = class extends Ce {
       "pkt-messagebox--closable": this.closable,
       "pkt-hide": this._isClosed
     };
-    return v`<div class=${I(i)}>
+    return v`<div class=${R(i)}>
       ${this.closable ? v`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
@@ -8805,7 +8805,7 @@ let Nt = class extends Ce {
     };
     return v`
       <dialog
-        class=${I(i)}
+        class=${R(i)}
         ${B(this.dialogRef)}
         aria-labelledby="pkt-modal__headingText"
         aria-describedby="pkt-modal__content"
@@ -8814,10 +8814,10 @@ let Nt = class extends Ce {
         <div class="pkt-modal__wrapper">
           ${this.headingText || !this.hideCloseButton ? v`<div class="pkt-modal__header">
                 <div class="pkt-modal__header-background"></div>
-                ${this.headingText ? v`<h1 id="pkt-modal__headingText" class=${I(e)}>
+                ${this.headingText ? v`<h1 id="pkt-modal__headingText" class=${R(e)}>
                       ${this.headingText}
                     </h1>` : v`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton ? v`<div class="pkt-modal__noCloseButton"></div>` : v`<div class="${I(s)}">
+                ${this.hideCloseButton ? v`<div class="pkt-modal__noCloseButton"></div>` : v`<div class="${R(s)}">
                       <pkt-button
                         @click=${(r) => this.close(r)}
                         aria-label="close"
@@ -8833,7 +8833,7 @@ let Nt = class extends Ce {
           <div class="pkt-modal__container">
             <div
               id="pkt-modal__content"
-              class=${I(t)}
+              class=${R(t)}
               ${B(this.defaultSlot)}
             ></div>
           </div>
@@ -8922,16 +8922,16 @@ let He = class extends Ce {
     super.updated(e), e.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), e.has("id") && this.id && (this.progressBarId = this.id), (e.has("statusType") || e.has("id") || e.has("ariaLabelledby")) && (this.progressbarId = this.id || di(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (e.has("ariaValueText") || e.has("valueCurrent") || e.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
   }
   render() {
-    const e = this.statusType !== "none", t = this.valueMax - this.valueMin, n = this.valueCurrent / t * 100, s = this.statusType === "fraction" ? Math.round(n) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), r = `${this.valueCurrent} av ${t}`, a = I({
+    const e = this.statusType !== "none", t = this.valueMax - this.valueMin, n = this.valueCurrent / t * 100, s = this.statusType === "fraction" ? Math.round(n) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), r = `${this.valueCurrent} av ${t}`, a = R({
       "pkt-progressbar__bar": !0,
       [`pkt-progressbar__bar--${this.skin}`]: !!this.skin
-    }), l = I({
+    }), l = R({
       "pkt-progressbar__title": !0,
       "pkt-progressbar__title-center": this.titlePosition === "center"
-    }), u = I({
+    }), u = R({
       "pkt-progressbar__status": !0,
       "pkt-progressbar__status--center": this.statusPlacement === "center"
-    }), h = I({
+    }), h = R({
       "pkt-progressbar__status-placement--following": this.statusPlacement === "following",
       "pkt-progressbar__status-placement--center": this.statusPlacement === "center",
       "pkt-progressbar__status-placement--left": this.statusPlacement === "left"
@@ -9041,14 +9041,14 @@ let xt = class extends W {
     i === "defaultChecked" && (this._checked = this.defaultChecked), i === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(i, e, t);
   }
   render() {
-    const i = I({
+    const i = R({
       "pkt-input-check__input": !0,
       "pkt-input-check__input--tile": this.hasTile,
       "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), e = I({
+    }), e = R({
       "pkt-input-check__input-checkbox": !0,
       "pkt-input-check__input-checkbox--error": this.hasError
-    }), t = I({
+    }), t = R({
       "pkt-input-check__input-label": !0,
       "pkt-input-check__input-label--disabled": this.disabled,
       "pkt-sr-only": this.hideLabel
@@ -9489,7 +9489,7 @@ let Qi = class extends W {
     super.updated(i), i.has("value") && (this.counterCurrent = ((e = this.value) == null ? void 0 : e.length) || 0, this.valueChanged(this.value, i.get("value"))), i.has("id") && !this.name && this.id && (this.name = this.id);
   }
   render() {
-    const i = I({
+    const i = R({
       "pkt-input": !0,
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
@@ -9802,7 +9802,7 @@ const X = zt({
     onClick: h,
     onToggle: f
   }, g) => {
-    const [y, b] = de(i), { name: m } = Wo(), _ = l || m, T = r !== void 0 ? r : y;
+    const [y, b] = le(i), { name: m } = Wo(), _ = l || m, T = r !== void 0 ? r : y;
     me(() => {
       r === void 0 && b(i);
     }, [i, r]);
@@ -9897,7 +9897,7 @@ const oe = /* @__PURE__ */ Ch(Nh), ir = ({
   className: h,
   ...f
 }) => {
-  const [g, y] = de(!1), b = {
+  const [g, y] = le(!1), b = {
     "pkt-alert": !0,
     "pkt-alert--compact": t,
     [`pkt-alert--${u}`]: u,
@@ -10104,11 +10104,11 @@ function Ah(i, e) {
   const t = to(i, e), n = qt(i, 0);
   return n.setFullYear(t, 0, 4), n.setHours(0, 0, 0, 0), ls(n);
 }
-function Rh(i) {
+function Ih(i) {
   return i instanceof Date || typeof i == "object" && Object.prototype.toString.call(i) === "[object Date]";
 }
-function Ih(i) {
-  return !(!Rh(i) && typeof i != "number" || isNaN(+Ct(i)));
+function Rh(i) {
+  return !(!Ih(i) && typeof i != "number" || isNaN(+Ct(i)));
 }
 function Lh(i, e) {
   const t = Ct(i, e == null ? void 0 : e.in);
@@ -11284,11 +11284,11 @@ function Dp(i, e, t) {
   const n = i[0] === "Y" ? "years" : "days of the month";
   return `Use \`${i.toLowerCase()}\` instead of \`${i}\` (in \`${e}\`) for formatting ${n} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
-const Op = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ep = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Pp = /^'([^]*?)'?$/, Ap = /''/g, Rp = /[a-zA-Z]/;
-function Ip(i, e, t) {
+const Op = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ep = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Pp = /^'([^]*?)'?$/, Ap = /''/g, Ip = /[a-zA-Z]/;
+function Rp(i, e, t) {
   var f, g, y, b;
   const n = gs(), s = n.locale ?? yp, r = n.firstWeekContainsDate ?? ((g = (f = n.locale) == null ? void 0 : f.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, a = n.weekStartsOn ?? ((b = (y = n.locale) == null ? void 0 : y.options) == null ? void 0 : b.weekStartsOn) ?? 0, l = Ct(i, t == null ? void 0 : t.in);
-  if (!Ih(l))
+  if (!Rh(l))
     throw new RangeError("Invalid time value");
   let u = e.match(Ep).map((m) => {
     const _ = m[0];
@@ -11305,7 +11305,7 @@ function Ip(i, e, t) {
       return { isToken: !1, value: Lp(m) };
     if (ra[_])
       return { isToken: !0, value: m };
-    if (_.match(Rp))
+    if (_.match(Ip))
       throw new RangeError(
         "Format string contains an unescaped latin alphabet character `" + _ + "`"
       );
@@ -11509,7 +11509,7 @@ const ut = (i) => {
   return isNaN(e.getTime()) ? null : e;
 }, Up = (i, e) => {
   const t = Zt(i);
-  return isNaN(t.getTime()) ? "" : Ip(t, e);
+  return isNaN(t.getTime()) ? "" : Rp(t, e);
 }, Zt = (i = "", e) => {
   const t = typeof i == "string" ? jt(i) : i;
   return !t || isNaN(t.getTime()) ? /* @__PURE__ */ new Date() : e ? e === "end" ? Lh(t) : Vs(t) : t;
@@ -11633,9 +11633,9 @@ function ef(i, e, t) {
   }
   return nr(i, e);
 }
-const Rn = 7, tf = 6;
+const In = 7, tf = 6;
 function nf(i, e) {
-  const t = qi(i, e, 1), n = qi(i, e + 1, 0), s = (t.getDay() + tf) % Rn, r = n.getDate(), a = Math.ceil((r + s) / Rn), u = qi(i, e, 0).getDate(), h = ro(t);
+  const t = qi(i, e, 1), n = qi(i, e + 1, 0), s = (t.getDay() + tf) % In, r = n.getDate(), a = Math.ceil((r + s) / In), u = qi(i, e, 0).getDate(), h = ro(t);
   return {
     firstDayOfMonth: t,
     lastDayOfMonth: n,
@@ -11657,8 +11657,8 @@ function rf(i, e, t, n) {
 const af = {
   ArrowLeft: -1,
   ArrowRight: 1,
-  ArrowUp: -Rn,
-  ArrowDown: Rn
+  ArrowUp: -In,
+  ArrowDown: In
 };
 function of(i) {
   var t;
@@ -11721,7 +11721,7 @@ function df(i) {
   } = i, S = ya(), O = T ?? S, N = Pe(() => ({ ...uf, ...b }), [b]), H = Pe(
     () => y ? jt(y) : Vp(),
     [y]
-  ), K = Pe(() => l ? l.map((p) => typeof p == "string" ? jt(p) : p) : [], [l]), ee = e !== void 0, [we, U] = de([]), C = ee ? e : we, F = Pe(() => uo(C), [C]), [q, G] = de(0), [te, ne] = de(0), [ce, se] = de({}), [ve, z] = de(null), [Y, Be] = de(null), re = fe(null), ae = fe([]), nt = fe(0), qe = fe(!1), Ne = fe(!1), Ye = Pe(
+  ), K = Pe(() => l ? l.map((p) => typeof p == "string" ? jt(p) : p) : [], [l]), ee = e !== void 0, [we, U] = le([]), C = ee ? e : we, F = Pe(() => uo(C), [C]), [q, G] = le(0), [te, ne] = le(0), [ue, se] = le({}), [ve, z] = le(null), [Y, Be] = le(null), re = fe(null), ae = fe([]), nt = fe(0), qe = fe(!1), Ne = fe(!1), Ye = Pe(
     () => ({ earliest: r, latest: a, excludedates: K, excludeweekdays: u }),
     [r, a, K, u]
   );
@@ -11765,7 +11765,7 @@ function df(i) {
   }, [q, te, De]), Ge = A(() => {
     const p = te === 11 ? 0 : te + 1, d = te === 11 ? q + 1 : q;
     De(d, p);
-  }, [q, te, De]), st = A((p) => co(p, Ye), [Ye]), le = A(
+  }, [q, te, De]), st = A((p) => co(p, Ye), [Ye]), ce = A(
     (p, d) => Qp(p, d, Ye, {
       multiple: t,
       maxMultiple: n,
@@ -11828,8 +11828,8 @@ function df(i) {
       ee || U(d);
     },
     [ke, n, ee]
-  ), ue = A(() => {
-    var w, R;
+  ), de = A(() => {
+    var w, I;
     const p = ut(gn(H)), d = (w = re.current) == null ? void 0 : w.querySelector(`button[data-date="${p}"]`);
     if (d instanceof HTMLButtonElement) {
       Be(p), d.focus();
@@ -11837,7 +11837,7 @@ function df(i) {
     }
     const k = ae.current.find((V) => !V.isDisabled);
     if (k) {
-      const V = (R = re.current) == null ? void 0 : R.querySelector(
+      const V = (I = re.current) == null ? void 0 : I.querySelector(
         `button[data-date="${k.currentDateISO}"]`
       );
       V instanceof HTMLButtonElement && (Be(k.currentDateISO), V.focus());
@@ -11847,16 +11847,16 @@ function df(i) {
       const k = p.target;
       if (of(k)) return;
       if (p.preventDefault(), !Y) {
-        ue();
+        de();
         return;
       }
-      const w = Zt(Y), R = lf(w, d, re.current.querySelector.bind(re.current));
-      if (R) {
-        const V = re.current.querySelector(`button[data-date="${ut(R)}"]`);
-        V instanceof HTMLButtonElement && !V.dataset.disabled && (Be(ut(R)), V.focus());
+      const w = Zt(Y), I = lf(w, d, re.current.querySelector.bind(re.current));
+      if (I) {
+        const V = re.current.querySelector(`button[data-date="${ut(I)}"]`);
+        V instanceof HTMLButtonElement && !V.dataset.disabled && (Be(ut(I)), V.focus());
       }
     },
-    [Y, ue]
+    [Y, de]
   ), We = A(
     (p) => {
       if (p.key === "Escape") {
@@ -11881,7 +11881,7 @@ function df(i) {
     month: te,
     activeSelected: C,
     _selected: F,
-    inRange: ce,
+    inRange: ue,
     rangeHovered: ve,
     focusedDate: Y,
     range: s,
@@ -11906,8 +11906,8 @@ function df(i) {
     toggleSelectedDate: Ee,
     handleRangeHover: je,
     isExcluded: st,
-    isDayDisabled: le,
-    focusOnCurrentDate: ue,
+    isDayDisabled: ce,
+    focusOnCurrentDate: de,
     handleKeydown: We,
     handleFocusOut: ct,
     close: xe,
@@ -12075,7 +12075,7 @@ const gf = ({ state: i }) => {
       );
     return /* @__PURE__ */ c("tr", { className: "pkt-cal-week-row", children: U });
   }, K = (U, C) => {
-    const F = pf(U, C, O), { currentDate: q, currentDateISO: G, isSelected: te, isDisabled: ne, ariaLabel: ce, tabindex: se } = F;
+    const F = pf(U, C, O), { currentDate: q, currentDateISO: G, isSelected: te, isDisabled: ne, ariaLabel: ue, tabindex: se } = F;
     g.current.push({ currentDateISO: G, isDisabled: ne, tabindex: se });
     const ve = ff(F, N), z = mf(F, N);
     return /* @__PURE__ */ c("td", { className: ve, children: /* @__PURE__ */ c(
@@ -12089,7 +12089,7 @@ const gf = ({ state: i }) => {
         onFocus: () => {
           u && !_(q) && m(q), M(G);
         },
-        "aria-label": ce,
+        "aria-label": ue,
         tabIndex: parseInt(se),
         "data-disabled": ne ? "disabled" : void 0,
         "data-date": G,
@@ -12112,13 +12112,13 @@ const gf = ({ state: i }) => {
       f && ne.push(
         /* @__PURE__ */ c("td", { className: "pkt-cal-week", children: q }, `week-${q}`)
       ), q++;
-      for (let ce = 0; ce < Rn; ce++) {
-        const se = sf(te, ce, F, C);
+      for (let ue = 0; ue < In; ue++) {
+        const se = sf(te, ue, F, C);
         if (se === "current-month")
           ne.push(K(F, U)), F++;
         else {
-          const ve = rf(se, ce, F, C);
-          ne.push(ee(ve, `${se}-${te}-${ce}`)), se === "next-month" && F++;
+          const ve = rf(se, ue, F, C);
+          ne.push(ee(ve, `${se}-${te}-${ue}`)), se === "next-month" && F++;
         }
       }
       G.push(
@@ -12319,7 +12319,7 @@ const rn = pe(
     role: K = "group",
     counterPosition: ee = "bottom"
   }, we) => {
-    const [U, C] = de(!1), F = M || (t ? `${i}-helptext` : void 0), q = !!r, G = q && ee === "top", te = q && ee === "bottom", ne = () => C((ae) => !ae), ce = [
+    const [U, C] = le(!1), F = M || (t ? `${i}-helptext` : void 0), q = !!r, G = q && ee === "top", te = q && ee === "bottom", ne = () => C((ae) => !ae), ue = [
       "pkt-inputwrapper",
       N,
       b ? "pkt-inputwrapper--error" : "",
@@ -12377,7 +12377,7 @@ const rn = pe(
       te && /* @__PURE__ */ c(ve, {}),
       b && m && /* @__PURE__ */ c("div", { className: "pkt-inputwrapper__alert-wrapper", children: /* @__PURE__ */ c(ir, { skin: "error", "aria-live": "assertive", role: "alert", id: `${i}-error`, compact: !0, children: m }) })
     ] });
-    return /* @__PURE__ */ c("div", { className: ce, ref: we, role: K, children: H ? /* @__PURE__ */ c("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": F, children: re }) : /* @__PURE__ */ c("div", { className: "pkt-inputwrapper__fieldset", children: re }) });
+    return /* @__PURE__ */ c("div", { className: ue, ref: we, role: K, children: H ? /* @__PURE__ */ c("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": F, children: re }) : /* @__PURE__ */ c("div", { className: "pkt-inputwrapper__fieldset", children: re }) });
   }
 );
 rn.displayName = "PktInputWrapper";
@@ -12477,9 +12477,9 @@ const fo = () => {
     "aria-description": f,
     ...g
   }, y) => {
-    const [b, m] = de(!1), _ = A(() => {
+    const [b, m] = le(!1), _ = A(() => {
       m(!0), u && u();
-    }, [u]), T = fe(null), [M, S] = de("");
+    }, [u]), T = fe(null), [M, S] = le("");
     me(() => {
       var K, ee;
       S(((ee = (K = T.current) == null ? void 0 : K.textContent) == null ? void 0 : ee.trim()) ?? "");
@@ -12581,7 +12581,7 @@ const Df = ({
     toggleCalendar: G,
     handleFocus: te,
     handleSingleInputChange: ne,
-    handleRangeFromChange: ce,
+    handleRangeFromChange: ue,
     handleRangeToChange: se,
     handleRangeBlur: ve,
     handleMultipleBlur: z,
@@ -12661,7 +12661,7 @@ const Df = ({
         onKeyDown: re,
         onFocus: te,
         onBlur: ve,
-        onChange: ce
+        onChange: ue
       }
     ),
     /* @__PURE__ */ c("div", { className: ee, id: `${e}-to-label`, children: ((xe = N.generic) == null ? void 0 : xe.to) ?? "Til" }),
@@ -12756,7 +12756,7 @@ function Af(i, e) {
     requiredTag: G = !1,
     requiredText: te,
     tagText: ne,
-    useWrapper: ce = !0,
+    useWrapper: ue = !0,
     strings: se,
     disabled: ve = !1,
     readOnly: z = !1,
@@ -12769,15 +12769,15 @@ function Af(i, e) {
     onValueChange: Ne,
     className: Ye,
     ...lt
-  } = i, xe = A((D) => D === void 0 ? [] : fa(D), []), De = s !== void 0, Ke = typeof r == "number" ? void 0 : r, [Ge, st] = de(() => xe(s ?? Ke)), le = De ? xe(s) : Ge;
+  } = i, xe = A((D) => D === void 0 ? [] : fa(D), []), De = s !== void 0, Ke = typeof r == "number" ? void 0 : r, [Ge, st] = le(() => xe(s ?? Ke)), ce = De ? xe(s) : Ge;
   me(() => {
     De && st(xe(s));
   }, [s, De, xe]);
-  const [ke, je] = de(M ?? !1);
+  const [ke, je] = le(M ?? !1);
   me(() => {
     M !== void 0 && je(M);
   }, [M]);
-  const Oe = fe(null), Se = fe(null), j = fe(null), Ee = fe(null), ue = fe(null), _e = Pe(() => $f(), []), We = Pe(() => fo(), []), ct = Pe(
+  const Oe = fe(null), Se = fe(null), j = fe(null), Ee = fe(null), de = fe(null), _e = Pe(() => $f(), []), We = Pe(() => fo(), []), ct = Pe(
     () => se ?? (h ? Pf : Ef),
     [se, h]
   ), p = typeof re == "string" ? re : re !== void 0 ? String(re) : void 0, d = typeof ae == "string" ? ae : ae !== void 0 ? String(ae) : void 0, k = Pe(() => {
@@ -12786,7 +12786,7 @@ function Af(i, e) {
   }, [O, f, l, h, z, _e]), w = Pe(() => {
     const D = Sf();
     return Object.entries(D).filter(([, E]) => E).map(([E]) => E).join(" ");
-  }, []), R = Pe(() => {
+  }, []), I = Pe(() => {
     const D = Cf(f);
     return Object.entries(D).filter(([, E]) => E).map(([E]) => E).join(" ");
   }, [f]), V = Pe(
@@ -12795,7 +12795,7 @@ function Af(i, e) {
   ), Z = Pe(() => {
     if (_) return _;
     if (d) return d.slice(0, 7);
-  }, [_, d]), yt = ve || l && u != null && le.length >= u, Xe = l && u != null, bt = `${t}-input`, si = le.join(",");
+  }, [_, d]), yt = ve || l && u != null && ce.length >= u, Xe = l && u != null, bt = `${t}-input`, si = ce.join(",");
   me(() => {
     j.current && (j.current.value = si);
   }, [si]), me(() => {
@@ -12828,7 +12828,7 @@ function Af(i, e) {
     const D = (at) => {
       var qn;
       const Qe = at.target;
-      ue.current && !ue.current.contains(Qe) && !((qn = Qe.closest) != null && qn.call(Qe, ".pkt-calendar-popup")) && ri();
+      de.current && !de.current.contains(Qe) && !((qn = Qe.closest) != null && qn.call(Qe, ".pkt-calendar-popup")) && ri();
     }, E = (at) => {
       var Qe;
       at.key === "Escape" && (ri(), (Qe = Oe.current) == null || Qe.focus());
@@ -12857,27 +12857,27 @@ function Af(i, e) {
     [rt, _t]
   ), No = A(
     (D) => {
-      const E = D.target.value, at = le[1] ?? "", Qe = [E, at].filter(Boolean);
+      const E = D.target.value, at = ce[1] ?? "", Qe = [E, at].filter(Boolean);
       rt(Qe), _t(Qe);
     },
-    [le, rt, _t]
+    [ce, rt, _t]
   ), Mo = A(
     (D) => {
-      const E = le[0] ?? "", at = D.target.value, Qe = [E, at].filter(Boolean);
+      const E = ce[0] ?? "", at = D.target.value, Qe = [E, at].filter(Boolean);
       rt(Qe), _t(Qe);
     },
-    [le, rt, _t]
+    [ce, rt, _t]
   ), Do = A(() => {
-    le.length === 2 && !wf(le) && (rt([le[0]]), _t([le[0]]));
-  }, [le, rt, _t]), Un = A(
+    ce.length === 2 && !wf(ce) && (rt([ce[0]]), _t([ce[0]]));
+  }, [ce, rt, _t]), Un = A(
     (D) => {
       const E = Zt(D), at = p ? Zt(p) : null, Qe = d ? Zt(d) : null;
       if (E && !isNaN(E.getTime()) && (!at || E >= at) && (!Qe || E <= Qe)) {
-        const qn = Kp([...le, D], p, d, b, m), hr = [...new Set(qn)];
+        const qn = Kp([...ce, D], p, d, b, m), hr = [...new Set(qn)];
         rt(hr), _t(hr);
       }
     },
-    [le, p, d, b, m, rt, _t]
+    [ce, p, d, b, m, rt, _t]
   ), Oo = A(
     (D) => {
       const E = D.target;
@@ -12892,10 +12892,10 @@ function Af(i, e) {
     [Un]
   ), Eo = A(
     (D) => {
-      const E = le.filter((at) => at !== D);
+      const E = ce.filter((at) => at !== D);
       rt(E), _t(E);
     },
-    [le, rt, _t]
+    [ce, rt, _t]
   ), ai = A((D) => {
     const E = D == null ? void 0 : D.closest("form");
     E ? E.requestSubmit() : D == null || D.blur();
@@ -12930,7 +12930,7 @@ function Af(i, e) {
       );
     },
     [Qt, ai]
-  ), Ro = A(
+  ), Io = A(
     (D) => {
       Gn(
         D.nativeEvent,
@@ -12944,7 +12944,7 @@ function Af(i, e) {
       );
     },
     [Qt, ai]
-  ), Io = A(
+  ), Ro = A(
     (D) => {
       Gn(
         D.nativeEvent,
@@ -12985,7 +12985,7 @@ function Af(i, e) {
     id: t,
     inputId: bt,
     label: n,
-    values: le,
+    values: ce,
     calendarOpen: ke,
     dateformat: a,
     multiple: l,
@@ -13014,7 +13014,7 @@ function Af(i, e) {
     requiredTag: G,
     requiredText: te,
     tagText: ne,
-    useWrapper: ce,
+    useWrapper: ue,
     className: Ye,
     minStr: p,
     maxStr: d,
@@ -13025,7 +13025,7 @@ function Af(i, e) {
     strings: ct,
     inputClasses: k,
     buttonClasses: w,
-    rangeLabelClasses: R,
+    rangeLabelClasses: I,
     datepickerInputsClasses: V,
     isInputDisabled: yt,
     hasCounter: Xe,
@@ -13033,7 +13033,7 @@ function Af(i, e) {
     inputRefTo: Se,
     changeInputRef: j,
     btnRef: Ee,
-    wrapperRef: ue,
+    wrapperRef: de,
     onChange: qe,
     toggleCalendar: Qt,
     hideCalendar: ri,
@@ -13048,12 +13048,12 @@ function Af(i, e) {
     handleTagRemoved: Eo,
     handleSingleKeydown: Po,
     handleRangeFromKeydown: Ao,
-    handleRangeToKeydown: Ro,
-    handleMultipleKeydown: Io,
+    handleRangeToKeydown: Io,
+    handleMultipleKeydown: Ro,
     restProps: lt
   };
 }
-const Rf = pe((i, e) => {
+const If = pe((i, e) => {
   const t = Af(i, e), n = ["pkt-datepicker", t.className].filter(Boolean).join(" ");
   return /* @__PURE__ */ x("div", { className: n, children: [
     /* @__PURE__ */ c(
@@ -13118,8 +13118,8 @@ const Rf = pe((i, e) => {
     )
   ] });
 });
-Rf.displayName = "PktDatepicker";
-const If = {
+If.displayName = "PktDatepicker";
+const Rf = {
   dropFilesHere: "Slipp filene her ...",
   selectOrDragFiles: "Dra filer hit for å laste dem opp eller ",
   chooseFiles: "velg filer"
@@ -13169,7 +13169,7 @@ const or = cs({}), Vf = ".PDF, .JPEG, .JPG, .PNG, .HEIC, .DOC, .DOCX, .ODT", Uf
       [b]
     );
     zs(g, () => y.current);
-    const [_, T] = de(!1), M = Pe(() => l ? e ? Bf : Ff : e ? If : Lf, [e, l]), S = A(
+    const [_, T] = le(!1), M = Pe(() => l ? e ? Bf : Ff : e ? Rf : Lf, [e, l]), S = A(
       (C) => {
         if (y.current)
           try {
@@ -13306,8 +13306,8 @@ const or = cs({}), Vf = ".PDF, .JPEG, .JPG, .PNG, .HEIC, .DOC, .DOCX, .ODT", Uf
     readOnly: G,
     skipForwardTestid: te = !1,
     ...ne
-  }, ce) => {
-    const se = [r, "pkt-textinput", "pkt-textarea"].join(" "), ve = `${i}-input`, z = `${ve}-label`, Y = t || z, [Be, re] = de(0), ae = (nt) => {
+  }, ue) => {
+    const se = [r, "pkt-textinput", "pkt-textarea"].join(" "), ve = `${i}-input`, z = `${ve}-label`, Y = t || z, [Be, re] = le(0), ae = (nt) => {
       var qe, Ne;
       n && re(((Ne = (qe = nt.currentTarget) == null ? void 0 : qe.value) == null ? void 0 : Ne.length) || 0), we && we(nt);
     };
@@ -13339,7 +13339,7 @@ const or = cs({}), Vf = ".PDF, .JPEG, .JPG, .PNG, .HEIC, .DOC, .DOCX, .ODT", Uf
         children: /* @__PURE__ */ c(
           "textarea",
           {
-            ref: ce,
+            ref: ue,
             className: `pkt-input ${b ? "pkt-input--fullwidth" : ""} ${s && Be > s ? "pkt-input--counter-error" : ""}`,
             name: `${_ || i}`,
             id: ve,
@@ -13437,7 +13437,7 @@ const Wf = Symbol("comment"), zf = (i) => {
     )
   ] })
 ] }, s)) }) : null, Gf = (i) => {
-  const e = In(or);
+  const e = Rn(or);
   return /* @__PURE__ */ c(
     "input",
     {
@@ -13516,7 +13516,7 @@ const Wf = Symbol("comment"), zf = (i) => {
     /* @__PURE__ */ c(ft, { skin: "tertiary", size: "small", onClick: i.onCancel, children: "Avbryt" })
   ] });
 }, tm = (i) => {
-  const e = In(or);
+  const e = Rn(or);
   return /* @__PURE__ */ c("input", { type: "hidden", name: `${e.name}-targetFilename`, value: i.targetFilename });
 }, im = (i) => {
   const e = i("targetFilename");
@@ -13566,7 +13566,7 @@ const Wf = Symbol("comment"), zf = (i) => {
     [n, t]
   ) };
 }, sm = (i) => {
-  const [e, t] = de(!1), [n, s] = de(0), r = fe(null), a = A(
+  const [e, t] = le(!1), [n, s] = le(0), r = fe(null), a = A(
     (h) => {
       var g;
       const f = i.findIndex((y) => y.fileId === h);
@@ -13584,7 +13584,7 @@ const Wf = Symbol("comment"), zf = (i) => {
   );
   return { isOpen: e, currentIndex: n, modalRef: r, open: a, close: l, navigate: u };
 }, rm = (i) => {
-  const [e, t] = de({}), n = A(
+  const [e, t] = le({}), n = A(
     (a) => {
       const l = e[a];
       if (l)
@@ -13619,7 +13619,7 @@ const ga = 2, om = (i) => {
   const n = e * t;
   return i.getBoundingClientRect().height > n + 0.5;
 }, vo = cs({ tail: 5 }), Vn = ({ children: i, tail: e, ...t }) => {
-  const n = i, s = In(vo), r = e !== void 0 ? e : s.tail || 0, a = i.length <= r + 3 ? null : i.slice(-r), l = fe(null), u = fe(null), [h, f] = de(!1), g = A(() => {
+  const n = i, s = Rn(vo), r = e !== void 0 ? e : s.tail || 0, a = i.length <= r + 3 ? null : i.slice(-r), l = fe(null), u = fe(null), [h, f] = le(!1), g = A(() => {
     const b = l.current, m = u.current;
     if (!b || !m) return;
     const _ = om(b);
@@ -13726,7 +13726,7 @@ const ga = 2, om = (i) => {
     children: i.label || "Avbryt"
   }
 ), um = () => {
-  const [i, e] = de(1);
+  const [i, e] = le(1);
   return me(() => {
     const t = setInterval(() => {
       e((n) => n >= 3 ? 1 : n + 1);
@@ -13846,74 +13846,88 @@ const ga = 2, om = (i) => {
   transferItem: i,
   onPreviewClick: e
 }) => {
-  const [t, n] = de(null), s = i.file;
+  const [t, n] = le(null), [s, r] = le(!1), a = i.file;
   me(() => {
-    if (s.type.startsWith("image/")) {
-      const l = URL.createObjectURL(s);
-      return n(l), () => {
-        URL.revokeObjectURL(l);
+    if (r(!1), a.type.startsWith("image/")) {
+      const f = URL.createObjectURL(a);
+      return n(f), () => {
+        URL.revokeObjectURL(f);
       };
     }
-  }, [s]);
-  const r = t && /* @__PURE__ */ c("img", { src: t, alt: i.attributes.targetFilename }) || /* @__PURE__ */ c(X, { name: "document-text", className: "pkt-fileupload__queue-display__item__icon pkt-icon--medium" }), a = !!e;
-  return /* @__PURE__ */ x("div", { className: "pkt-fileupload__queue-display__item__thumbnail", children: [
-    /* @__PURE__ */ x(
-      ft,
-      {
-        className: "pkt-fileupload__queue-display__item__thumbnail__image-wrapper",
-        "aria-label": `Forhåndsvis bilde ${i.attributes.targetFilename}`,
-        type: "button",
-        skin: "secondary",
-        onClick: e,
-        children: [
-          a && /* @__PURE__ */ c(
-            X,
-            {
-              name: "expand",
-              className: "pkt-fileupload__queue-display__item__thumbnail__expand-icon",
-              "aria-hidden": "true"
-            }
-          ),
-          r
-        ]
-      }
-    ),
-    /* @__PURE__ */ c(Vn, { className: "pkt-fileupload__queue-display__item__thumbnail__title", children: i.attributes.targetFilename })
-  ] });
+    n(null);
+  }, [a]);
+  const l = t && !s && /* @__PURE__ */ c(
+    "img",
+    {
+      src: t,
+      alt: i.attributes.targetFilename,
+      onError: () => r(!0)
+    }
+  ) || /* @__PURE__ */ c(X, { name: "document-text", className: "pkt-fileupload__queue-display__item__icon pkt-icon--medium" }), u = !!e;
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      className: `pkt-fileupload__queue-display__item__thumbnail${!!t && !s ? "" : " pkt-fileupload__queue-display__item__thumbnail--fallback"}`,
+      children: [
+        /* @__PURE__ */ x(
+          ft,
+          {
+            className: "pkt-fileupload__queue-display__item__thumbnail__image-wrapper",
+            "aria-label": `Forhåndsvis bilde ${i.attributes.targetFilename}`,
+            type: "button",
+            skin: "secondary",
+            onClick: e,
+            children: [
+              u && /* @__PURE__ */ c(
+                X,
+                {
+                  name: "expand",
+                  className: "pkt-fileupload__queue-display__item__thumbnail__expand-icon",
+                  "aria-hidden": "true"
+                }
+              ),
+              l
+            ]
+          }
+        ),
+        /* @__PURE__ */ c(Vn, { className: "pkt-fileupload__queue-display__item__thumbnail__title", children: i.attributes.targetFilename })
+      ]
+    }
+  );
 }, bo = pe(
   ({ isOpen: i, images: e, currentIndex: t, onClose: n, onNavigate: s }, r) => {
-    const [a, l] = de(null), u = e[t], h = e.length > 1;
+    const [a, l] = le(null), [u, h] = le(!1), f = e[t], g = e.length > 1;
     return me(() => {
-      if (u && u.file.type.startsWith("image/")) {
-        const f = URL.createObjectURL(u.file);
-        return l(f), () => URL.revokeObjectURL(f);
+      if (h(!1), f && f.file.type.startsWith("image/")) {
+        const y = URL.createObjectURL(f.file);
+        return l(y), () => URL.revokeObjectURL(y);
       }
       l(null);
-    }, [u]), me(() => {
+    }, [f]), me(() => {
       if (!i) return;
-      const f = (g) => {
-        switch (g.key) {
+      const y = (b) => {
+        switch (b.key) {
           case "ArrowLeft":
-            g.preventDefault(), s("prev");
+            b.preventDefault(), s("prev");
             break;
           case "ArrowRight":
-            g.preventDefault(), s("next");
+            b.preventDefault(), s("next");
             break;
           case "Escape":
-            g.preventDefault(), n();
+            b.preventDefault(), n();
             break;
         }
       };
-      return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
-    }, [i, s, n]), u ? /* @__PURE__ */ c(
+      return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+    }, [i, s, n]), f ? /* @__PURE__ */ c(
       go,
       {
         ref: r,
-        headingText: u.attributes.targetFilename,
+        headingText: f.attributes.targetFilename,
         closeOnBackdropClick: !0,
         className: "pkt-fileupload__image-preview-modal",
         children: /* @__PURE__ */ x("div", { className: "pkt-fileupload__image-preview", children: [
-          h && /* @__PURE__ */ c(
+          g && /* @__PURE__ */ c(
             ft,
             {
               variant: "icon-only",
@@ -13925,20 +13939,21 @@ const ga = 2, om = (i) => {
               "aria-label": `Forrige bilde ${t} / ${e.length}`
             }
           ),
-          /* @__PURE__ */ c("div", { className: "pkt-fileupload__image-preview__content", children: a && /* @__PURE__ */ c(
+          /* @__PURE__ */ c("div", { className: "pkt-fileupload__image-preview__content", children: a && !u ? /* @__PURE__ */ c(
             "img",
             {
               src: a,
-              alt: `${u.attributes.targetFilename} - ${t + 1} av ${e.length}`,
-              className: "pkt-fileupload__image-preview__image"
+              alt: `${f.attributes.targetFilename} - ${t + 1} av ${e.length}`,
+              className: "pkt-fileupload__image-preview__image",
+              onError: () => h(!0)
             }
-          ) }),
-          h && /* @__PURE__ */ x("span", { className: "pkt-fileupload__image-preview__counter", children: [
+          ) : /* @__PURE__ */ c(X, { name: "picture", className: "pkt-fileupload__queue-display__item__icon pkt-icon--medium" }) }),
+          g && /* @__PURE__ */ x("span", { className: "pkt-fileupload__image-preview__counter", children: [
             t + 1,
             " / ",
             e.length
           ] }),
-          h && /* @__PURE__ */ c(
+          g && /* @__PURE__ */ c(
             ft,
             {
               variant: "icon-only",
@@ -14154,11 +14169,11 @@ const vm = (i) => {
     enableImagePreview: U = !1,
     ...C
   }, F) => {
-    const q = "transfers" in C ? C.transfers : void 0, [G, te] = de(null), ne = O || !!G, ce = S || G, se = _ ? cm(_) : void 0, ve = A(
+    const q = "transfers" in C ? C.transfers : void 0, [G, te] = le(null), ne = O || !!G, ue = S || G, se = _ ? cm(_) : void 0, ve = A(
       (j) => {
         var Ee;
         if (b && b.length > 0) {
-          const ue = ((Ee = j.name.split(".").pop()) == null ? void 0 : Ee.toLowerCase()) || "", _e = j.type.toLowerCase();
+          const de = ((Ee = j.name.split(".").pop()) == null ? void 0 : Ee.toLowerCase()) || "", _e = j.type.toLowerCase();
           if (!b.some((ct) => {
             const p = ct.toLowerCase().replace(/^\./, "");
             if (p.includes("/")) {
@@ -14168,15 +14183,15 @@ const vm = (i) => {
               }
               return _e === p;
             }
-            return ue === p;
+            return de === p;
           })) {
             const ct = b.join(", "), p = `Ugyldig filtype. Tillatte formater: ${ct}`;
             return (m == null ? void 0 : m.replace("{formats}", ct)) || p;
           }
         }
         if (se && j.size > se) {
-          const ue = vs(se), _e = `Filen er for stor. Maks størrelse er ${ue}.`;
-          return (T == null ? void 0 : T.replace("{maxSize}", ue)) || _e;
+          const de = vs(se), _e = `Filen er for stor. Maks størrelse er ${de}.`;
+          return (T == null ? void 0 : T.replace("{maxSize}", de)) || _e;
         }
         return M ? M(j) : null;
       },
@@ -14195,8 +14210,8 @@ const vm = (i) => {
         }).join(", ");
     }, [b]), qe = ae || nt, Ne = a && !re, Ye = r && !re, lt = A(
       (j) => {
-        for (const ue of j) {
-          const _e = ve(ue.file);
+        for (const de of j) {
+          const _e = ve(de.file);
           if (_e) {
             te(_e);
             return;
@@ -14204,22 +14219,22 @@ const vm = (i) => {
         }
         te(null);
         const Ee = n ? [...Y, ...j] : [j[0]];
-        u && u(Ee), s === "custom" && h && j.forEach((ue) => {
-          h == null || h(ue);
+        u && u(Ee), s === "custom" && h && j.forEach((de) => {
+          h == null || h(de);
         });
       },
       [u, Y, n, s, h, ve]
     ), xe = A(
       (j, Ee) => {
-        const ue = Y.map((_e) => _e.fileId === j ? { ..._e, ...Ee } : _e);
-        u && u(ue);
+        const de = Y.map((_e) => _e.fileId === j ? { ..._e, ...Ee } : _e);
+        u && u(de);
       },
       [u, Y]
     ), De = A(
       (j) => {
-        var ue;
+        var de;
         const Ee = Y.filter((_e) => _e.fileId !== j);
-        u && u(Ee), "onTransferCancelled" in C && C.onTransferCancelled && ((ue = C.onTransferCancelled) == null || ue.call(C, j));
+        u && u(Ee), "onTransferCancelled" in C && C.onTransferCancelled && ((de = C.onTransferCancelled) == null || de.call(C, j));
       },
       [u, Y, C]
     ), { fileAttributes: Ke } = nm(Y, xe), Ge = Pe(
@@ -14240,17 +14255,17 @@ const vm = (i) => {
         errors: `${t}-errors`
       }),
       [t]
-    ), { totalCount: le, uploadedCount: ke, failedCount: je } = Pe(() => {
+    ), { totalCount: ce, uploadedCount: ke, failedCount: je } = Pe(() => {
       const j = Y.length;
       if (!q)
         return { totalCount: j, uploadedCount: 0, failedCount: 0 };
-      let Ee = 0, ue = 0;
+      let Ee = 0, de = 0;
       for (const _e of Y) {
         const We = q.find((ct) => ct.fileId === _e.fileId);
-        (We == null ? void 0 : We.progress) === "done" && Ee++, (We == null ? void 0 : We.progress) === "error" && ue++;
+        (We == null ? void 0 : We.progress) === "done" && Ee++, (We == null ? void 0 : We.progress) === "error" && de++;
       }
-      return { totalCount: j, uploadedCount: Ee, failedCount: ue };
-    }, [Y, q]), Oe = le === 1 ? "fil" : "filer", Se = /* @__PURE__ */ c(
+      return { totalCount: j, uploadedCount: Ee, failedCount: de };
+    }, [Y, q]), Oe = ce === 1 ? "fil" : "filer", Se = /* @__PURE__ */ c(
       "div",
       {
         className: oe("pkt-fileupload", {
@@ -14261,8 +14276,8 @@ const vm = (i) => {
         "aria-disabled": N,
         ...N ? { inert: "" } : {},
         children: /* @__PURE__ */ x(or.Provider, { value: { name: C.name || "", multiple: !!n, id: t }, children: [
-          /* @__PURE__ */ c("div", { id: st.uploaded, className: "pkt-sr-only", "aria-live": "polite", "aria-atomic": "true", children: le > 0 && ke > 0 && `${ke} av ${le} ${Oe} lastet opp` }),
-          /* @__PURE__ */ c("div", { id: st.errors, className: "pkt-sr-only", "aria-live": "assertive", "aria-atomic": "true", children: le > 0 && je > 0 && `Feil ved opplasting: ${je} av ${le} ${Oe} feilet` }),
+          /* @__PURE__ */ c("div", { id: st.uploaded, className: "pkt-sr-only", "aria-live": "polite", "aria-atomic": "true", children: ce > 0 && ke > 0 && `${ke} av ${ce} ${Oe} lastet opp` }),
+          /* @__PURE__ */ c("div", { id: st.errors, className: "pkt-sr-only", "aria-live": "assertive", "aria-atomic": "true", children: ce > 0 && je > 0 && `Feil ved opplasting: ${je} av ${ce} ${Oe} feilet` }),
           /* @__PURE__ */ c(
             Uf,
             {
@@ -14279,7 +14294,7 @@ const vm = (i) => {
               srAnnouncementIds: st
             }
           ),
-          ne && ce && /* @__PURE__ */ c(ir, { skin: "error", "aria-live": "assertive", role: "alert", compact: !0, children: ce }),
+          ne && ue && /* @__PURE__ */ c(ir, { skin: "error", "aria-live": "assertive", role: "alert", compact: !0, children: ue }),
           /* @__PURE__ */ c(
             Sm,
             {
@@ -14516,7 +14531,7 @@ const Jg = ({
     ) })
   ] }) }) });
 }, Tm = (i, e) => {
-  const t = () => typeof window > "u" ? 0 : window.innerWidth, [n, s] = de(t);
+  const t = () => typeof window > "u" ? 0 : window.innerWidth, [n, s] = le(t);
   return me(() => {
     const r = i.current;
     if (!r) return;
@@ -14681,7 +14696,7 @@ const Ws = pe(
     value: G,
     minLength: te,
     maxLength: ne,
-    min: ce,
+    min: ue,
     max: se,
     step: ve,
     size: z,
@@ -14692,7 +14707,7 @@ const Ws = pe(
     skipForwardTestid: nt = !1,
     ...qe
   }, Ne) => {
-    const Ye = [a, "pkt-textinput"].join(" "), lt = C === "search" && !b && !q, xe = C === "date" && G ? G.slice(0, 10) : G, [De, Ke] = de((G == null ? void 0 : G.length) || 0), Ge = `${i}`, st = `${Ge}-label`, le = t || st, ke = (je) => {
+    const Ye = [a, "pkt-textinput"].join(" "), lt = C === "search" && !b && !q, xe = C === "date" && G ? G.slice(0, 10) : G, [De, Ke] = le((G == null ? void 0 : G.length) || 0), Ge = `${i}`, st = `${Ge}-label`, ce = t || st, ke = (je) => {
       var Oe, Se;
       s && Ke(((Se = (Oe = je.currentTarget) == null ? void 0 : Oe.value) == null ? void 0 : Se.length) || 0), ae && ae(je);
     };
@@ -14744,8 +14759,8 @@ const Ws = pe(
                   disabled: l,
                   "aria-invalid": h,
                   "aria-errormessage": `${i}-error`,
-                  "aria-labelledby": le,
-                  min: ce,
+                  "aria-labelledby": ce,
+                  min: ue,
                   max: se,
                   onChange: ke,
                   step: ve,
@@ -14805,7 +14820,7 @@ const _o = pe(
     slotMenuVariant: G = "icon-only",
     slotMenuText: te = "Meny"
   }, ne) => {
-    const ce = F === "fixed", se = q === "hide";
+    const ue = F === "fixed", se = q === "hide";
     me(() => {
       N && console.warn(
         'PktHeaderService: The "userMenuFooter" prop is deprecated and will be removed in a future version. Please use "userMenu" instead.'
@@ -14826,34 +14841,34 @@ const _o = pe(
           month: "long",
           day: "numeric"
         });
-    }, [S == null ? void 0 : S.lastLoggedIn]), [z, Y] = de(u || "none");
+    }, [S == null ? void 0 : S.lastLoggedIn]), [z, Y] = le(u || "none");
     me(() => {
       u !== void 0 && Y(u);
     }, [u]);
-    const [Be, re] = de(!1), [ae, nt] = de(0), [qe, Ne] = de(!1), [Ye, lt] = de(!1), xe = fe(null), De = fe(null), Ke = fe(null), Ge = fe(null), st = fe(null), le = fe(null), ke = fe(null), je = fe(!1), Oe = Tm(xe), Se = Oe < i, j = Oe < e, Ee = A(
+    const [Be, re] = le(!1), [ae, nt] = le(0), [qe, Ne] = le(!1), [Ye, lt] = le(!1), xe = fe(null), De = fe(null), Ke = fe(null), Ge = fe(null), st = fe(null), ce = fe(null), ke = fe(null), je = fe(!1), Oe = Tm(xe), Se = Oe < i, j = Oe < e, Ee = A(
       (d) => {
         xe.current = d, typeof ne == "function" ? ne(d) : ne && (ne.current = d);
       },
       [ne]
     );
-    Nm(ce && Se && z !== "none");
-    const ue = A((d, k) => {
+    Nm(ue && Se && z !== "none");
+    const de = A((d, k) => {
       const w = d.relatedTarget;
-      let R;
+      let I;
       switch (k) {
         case "user":
-          R = De;
+          I = De;
           break;
         case "slot":
-          R = Ke;
+          I = Ke;
           break;
         case "search":
-          R = Ge;
+          I = Ge;
           break;
         default:
           return;
       }
-      const V = R.current;
+      const V = I.current;
       V && (!w || !V.contains(w)) && Y("none");
     }, []), _e = A(() => {
       je.current && ke.current && document.contains(ke.current) && ke.current.focus(), ke.current = null, je.current = !1;
@@ -14884,9 +14899,9 @@ const _o = pe(
     }, [se, ae]);
     const We = A(
       (d) => {
-        const k = d === "slot" ? Ke : Ge, w = d === "slot" ? st : le;
+        const k = d === "slot" ? Ke : Ge, w = d === "slot" ? st : ce;
         if (!k.current || !w.current || !j || Se) return;
-        const R = k.current.getBoundingClientRect(), V = w.current.offsetWidth, Z = R.left + V > window.innerWidth;
+        const I = k.current.getBoundingClientRect(), V = w.current.offsetWidth, Z = I.left + V > window.innerWidth;
         d === "slot" ? Ne(Z) : lt(Z);
       },
       [j, Se]
@@ -14909,7 +14924,7 @@ const _o = pe(
           s && "pkt-header-service--compact",
           Se && "pkt-header-service--mobile",
           j && "pkt-header-service--tablet",
-          ce && "pkt-header-service--fixed",
+          ue && "pkt-header-service--fixed",
           se && "pkt-header-service--scroll-to-hide",
           Be && "pkt-header-service--hidden",
           n
@@ -14964,7 +14979,7 @@ const _o = pe(
               "div",
               {
                 className: oe("pkt-header-service__slot-container", z === "slot" && "is-open"),
-                onBlur: (d) => ue(d, "slot"),
+                onBlur: (d) => de(d, "slot"),
                 ref: Ke,
                 children: [
                   j && t && /* @__PURE__ */ c(
@@ -15000,7 +15015,7 @@ const _o = pe(
               "div",
               {
                 className: oe("pkt-header-service__search-container", z === "search" && "is-open"),
-                onBlur: (d) => ue(d, "search"),
+                onBlur: (d) => de(d, "search"),
                 ref: Ge,
                 children: [
                   /* @__PURE__ */ c(
@@ -15026,7 +15041,7 @@ const _o = pe(
                         z === "search" && "is-open",
                         Ye && "align-right"
                       ),
-                      ref: le,
+                      ref: ce,
                       children: z === "search" && /* @__PURE__ */ c(
                         Ws,
                         {
@@ -15082,7 +15097,7 @@ const _o = pe(
               "div",
               {
                 className: "pkt-header-service__user-container",
-                onBlur: (d) => ue(d, "user"),
+                onBlur: (d) => de(d, "user"),
                 ref: De,
                 children: [
                   /* @__PURE__ */ x(
@@ -15134,7 +15149,7 @@ const _o = pe(
         ]
       }
     );
-    return ce ? /* @__PURE__ */ x("div", { className: "pkt-header-service-wrapper", children: [
+    return ue ? /* @__PURE__ */ x("div", { className: "pkt-header-service-wrapper", children: [
       p,
       /* @__PURE__ */ c(
         "div",
@@ -15169,18 +15184,18 @@ const Am = zt({
   events: {
     onToggleHelpText: "toggleHelpText"
   }
-}), Rm = pe(
+}), Im = pe(
   ({ children: i, ...e }, t) => /* @__PURE__ */ c(Am, { ...e, ref: t, children: /* @__PURE__ */ c("div", { className: "pkt-contents", children: i }) })
 );
-Rm.displayName = "PktHelptext";
-const Im = pe(
+Im.displayName = "PktHelptext";
+const Rm = pe(
   ({ label: i, id: e, children: t, ...n }, s) => /* @__PURE__ */ x("div", { className: "pkt-form-group", children: [
     /* @__PURE__ */ c("label", { htmlFor: e, className: "pkt-form-label", children: i }),
     /* @__PURE__ */ c("input", { className: "pkt-form-input", id: e, ...n, ref: s }),
     t
   ] })
 );
-Im.displayName = "PktInput";
+Rm.displayName = "PktInput";
 const Lm = ({
   children: i,
   skin: e,
@@ -15230,7 +15245,7 @@ const jm = ({
   onClose: a,
   ...l
 }) => {
-  const [u, h] = de(!1), f = {
+  const [u, h] = le(!1), f = {
     "pkt-messagebox": !0,
     "pkt-messagebox--compact": s,
     [`pkt-messagebox--${t}`]: t,
@@ -15497,7 +15512,7 @@ const Wm = /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", width
       e,
       "pkt-stepper",
       r === "horizontal" ? "pkt-stepper--horizontal" : "pkt-stepper--vertical"
-    ), h = Rs.map(t, (f, g) => Vo(f) ? Uo(f, {
+    ), h = Is.map(t, (f, g) => Vo(f) ? Uo(f, {
       className: oe(f.props.className, {
         "pkt-step--hideStep": n && g !== i,
         "pkt-step--hideContent": s && g !== i
@@ -15562,13 +15577,13 @@ const iv = ({
 );
 $o.displayName = "PktTabItem";
 const wo = cs(null), Gm = () => {
-  const i = In(wo);
+  const i = Rn(wo);
   if (!i)
     throw new Error("TabItem must be used within a Tabs component");
   return i;
 }, Xm = pe(
   ({ arrowNav: i = !0, disableArrowNav: e = !1, tabs: t, onTabSelected: n, children: s }, r) => {
-    const a = fe([]), l = i && !e, h = s && Rs.count(s) > 0 ? Rs.count(s) : (t == null ? void 0 : t.length) || 0;
+    const a = fe([]), l = i && !e, h = s && Is.count(s) > 0 ? Is.count(s) : (t == null ? void 0 : t.length) || 0;
     me(() => {
       a.current = a.current.slice(0, h);
     }, [h]);
@@ -15616,16 +15631,16 @@ export {
   bf as PktCheckbox,
   _f as PktCombobox,
   rr as PktConsent,
-  Rf as PktDatepicker,
+  If as PktDatepicker,
   Cm as PktFileUpload,
   Jg as PktFooter,
   ev as PktFooterSimple,
   Om as PktHeader,
   _o as PktHeaderService,
   Pm as PktHeading,
-  Rm as PktHelptext,
+  Im as PktHelptext,
   X as PktIcon,
-  Im as PktInput,
+  Rm as PktInput,
   rn as PktInputWrapper,
   cr as PktLink,
   Lm as PktLinkCard,