@oslokommune/punkt-react 11.13.1 → 11.13.3

package/dist/punkt-react.es.js

@@ -1,5 +1,5 @@
 import * as g from "react";
-import X, { createContext as fn, useState as le, useContext as dn, useEffect as ze, forwardRef as V, useRef as yt, Fragment as mn } from "react";
+import X, { createContext as fn, useState as te, useContext as dn, useEffect as ze, forwardRef as V, useRef as yt, Fragment as mn } from "react";
 import "react-dom";
 function hn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -19,16 +19,16 @@ function kn() {
   if (_t)
     return pe;
   _t = 1;
-  var e = X, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = X, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(o, p, u) {
     var d, h = {}, k = null, C = null;
     u !== void 0 && (k = "" + u), p.key !== void 0 && (k = "" + p.key), p.ref !== void 0 && (C = p.ref);
     for (d in p)
-      i.call(p, d) && !l.hasOwnProperty(d) && (h[d] = p[d]);
+      i.call(p, d) && !s.hasOwnProperty(d) && (h[d] = p[d]);
     if (o && o.defaultProps)
       for (d in p = o.defaultProps, p)
         h[d] === void 0 && (h[d] = p[d]);
-    return { $$typeof: r, type: o, key: k, ref: C, props: h, _owner: s.current };
+    return { $$typeof: r, type: o, key: k, ref: C, props: h, _owner: l.current };
   }
   return pe.Fragment = a, pe.jsx = c, pe.jsxs = c, pe;
 }
@@ -45,7 +45,7 @@ var fe = {};
 var bt;
 function vn() {
   return bt || (bt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = X, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), o = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), j = Symbol.iterator, S = "@@iterator";
+    var e = X, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), o = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), j = Symbol.iterator, S = "@@iterator";
     function O(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -73,7 +73,7 @@ function vn() {
     var y = !1, A = !1, U = !1, W = !1, B = !1, M;
     M = Symbol.for("react.module.reference");
     function Y(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === i || n === l || B || n === s || n === u || n === d || W || n === C || y || A || U || typeof n == "object" && n !== null && (n.$$typeof === k || n.$$typeof === h || n.$$typeof === c || n.$$typeof === o || n.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === i || n === s || B || n === l || n === u || n === d || W || n === C || y || A || U || typeof n == "object" && n !== null && (n.$$typeof === k || n.$$typeof === h || n.$$typeof === c || n.$$typeof === o || n.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -101,9 +101,9 @@ function vn() {
           return "Fragment";
         case a:
           return "Portal";
-        case l:
-          return "Profiler";
         case s:
+          return "Profiler";
+        case l:
           return "StrictMode";
         case u:
           return "Suspense";
@@ -283,7 +283,7 @@ function vn() {
       } finally {
         Te = !1, Pe.current = T, Ut(), Error.prepareStackTrace = P;
       }
-      var re = n ? n.displayName || n.name : "", ee = re ? ve(re) : "";
+      var ae = n ? n.displayName || n.name : "", ee = ae ? ve(ae) : "";
       return typeof n == "function" && _e.set(n, ee), ee;
     }
     function Wt(n, f, m) {
@@ -472,7 +472,7 @@ function vn() {
       }
     }
     var De = R.ReactCurrentOwner, pt = R.ReactDebugCurrentFrame;
-    function ne(n) {
+    function re(n) {
       if (n) {
         var f = n._owner, m = be(n.type, n._source, f ? f.type : null);
         pt.setExtraStackFrame(m);
@@ -530,7 +530,7 @@ Check the top-level render call using <` + m + ">.");
           return;
         dt[m] = !0;
         var x = "";
-        n && n._owner && n._owner !== De.current && (x = " It was passed a child from " + I(n._owner.type) + "."), ne(n), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, x), ne(null);
+        n && n._owner && n._owner !== De.current && (x = " It was passed a child from " + I(n._owner.type) + "."), re(n), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, x), re(null);
       }
     }
     function ht(n, f) {
@@ -582,11 +582,11 @@ Check the top-level render call using <` + m + ">.");
         for (var f = Object.keys(n.props), m = 0; m < f.length; m++) {
           var x = f[m];
           if (x !== "children" && x !== "key") {
-            ne(n), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), ne(null);
+            re(n), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), re(null);
             break;
           }
         }
-        n.ref !== null && (ne(n), _("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
+        n.ref !== null && (re(n), _("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
       }
     }
     var kt = {};
@@ -609,8 +609,8 @@ Check the top-level render call using <` + m + ">.");
           if (q !== void 0)
             if (x)
               if (Oe(q)) {
-                for (var re = 0; re < q.length; re++)
-                  ht(q[re], n);
+                for (var ae = 0; ae < q.length; ae++)
+                  ht(q[ae], n);
                 Object.freeze && Object.freeze(q);
               } else
                 _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -660,14 +660,14 @@ const Ue = {}, xn = async (e, r) => {
 }, gn = {
   fetchIcon: async (e, r) => xn(e, r || _n)
 }, Nn = fn(gn), N = ({ name: e, path: r, className: a = "", ...i }) => {
-  const [s, l] = le(null), c = dn(Nn);
+  const [l, s] = te(null), c = dn(Nn);
   return ze(() => {
-    e ? c.fetchIcon(e, r).then(l) : l(null);
-  }, [e, r]), s ? /* @__PURE__ */ t.jsx(
+    e ? c.fetchIcon(e, r).then(s) : s(null);
+  }, [e, r]), l ? /* @__PURE__ */ t.jsx(
     "span",
     {
       className: `pkt-icon ${a}`,
-      dangerouslySetInnerHTML: { __html: s },
+      dangerouslySetInnerHTML: { __html: l },
       ...i
     }
   ) : null;
@@ -677,15 +677,15 @@ const Ue = {}, xn = async (e, r) => {
     className: r,
     skin: a = "info",
     closeAlert: i = !1,
-    onClose: s,
-    title: l,
+    onClose: l,
+    title: s,
     date: c,
     ariaLive: o = "polite",
     compact: p = !1,
     ...u
   }, d) => {
-    const h = [r, "pkt-alert", a && `pkt-alert--${a}`, p && "pkt-alert--compact"].filter(Boolean).join(" "), [k, C] = le(!0), j = () => {
-      C(!1), s && s();
+    const h = [r, "pkt-alert", a && `pkt-alert--${a}`, p && "pkt-alert--compact"].filter(Boolean).join(" "), [k, C] = te(!0), j = () => {
+      C(!1), l && l();
     };
     return k ? /* @__PURE__ */ t.jsxs("div", { ...u, className: h, "aria-live": o, ref: d, children: [
       /* @__PURE__ */ t.jsx(N, { className: "pkt-alert__icon", name: a === "info" ? "alert-information" : `alert-${a}` }),
@@ -700,7 +700,7 @@ const Ue = {}, xn = async (e, r) => {
           children: /* @__PURE__ */ t.jsx(N, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
         }
       ) }),
-      l && /* @__PURE__ */ t.jsx("div", { className: "pkt-alert__title", children: l }),
+      s && /* @__PURE__ */ t.jsx("div", { className: "pkt-alert__title", children: s }),
       /* @__PURE__ */ t.jsx("div", { className: "pkt-alert__text", children: e }),
       c && /* @__PURE__ */ t.jsxs("div", { className: "pkt-alert__date", children: [
         "Sist oppdatert: ",
@@ -709,14 +709,14 @@ const Ue = {}, xn = async (e, r) => {
     ] }) : null;
   }
 ), _r = V(
-  ({ href: e, text: r, onClick: a, className: i, ...s }, l) => {
+  ({ href: e, text: r, onClick: a, className: i, ...l }, s) => {
     const c = [
       i,
       "pkt-back-link"
     ].filter(Boolean).join(" "), o = (p) => {
       a && a(p);
     };
-    return /* @__PURE__ */ t.jsx("nav", { ref: l, className: c, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ t.jsxs("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: o, ...s, children: [
+    return /* @__PURE__ */ t.jsx("nav", { ref: s, className: c, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ t.jsxs("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: o, ...l, children: [
       /* @__PURE__ */ t.jsx(N, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
       /* @__PURE__ */ t.jsx("span", { className: "pkt-back-link__text", children: r || "Forsiden" })
     ] }) });
@@ -787,10 +787,10 @@ function Nt(e, r) {
     caseSensitive: !1,
     end: !0
   });
-  let [a, i] = yn(e.path, e.caseSensitive, e.end), s = r.match(a);
-  if (!s)
+  let [a, i] = yn(e.path, e.caseSensitive, e.end), l = r.match(a);
+  if (!l)
     return null;
-  let l = s[0], c = l.replace(/(.)\/+$/, "$1"), o = s.slice(1);
+  let s = l[0], c = s.replace(/(.)\/+$/, "$1"), o = l.slice(1);
   return {
     params: i.reduce((u, d, h) => {
       let {
@@ -799,27 +799,27 @@ function Nt(e, r) {
       } = d;
       if (k === "*") {
         let S = o[h] || "";
-        c = l.slice(0, l.length - S.length).replace(/(.)\/+$/, "$1");
+        c = s.slice(0, s.length - S.length).replace(/(.)\/+$/, "$1");
       }
       const j = o[h];
       return C && !j ? u[k] = void 0 : u[k] = (j || "").replace(/%2F/g, "/"), u;
     }, {}),
-    pathname: l,
+    pathname: s,
     pathnameBase: c,
     pattern: e
   };
 }
 function yn(e, r, a) {
   r === void 0 && (r = !1), a === void 0 && (a = !0), me(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
-  let i = [], s = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (c, o, p) => (i.push({
+  let i = [], l = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (c, o, p) => (i.push({
     paramName: o,
     isOptional: p != null
   }), p ? "/?([^\\/]+)?" : "/([^\\/]+)"));
   return e.endsWith("*") ? (i.push({
     paramName: "*"
-  }), s += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : a ? s += "\\/*$" : e !== "" && e !== "/" && (s += "(?:(?=\\/|$))"), [new RegExp(s, r ? void 0 : "i"), i];
+  }), l += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : a ? l += "\\/*$" : e !== "" && e !== "/" && (l += "(?:(?=\\/|$))"), [new RegExp(l, r ? void 0 : "i"), i];
 }
-function ae(e, r) {
+function se(e, r) {
   if (r === "/")
     return e;
   if (!e.toLowerCase().startsWith(r.toLowerCase()))
@@ -832,18 +832,18 @@ function wn(e, r) {
   let {
     pathname: a,
     search: i = "",
-    hash: s = ""
+    hash: l = ""
   } = typeof e == "string" ? wt(e) : e;
   return {
     pathname: a ? a.startsWith("/") ? a : En(a, r) : r,
     search: Rn(i),
-    hash: Pn(s)
+    hash: Pn(l)
   };
 }
 function En(e, r) {
   let a = r.replace(/\/+$/, "").split("/");
-  return e.split("/").forEach((s) => {
-    s === ".." ? a.length > 1 && a.pop() : s !== "." && a.push(s);
+  return e.split("/").forEach((l) => {
+    l === ".." ? a.length > 1 && a.pop() : l !== "." && a.push(l);
   }), a.length > 1 ? a.join("/") : "/";
 }
 function Ve(e, r, a, i) {
@@ -854,13 +854,13 @@ function Cn(e) {
 }
 function Et(e, r) {
   let a = Cn(e);
-  return r ? a.map((i, s) => s === e.length - 1 ? i.pathname : i.pathnameBase) : a.map((i) => i.pathnameBase);
+  return r ? a.map((i, l) => l === e.length - 1 ? i.pathname : i.pathnameBase) : a.map((i) => i.pathnameBase);
 }
 function Ct(e, r, a, i) {
   i === void 0 && (i = !1);
-  let s;
-  typeof e == "string" ? s = wt(e) : (s = Me({}, e), D(!s.pathname || !s.pathname.includes("?"), Ve("?", "pathname", "search", s)), D(!s.pathname || !s.pathname.includes("#"), Ve("#", "pathname", "hash", s)), D(!s.search || !s.search.includes("#"), Ve("#", "search", "hash", s)));
-  let l = e === "" || s.pathname === "", c = l ? "/" : s.pathname, o;
+  let l;
+  typeof e == "string" ? l = wt(e) : (l = Me({}, e), D(!l.pathname || !l.pathname.includes("?"), Ve("?", "pathname", "search", l)), D(!l.pathname || !l.pathname.includes("#"), Ve("#", "pathname", "hash", l)), D(!l.search || !l.search.includes("#"), Ve("#", "search", "hash", l)));
+  let s = e === "" || l.pathname === "", c = s ? "/" : l.pathname, o;
   if (c == null)
     o = a;
   else {
@@ -869,11 +869,11 @@ function Ct(e, r, a, i) {
       let k = c.split("/");
       for (; k[0] === ".."; )
         k.shift(), h -= 1;
-      s.pathname = k.join("/");
+      l.pathname = k.join("/");
     }
     o = h >= 0 ? r[h] : "/";
   }
-  let p = wn(s, o), u = c && c !== "/" && c.endsWith("/"), d = (l || c === ".") && a.endsWith("/");
+  let p = wn(l, o), u = c && c !== "/" && c.endsWith("/"), d = (s || c === ".") && a.endsWith("/");
   return !p.pathname.endsWith("/") && (u || d) && (p.pathname += "/"), p;
 }
 const Ge = (e) => e.join("/").replace(/\/\/+/g, "/"), Rn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Pn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, Rt = ["post", "put", "patch", "delete"];
@@ -930,18 +930,18 @@ function $n(e, r) {
   ) : D(!1));
   let {
     basename: i,
-    navigator: s
+    navigator: l
   } = g.useContext(H), {
-    hash: l,
+    hash: s,
     pathname: c,
     search: o
   } = ke(e, {
     relative: a
   }), p = c;
-  return i !== "/" && (p = c === "/" ? i : Ge([i, c])), s.createHref({
+  return i !== "/" && (p = c === "/" ? i : Ge([i, c])), l.createHref({
     pathname: p,
     search: o,
-    hash: l
+    hash: s
   });
 }
 function Xe() {
@@ -977,10 +977,10 @@ function In() {
     future: a,
     navigator: i
   } = g.useContext(H), {
-    matches: s
+    matches: l
   } = g.useContext(ie), {
-    pathname: l
-  } = he(), c = JSON.stringify(Et(s, a.v7_relativeSplatPath)), o = g.useRef(!1);
+    pathname: s
+  } = he(), c = JSON.stringify(Et(l, a.v7_relativeSplatPath)), o = g.useRef(!1);
   return Tt(() => {
     o.current = !0;
   }), g.useCallback(function(u, d) {
@@ -990,9 +990,9 @@ function In() {
       i.go(u);
       return;
     }
-    let h = Ct(u, JSON.parse(c), l, d.relative === "path");
+    let h = Ct(u, JSON.parse(c), s, d.relative === "path");
     e == null && r !== "/" && (h.pathname = h.pathname === "/" ? r : Ge([r, h.pathname])), (d.replace ? i.replace : i.push)(h, d.state, d);
-  }, [r, i, c, l, e]);
+  }, [r, i, c, s, e]);
 }
 function ke(e, r) {
   let {
@@ -1000,11 +1000,11 @@ function ke(e, r) {
   } = r === void 0 ? {} : r, {
     future: i
   } = g.useContext(H), {
-    matches: s
+    matches: l
   } = g.useContext(ie), {
-    pathname: l
-  } = he(), c = JSON.stringify(Et(s, i.v7_relativeSplatPath));
-  return g.useMemo(() => Ct(e, JSON.parse(c), l, a === "path"), [e, c, l, a]);
+    pathname: s
+  } = he(), c = JSON.stringify(Et(l, i.v7_relativeSplatPath));
+  return g.useMemo(() => Ct(e, JSON.parse(c), s, a === "path"), [e, c, s, a]);
 }
 var Ot = /* @__PURE__ */ function(e) {
   return e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e;
@@ -1035,10 +1035,10 @@ function Un() {
   } = Fn(Ot.UseNavigateStable), r = Dt(He.UseNavigateStable), a = g.useRef(!1);
   return Tt(() => {
     a.current = !0;
-  }), g.useCallback(function(s, l) {
-    l === void 0 && (l = {}), process.env.NODE_ENV !== "production" && me(a.current, St), a.current && (typeof s == "number" ? e.navigate(s) : e.navigate(s, Ke({
+  }), g.useCallback(function(l, s) {
+    s === void 0 && (s = {}), process.env.NODE_ENV !== "production" && me(a.current, St), a.current && (typeof l == "number" ? e.navigate(l) : e.navigate(l, Ke({
       fromRouteId: r
-    }, l)));
+    }, s)));
   }, [e, r]);
 }
 new Promise(() => {
@@ -1053,22 +1053,22 @@ new Promise(() => {
  *
  * @license MIT
  */
-function se() {
-  return se = Object.assign ? Object.assign.bind() : function(e) {
+function le() {
+  return le = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var a = arguments[r];
       for (var i in a)
         Object.prototype.hasOwnProperty.call(a, i) && (e[i] = a[i]);
     }
     return e;
-  }, se.apply(this, arguments);
+  }, le.apply(this, arguments);
 }
 function Ze(e, r) {
   if (e == null)
     return {};
-  var a = {}, i = Object.keys(e), s, l;
-  for (l = 0; l < i.length; l++)
-    s = i[l], !(r.indexOf(s) >= 0) && (a[s] = e[s]);
+  var a = {}, i = Object.keys(e), l, s;
+  for (s = 0; s < i.length; s++)
+    l = i[s], !(r.indexOf(l) >= 0) && (a[l] = e[l]);
   return a;
 }
 const Ne = "get", je = "application/x-www-form-urlencoded";
@@ -1111,16 +1111,16 @@ function We(e) {
   return e != null && !Jn.has(e) ? (process.env.NODE_ENV !== "production" && me(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + je + '"')), null) : e;
 }
 function zn(e, r) {
-  let a, i, s, l, c;
+  let a, i, l, s, c;
   if (Wn(e)) {
     let o = e.getAttribute("action");
-    i = o ? ae(o, r) : null, a = e.getAttribute("method") || Ne, s = We(e.getAttribute("enctype")) || je, l = new FormData(e);
+    i = o ? se(o, r) : null, a = e.getAttribute("method") || Ne, l = We(e.getAttribute("enctype")) || je, s = new FormData(e);
   } else if (Vn(e) || Bn(e) && (e.type === "submit" || e.type === "image")) {
     let o = e.form;
     if (o == null)
       throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
     let p = e.getAttribute("formaction") || o.getAttribute("action");
-    if (i = p ? ae(p, r) : null, a = e.getAttribute("formmethod") || o.getAttribute("method") || Ne, s = We(e.getAttribute("formenctype")) || We(o.getAttribute("enctype")) || je, l = new FormData(o, e), !Kn()) {
+    if (i = p ? se(p, r) : null, a = e.getAttribute("formmethod") || o.getAttribute("method") || Ne, l = We(e.getAttribute("formenctype")) || We(o.getAttribute("enctype")) || je, s = new FormData(o, e), !Kn()) {
       let {
         name: u,
         type: d,
@@ -1128,20 +1128,20 @@ function zn(e, r) {
       } = e;
       if (d === "image") {
         let k = u ? u + "." : "";
-        l.append(k + "x", "0"), l.append(k + "y", "0");
+        s.append(k + "x", "0"), s.append(k + "y", "0");
       } else
-        u && l.append(u, h);
+        u && s.append(u, h);
     }
   } else {
     if (Ce(e))
       throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    a = Ne, i = null, s = je, c = e;
+    a = Ne, i = null, l = je, c = e;
   }
-  return l && s === "text/plain" && (c = l, l = void 0), {
+  return s && l === "text/plain" && (c = s, s = void 0), {
     action: i,
     method: a.toLowerCase(),
-    encType: s,
-    formData: l,
+    encType: l,
+    formData: s,
     body: c
   };
 }
@@ -1160,8 +1160,8 @@ process.env.NODE_ENV;
 const Qn = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", er = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ye = /* @__PURE__ */ g.forwardRef(function(r, a) {
   let {
     onClick: i,
-    relative: s,
-    reloadDocument: l,
+    relative: l,
+    reloadDocument: s,
     replace: c,
     state: o,
     target: p,
@@ -1173,19 +1173,19 @@ const Qn = typeof window < "u" && typeof window.document < "u" && typeof window.
   } = g.useContext(H), j, S = !1;
   if (typeof u == "string" && er.test(u) && (j = u, Qn))
     try {
-      let v = new URL(window.location.href), y = u.startsWith("//") ? new URL(v.protocol + u) : new URL(u), A = ae(y.pathname, C);
+      let v = new URL(window.location.href), y = u.startsWith("//") ? new URL(v.protocol + u) : new URL(u), A = se(y.pathname, C);
       y.origin === v.origin && A != null ? u = A + y.search + y.hash : S = !0;
     } catch {
       process.env.NODE_ENV !== "production" && me(!1, '<Link to="' + u + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
   let O = $n(u, {
-    relative: s
+    relative: l
   }), R = ar(u, {
     replace: c,
     state: o,
     target: p,
     preventScrollReset: d,
-    relative: s,
+    relative: l,
     unstable_viewTransition: h
   });
   function _(v) {
@@ -1193,9 +1193,9 @@ const Qn = typeof window < "u" && typeof window.document < "u" && typeof window.
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ g.createElement("a", se({}, k, {
+    /* @__PURE__ */ g.createElement("a", le({}, k, {
       href: j || O,
-      onClick: S || l ? i : _,
+      onClick: S || s ? i : _,
       ref: a,
       target: p
     }))
@@ -1205,8 +1205,8 @@ process.env.NODE_ENV !== "production" && (ye.displayName = "Link");
 const tr = /* @__PURE__ */ g.forwardRef(function(r, a) {
   let {
     "aria-current": i = "page",
-    caseSensitive: s = !1,
-    className: l = "",
+    caseSensitive: l = !1,
+    className: s = "",
     end: c = !1,
     style: o,
     to: p,
@@ -1220,16 +1220,16 @@ const tr = /* @__PURE__ */ g.forwardRef(function(r, a) {
   } = g.useContext(H), R = j != null && // Conditional usage is OK here because the usage of a data router is static
   // eslint-disable-next-line react-hooks/rules-of-hooks
   ur(k) && u === !0, _ = S.encodeLocation ? S.encodeLocation(k).pathname : k.pathname, v = C.pathname, y = j && j.navigation && j.navigation.location ? j.navigation.location.pathname : null;
-  s || (v = v.toLowerCase(), y = y ? y.toLowerCase() : null, _ = _.toLowerCase()), y && O && (y = ae(y, O) || y);
+  l || (v = v.toLowerCase(), y = y ? y.toLowerCase() : null, _ = _.toLowerCase()), y && O && (y = se(y, O) || y);
   const A = _ !== "/" && _.endsWith("/") ? _.length - 1 : _.length;
   let U = v === _ || !c && v.startsWith(_) && v.charAt(A) === "/", W = y != null && (y === _ || !c && y.startsWith(_) && y.charAt(_.length) === "/"), B = {
     isActive: U,
     isPending: W,
     isTransitioning: R
   }, M = U ? i : void 0, Y;
-  typeof l == "function" ? Y = l(B) : Y = [l, U ? "active" : null, W ? "pending" : null, R ? "transitioning" : null].filter(Boolean).join(" ");
+  typeof s == "function" ? Y = s(B) : Y = [s, U ? "active" : null, W ? "pending" : null, R ? "transitioning" : null].filter(Boolean).join(" ");
   let z = typeof o == "function" ? o(B) : o;
-  return /* @__PURE__ */ g.createElement(ye, se({}, h, {
+  return /* @__PURE__ */ g.createElement(ye, le({}, h, {
     "aria-current": M,
     className: Y,
     ref: a,
@@ -1243,8 +1243,8 @@ const nr = /* @__PURE__ */ g.forwardRef((e, r) => {
   let {
     fetcherKey: a,
     navigate: i,
-    reloadDocument: s,
-    replace: l,
+    reloadDocument: l,
+    replace: s,
     state: c,
     method: o = Ne,
     action: p,
@@ -1263,18 +1263,18 @@ const nr = /* @__PURE__ */ g.forwardRef((e, r) => {
       fetcherKey: a,
       method: y,
       navigate: i,
-      replace: l,
+      replace: s,
       state: c,
       relative: d,
       preventScrollReset: h,
       unstable_viewTransition: k
     });
   };
-  return /* @__PURE__ */ g.createElement("form", se({
+  return /* @__PURE__ */ g.createElement("form", le({
     ref: r,
     method: O,
     action: S,
-    onSubmit: s ? u : R
+    onSubmit: l ? u : R
   }, C));
 });
 process.env.NODE_ENV !== "production" && (nr.displayName = "Form");
@@ -1298,8 +1298,8 @@ function ar(e, r) {
   let {
     target: a,
     replace: i,
-    state: s,
-    preventScrollReset: l,
+    state: l,
+    preventScrollReset: s,
     relative: c,
     unstable_viewTransition: o
   } = r === void 0 ? {} : r, p = Dn(), u = he(), d = ke(e, {
@@ -1311,13 +1311,13 @@ function ar(e, r) {
       let k = i !== void 0 ? i : Ye(u) === Ye(d);
       p(e, {
         replace: k,
-        state: s,
-        preventScrollReset: l,
+        state: l,
+        preventScrollReset: s,
         relative: c,
         unstable_viewTransition: o
       });
     }
-  }, [u, p, d, i, s, a, e, l, c, o]);
+  }, [u, p, d, i, l, a, e, s, c, o]);
 }
 function sr() {
   if (typeof document > "u")
@@ -1330,37 +1330,37 @@ function or() {
   } = Ft(we.UseSubmit), {
     basename: r
   } = g.useContext(H), a = An();
-  return g.useCallback(function(i, s) {
-    s === void 0 && (s = {}), sr();
+  return g.useCallback(function(i, l) {
+    l === void 0 && (l = {}), sr();
     let {
-      action: l,
+      action: s,
       method: c,
       encType: o,
       formData: p,
       body: u
     } = zn(i, r);
-    if (s.navigate === !1) {
-      let d = s.fetcherKey || ir();
-      e.fetch(d, a, s.action || l, {
-        preventScrollReset: s.preventScrollReset,
+    if (l.navigate === !1) {
+      let d = l.fetcherKey || ir();
+      e.fetch(d, a, l.action || s, {
+        preventScrollReset: l.preventScrollReset,
         formData: p,
         body: u,
-        formMethod: s.method || c,
-        formEncType: s.encType || o,
-        unstable_flushSync: s.unstable_flushSync
+        formMethod: l.method || c,
+        formEncType: l.encType || o,
+        unstable_flushSync: l.unstable_flushSync
       });
     } else
-      e.navigate(s.action || l, {
-        preventScrollReset: s.preventScrollReset,
+      e.navigate(l.action || s, {
+        preventScrollReset: l.preventScrollReset,
         formData: p,
         body: u,
-        formMethod: s.method || c,
-        formEncType: s.encType || o,
-        replace: s.replace,
-        state: s.state,
+        formMethod: l.method || c,
+        formEncType: l.encType || o,
+        replace: l.replace,
+        state: l.state,
         fromRouteId: a,
-        unstable_flushSync: s.unstable_flushSync,
-        unstable_viewTransition: s.unstable_viewTransition
+        unstable_flushSync: l.unstable_flushSync,
+        unstable_viewTransition: l.unstable_viewTransition
       });
   }, [e, r, a]);
 }
@@ -1369,9 +1369,9 @@ function cr(e, r) {
     relative: a
   } = r === void 0 ? {} : r, {
     basename: i
-  } = g.useContext(H), s = g.useContext(ie);
-  s || (process.env.NODE_ENV !== "production" ? D(!1, "useFormAction must be used inside a RouteContext") : D(!1));
-  let [l] = s.matches.slice(-1), c = se({}, ke(e || ".", {
+  } = g.useContext(H), l = g.useContext(ie);
+  l || (process.env.NODE_ENV !== "production" ? D(!1, "useFormAction must be used inside a RouteContext") : D(!1));
+  let [s] = l.matches.slice(-1), c = le({}, ke(e || ".", {
     relative: a
   })), o = he();
   if (e == null) {
@@ -1379,7 +1379,7 @@ function cr(e, r) {
     let p = new URLSearchParams(c.search);
     p.has("index") && p.get("index") === "" && (p.delete("index"), c.search = p.toString() ? "?" + p.toString() : "");
   }
-  return (!e || e === ".") && l.route.index && (c.search = c.search ? c.search.replace(/^\?/, "?index&") : "?index"), i !== "/" && (c.pathname = c.pathname === "/" ? i : Ge([i, c.pathname])), Ye(c);
+  return (!e || e === ".") && s.route.index && (c.search = c.search ? c.search.replace(/^\?/, "?index&") : "?index"), i !== "/" && (c.pathname = c.pathname === "/" ? i : Ge([i, c.pathname])), Ye(c);
 }
 function ur(e, r) {
   r === void 0 && (r = {});
@@ -1387,26 +1387,26 @@ function ur(e, r) {
   a == null && (process.env.NODE_ENV !== "production" ? D(!1, "`unstable_useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : D(!1));
   let {
     basename: i
-  } = Ft(we.useViewTransitionState), s = ke(e, {
+  } = Ft(we.useViewTransitionState), l = ke(e, {
     relative: r.relative
   });
   if (!a.isTransitioning)
     return !1;
-  let l = ae(a.currentLocation.pathname, i) || a.currentLocation.pathname, c = ae(a.nextLocation.pathname, i) || a.nextLocation.pathname;
-  return Nt(s.pathname, c) != null || Nt(s.pathname, l) != null;
+  let s = se(a.currentLocation.pathname, i) || a.currentLocation.pathname, c = se(a.nextLocation.pathname, i) || a.nextLocation.pathname;
+  return Nt(l.pathname, c) != null || Nt(l.pathname, s) != null;
 }
 const br = V(
-  ({ breadcrumbs: e, navigationType: r, className: a, ...i }, s) => {
-    const l = e.slice(0, 4), c = l[l.length - 2], o = [
+  ({ breadcrumbs: e, navigationType: r, className: a, ...i }, l) => {
+    const s = e.slice(0, 4), c = s[s.length - 2], o = [
       a,
       "pkt-breadcrumbs"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ t.jsxs("nav", { ref: s, "aria-label": "brødsmulemeny", className: o, children: [
-      /* @__PURE__ */ t.jsx("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: l.map((p, u) => /* @__PURE__ */ t.jsx(
+    return /* @__PURE__ */ t.jsxs("nav", { ref: l, "aria-label": "brødsmulemeny", className: o, children: [
+      /* @__PURE__ */ t.jsx("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: s.map((p, u) => /* @__PURE__ */ t.jsx(
         "li",
         {
           className: "pkt-breadcrumbs__item",
-          children: u === l.length - 1 ? /* @__PURE__ */ t.jsx("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ t.jsx("span", { className: "pkt-breadcrumbs__text", children: p.text }) }) : r === "router" ? /* @__PURE__ */ t.jsxs(
+          children: u === s.length - 1 ? /* @__PURE__ */ t.jsx("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ t.jsx("span", { className: "pkt-breadcrumbs__text", children: p.text }) }) : r === "router" ? /* @__PURE__ */ t.jsxs(
             ye,
             {
               to: p.href,
@@ -1487,8 +1487,8 @@ const br = V(
     className: r,
     iconName: a = "user",
     secondIconName: i = "user",
-    size: s = "medium",
-    skin: l = "primary",
+    size: l = "medium",
+    skin: s = "primary",
     type: c = "button",
     variant: o = "label-only",
     color: p,
@@ -1498,8 +1498,8 @@ const br = V(
     const k = [
       r,
       "pkt-btn",
-      s && `pkt-btn--${s}`,
       l && `pkt-btn--${l}`,
+      s && `pkt-btn--${s}`,
       o && `pkt-btn--${o}`,
       p && `pkt-btn--${p}`,
       u && "pkt-btn--active"
@@ -1526,8 +1526,8 @@ const pr = V(
     hasTile: r = !1,
     disabled: a = !1,
     label: i,
-    labelPosition: s = "right",
-    hideLabel: l = !1,
+    labelPosition: l = "right",
+    hideLabel: s = !1,
     checkHelptext: c,
     hasError: o = !1,
     isSwitch: p = !1,
@@ -1540,10 +1540,10 @@ const pr = V(
       {
         className: `pkt-input-check__input ${r ? "pkt-input-check__input--tile" : ""} ${a && r ? "pkt-input-check__input--tile-disabled" : ""}`,
         children: [
-          i && s === "left" && /* @__PURE__ */ t.jsxs(
+          i && l === "left" && /* @__PURE__ */ t.jsxs(
             "label",
             {
-              className: `pkt-input-check__input-label ${l ? "pkt-sr-only" : ""}`,
+              className: `pkt-input-check__input-label ${s ? "pkt-sr-only" : ""}`,
               htmlFor: e,
               children: [
                 i,
@@ -1563,10 +1563,10 @@ const pr = V(
               ...d
             }
           ),
-          i && s === "right" && /* @__PURE__ */ t.jsxs(
+          i && l === "right" && /* @__PURE__ */ t.jsxs(
             "label",
             {
-              className: `pkt-input-check__input-label ${l ? "pkt-sr-only" : ""}`,
+              className: `pkt-input-check__input-label ${s ? "pkt-sr-only" : ""}`,
               htmlFor: e,
               children: [
                 i,
@@ -1585,8 +1585,8 @@ const xr = ({
   columnTwo: r,
   socialLinks: a,
   className: i,
-  personvernOgInfoLink: s = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
-  tilgjengelighetLink: l = "https://www.oslo.kommune.no/tilgjengelighet/"
+  personvernOgInfoLink: l = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
+  tilgjengelighetLink: s = "https://www.oslo.kommune.no/tilgjengelighet/"
 }) => {
   var o, p;
   const c = [i, "pkt-footer"].filter(Boolean).join(" ");
@@ -1637,14 +1637,14 @@ const xr = ({
             "a",
             {
               className: "pkt-footer__link",
-              href: s,
+              href: l,
               children: [
                 /* @__PURE__ */ t.jsx(N, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 "Personvern og informasjonskapsler"
               ]
             }
           ) }),
-          /* @__PURE__ */ t.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ t.jsxs("a", { className: "pkt-footer__link", href: l, children: [
+          /* @__PURE__ */ t.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ t.jsxs("a", { className: "pkt-footer__link", href: s, children: [
             /* @__PURE__ */ t.jsx(N, { className: "pkt-footer__link-icon", name: "chevron-right" }),
             "Tilgjengelighet"
           ] }) })
@@ -1688,15 +1688,15 @@ const xr = ({
   tilgjengelighetLink: a = "https://www.oslo.kommune.no/tilgjengelighet/",
   className: i
 }) => {
-  const s = [i, "pkt-footer-simple"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t.jsx("footer", { className: s, "data-mode": "dark", children: /* @__PURE__ */ t.jsx("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ t.jsxs("ul", { className: "pkt-footer-simple__list", children: [
-    e.map((l, c) => /* @__PURE__ */ t.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ t.jsxs(
+  const l = [i, "pkt-footer-simple"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.jsx("footer", { className: l, "data-mode": "dark", children: /* @__PURE__ */ t.jsx("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ t.jsxs("ul", { className: "pkt-footer-simple__list", children: [
+    e.map((s, c) => /* @__PURE__ */ t.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ t.jsxs(
       "a",
       {
-        className: `pkt-footer-simple__link ${l.external ? " pkt-link--external" : ""}`,
-        href: l.href,
-        target: l.openInNewTab ? "_blank" : "_self",
-        rel: l.openInNewTab ? "noopener noreferrer" : void 0,
+        className: `pkt-footer-simple__link ${s.external ? " pkt-link--external" : ""}`,
+        href: s.href,
+        target: s.openInNewTab ? "_blank" : "_self",
+        rel: s.openInNewTab ? "noopener noreferrer" : void 0,
         children: [
           /* @__PURE__ */ t.jsx(
             N,
@@ -1705,7 +1705,7 @@ const xr = ({
               name: "chevron-right"
             }
           ),
-          l.text
+          s.text
         ]
       }
     ) }, c)),
@@ -1729,41 +1729,41 @@ var Lt = { exports: {} };
   (function() {
     var r = {}.hasOwnProperty;
     function a() {
-      for (var l = "", c = 0; c < arguments.length; c++) {
+      for (var s = "", c = 0; c < arguments.length; c++) {
         var o = arguments[c];
-        o && (l = s(l, i(o)));
+        o && (s = l(s, i(o)));
       }
-      return l;
+      return s;
     }
-    function i(l) {
-      if (typeof l == "string" || typeof l == "number")
-        return l;
-      if (typeof l != "object")
+    function i(s) {
+      if (typeof s == "string" || typeof s == "number")
+        return s;
+      if (typeof s != "object")
         return "";
-      if (Array.isArray(l))
-        return a.apply(null, l);
-      if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]"))
-        return l.toString();
+      if (Array.isArray(s))
+        return a.apply(null, s);
+      if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
+        return s.toString();
       var c = "";
-      for (var o in l)
-        r.call(l, o) && l[o] && (c = s(c, o));
+      for (var o in s)
+        r.call(s, o) && s[o] && (c = l(c, o));
       return c;
     }
-    function s(l, c) {
-      return c ? l ? l + " " + c : l + c : l;
+    function l(s, c) {
+      return c ? s ? s + " " + c : s + c : s;
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(Lt);
 var fr = Lt.exports;
-const te = /* @__PURE__ */ hn(fr), Nr = V(
+const ne = /* @__PURE__ */ hn(fr), Nr = V(
   ({
     className: e,
     logoLink: r = "https://www.oslo.kommune.no/",
     serviceName: a,
     fixed: i = !0,
-    scrollToHide: s = !0,
-    user: l,
+    scrollToHide: l = !0,
+    user: s,
     userMenu: c,
     representing: o,
     userOptions: p,
@@ -1777,11 +1777,11 @@ const te = /* @__PURE__ */ hn(fr), Nr = V(
     children: O,
     ...R
   }, _) => {
-    const v = X.useMemo(() => typeof (l == null ? void 0 : l.lastLoggedIn) == "string" ? l.lastLoggedIn : l != null && l.lastLoggedIn ? new Date(l.lastLoggedIn).toLocaleString("nb-NO", {
+    const v = X.useMemo(() => typeof (s == null ? void 0 : s.lastLoggedIn) == "string" ? s.lastLoggedIn : s != null && s.lastLoggedIn ? new Date(s.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : "", [l]), [y, A] = X.useState(!1), [U, W] = X.useState(0), [B, M] = X.useState(!1), Y = X.useRef(null);
+    }) : "", [s]), [y, A] = X.useState(!1), [U, W] = X.useState(0), [B, M] = X.useState(!1), Y = X.useRef(null);
     X.useEffect(() => (document.addEventListener("mouseup", K), window.addEventListener("scroll", I), () => {
       document.removeEventListener("mouseup", K), window.removeEventListener("scroll", I);
     }));
@@ -1790,7 +1790,7 @@ const te = /* @__PURE__ */ hn(fr), Nr = V(
     }, K = (b) => {
       Y.current && !Y.current.contains(b.target) && M(!1);
     }, I = () => {
-      if (s) {
+      if (l) {
         const b = window.pageYOffset || document.documentElement.scrollTop;
         if (b < 0 || Math.abs(b - U) < 60)
           return;
@@ -1804,9 +1804,9 @@ const te = /* @__PURE__ */ hn(fr), Nr = V(
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
-        className: te(e, "pkt-header", {
+        className: ne(e, "pkt-header", {
           "pkt-header--fixed": i,
-          "pkt-header--scroll-to-hide": s,
+          "pkt-header--scroll-to-hide": l,
           "pkt-header--hidden": y
         }),
         ref: _,
@@ -1851,7 +1851,7 @@ const te = /* @__PURE__ */ hn(fr), Nr = V(
                 children: "Meny"
               }
             ) }),
-            (l || o) && /* @__PURE__ */ t.jsxs(
+            (s || o) && /* @__PURE__ */ t.jsxs(
               "li",
               {
                 "data-testid": "usermenu",
@@ -1869,18 +1869,18 @@ const te = /* @__PURE__ */ hn(fr), Nr = V(
                       onClick: z,
                       children: [
                         /* @__PURE__ */ t.jsx(N, { name: "user", className: "pkt-btn__icon" }),
-                        /* @__PURE__ */ t.jsx("span", { className: "pkt-header__user-fullname", children: (o == null ? void 0 : o.name) || (l == null ? void 0 : l.name) }),
-                        /* @__PURE__ */ t.jsx("span", { className: "pkt-header__user-shortname", children: (o == null ? void 0 : o.shortname) || (l == null ? void 0 : l.shortname) }),
+                        /* @__PURE__ */ t.jsx("span", { className: "pkt-header__user-fullname", children: (o == null ? void 0 : o.name) || (s == null ? void 0 : s.name) }),
+                        /* @__PURE__ */ t.jsx("span", { className: "pkt-header__user-shortname", children: (o == null ? void 0 : o.shortname) || (s == null ? void 0 : s.shortname) }),
                         /* @__PURE__ */ t.jsx(N, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
                         /* @__PURE__ */ t.jsx(N, { name: "chevron-thin-up", className: "pkt-btn--open" })
                       ]
                     }
                   ),
                   /* @__PURE__ */ t.jsxs("ul", { id: "pktUserDropdown", className: "pkt-header__dropdown pkt-user-menu", children: [
-                    l && /* @__PURE__ */ t.jsxs("li", { children: [
+                    s && /* @__PURE__ */ t.jsxs("li", { children: [
                       /* @__PURE__ */ t.jsx("div", { className: "pkt-user-menu__label", children: "Pålogget som" }),
-                      /* @__PURE__ */ t.jsx("div", { className: "pkt-user-menu__name", children: l.name }),
-                      l.lastLoggedIn && /* @__PURE__ */ t.jsxs("div", { className: "pkt-user-menu__last-logged-in", children: [
+                      /* @__PURE__ */ t.jsx("div", { className: "pkt-user-menu__name", children: s.name }),
+                      s.lastLoggedIn && /* @__PURE__ */ t.jsxs("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
                         /* @__PURE__ */ t.jsx("time", { children: v })
                       ] })
@@ -1943,9 +1943,9 @@ const te = /* @__PURE__ */ hn(fr), Nr = V(
     );
   }
 ), dr = X.forwardRef(
-  ({ label: e, id: r, children: a, ...i }, s) => /* @__PURE__ */ t.jsxs("div", { className: "pkt-form-group", children: [
+  ({ label: e, id: r, children: a, ...i }, l) => /* @__PURE__ */ t.jsxs("div", { className: "pkt-form-group", children: [
     /* @__PURE__ */ t.jsx("label", { htmlFor: r, className: "pkt-form-label", children: e }),
-    /* @__PURE__ */ t.jsx("input", { className: "pkt-form-input", id: r, ...i, ref: s }),
+    /* @__PURE__ */ t.jsx("input", { className: "pkt-form-input", id: r, ...i, ref: l }),
     a
   ] })
 );
@@ -1956,8 +1956,8 @@ const Re = V(
     label: r,
     helptext: a,
     helptextDropdown: i,
-    helptextDropdownButton: s,
-    optionalTag: l = !1,
+    helptextDropdownButton: l,
+    optionalTag: s = !1,
     optionalText: c = "Valgfritt",
     requiredTag: o = !1,
     requiredText: p = "Må fylles ut",
@@ -1971,9 +1971,9 @@ const Re = V(
     className: O,
     hasFieldset: R = !1
   }, _) => {
-    const [v, y] = le(!1), A = () => {
+    const [v, y] = te(!1), A = () => {
       y(!v);
-    }, U = () => l ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : o ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", W = l ? c : o ? p : "", B = h ? "pkt-inputwrapper--disabled" : "", M = k ? "pkt-inputwrapper--inline" : "", Y = u ? "pkt-inputwrapper--error" : "", z = !!i && i !== "", K = s || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', I = R ? "fieldset" : z ? "div" : "label", b = R ? "legend" : z ? "h2" : "span", L = C || (a ? `${e}-helptext` : void 0);
+    }, U = () => s ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : o ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", W = s ? c : o ? p : "", B = h ? "pkt-inputwrapper--disabled" : "", M = k ? "pkt-inputwrapper--inline" : "", Y = u ? "pkt-inputwrapper--error" : "", z = !!i && i !== "", K = l || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', I = R ? "fieldset" : z ? "div" : "label", b = R ? "legend" : z ? "h2" : "span", L = C || (a ? `${e}-helptext` : void 0);
     return /* @__PURE__ */ t.jsxs("div", { className: ["pkt-inputwrapper", O, B, M, Y].join(" "), ref: _, children: [
       j ? /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs(
         I,
@@ -2034,18 +2034,18 @@ const mr = V(
     className: r,
     iconName: a = "user",
     openInNewTab: i = !1,
-    skin: s = "normal",
-    href: l = "#",
+    skin: l = "normal",
+    href: s = "#",
     external: c = !1,
     title: o,
     ...p
   }, u) => {
-    const d = [r, "pkt-linkcard", s && `pkt-linkcard--${s}`].filter(Boolean).join(" ");
+    const d = [r, "pkt-linkcard", l && `pkt-linkcard--${l}`].filter(Boolean).join(" ");
     return /* @__PURE__ */ t.jsxs(
       "a",
       {
         ...p,
-        href: l,
+        href: s,
         className: `pkt-linkcard pkt-link ${d}`,
         target: i ? "_blank" : "_self",
         rel: i ? "noopener noreferrer" : void 0,
@@ -2068,13 +2068,13 @@ const jr = V(
     message: r,
     size: a = "medium",
     inline: i = !1,
-    isLoading: s = !0,
-    variant: l = "rainbow",
+    isLoading: l = !0,
+    variant: s = "rainbow",
     delay: c = 0,
     children: o,
     ...p
   }, u) => {
-    const d = `pkt-loader pkt-loader--${a}`, [h, k] = le(!(c > 0));
+    const d = `pkt-loader pkt-loader--${a}`, [h, k] = te(!(c > 0));
     c > 0 && setTimeout(() => {
       k(!0);
     }, c);
@@ -2084,16 +2084,16 @@ const jr = V(
       {
         role: "status",
         "aria-live": "polite",
-        "aria-busy": s,
+        "aria-busy": l,
         className: `pkt-loader--${i ? "inline" : "box"}  ${e || ""}`,
-        children: s ? /* @__PURE__ */ t.jsx(t.Fragment, { children: h ? /* @__PURE__ */ t.jsxs("div", { className: d, "data-testid": "pkt-loader", ref: u, ...p, children: [
+        children: l ? /* @__PURE__ */ t.jsx(t.Fragment, { children: h ? /* @__PURE__ */ t.jsxs("div", { className: d, "data-testid": "pkt-loader", ref: u, ...p, children: [
           /* @__PURE__ */ t.jsx(
             N,
             {
-              name: C(l),
+              name: C(s),
               "aria-label": "loading",
               path: "https://punkt-cdn.oslo.kommune.no/11.13/animations/",
-              className: `pkt-loader__svg pkt-loader__${l}`
+              className: `pkt-loader__svg pkt-loader__${s}`
             }
           ),
           r && /* @__PURE__ */ t.jsx("p", { children: r })
@@ -2101,32 +2101,49 @@ const jr = V(
       }
     );
   }
-), yr = ({
-  children: e,
-  className: r,
-  compact: a = !1,
-  skin: i = "beige",
-  title: s,
-  ...l
-}) => {
-  const c = [
-    r,
-    "pkt-messagebox",
-    i && `pkt-messagebox--${i}`,
-    a && "pkt-messagebox--compact"
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t.jsxs("div", { ...l, className: c, children: [
-    s && /* @__PURE__ */ t.jsx("div", { className: "pkt-messagebox__title", children: s }),
-    /* @__PURE__ */ t.jsx("div", { className: "pkt-messagebox__text", children: e })
-  ] });
-}, hr = V(
+), yr = V(
+  ({
+    children: e,
+    className: r,
+    compact: a = !1,
+    closable: i = !1,
+    skin: l = "beige",
+    title: s,
+    onClose: c,
+    ...o
+  }, p) => {
+    const [u, d] = te(!0), h = () => {
+      d(!1), c && c();
+    }, k = [
+      r,
+      "pkt-messagebox",
+      l && `pkt-messagebox--${l}`,
+      a && "pkt-messagebox--compact"
+    ].filter(Boolean).join(" ");
+    return u ? /* @__PURE__ */ t.jsxs("div", { ...o, className: k, ref: p, children: [
+      i && /* @__PURE__ */ t.jsx("div", { className: "pkt-messagebox__close", children: /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          type: "button",
+          className: "pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",
+          tabIndex: 0,
+          "aria-label": "close",
+          onClick: h,
+          children: /* @__PURE__ */ t.jsx(N, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
+        }
+      ) }),
+      s && /* @__PURE__ */ t.jsx("div", { className: "pkt-messagebox__title", children: s }),
+      /* @__PURE__ */ t.jsx("div", { className: "pkt-messagebox__text", children: e })
+    ] }) : null;
+  }
+), hr = V(
   ({
     id: e,
     name: r,
     label: a,
     className: i,
-    hasTile: s = !1,
-    disabled: l = !1,
+    hasTile: l = !1,
+    disabled: s = !1,
     checkHelptext: c,
     hasError: o = !1,
     ...p
@@ -2135,7 +2152,7 @@ const jr = V(
       i,
       "pkt-input-check"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ t.jsx("div", { className: d, children: /* @__PURE__ */ t.jsxs("div", { className: `pkt-input-check__input ${s ? "pkt-input-check__input--tile" : ""} ${l && s ? "pkt-input-check__input--tile-disabled" : ""}`, children: [
+    return /* @__PURE__ */ t.jsx("div", { className: d, children: /* @__PURE__ */ t.jsxs("div", { className: `pkt-input-check__input ${l ? "pkt-input-check__input--tile" : ""} ${s && l ? "pkt-input-check__input--tile-disabled" : ""}`, children: [
       /* @__PURE__ */ t.jsx(
         "input",
         {
@@ -2143,7 +2160,7 @@ const jr = V(
           className: `pkt-input-check__input-checkbox ${o ? "pkt-input-check__input-checkbox--error" : ""}`,
           type: "radio",
           id: e,
-          disabled: l,
+          disabled: s,
           name: r,
           ...p
         }
@@ -2162,8 +2179,8 @@ const wr = V(
     appearance: r = "local",
     disabled: a = !1,
     fullwidth: i = !1,
-    id: s,
-    label: l,
+    id: l,
+    label: s,
     method: c = "get",
     name: o,
     placeholder: p = "Søk…",
@@ -2175,7 +2192,7 @@ const wr = V(
   }, j) => {
     const S = (v, y) => {
       v ? v() : k && k(y);
-    }, O = `pkt-searchinput pkt-searchinput--${r} ${i ? "pkt-searchinput--fullwidth" : ""}`, R = e ? "form" : "div", _ = l ? "label" : "div";
+    }, O = `pkt-searchinput pkt-searchinput--${r} ${i ? "pkt-searchinput--fullwidth" : ""}`, R = e ? "form" : "div", _ = s ? "label" : "div";
     return /* @__PURE__ */ t.jsxs(
       R,
       {
@@ -2187,23 +2204,23 @@ const wr = V(
         ref: j,
         ...C,
         children: [
-          /* @__PURE__ */ t.jsxs(_, { htmlFor: l ? s : void 0, className: l ? "pkt-inputwrapper__label" : "", children: [
-            l && /* @__PURE__ */ t.jsx(t.Fragment, { children: l }),
+          /* @__PURE__ */ t.jsxs(_, { htmlFor: s ? l : void 0, className: s ? "pkt-inputwrapper__label" : "", children: [
+            s && /* @__PURE__ */ t.jsx(t.Fragment, { children: s }),
             /* @__PURE__ */ t.jsxs("div", { className: r === "local" ? "pkt-input__container" : "pkt-searchinput__field", children: [
               /* @__PURE__ */ t.jsx(
                 "input",
                 {
                   className: `pkt-input ${i ? "pkt-input--fullwidth" : ""}`,
                   type: "search",
-                  name: o || s,
-                  id: s,
+                  name: o || l,
+                  id: l,
                   placeholder: p,
                   defaultValue: d,
                   disabled: a,
                   onInput: h && ((v) => h(v.currentTarget.value)),
                   autoComplete: "off",
                   "aria-autocomplete": "list",
-                  "aria-controls": `${s}-suggestions`
+                  "aria-controls": `${l}-suggestions`
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -2218,12 +2235,12 @@ const wr = V(
                   disabled: a,
                   onClick: h && (() => h(d)),
                   onKeyUp: h && ((v) => v.key === "Enter" && h(d)),
-                  children: l || p
+                  children: s || p
                 }
               )
             ] })
           ] }),
-          u && /* @__PURE__ */ t.jsx("ul", { id: `${s}-suggestions`, className: "pkt-searchinput__suggestions", "aria-live": "assertive", children: u.map((v, y) => /* @__PURE__ */ t.jsx("li", { children: X.createElement(
+          u && /* @__PURE__ */ t.jsx("ul", { id: `${l}-suggestions`, className: "pkt-searchinput__suggestions", "aria-live": "assertive", children: u.map((v, y) => /* @__PURE__ */ t.jsx("li", { children: X.createElement(
             v.href ? "a" : v.onClick ? "button" : "div",
             {
               href: v.href,
@@ -2247,8 +2264,8 @@ const wr = V(
     ariaLabelledby: r,
     children: a,
     className: i,
-    disabled: s = !1,
-    errorMessage: l,
+    disabled: l = !1,
+    errorMessage: s,
     hasError: c,
     helptext: o,
     helptextDropdown: p,
@@ -2279,8 +2296,8 @@ const wr = V(
         requiredTag: R,
         requiredText: _,
         hasError: c,
-        errorMessage: l,
-        disabled: s,
+        errorMessage: s,
+        disabled: l,
         inline: h,
         ariaDescribedby: e,
         children: /* @__PURE__ */ t.jsx(
@@ -2291,7 +2308,7 @@ const wr = V(
             "aria-invalid": c,
             "aria-errormessage": `${d}-error`,
             "aria-labelledby": r || `${d}-label`,
-            disabled: s,
+            disabled: l,
             id: d,
             name: j || d,
             ...v,
@@ -2306,47 +2323,47 @@ const wr = V(
   compact: r = !1,
   skin: a = "basic",
   responsiveView: i = !0,
-  children: s
+  children: l
 }) => /* @__PURE__ */ t.jsx(
   "table",
   {
     "data-testid": "pkt-table",
-    className: te(e, "pkt-table", {
+    className: ne(e, "pkt-table", {
       "pkt-table--responsive": i,
       "pkt-table--compact": r,
       "pkt-table--basic": a === "basic",
       "pkt-table--zebra-blue": a === "zebra-blue"
     }),
     role: "table",
-    children: s
+    children: l
   }
 ), Rr = ({ children: e, className: r, dataLabel: a }) => /* @__PURE__ */ t.jsx(
   "td",
   {
-    className: te(r, "pkt-table__data-cell", {}),
+    className: ne(r, "pkt-table__data-cell", {}),
     "data-label": a,
     role: "cell",
     "data-testid": "pkt-table__data-cell",
     children: e
   }
-), Pr = ({ className: e, children: r }) => /* @__PURE__ */ t.jsx("th", { className: te(e, "pkt-table__header-cell", {}), role: "columnheader", children: r }), Sr = ({ className: e, children: r }) => /* @__PURE__ */ t.jsx("thead", { className: te(e, "pkt-table__header", {}), role: "rowgroup", children: r }), Tr = ({ className: e, children: r }) => /* @__PURE__ */ t.jsx("tr", { className: te(e, "pkt-table__row", {}), role: "row", children: r }), Or = ({ children: e, className: r }) => /* @__PURE__ */ t.jsx("tbody", { className: te(r, "pkt-table__body", {}), role: "rowgroup", children: e }), Je = V(({
+), Pr = ({ className: e, children: r }) => /* @__PURE__ */ t.jsx("th", { className: ne(e, "pkt-table__header-cell", {}), role: "columnheader", children: r }), Sr = ({ className: e, children: r }) => /* @__PURE__ */ t.jsx("thead", { className: ne(e, "pkt-table__header", {}), role: "rowgroup", children: r }), Tr = ({ className: e, children: r }) => /* @__PURE__ */ t.jsx("tr", { className: ne(e, "pkt-table__row", {}), role: "row", children: r }), Or = ({ children: e, className: r }) => /* @__PURE__ */ t.jsx("tbody", { className: ne(r, "pkt-table__body", {}), role: "rowgroup", children: e }), Je = V(({
   children: e,
   className: r,
   skin: a = "blue",
   textStyle: i = "normal-text",
-  size: s = "medium",
-  closeTag: l = !1,
+  size: l = "medium",
+  closeTag: s = !1,
   iconName: c = "",
   type: o = "button",
   ariaLabel: p = "close",
   onClick: u = () => {
   }
 }, d) => {
-  const [h, k] = le(!1), C = (R) => {
+  const [h, k] = te(!1), C = (R) => {
     k(!0), u(R);
   }, j = [
     "pkt-tag",
-    s && `pkt-tag--${s}`,
+    l && `pkt-tag--${l}`,
     a && `pkt-tag--${a}`,
     i && `pkt-tag--${i}`,
     r
@@ -2354,14 +2371,14 @@ const wr = V(
     "pkt-tag",
     "pkt-btn",
     "pkt-btn--tertiary",
-    s && `pkt-tag--${s}`,
+    l && `pkt-tag--${l}`,
     a && `pkt-tag--${a}`,
     i && `pkt-tag--${i}`,
-    c && l ? "pkt-btn--icons-right-and-left" : null,
-    l && !c ? "pkt-btn--icon-right" : null,
+    c && s ? "pkt-btn--icons-right-and-left" : null,
+    s && !c ? "pkt-btn--icon-right" : null,
     r
   ].filter(Boolean).join(" "), O = !h;
-  return l && c ? /* @__PURE__ */ t.jsx(t.Fragment, { children: O && /* @__PURE__ */ t.jsxs(
+  return s && c ? /* @__PURE__ */ t.jsx(t.Fragment, { children: O && /* @__PURE__ */ t.jsxs(
     "button",
     {
       className: S,
@@ -2375,7 +2392,7 @@ const wr = V(
         /* @__PURE__ */ t.jsx(N, { className: "pkt-tag__close-btn", name: "close" })
       ]
     }
-  ) }) : l ? /* @__PURE__ */ t.jsx(t.Fragment, { children: O && /* @__PURE__ */ t.jsxs(
+  ) }) : s ? /* @__PURE__ */ t.jsx(t.Fragment, { children: O && /* @__PURE__ */ t.jsxs(
     "button",
     {
       className: S,
@@ -2396,15 +2413,15 @@ const wr = V(
 Je.displayName = "PktTag";
 const $r = V(
   ({ arrowNav: e = !0, tabs: r, onTabSelected: a }, i) => {
-    const s = yt([]);
+    const l = yt([]);
     ze(() => {
-      s.current = s.current.slice(0, r.length);
+      l.current = l.current.slice(0, r.length);
     }, [r]);
-    const l = (o, p) => {
+    const s = (o, p) => {
       p.action && p.action(o), a && a(o);
     }, c = (o, p) => {
       var u, d;
-      e && (p.code === "ArrowLeft" && o !== 0 && ((u = s.current[o - 1]) == null || u.focus()), p.code === "ArrowRight" && o < r.length - 1 && ((d = s.current[o + 1]) == null || d.focus()), (p.code === "ArrowDown" || p.code === "Space") && l(o, r[o]));
+      e && (p.code === "ArrowLeft" && o !== 0 && ((u = l.current[o - 1]) == null || u.focus()), p.code === "ArrowRight" && o < r.length - 1 && ((d = l.current[o + 1]) == null || d.focus()), (p.code === "ArrowDown" || p.code === "Space") && s(o, r[o]));
     };
     return /* @__PURE__ */ t.jsx("div", { className: "pkt-tabs", ref: i, children: /* @__PURE__ */ t.jsx("div", { className: "pkt-tabs__list", role: e ? "tablist" : "navigation", children: r.map((o, p) => /* @__PURE__ */ t.jsx(mn, { children: o.href ? /* @__PURE__ */ t.jsxs(
       "a",
@@ -2415,10 +2432,10 @@ const $r = V(
         "aria-controls": o.controls,
         className: `pkt-tabs__link ${o.active ? "active" : ""}`,
         onKeyUp: (u) => c(p, u),
-        onClick: () => l(p, o),
+        onClick: () => s(p, o),
         tabIndex: o.active || !e ? void 0 : -1,
         ref: (u) => {
-          s.current[p] = u;
+          l.current[p] = u;
         },
         children: [
           o.icon && /* @__PURE__ */ t.jsx(N, { name: o.icon, className: "pkt-icon--small" }),
@@ -2435,10 +2452,10 @@ const $r = V(
         "aria-controls": o.controls,
         className: `pkt-tabs__button pkt-link-button ${o.active ? "active" : ""}`,
         onKeyUp: (u) => c(p, u),
-        onClick: () => l(p, o),
+        onClick: () => s(p, o),
         tabIndex: o.active || !e ? void 0 : -1,
         ref: (u) => {
-          s.current[p] = u;
+          l.current[p] = u;
         },
         children: [
           o.icon && /* @__PURE__ */ t.jsx(N, { name: o.icon, className: "pkt-icon--small" }),
@@ -2455,8 +2472,8 @@ const $r = V(
     ariaDescribedby: r,
     ariaLabelledby: a,
     counter: i,
-    counterMaxLength: s,
-    className: l,
+    counterMaxLength: l,
+    className: s,
     disabled: c,
     errorMessage: o,
     hasError: p,
@@ -2477,7 +2494,7 @@ const $r = V(
     onChange: W,
     ...B
   }, M) => {
-    const Y = [l, "pkt-textinput", "pkt-textarea"].join(" "), z = a || `${e}-label`, K = yt(null), [I, b] = le(0), L = (Z) => {
+    const Y = [s, "pkt-textinput", "pkt-textarea"].join(" "), z = a || `${e}-label`, K = yt(null), [I, b] = te(0), L = (Z) => {
       var Q, oe;
       if (i && b(((oe = (Q = Z.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : oe.length) || 0), W)
         return W(Z);
@@ -2509,7 +2526,7 @@ const $r = V(
             "textarea",
             {
               ref: K,
-              className: `pkt-input ${C ? "pkt-input--fullwidth" : ""} ${s && I > s ? "pkt-input--counter-error" : ""}`,
+              className: `pkt-input ${C ? "pkt-input--fullwidth" : ""} ${l && I > l ? "pkt-input--counter-error" : ""}`,
               name: S || e,
               id: e,
               placeholder: y,
@@ -2524,7 +2541,7 @@ const $r = V(
           ),
           i && /* @__PURE__ */ t.jsxs("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
             I || 0,
-            s && `/${s}`
+            l && `/${l}`
           ] })
         ]
       }
@@ -2536,8 +2553,8 @@ const $r = V(
     ariaDescribedby: r,
     ariaLabelledby: a,
     autocomplete: i = "off",
-    className: s,
-    disabled: l = !1,
+    className: l,
+    disabled: s = !1,
     errorMessage: c,
     hasError: o = !1,
     helptext: p,
@@ -2561,13 +2578,13 @@ const $r = V(
     value: Y,
     ...z
   }, K) => {
-    const I = [s, "pkt-textinput"].join(" "), b = a || `${e}-label`, L = W === "search" && !h && !M;
+    const I = [l, "pkt-textinput"].join(" "), b = a || `${e}-label`, L = W === "search" && !h && !M;
     return /* @__PURE__ */ t.jsx(
       Re,
       {
         ariaDescribedby: r,
         className: I,
-        disabled: l,
+        disabled: s,
         errorMessage: c,
         forId: e,
         hasError: o,
@@ -2594,7 +2611,7 @@ const $r = V(
               placeholder: y,
               autoComplete: i,
               value: Y,
-              disabled: l,
+              disabled: s,
               "aria-invalid": o,
               "aria-errormessage": `${e}-error`,
               "aria-labelledby": b,