@oslokommune/punkt-react 8.0.7 → 8.0.9

package/dist/punkt-react.es.js

@@ -1,5 +1,5 @@
 import * as g from "react";
-import K, { useState as ue, useEffect as yt, forwardRef as z, useRef as ln } from "react";
+import K, { useState as ue, useEffect as yt, forwardRef as z, useRef as on } from "react";
 function sn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -18,12 +18,12 @@ function cn() {
   if (kt)
     return se;
   kt = 1;
-  var e = K, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = K, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(c, f, d) {
     var h, _ = {}, w = null, C = null;
     d !== void 0 && (w = "" + d), f.key !== void 0 && (w = "" + f.key), f.ref !== void 0 && (C = f.ref);
     for (h in f)
-      l.call(f, h) && !i.hasOwnProperty(h) && (_[h] = f[h]);
+      o.call(f, h) && !i.hasOwnProperty(h) && (_[h] = f[h]);
     if (c && c.defaultProps)
       for (h in f = c.defaultProps, f)
         _[h] === void 0 && (_[h] = f[h]);
@@ -44,14 +44,14 @@ var ce = {};
 var vt;
 function un() {
   return vt || (vt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = K, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), O = Symbol.iterator, R = "@@iterator";
+    var e = K, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), P = Symbol.iterator, R = "@@iterator";
     function T(t) {
       if (t === null || typeof t != "object")
         return null;
-      var u = O && t[O] || t[R];
+      var u = P && t[P] || t[R];
       return typeof u == "function" ? u : null;
     }
-    var S = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var O = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function b(t) {
       {
         for (var u = arguments.length, p = new Array(u > 1 ? u - 1 : 0), k = 1; k < u; k++)
@@ -61,18 +61,18 @@ function un() {
     }
     function $(t, u, p) {
       {
-        var k = S.ReactDebugCurrentFrame, x = k.getStackAddendum();
+        var k = O.ReactDebugCurrentFrame, x = k.getStackAddendum();
         x !== "" && (u += "%s", p = p.concat([x]));
-        var P = p.map(function(E) {
+        var S = p.map(function(E) {
           return String(E);
         });
-        P.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, P);
+        S.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, S);
       }
     }
     var A = !1, V = !1, I = !1, J = !1, H = !1, M;
     M = Symbol.for("react.module.reference");
     function W(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === l || t === i || H || t === a || t === d || t === h || J || t === C || A || V || I || typeof t == "object" && t !== null && (t.$$typeof === w || t.$$typeof === _ || t.$$typeof === s || t.$$typeof === c || t.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === o || t === i || H || t === a || t === d || t === h || J || t === C || A || V || I || typeof t == "object" && t !== null && (t.$$typeof === w || t.$$typeof === _ || t.$$typeof === s || t.$$typeof === c || t.$$typeof === f || // 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.
@@ -96,7 +96,7 @@ function un() {
       if (typeof t == "string")
         return t;
       switch (t) {
-        case l:
+        case o:
           return "Fragment";
         case r:
           return "Portal";
@@ -123,9 +123,9 @@ function un() {
             var k = t.displayName || null;
             return k !== null ? k : j(t.type) || "Memo";
           case w: {
-            var x = t, P = x._payload, E = x._init;
+            var x = t, S = x._payload, E = x._init;
             try {
-              return j(E(P));
+              return j(E(S));
             } catch {
               return null;
             }
@@ -133,14 +133,14 @@ function un() {
         }
       return null;
     }
-    var B = Object.assign, te = 0, Z, Q, le, Xe, Ze, Qe, et;
+    var B = Object.assign, te = 0, Z, Q, oe, Xe, Ze, Qe, et;
     function tt() {
     }
     tt.__reactDisabledLog = !0;
     function $t() {
       {
         if (te === 0) {
-          Z = console.log, Q = console.info, le = console.warn, Xe = console.error, Ze = console.group, Qe = console.groupCollapsed, et = console.groupEnd;
+          Z = console.log, Q = console.info, oe = console.warn, Xe = console.error, Ze = console.group, Qe = console.groupCollapsed, et = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -176,7 +176,7 @@ function un() {
               value: Q
             }),
             warn: B({}, t, {
-              value: le
+              value: oe
             }),
             error: B({}, t, {
               value: Xe
@@ -195,7 +195,7 @@ function un() {
         te < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Re = S.ReactCurrentDispatcher, Pe;
+    var Re = O.ReactCurrentDispatcher, Pe;
     function pe(t, u, p) {
       {
         if (Pe === void 0)
@@ -226,8 +226,8 @@ function un() {
       Se = !0;
       var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var P;
-      P = Re.current, Re.current = null, $t();
+      var S;
+      S = Re.current, Re.current = null, $t();
       try {
         if (u) {
           var E = function() {
@@ -280,7 +280,7 @@ function un() {
             }
         }
       } finally {
-        Se = !1, Re.current = P, Ft(), Error.prepareStackTrace = x;
+        Se = !1, Re.current = S, Ft(), Error.prepareStackTrace = x;
       }
       var ae = t ? t.displayName || t.name : "", ht = ae ? pe(ae) : "";
       return typeof t == "function" && de.set(t, ht), ht;
@@ -312,16 +312,16 @@ function un() {
           case _:
             return me(t.type, u, p);
           case w: {
-            var k = t, x = k._payload, P = k._init;
+            var k = t, x = k._payload, S = k._init;
             try {
-              return me(P(x), u, p);
+              return me(S(x), u, p);
             } catch {
             }
           }
         }
       return "";
     }
-    var he = Object.prototype.hasOwnProperty, rt = {}, at = S.ReactDebugCurrentFrame;
+    var he = Object.prototype.hasOwnProperty, rt = {}, at = O.ReactDebugCurrentFrame;
     function ke(t) {
       if (t) {
         var u = t._owner, p = me(t.type, t._source, u ? u.type : null);
@@ -331,9 +331,9 @@ function un() {
     }
     function Vt(t, u, p, k, x) {
       {
-        var P = Function.call.bind(he);
+        var S = Function.call.bind(he);
         for (var E in t)
-          if (P(t, E)) {
+          if (S(t, E)) {
             var N = void 0;
             try {
               if (typeof t[E] != "function") {
@@ -360,19 +360,19 @@ function un() {
     }
     function Mt(t) {
       try {
-        return ot(t), !1;
+        return lt(t), !1;
       } catch {
         return !0;
       }
     }
-    function ot(t) {
+    function lt(t) {
       return "" + t;
     }
-    function lt(t) {
+    function ot(t) {
       if (Mt(t))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bt(t)), ot(t);
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bt(t)), lt(t);
     }
-    var ie = S.ReactCurrentOwner, Yt = {
+    var ie = O.ReactCurrentOwner, Yt = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -423,7 +423,7 @@ function un() {
         });
       }
     }
-    var qt = function(t, u, p, k, x, P, E) {
+    var qt = function(t, u, p, k, x, S, E) {
       var N = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -433,7 +433,7 @@ function un() {
         ref: p,
         props: E,
         // Record the component responsible for creating this element.
-        _owner: P
+        _owner: S
       };
       return N._store = {}, Object.defineProperty(N._store, "validated", {
         configurable: !1,
@@ -454,14 +454,14 @@ function un() {
     };
     function Xt(t, u, p, k, x) {
       {
-        var P, E = {}, N = null, U = null;
-        p !== void 0 && (lt(p), N = "" + p), Ht(u) && (lt(u.key), N = "" + u.key), Jt(u) && (U = u.ref, zt(u, x));
-        for (P in u)
-          he.call(u, P) && !Yt.hasOwnProperty(P) && (E[P] = u[P]);
+        var S, E = {}, N = null, U = null;
+        p !== void 0 && (ot(p), N = "" + p), Ht(u) && (ot(u.key), N = "" + u.key), Jt(u) && (U = u.ref, zt(u, x));
+        for (S in u)
+          he.call(u, S) && !Yt.hasOwnProperty(S) && (E[S] = u[S]);
         if (t && t.defaultProps) {
           var D = t.defaultProps;
-          for (P in D)
-            E[P] === void 0 && (E[P] = D[P]);
+          for (S in D)
+            E[S] === void 0 && (E[S] = D[S]);
         }
         if (N || U) {
           var L = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
@@ -470,7 +470,7 @@ function un() {
         return qt(t, N, U, x, k, ie.current, E);
       }
     }
-    var je = S.ReactCurrentOwner, ct = S.ReactDebugCurrentFrame;
+    var je = O.ReactCurrentOwner, ct = O.ReactDebugCurrentFrame;
     function re(t) {
       if (t) {
         var u = t._owner, p = me(t.type, t._source, u ? u.type : null);
@@ -546,7 +546,7 @@ Check the top-level render call using <` + p + ">.");
         else if (t) {
           var x = T(t);
           if (typeof x == "function" && x !== t.entries)
-            for (var P = x.call(t), E; !(E = P.next()).done; )
+            for (var S = x.call(t), E; !(E = S.next()).done; )
               Le(E.value) && pt(E.value, u);
         }
       }
@@ -588,7 +588,7 @@ Check the top-level render call using <` + p + ">.");
         t.ref !== null && (re(t), b("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
       }
     }
-    function mt(t, u, p, k, x, P) {
+    function mt(t, u, p, k, x, S) {
       {
         var E = W(t);
         if (!E) {
@@ -599,7 +599,7 @@ Check the top-level render call using <` + p + ">.");
           var D;
           t === null ? D = "null" : Oe(t) ? D = "array" : t !== void 0 && t.$$typeof === n ? (D = "<" + (j(t.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : D = typeof t, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, N);
         }
-        var L = Xt(t, u, p, x, P);
+        var L = Xt(t, u, p, x, S);
         if (L == null)
           return L;
         if (E) {
@@ -615,7 +615,7 @@ Check the top-level render call using <` + p + ">.");
             else
               dt(Y, t);
         }
-        return t === l ? tn(L) : en(L), L;
+        return t === o ? tn(L) : en(L), L;
       }
     }
     function nn(t, u, p) {
@@ -624,28 +624,28 @@ Check the top-level render call using <` + p + ">.");
     function rn(t, u, p) {
       return mt(t, u, p, !1);
     }
-    var an = rn, on = nn;
-    ce.Fragment = l, ce.jsx = an, ce.jsxs = on;
+    var an = rn, ln = nn;
+    ce.Fragment = o, ce.jsx = an, ce.jsxs = ln;
   }()), ce;
 }
 process.env.NODE_ENV === "production" ? Ae.exports = cn() : Ae.exports = un();
 var Je = Ae.exports;
-const X = Je.Fragment, o = Je.jsx, m = Je.jsxs, $e = {}, fn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
+const X = Je.Fragment, l = Je.jsx, m = Je.jsxs, $e = {}, fn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
 function pn(e, n) {
   return !$e[e] && typeof window.fetch == "function" && ($e[e] = window.fetch(n + e + ".svg").then((r) => r.ok ? r.text() : (console.error("Missing icon: " + n + e + ".svg"), fn)).then((r) => r)), Promise.resolve($e[e]);
 }
-const y = ({ name: e, path: n, className: r = "", ...l }) => {
+const y = ({ name: e, path: n, className: r = "", ...o }) => {
   const a = "https://punkt-cdn.oslo.kommune.no/8.0/icons/", [i, s] = ue(null);
   return yt(() => {
     if (!e)
       return;
     pn(e, n || a).then((f) => s(f));
-  }, [e, n, a]), i ? /* @__PURE__ */ o(
+  }, [e, n, a]), i ? /* @__PURE__ */ l(
     "span",
     {
       className: `pkt-icon ${r}`,
       dangerouslySetInnerHTML: { __html: i },
-      ...l
+      ...o
     }
   ) : null;
 }, dn = z(
@@ -653,37 +653,43 @@ const y = ({ name: e, path: n, className: r = "", ...l }) => {
     children: e,
     className: n,
     skin: r = "info",
-    closeAlert: l = !1,
+    closeAlert: o = !1,
     onClose: a,
     title: i,
     date: s,
     ariaLive: c = "polite",
-    ...f
-  }, d) => {
-    const h = [n, "pkt-alert", r && `pkt-alert--${r}`].filter(Boolean).join(" "), [_, w] = ue(!0), C = () => {
-      w(!1), a && a();
+    slim: f = !1,
+    ...d
+  }, h) => {
+    const _ = [
+      n,
+      "pkt-alert",
+      r && `pkt-alert--${r}`,
+      f && "pkt-alert--slim"
+    ].filter(Boolean).join(" "), [w, C] = ue(!0), P = () => {
+      C(!1), a && a();
     };
-    return _ ? /* @__PURE__ */ m("div", { ...f, className: h, "aria-live": c, ref: d, children: [
-      /* @__PURE__ */ o(
+    return w ? /* @__PURE__ */ m("div", { ...d, className: _, "aria-live": c, ref: h, children: [
+      /* @__PURE__ */ l(
         y,
         {
           className: "pkt-alert__icon",
           name: r === "info" ? "alert-information" : `alert-${r}`
         }
       ),
-      l && /* @__PURE__ */ o("div", { className: "pkt-alert__close", children: /* @__PURE__ */ o(
+      o && /* @__PURE__ */ l("div", { className: "pkt-alert__close", children: /* @__PURE__ */ l(
         "button",
         {
           type: "button",
           className: "pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",
           tabIndex: 0,
           "aria-label": "close",
-          onClick: C,
-          children: /* @__PURE__ */ o(y, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
+          onClick: P,
+          children: /* @__PURE__ */ l(y, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
         }
       ) }),
-      i && /* @__PURE__ */ o("div", { className: "pkt-alert__title", children: i }),
-      /* @__PURE__ */ o("div", { className: "pkt-alert__text", children: e }),
+      i && /* @__PURE__ */ l("div", { className: "pkt-alert__title", children: i }),
+      /* @__PURE__ */ l("div", { className: "pkt-alert__text", children: e }),
       s && /* @__PURE__ */ m("div", { className: "pkt-alert__date", children: [
         "Sist oppdatert: ",
         s
@@ -691,16 +697,16 @@ const y = ({ name: e, path: n, className: r = "", ...l }) => {
     ] }) : null;
   }
 ), nr = z(
-  ({ href: e, text: n, onClick: r, className: l, ...a }, i) => {
+  ({ href: e, text: n, onClick: r, className: o, ...a }, i) => {
     const s = [
-      l,
+      o,
       "pkt-back-link"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ o("nav", { ref: i, className: s, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ m("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: () => {
+    return /* @__PURE__ */ l("nav", { ref: i, className: s, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ m("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: () => {
       r && r();
     }, ...a, children: [
-      /* @__PURE__ */ o(y, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
-      /* @__PURE__ */ o("span", { className: "pkt-back-link__text", children: n || "Forsiden" })
+      /* @__PURE__ */ l(y, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
+      /* @__PURE__ */ l("span", { className: "pkt-back-link__text", children: n || "Forsiden" })
     ] }) });
   }
 );
@@ -718,8 +724,8 @@ function Ue() {
   return Ue = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
-      for (var l in r)
-        Object.prototype.hasOwnProperty.call(r, l) && (e[l] = r[l]);
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
     }
     return e;
   }, Ue.apply(this, arguments);
@@ -745,17 +751,17 @@ function Ve(e) {
   let {
     pathname: n = "/",
     search: r = "",
-    hash: l = ""
+    hash: o = ""
   } = e;
-  return r && r !== "?" && (n += r.charAt(0) === "?" ? r : "?" + r), l && l !== "#" && (n += l.charAt(0) === "#" ? l : "#" + l), n;
+  return r && r !== "?" && (n += r.charAt(0) === "?" ? r : "?" + r), o && o !== "#" && (n += o.charAt(0) === "#" ? o : "#" + o), n;
 }
 function Et(e) {
   let n = {};
   if (e) {
     let r = e.indexOf("#");
     r >= 0 && (n.hash = e.substr(r), e = e.substr(0, r));
-    let l = e.indexOf("?");
-    l >= 0 && (n.search = e.substr(l), e = e.substr(0, l)), e && (n.pathname = e);
+    let o = e.indexOf("?");
+    o >= 0 && (n.search = e.substr(o), e = e.substr(0, o)), e && (n.pathname = e);
   }
   return n;
 }
@@ -768,19 +774,19 @@ function We(e, n) {
     return e;
   if (!e.toLowerCase().startsWith(n.toLowerCase()))
     return null;
-  let r = n.endsWith("/") ? n.length - 1 : n.length, l = e.charAt(r);
-  return l && l !== "/" ? null : e.slice(r) || "/";
+  let r = n.endsWith("/") ? n.length - 1 : n.length, o = e.charAt(r);
+  return o && o !== "/" ? null : e.slice(r) || "/";
 }
 function mn(e, n) {
   n === void 0 && (n = "/");
   let {
     pathname: r,
-    search: l = "",
+    search: o = "",
     hash: a = ""
   } = typeof e == "string" ? Et(e) : e;
   return {
     pathname: r ? r.startsWith("/") ? r : hn(r, n) : n,
-    search: kn(l),
+    search: kn(o),
     hash: vn(a)
   };
 }
@@ -790,18 +796,18 @@ function hn(e, n) {
     a === ".." ? r.length > 1 && r.pop() : a !== "." && r.push(a);
   }), r.length > 1 ? r.join("/") : "/";
 }
-function Fe(e, n, r, l) {
-  return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + n + "` field [" + JSON.stringify(l) + "].  Please separate it out to the ") + ("`to." + r + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
+function Fe(e, n, r, o) {
+  return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + n + "` field [" + JSON.stringify(o) + "].  Please separate it out to the ") + ("`to." + r + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
 }
 function wt(e) {
   return e.filter((n, r) => r === 0 || n.route.path && n.route.path.length > 0);
 }
-function xt(e, n, r, l) {
-  l === void 0 && (l = !1);
+function xt(e, n, r, o) {
+  o === void 0 && (o = !1);
   let a;
   typeof e == "string" ? a = Et(e) : (a = Ue({}, e), F(!a.pathname || !a.pathname.includes("?"), Fe("?", "pathname", "search", a)), F(!a.pathname || !a.pathname.includes("#"), Fe("#", "pathname", "hash", a)), F(!a.search || !a.search.includes("#"), Fe("#", "search", "hash", a)));
   let i = e === "" || a.pathname === "", s = i ? "/" : a.pathname, c;
-  if (l || s == null)
+  if (o || s == null)
     c = r;
   else {
     let _ = n.length - 1;
@@ -834,8 +840,8 @@ function Be() {
   return Be = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
-      for (var l in r)
-        Object.prototype.hasOwnProperty.call(r, l) && (e[l] = r[l]);
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
     }
     return e;
   }, Be.apply(this, arguments);
@@ -850,12 +856,12 @@ const ee = /* @__PURE__ */ g.createContext(null);
 process.env.NODE_ENV !== "production" && (ee.displayName = "Navigation");
 const ze = /* @__PURE__ */ g.createContext(null);
 process.env.NODE_ENV !== "production" && (ze.displayName = "Location");
-const oe = /* @__PURE__ */ g.createContext({
+const le = /* @__PURE__ */ g.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
-process.env.NODE_ENV !== "production" && (oe.displayName = "Route");
+process.env.NODE_ENV !== "production" && (le.displayName = "Route");
 const gn = /* @__PURE__ */ g.createContext(null);
 process.env.NODE_ENV !== "production" && (gn.displayName = "RouteError");
 function Nn(e, n) {
@@ -869,7 +875,7 @@ function Nn(e, n) {
     "useHref() may be used only in the context of a <Router> component."
   ) : F(!1));
   let {
-    basename: l,
+    basename: o,
     navigator: a
   } = g.useContext(ee), {
     hash: i,
@@ -878,7 +884,7 @@ function Nn(e, n) {
   } = xe(e, {
     relative: r
   }), f = s;
-  return l !== "/" && (f = s === "/" ? l : He([l, s])), a.createHref({
+  return o !== "/" && (f = s === "/" ? o : He([o, s])), a.createHref({
     pathname: f,
     search: c,
     hash: i
@@ -902,7 +908,7 @@ function St(e) {
 function yn() {
   let {
     isDataRoute: e
-  } = g.useContext(oe);
+  } = g.useContext(le);
   return e ? Rn() : En();
 }
 function En() {
@@ -916,10 +922,10 @@ function En() {
     basename: n,
     navigator: r
   } = g.useContext(ee), {
-    matches: l
-  } = g.useContext(oe), {
+    matches: o
+  } = g.useContext(le), {
     pathname: a
-  } = fe(), i = JSON.stringify(wt(l).map((f) => f.pathnameBase)), s = g.useRef(!1);
+  } = fe(), i = JSON.stringify(wt(o).map((f) => f.pathnameBase)), s = g.useRef(!1);
   return St(() => {
     s.current = !0;
   }), g.useCallback(function(f, d) {
@@ -937,10 +943,10 @@ function xe(e, n) {
   let {
     relative: r
   } = n === void 0 ? {} : n, {
-    matches: l
-  } = g.useContext(oe), {
+    matches: o
+  } = g.useContext(le), {
     pathname: a
-  } = fe(), i = JSON.stringify(wt(l).map((s) => s.pathnameBase));
+  } = fe(), i = JSON.stringify(wt(o).map((s) => s.pathnameBase));
   return g.useMemo(() => xt(e, JSON.parse(i), a, r === "path"), [e, i, a, r]);
 }
 var Me;
@@ -959,7 +965,7 @@ function wn(e) {
   return n || (process.env.NODE_ENV !== "production" ? F(!1, Ot(e)) : F(!1)), n;
 }
 function xn(e) {
-  let n = g.useContext(oe);
+  let n = g.useContext(le);
   return n || (process.env.NODE_ENV !== "production" ? F(!1, Ot(e)) : F(!1)), n;
 }
 function Tt(e) {
@@ -1001,8 +1007,8 @@ function ne() {
   return ne = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
-      for (var l in r)
-        Object.prototype.hasOwnProperty.call(r, l) && (e[l] = r[l]);
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
     }
     return e;
   }, ne.apply(this, arguments);
@@ -1010,9 +1016,9 @@ function ne() {
 function Ke(e, n) {
   if (e == null)
     return {};
-  var r = {}, l = Object.keys(e), a, i;
-  for (i = 0; i < l.length; i++)
-    a = l[i], !(n.indexOf(a) >= 0) && (r[a] = e[a]);
+  var r = {}, o = Object.keys(e), a, i;
+  for (i = 0; i < o.length; i++)
+    a = o[i], !(n.indexOf(a) >= 0) && (r[a] = e[a]);
   return r;
 }
 const _e = "get", be = "application/x-www-form-urlencoded";
@@ -1055,16 +1061,16 @@ function Ie(e) {
   return e != null && !Ln.has(e) ? (process.env.NODE_ENV !== "production" && Ee(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + be + '"')), null) : e;
 }
 function $n(e, n) {
-  let r, l, a, i, s;
+  let r, o, a, i, s;
   if (Sn(e)) {
     let c = e.getAttribute("action");
-    l = c ? We(c, n) : null, r = e.getAttribute("method") || _e, a = Ie(e.getAttribute("enctype")) || be, i = new FormData(e);
+    o = c ? We(c, n) : null, r = e.getAttribute("method") || _e, a = Ie(e.getAttribute("enctype")) || be, i = new FormData(e);
   } else if (Pn(e) || On(e) && (e.type === "submit" || e.type === "image")) {
     let c = e.form;
     if (c == null)
       throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
     let f = e.getAttribute("formaction") || c.getAttribute("action");
-    if (l = f ? We(f, n) : null, r = e.getAttribute("formmethod") || c.getAttribute("method") || _e, a = Ie(e.getAttribute("formenctype")) || Ie(c.getAttribute("enctype")) || be, i = new FormData(c, e), !Dn()) {
+    if (o = f ? We(f, n) : null, r = e.getAttribute("formmethod") || c.getAttribute("method") || _e, a = Ie(e.getAttribute("formenctype")) || Ie(c.getAttribute("enctype")) || be, i = new FormData(c, e), !Dn()) {
       let {
         name: d,
         type: h,
@@ -1079,10 +1085,10 @@ function $n(e, n) {
   } else {
     if (Ce(e))
       throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    r = _e, l = null, a = be, s = e;
+    r = _e, o = null, a = be, s = e;
   }
   return i && a === "text/plain" && (s = i, i = void 0), {
-    action: l,
+    action: o,
     method: r.toLowerCase(),
     encType: a,
     formData: i,
@@ -1093,7 +1099,7 @@ const Fn = ["onClick", "relative", "reloadDocument", "replace", "state", "target
 process.env.NODE_ENV;
 const Un = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Vn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ne = /* @__PURE__ */ g.forwardRef(function(n, r) {
   let {
-    onClick: l,
+    onClick: o,
     relative: a,
     reloadDocument: i,
     replace: s,
@@ -1103,11 +1109,11 @@ const Un = typeof window < "u" && typeof window.document < "u" && typeof window.
     preventScrollReset: h
   } = n, _ = Ke(n, Fn), {
     basename: w
-  } = g.useContext(ee), C, O = !1;
+  } = g.useContext(ee), C, P = !1;
   if (typeof d == "string" && Vn.test(d) && (C = d, Un))
     try {
       let b = new URL(window.location.href), $ = d.startsWith("//") ? new URL(b.protocol + d) : new URL(d), A = We($.pathname, w);
-      $.origin === b.origin && A != null ? d = A + $.search + $.hash : O = !0;
+      $.origin === b.origin && A != null ? d = A + $.search + $.hash : P = !0;
     } catch {
       process.env.NODE_ENV !== "production" && Ee(!1, '<Link to="' + d + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
@@ -1120,14 +1126,14 @@ const Un = typeof window < "u" && typeof window.document < "u" && typeof window.
     preventScrollReset: h,
     relative: a
   });
-  function S(b) {
-    l && l(b), b.defaultPrevented || T(b);
+  function O(b) {
+    o && o(b), b.defaultPrevented || T(b);
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
     /* @__PURE__ */ g.createElement("a", ne({}, _, {
       href: C || R,
-      onClick: O || i ? l : S,
+      onClick: P || i ? o : O,
       ref: r,
       target: f
     }))
@@ -1136,7 +1142,7 @@ const Un = typeof window < "u" && typeof window.document < "u" && typeof window.
 process.env.NODE_ENV !== "production" && (Ne.displayName = "Link");
 const Wn = /* @__PURE__ */ g.forwardRef(function(n, r) {
   let {
-    "aria-current": l = "page",
+    "aria-current": o = "page",
     caseSensitive: a = !1,
     className: i = "",
     end: s = !1,
@@ -1146,10 +1152,10 @@ const Wn = /* @__PURE__ */ g.forwardRef(function(n, r) {
   } = n, h = Ke(n, In), _ = xe(f, {
     relative: h.relative
   }), w = fe(), C = g.useContext(Rt), {
-    navigator: O
-  } = g.useContext(ee), R = O.encodeLocation ? O.encodeLocation(_).pathname : _.pathname, T = w.pathname, S = C && C.navigation && C.navigation.location ? C.navigation.location.pathname : null;
-  a || (T = T.toLowerCase(), S = S ? S.toLowerCase() : null, R = R.toLowerCase());
-  let b = T === R || !s && T.startsWith(R) && T.charAt(R.length) === "/", $ = S != null && (S === R || !s && S.startsWith(R) && S.charAt(R.length) === "/"), A = b ? l : void 0, V;
+    navigator: P
+  } = g.useContext(ee), R = P.encodeLocation ? P.encodeLocation(_).pathname : _.pathname, T = w.pathname, O = C && C.navigation && C.navigation.location ? C.navigation.location.pathname : null;
+  a || (T = T.toLowerCase(), O = O ? O.toLowerCase() : null, R = R.toLowerCase());
+  let b = T === R || !s && T.startsWith(R) && T.charAt(R.length) === "/", $ = O != null && (O === R || !s && O.startsWith(R) && O.charAt(R.length) === "/"), A = b ? o : void 0, V;
   typeof i == "function" ? V = i({
     isActive: b,
     isPending: $
@@ -1181,7 +1187,7 @@ process.env.NODE_ENV !== "production" && (Bn.displayName = "Form");
 const jt = /* @__PURE__ */ g.forwardRef((e, n) => {
   let {
     reloadDocument: r,
-    replace: l,
+    replace: o,
     method: a = _e,
     action: i,
     onSubmit: s,
@@ -1190,14 +1196,14 @@ const jt = /* @__PURE__ */ g.forwardRef((e, n) => {
     preventScrollReset: d
   } = e, h = Ke(e, An), _ = a.toLowerCase() === "get" ? "get" : "post", w = Gn(i, {
     relative: f
-  }), C = (O) => {
-    if (s && s(O), O.defaultPrevented)
+  }), C = (P) => {
+    if (s && s(P), P.defaultPrevented)
       return;
-    O.preventDefault();
-    let R = O.nativeEvent.submitter, T = (R == null ? void 0 : R.getAttribute("formmethod")) || a;
-    c(R || O.currentTarget, {
+    P.preventDefault();
+    let R = P.nativeEvent.submitter, T = (R == null ? void 0 : R.getAttribute("formmethod")) || a;
+    c(R || P.currentTarget, {
       method: T,
-      replace: l,
+      replace: o,
       relative: f,
       preventScrollReset: d
     });
@@ -1229,7 +1235,7 @@ function Yn(e) {
 function Jn(e, n) {
   let {
     target: r,
-    replace: l,
+    replace: o,
     state: a,
     preventScrollReset: i,
     relative: s
@@ -1239,7 +1245,7 @@ function Jn(e, n) {
   return g.useCallback((h) => {
     if (jn(h, r)) {
       h.preventDefault();
-      let _ = l !== void 0 ? l : Ve(f) === Ve(d);
+      let _ = o !== void 0 ? o : Ve(f) === Ve(d);
       c(e, {
         replace: _,
         state: a,
@@ -1247,7 +1253,7 @@ function Jn(e, n) {
         relative: s
       });
     }
-  }, [f, c, d, l, a, r, e, i, s]);
+  }, [f, c, d, o, a, r, e, i, s]);
 }
 function Hn() {
   if (typeof document > "u")
@@ -1259,7 +1265,7 @@ function zn() {
   } = Yn(Ye.UseSubmit), {
     basename: n
   } = g.useContext(ee), r = Cn();
-  return g.useCallback(function(l, a) {
+  return g.useCallback(function(o, a) {
     a === void 0 && (a = {}), Hn();
     let {
       action: i,
@@ -1267,7 +1273,7 @@ function zn() {
       encType: c,
       formData: f,
       body: d
-    } = $n(l, n);
+    } = $n(o, n);
     e.navigate(a.action || i, {
       preventScrollReset: a.preventScrollReset,
       formData: f,
@@ -1283,8 +1289,8 @@ function Gn(e, n) {
   let {
     relative: r
   } = n === void 0 ? {} : n, {
-    basename: l
-  } = g.useContext(ee), a = g.useContext(oe);
+    basename: o
+  } = g.useContext(ee), a = g.useContext(le);
   a || (process.env.NODE_ENV !== "production" ? F(!1, "useFormAction must be used inside a RouteContext") : F(!1));
   let [i] = a.matches.slice(-1), s = ne({}, xe(e || ".", {
     relative: r
@@ -1293,34 +1299,34 @@ function Gn(e, n) {
     let f = new URLSearchParams(s.search);
     f.delete("index"), s.search = f.toString() ? "?" + f.toString() : "";
   }
-  return (!e || e === ".") && i.route.index && (s.search = s.search ? s.search.replace(/^\?/, "?index&") : "?index"), l !== "/" && (s.pathname = s.pathname === "/" ? l : He([l, s.pathname])), Ve(s);
+  return (!e || e === ".") && i.route.index && (s.search = s.search ? s.search.replace(/^\?/, "?index&") : "?index"), o !== "/" && (s.pathname = s.pathname === "/" ? o : He([o, s.pathname])), Ve(s);
 }
 const rr = z(
-  ({ breadcrumbs: e, navigationType: n, className: r, ...l }, a) => {
+  ({ breadcrumbs: e, navigationType: n, className: r, ...o }, a) => {
     const i = e.slice(0, 4), s = i[i.length - 2], c = [
       r,
       "pkt-breadcrumbs"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ m("nav", { ref: a, "aria-label": "brødsmulemeny", className: c, children: [
-      /* @__PURE__ */ o("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: i.map((f, d) => /* @__PURE__ */ o(
+      /* @__PURE__ */ l("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: i.map((f, d) => /* @__PURE__ */ l(
         "li",
         {
           className: "pkt-breadcrumbs__item",
-          children: d === i.length - 1 ? /* @__PURE__ */ o("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ o("span", { className: "pkt-breadcrumbs__text", children: f.text }) }) : n === "router" ? /* @__PURE__ */ m(
+          children: d === i.length - 1 ? /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: f.text }) }) : n === "router" ? /* @__PURE__ */ m(
             Ne,
             {
               to: f.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
-              ...l,
+              ...o,
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ l(
                   y,
                   {
                     className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon",
                     name: "chevron-thin-right"
                   }
                 ),
-                /* @__PURE__ */ o("span", { className: "pkt-breadcrumbs__text", children: f.text })
+                /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: f.text })
               ]
             }
           ) : /* @__PURE__ */ m(
@@ -1328,16 +1334,16 @@ const rr = z(
             {
               href: f.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
-              ...l,
+              ...o,
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ l(
                   y,
                   {
                     className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon",
                     name: "chevron-thin-right"
                   }
                 ),
-                /* @__PURE__ */ o("span", { className: "pkt-breadcrumbs__text", children: f.text })
+                /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: f.text })
               ]
             }
           )
@@ -1349,16 +1355,16 @@ const rr = z(
         {
           to: s.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
-          ...l,
+          ...o,
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ l(
               y,
               {
                 className: "pkt-back-link__icon pkt-icon pkt-link__icon",
                 name: "chevron-thin-left"
               }
             ),
-            /* @__PURE__ */ o("span", { className: "pkt-breadcrumbs__text", children: s.text })
+            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: s.text })
           ]
         }
       ) : /* @__PURE__ */ m(
@@ -1366,16 +1372,16 @@ const rr = z(
         {
           href: s.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
-          ...l,
+          ...o,
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ l(
               y,
               {
                 className: "pkt-back-link__icon pkt-icon pkt-link__icon",
                 name: "chevron-thin-left"
               }
             ),
-            /* @__PURE__ */ o("span", { className: "pkt-breadcrumbs__text", children: s.text })
+            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: s.text })
           ]
         }
       )
@@ -1386,7 +1392,7 @@ const rr = z(
     children: e,
     className: n,
     iconName: r = "user",
-    secondIconName: l = "user",
+    secondIconName: o = "user",
     size: a = "medium",
     skin: i = "primary",
     type: s = "button",
@@ -1403,23 +1409,23 @@ const rr = z(
       f && `pkt-btn--${f}`
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ m("button", { ...d, className: _, type: s, ref: h, children: [
-      c !== "label-only" && /* @__PURE__ */ o(y, { className: "pkt-btn__icon", name: r }),
-      /* @__PURE__ */ o("span", { className: "pkt-btn__text", children: e }),
-      c === "icons-right-and-left" && /* @__PURE__ */ o(y, { className: "pkt-btn__icon", name: l })
+      c !== "label-only" && /* @__PURE__ */ l(y, { className: "pkt-btn__icon", name: r }),
+      /* @__PURE__ */ l("span", { className: "pkt-btn__text", children: e }),
+      c === "icons-right-and-left" && /* @__PURE__ */ l(y, { className: "pkt-btn__icon", name: o })
     ] });
   }
 );
 ye.displayName = "PktButton";
-const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
+const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
   var i, s;
-  const a = [l, "pkt-footer"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("footer", { className: a, "data-mode": "dark", children: /* @__PURE__ */ m("div", { className: "pkt-footer__container", children: [
+  const a = [o, "pkt-footer"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("footer", { className: a, "data-mode": "dark", children: /* @__PURE__ */ m("div", { className: "pkt-footer__container", children: [
     /* @__PURE__ */ m("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
       /* @__PURE__ */ m("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
-        /* @__PURE__ */ o("h2", { className: "pkt-footer__title", children: e.title }),
+        /* @__PURE__ */ l("h2", { className: "pkt-footer__title", children: e.title }),
         /* @__PURE__ */ m("ul", { className: "pkt-footer__list", children: [
-          e.text && /* @__PURE__ */ o("li", { className: "pkt-footer__text", children: e.text }),
-          (i = e.links) == null ? void 0 : i.map((c, f) => /* @__PURE__ */ o("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
+          e.text && /* @__PURE__ */ l("li", { className: "pkt-footer__text", children: e.text }),
+          (i = e.links) == null ? void 0 : i.map((c, f) => /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
             "a",
             {
               className: `pkt-footer__link ${c.external ? "pkt-link--external" : ""}`,
@@ -1427,7 +1433,7 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
               target: c.openInNewTab ? "_blank" : "_self",
               rel: c.openInNewTab ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ o(y, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ l(y, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 c.text
               ]
             }
@@ -1435,10 +1441,10 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
         ] })
       ] }),
       /* @__PURE__ */ m("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
-        /* @__PURE__ */ o("h2", { className: "pkt-footer__title", children: n.title }),
+        /* @__PURE__ */ l("h2", { className: "pkt-footer__title", children: n.title }),
         /* @__PURE__ */ m("ul", { className: "pkt-footer__list", children: [
-          n.text && /* @__PURE__ */ o("li", { className: "pkt-footer__text", children: n.text }),
-          (s = n.links) == null ? void 0 : s.map((c, f) => /* @__PURE__ */ o("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
+          n.text && /* @__PURE__ */ l("li", { className: "pkt-footer__text", children: n.text }),
+          (s = n.links) == null ? void 0 : s.map((c, f) => /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
             "a",
             {
               className: `pkt-footer__link ${c.external ? "pkt-link--external" : ""}`,
@@ -1446,7 +1452,7 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
               target: c.openInNewTab ? "_blank" : "_self",
               rel: c.openInNewTab ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ o(y, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ l(y, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 c.text
               ]
             }
@@ -1454,32 +1460,32 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
         ] })
       ] }),
       /* @__PURE__ */ m("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
-        /* @__PURE__ */ o("h2", { className: "pkt-footer__title", children: "Om nettstedet" }),
+        /* @__PURE__ */ l("h2", { className: "pkt-footer__title", children: "Om nettstedet" }),
         /* @__PURE__ */ m("ul", { className: "pkt-footer__list", children: [
-          /* @__PURE__ */ o("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
+          /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
             "a",
             {
               className: "pkt-footer__link",
               href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
               children: [
-                /* @__PURE__ */ o(y, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ l(y, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 "Personvern og informasjonskapsler"
               ]
             }
           ) }),
-          /* @__PURE__ */ o("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m("a", { className: "pkt-footer__link", href: "https://www.oslo.kommune.no/tilgjengelighet/", children: [
-            /* @__PURE__ */ o(y, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+          /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m("a", { className: "pkt-footer__link", href: "https://www.oslo.kommune.no/tilgjengelighet/", children: [
+            /* @__PURE__ */ l(y, { className: "pkt-footer__link-icon", name: "chevron-right" }),
             "Tilgjengelighet"
           ] }) })
         ] })
       ] })
     ] }),
     r && /* @__PURE__ */ m("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
-      /* @__PURE__ */ o("div", { className: "pkt-footer__social-languages", children: r.filter((c) => c.language).map((c, f) => /* @__PURE__ */ o(
+      /* @__PURE__ */ l("div", { className: "pkt-footer__social-languages", children: r.filter((c) => c.language).map((c, f) => /* @__PURE__ */ l(
         "div",
         {
           className: "pkt-footer__social-language",
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ l(
             "a",
             {
               href: c.href,
@@ -1492,7 +1498,7 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
         },
         `sociallinks-language-${f}`
       )) }),
-      /* @__PURE__ */ o("div", { className: "pkt-footer__social-icons", children: r.filter((c) => c.iconName).map((c, f) => /* @__PURE__ */ o(K.Fragment, { children: /* @__PURE__ */ o(
+      /* @__PURE__ */ l("div", { className: "pkt-footer__social-icons", children: r.filter((c) => c.iconName).map((c, f) => /* @__PURE__ */ l(K.Fragment, { children: /* @__PURE__ */ l(
         "a",
         {
           href: c.href,
@@ -1500,42 +1506,42 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
           className: "pkt-footer__social-icon-link",
           target: c.openInNewTab ? "_blank" : "_self",
           rel: c.openInNewTab ? "noopener noreferrer" : void 0,
-          children: /* @__PURE__ */ o(y, { className: "pkt-footer__social-icon", name: c.iconName })
+          children: /* @__PURE__ */ l(y, { className: "pkt-footer__social-icon", name: c.iconName })
         }
       ) }, `sociallinks-${f}`)) })
     ] })
   ] }) });
-}, or = ({
+}, lr = ({
   links: e = [],
   className: n
 }) => {
   const r = [n, "pkt-footer-simple"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("footer", { className: r, "data-mode": "dark", children: /* @__PURE__ */ o("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ m("ul", { className: "pkt-footer-simple__list", children: [
-    e.map((l, a) => /* @__PURE__ */ o("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ l("footer", { className: r, "data-mode": "dark", children: /* @__PURE__ */ l("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ m("ul", { className: "pkt-footer-simple__list", children: [
+    e.map((o, a) => /* @__PURE__ */ l("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ m(
       "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 ${o.external ? " pkt-link--external" : ""}`,
+        href: o.href,
+        target: o.openInNewTab ? "_blank" : "_self",
+        rel: o.openInNewTab ? "noopener noreferrer" : void 0,
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ l(
             y,
             {
               className: "pkt-footer-simple__link-icon",
               name: "chevron-right"
             }
           ),
-          l.text
+          o.text
         ]
       }
     ) }, a)),
-    /* @__PURE__ */ o("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ m("a", { className: "pkt-footer-simple__link", href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/", children: [
-      /* @__PURE__ */ o(y, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+    /* @__PURE__ */ l("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ m("a", { className: "pkt-footer-simple__link", href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/", children: [
+      /* @__PURE__ */ l(y, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Personvern og informasjonskapsler"
     ] }) }),
-    /* @__PURE__ */ o("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ m("a", { className: "pkt-footer-simple__link", href: "https://www.oslo.kommune.no/tilgjengelighet/", children: [
-      /* @__PURE__ */ o(y, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+    /* @__PURE__ */ l("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ m("a", { className: "pkt-footer-simple__link", href: "https://www.oslo.kommune.no/tilgjengelighet/", children: [
+      /* @__PURE__ */ l(y, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Tilgjengelighet"
     ] }) })
   ] }) }) });
@@ -1550,39 +1556,39 @@ var Dt = { exports: {} };
   (function() {
     var n = {}.hasOwnProperty;
     function r() {
-      for (var l = [], a = 0; a < arguments.length; a++) {
+      for (var o = [], a = 0; a < arguments.length; a++) {
         var i = arguments[a];
         if (i) {
           var s = typeof i;
           if (s === "string" || s === "number")
-            l.push(i);
+            o.push(i);
           else if (Array.isArray(i)) {
             if (i.length) {
               var c = r.apply(null, i);
-              c && l.push(c);
+              c && o.push(c);
             }
           } else if (s === "object") {
             if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
-              l.push(i.toString());
+              o.push(i.toString());
               continue;
             }
             for (var f in i)
-              n.call(i, f) && i[f] && l.push(f);
+              n.call(i, f) && i[f] && o.push(f);
           }
         }
       }
-      return l.join(" ");
+      return o.join(" ");
     }
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(Dt);
 var Kn = Dt.exports;
-const Lt = /* @__PURE__ */ sn(Kn), lr = z(
+const Lt = /* @__PURE__ */ sn(Kn), or = z(
   ({
     logoLink: e = "https://www.oslo.kommune.no/",
     serviceName: n,
     fixed: r = !0,
-    scrollToHide: l = !0,
+    scrollToHide: o = !0,
     user: a,
     userMenu: i,
     representing: s,
@@ -1593,10 +1599,10 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = z(
     showLogOutButton: _ = !1,
     openMenu: w,
     logOut: C,
-    changeRepresentation: O,
+    changeRepresentation: P,
     ...R
   }, T) => {
-    const S = K.useMemo(() => typeof (a == null ? void 0 : a.lastLoggedIn) == "string" ? a.lastLoggedIn : a != null && a.lastLoggedIn ? new Date(a.lastLoggedIn).toLocaleString("nb-NO", {
+    const O = K.useMemo(() => typeof (a == null ? void 0 : a.lastLoggedIn) == "string" ? a.lastLoggedIn : a != null && a.lastLoggedIn ? new Date(a.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
@@ -1609,7 +1615,7 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = z(
     }, W = (v) => {
       H.current && !H.current.contains(v.target) && J(!1);
     }, G = () => {
-      if (l) {
+      if (o) {
         const v = window.pageYOffset || document.documentElement.scrollTop;
         if (v < 0 || Math.abs(v - A) < 60)
           return;
@@ -1625,13 +1631,13 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = z(
         "aria-label": "Topp",
         className: Lt("pkt-header", {
           "pkt-header--fixed": r,
-          "pkt-header--scroll-to-hide": l,
+          "pkt-header--scroll-to-hide": o,
           "pkt-header--hidden": b
         }),
         ref: T,
         children: [
           /* @__PURE__ */ m("div", { className: "pkt-header__logo", children: [
-            typeof e == "string" ? /* @__PURE__ */ o("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: e, children: /* @__PURE__ */ o(
+            typeof e == "string" ? /* @__PURE__ */ l("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: e, children: /* @__PURE__ */ l(
               y,
               {
                 name: "oslologo",
@@ -1639,13 +1645,13 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = z(
                 "aria-hidden": "true",
                 path: "https://punkt-cdn.oslo.kommune.no/8.0/logos/"
               }
-            ) }) : /* @__PURE__ */ o(
+            ) }) : /* @__PURE__ */ l(
               "button",
               {
                 "aria-label": "Tilbake til forside",
                 className: "pkt-link-button pkt-link pkt-header__logo-link",
                 onClick: e,
-                children: /* @__PURE__ */ o(
+                children: /* @__PURE__ */ l(
                   y,
                   {
                     name: "oslologo",
@@ -1656,10 +1662,10 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = z(
                 )
               }
             ),
-            /* @__PURE__ */ o("span", { className: "pkt-header__logo-service", children: n })
+            /* @__PURE__ */ l("span", { className: "pkt-header__logo-service", children: n })
           ] }),
-          /* @__PURE__ */ o("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ m("ul", { className: "pkt-header__actions-row", children: [
-            h && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+          /* @__PURE__ */ l("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ m("ul", { className: "pkt-header__actions-row", children: [
+            h && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
               ye,
               {
                 className: "pkt-header__menu-btn",
@@ -1687,70 +1693,70 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = z(
                       "aria-expanded": I,
                       onClick: M,
                       children: [
-                        /* @__PURE__ */ o(y, { name: "user", className: "pkt-btn__icon" }),
-                        /* @__PURE__ */ o("span", { className: "pkt-header__user-fullname", children: (s == null ? void 0 : s.name) || (a == null ? void 0 : a.name) }),
-                        /* @__PURE__ */ o("span", { className: "pkt-header__user-shortname", children: (s == null ? void 0 : s.shortname) || (a == null ? void 0 : a.shortname) }),
-                        /* @__PURE__ */ o(y, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
-                        /* @__PURE__ */ o(y, { name: "chevron-thin-up", className: "pkt-btn--open" })
+                        /* @__PURE__ */ l(y, { name: "user", className: "pkt-btn__icon" }),
+                        /* @__PURE__ */ l("span", { className: "pkt-header__user-fullname", children: (s == null ? void 0 : s.name) || (a == null ? void 0 : a.name) }),
+                        /* @__PURE__ */ l("span", { className: "pkt-header__user-shortname", children: (s == null ? void 0 : s.shortname) || (a == null ? void 0 : a.shortname) }),
+                        /* @__PURE__ */ l(y, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
+                        /* @__PURE__ */ l(y, { name: "chevron-thin-up", className: "pkt-btn--open" })
                       ]
                     }
                   ),
                   /* @__PURE__ */ m("ul", { id: "pktUserDropdown", className: "pkt-header__dropdown pkt-user-menu", children: [
                     a && /* @__PURE__ */ m("li", { children: [
-                      /* @__PURE__ */ o("div", { className: "pkt-user-menu__label", children: "Pålogget som" }),
-                      /* @__PURE__ */ o("div", { className: "pkt-user-menu__name", children: a.name }),
+                      /* @__PURE__ */ l("div", { className: "pkt-user-menu__label", children: "Pålogget som" }),
+                      /* @__PURE__ */ l("div", { className: "pkt-user-menu__name", children: a.name }),
                       a.lastLoggedIn && /* @__PURE__ */ m("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ o("time", { children: S })
+                        /* @__PURE__ */ l("time", { children: O })
                       ] })
                     ] }),
-                    i && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("ul", { className: "pkt-list", children: i.map((v, j) => /* @__PURE__ */ o("li", { children: typeof v.target == "string" ? /* @__PURE__ */ m("a", { href: v.target, className: "pkt-link", children: [
-                      v.iconName && /* @__PURE__ */ o(y, { name: v.iconName, className: "pkt-link__icon" }),
+                    i && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("ul", { className: "pkt-list", children: i.map((v, j) => /* @__PURE__ */ l("li", { children: typeof v.target == "string" ? /* @__PURE__ */ m("a", { href: v.target, className: "pkt-link", children: [
+                      v.iconName && /* @__PURE__ */ l(y, { name: v.iconName, className: "pkt-link__icon" }),
                       v.title
                     ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: v.target, children: [
-                      v.iconName && /* @__PURE__ */ o(y, { name: v.iconName, className: "pkt-link__icon" }),
+                      v.iconName && /* @__PURE__ */ l(y, { name: v.iconName, className: "pkt-link__icon" }),
                       v.title
                     ] }) }, `userMenu-${j}`)) }) }),
                     (s || d) && /* @__PURE__ */ m("li", { children: [
                       s && /* @__PURE__ */ m(X, { children: [
-                        /* @__PURE__ */ o("div", { className: "pkt-user-menu__label", children: "Representerer" }),
-                        /* @__PURE__ */ o("div", { className: "pkt-user-menu__name", children: s.name }),
+                        /* @__PURE__ */ l("div", { className: "pkt-user-menu__label", children: "Representerer" }),
+                        /* @__PURE__ */ l("div", { className: "pkt-user-menu__name", children: s.name }),
                         s.orgNumber && /* @__PURE__ */ m("div", { className: "pkt-user-menu__org-number", children: [
                           "Org.nr. ",
                           s.orgNumber
                         ] })
                       ] }),
-                      /* @__PURE__ */ o("ul", { className: "pkt-list mt-size-16", children: d && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ m(
+                      /* @__PURE__ */ l("ul", { className: "pkt-list mt-size-16", children: d && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m(
                         "button",
                         {
                           className: "pkt-link-button pkt-link",
-                          onClick: O,
+                          onClick: P,
                           children: [
-                            /* @__PURE__ */ o(y, { name: "cogwheel", className: "pkt-link__icon" }),
+                            /* @__PURE__ */ l(y, { name: "cogwheel", className: "pkt-link__icon" }),
                             "Endre organisasjon"
                           ]
                         }
                       ) }) })
                     ] }),
-                    /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("ul", { className: "pkt-list", children: (c || !_) && /* @__PURE__ */ m(X, { children: [
-                      c == null ? void 0 : c.map((v, j) => /* @__PURE__ */ o("li", { children: typeof v.target == "string" ? /* @__PURE__ */ m("a", { href: v.target, className: "pkt-link", children: [
-                        v.iconName && /* @__PURE__ */ o(y, { name: v.iconName, className: "pkt-link__icon" }),
+                    /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("ul", { className: "pkt-list", children: (c || !_) && /* @__PURE__ */ m(X, { children: [
+                      c == null ? void 0 : c.map((v, j) => /* @__PURE__ */ l("li", { children: typeof v.target == "string" ? /* @__PURE__ */ m("a", { href: v.target, className: "pkt-link", children: [
+                        v.iconName && /* @__PURE__ */ l(y, { name: v.iconName, className: "pkt-link__icon" }),
                         v.title
                       ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: v.target, children: [
-                        v.iconName && /* @__PURE__ */ o(y, { name: v.iconName, className: "pkt-link__icon" }),
+                        v.iconName && /* @__PURE__ */ l(y, { name: v.iconName, className: "pkt-link__icon" }),
                         v.title
                       ] }) }, `userOptions-${j}`)),
-                      !_ && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: C, children: [
-                        /* @__PURE__ */ o(y, { name: "exit", className: "pkt-link__icon" }),
+                      !_ && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: C, children: [
+                        /* @__PURE__ */ l(y, { name: "exit", className: "pkt-link__icon" }),
                         "Logg ut"
                       ] }) })
                     ] }) }) }),
-                    f && /* @__PURE__ */ o("li", { className: "footer", children: /* @__PURE__ */ o("ul", { className: "pkt-list-horizontal bordered", children: f.map((v, j) => /* @__PURE__ */ o("li", { children: typeof v.target == "string" ? /* @__PURE__ */ o("a", { href: v.target, className: "pkt-link", children: v.title }) : /* @__PURE__ */ o("button", { className: "pkt-link-button pkt-link", onClick: v.target, children: v.title }) }, `userMenuFooter-${j}`)) }) })
+                    f && /* @__PURE__ */ l("li", { className: "footer", children: /* @__PURE__ */ l("ul", { className: "pkt-list-horizontal bordered", children: f.map((v, j) => /* @__PURE__ */ l("li", { children: typeof v.target == "string" ? /* @__PURE__ */ l("a", { href: v.target, className: "pkt-link", children: v.title }) : /* @__PURE__ */ l("button", { className: "pkt-link-button pkt-link", onClick: v.target, children: v.title }) }, `userMenuFooter-${j}`)) }) })
                   ] })
                 ]
               }
             ),
-            _ && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+            _ && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
               ye,
               {
                 className: "pkt-header__user-btn pkt-header__user-btn-logout",
@@ -1768,9 +1774,9 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = z(
     );
   }
 ), qn = K.forwardRef(
-  ({ label: e, id: n, children: r, ...l }, a) => /* @__PURE__ */ m("div", { className: "pkt-form-group", children: [
-    /* @__PURE__ */ o("label", { htmlFor: n, className: "pkt-form-label", children: e }),
-    /* @__PURE__ */ o("input", { className: "pkt-form-input", id: n, ...l, ref: a }),
+  ({ label: e, id: n, children: r, ...o }, a) => /* @__PURE__ */ m("div", { className: "pkt-form-group", children: [
+    /* @__PURE__ */ l("label", { htmlFor: n, className: "pkt-form-label", children: e }),
+    /* @__PURE__ */ l("input", { className: "pkt-form-input", id: n, ...o, ref: a }),
     r
   ] })
 );
@@ -1780,7 +1786,7 @@ const qe = z(
     forId: e,
     label: n,
     helptext: r,
-    helptextDropdown: l,
+    helptextDropdown: o,
     helptextDropdownButton: a,
     optional: i,
     optionalText: s = "Valgfritt",
@@ -1791,23 +1797,23 @@ const qe = z(
     disabled: _,
     inline: w,
     ariaDescribedby: C,
-    useWrapper: O = !0,
+    useWrapper: P = !0,
     children: R,
     className: T
-  }, S) => {
+  }, O) => {
     const [b, $] = ue(!1), A = () => {
       $(!b);
-    }, V = () => i ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : c ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", I = i ? s : c ? f : "", J = _ ? "pkt-inputwrapper--disabled" : "", H = w ? "pkt-inputwrapper--inline" : "", M = d ? "pkt-inputwrapper--error" : "", W = !!l && l !== "", G = a || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', v = W ? "div" : "label", j = W ? "h2" : "span", B = C || (r ? `${e}-helptext` : void 0);
+    }, V = () => i ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : c ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", I = i ? s : c ? f : "", J = _ ? "pkt-inputwrapper--disabled" : "", H = w ? "pkt-inputwrapper--inline" : "", M = d ? "pkt-inputwrapper--error" : "", W = !!o && o !== "", G = a || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', v = W ? "div" : "label", j = W ? "h2" : "span", B = C || (r ? `${e}-helptext` : void 0);
     return /* @__PURE__ */ m(
       "div",
       {
         className: ["pkt-inputwrapper", T, J, H, M].join(
           " "
         ),
-        ref: S,
+        ref: O,
         children: [
-          O ? /* @__PURE__ */ m(X, { children: [
-            /* @__PURE__ */ o(
+          P ? /* @__PURE__ */ m(X, { children: [
+            /* @__PURE__ */ l(
               v,
               {
                 htmlFor: e,
@@ -1815,13 +1821,13 @@ const qe = z(
                 "aria-describedby": W ? "" : C,
                 children: /* @__PURE__ */ m(j, { id: `${e}-label`, children: [
                   n,
-                  I !== "" && /* @__PURE__ */ o("span", { className: V(), children: I })
+                  I !== "" && /* @__PURE__ */ l("span", { className: V(), children: I })
                 ] })
               }
             ),
-            r && /* @__PURE__ */ o("div", { className: "pkt-inputwrapper__helptext", id: `${e}-helptext`, children: r }),
-            W && l !== "" && /* @__PURE__ */ m("div", { children: [
-              /* @__PURE__ */ o(
+            r && /* @__PURE__ */ l("div", { className: "pkt-inputwrapper__helptext", id: `${e}-helptext`, children: r }),
+            W && o !== "" && /* @__PURE__ */ m("div", { children: [
+              /* @__PURE__ */ l(
                 ye,
                 {
                   skin: "tertiary",
@@ -1830,21 +1836,21 @@ const qe = z(
                   iconName: b ? "chevron-thin-up" : "chevron-thin-down",
                   className: "pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",
                   onClick: A,
-                  children: /* @__PURE__ */ o("span", { dangerouslySetInnerHTML: { __html: G } })
+                  children: /* @__PURE__ */ l("span", { dangerouslySetInnerHTML: { __html: G } })
                 }
               ),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ l(
                 "div",
                 {
                   className: `pkt-inputwrapper__helptext ${b ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
-                  children: /* @__PURE__ */ o("span", { dangerouslySetInnerHTML: { __html: l } })
+                  children: /* @__PURE__ */ l("span", { dangerouslySetInnerHTML: { __html: o } })
                 }
               ),
-              /* @__PURE__ */ o("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": B, children: n })
+              /* @__PURE__ */ l("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": B, children: n })
             ] }),
-            /* @__PURE__ */ o(X, { children: R })
+            /* @__PURE__ */ l(X, { children: R })
           ] }) : /* @__PURE__ */ m(X, { children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ l(
               "label",
               {
                 htmlFor: e,
@@ -1856,7 +1862,7 @@ const qe = z(
             ),
             R
           ] }),
-          d && h && /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(dn, { skin: "error", "aria-live": "assertive", id: `${e}-error`, children: h }) })
+          d && h && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(dn, { skin: "error", "aria-live": "assertive", id: `${e}-error`, slim: !0, children: h }) })
         ]
       }
     );
@@ -1868,7 +1874,7 @@ const Xn = z(
     children: e,
     className: n,
     iconName: r = "user",
-    openInNewTab: l = !1,
+    openInNewTab: o = !1,
     skin: a = "normal",
     href: i = "#",
     external: s = !1,
@@ -1880,14 +1886,14 @@ const Xn = z(
       {
         href: i,
         className: `pkt-linkcard pkt-link ${d}`,
-        target: l ? "_blank" : "_self",
-        rel: l ? "noopener noreferrer" : void 0,
+        target: o ? "_blank" : "_self",
+        rel: o ? "noopener noreferrer" : void 0,
         ref: f,
         children: [
-          /* @__PURE__ */ o(y, { className: "pkt-link__icon", name: r }),
+          /* @__PURE__ */ l(y, { className: "pkt-link__icon", name: r }),
           /* @__PURE__ */ m("div", { className: "pkt-linkcard__content", children: [
-            /* @__PURE__ */ o("div", { className: `pkt-linkcard__title ${s ? "pkt-link pkt-link--external" : ""}`, children: c }),
-            /* @__PURE__ */ o("div", { className: "pkt-linkcard__text", children: e })
+            /* @__PURE__ */ l("div", { className: `pkt-linkcard__title ${s ? "pkt-link pkt-link--external" : ""}`, children: c }),
+            /* @__PURE__ */ l("div", { className: "pkt-linkcard__text", children: e })
           ] })
         ]
       }
@@ -1899,44 +1905,44 @@ const ir = ({
   children: e,
   skin: n = "beige",
   title: r,
-  className: l,
+  className: o,
   ...a
 }) => {
-  const i = ["pkt-messagebox", n && `pkt-messagebox--${n}`, l].filter(Boolean).join(" ");
+  const i = ["pkt-messagebox", n && `pkt-messagebox--${n}`, o].filter(Boolean).join(" ");
   return /* @__PURE__ */ m("div", { ...a, className: i, children: [
-    /* @__PURE__ */ o("div", { className: "pkt-messagebox__title", children: r }),
-    /* @__PURE__ */ o("div", { className: "pkt-messagebox__text", children: e })
+    /* @__PURE__ */ l("div", { className: "pkt-messagebox__title", children: r }),
+    /* @__PURE__ */ l("div", { className: "pkt-messagebox__text", children: e })
   ] });
 }, Zn = z(
-  ({ id: e, name: n, label: r, value: l, ...a }, i) => /* @__PURE__ */ m("div", { className: "pkt-form-group", children: [
-    /* @__PURE__ */ o("input", { type: "radio", className: "pkt-form-check-input", id: e, name: n, value: l, ref: i, ...a }),
-    /* @__PURE__ */ o("label", { className: "pkt-form-label", htmlFor: e, children: r })
+  ({ id: e, name: n, label: r, value: o, ...a }, i) => /* @__PURE__ */ m("div", { className: "pkt-form-group", children: [
+    /* @__PURE__ */ l("input", { type: "radio", className: "pkt-form-check-input", id: e, name: n, value: o, ref: i, ...a }),
+    /* @__PURE__ */ l("label", { className: "pkt-form-label", htmlFor: e, children: r })
   ] })
 );
 Zn.displayName = "PktRadio";
 const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
-  /* @__PURE__ */ o("p", { children: e }),
-  /* @__PURE__ */ o("div", { className: "pkt-form-group", children: n })
-] }), Qn = ({ isResponsive: e, children: n }) => e ? /* @__PURE__ */ o("div", { className: "pkt-table-container", children: n }) : /* @__PURE__ */ o(X, { children: n }), cr = ({
+  /* @__PURE__ */ l("p", { children: e }),
+  /* @__PURE__ */ l("div", { className: "pkt-form-group", children: n })
+] }), Qn = ({ isResponsive: e, children: n }) => e ? /* @__PURE__ */ l("div", { className: "pkt-table-container", children: n }) : /* @__PURE__ */ l(X, { children: n }), cr = ({
   isResponsive: e,
-  modifiers: { info: n = !1, success: r = !1, strong: l = !1, shadow: a = !1 } = {},
+  modifiers: { info: n = !1, success: r = !1, strong: o = !1, shadow: a = !1 } = {},
   children: i
-}) => /* @__PURE__ */ o(Qn, { isResponsive: e, children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ l(Qn, { isResponsive: e, children: /* @__PURE__ */ l(
   "table",
   {
     className: Lt("pkt-table", {
       "pkt-table--info": n,
       "pkt-table--success": r,
-      "pkt-table--strong": l,
+      "pkt-table--strong": o,
       "pkt-table--shadow": a
     }),
     children: i
   }
-) }), ur = ({ children: e }) => /* @__PURE__ */ o("td", { className: "pkt-table__th", children: e }), fr = ({ children: e }) => /* @__PURE__ */ o("th", { className: "pkt-table__th", children: e }), er = z(({
+) }), ur = ({ children: e }) => /* @__PURE__ */ l("td", { className: "pkt-table__th", children: e }), fr = ({ children: e }) => /* @__PURE__ */ l("th", { className: "pkt-table__th", children: e }), er = z(({
   children: e,
   className: n,
   skin: r = "blue",
-  textStyle: l = "normal-text",
+  textStyle: o = "normal-text",
   size: a = "medium",
   closeTag: i = !1,
   iconName: s = "",
@@ -1945,13 +1951,13 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
   onClick: d = () => {
   }
 }, h) => {
-  const [_, w] = ue(!1), C = (S) => {
-    w(!0), d(S);
-  }, O = [
+  const [_, w] = ue(!1), C = (O) => {
+    w(!0), d(O);
+  }, P = [
     "pkt-tag",
     a && `pkt-tag--${a}`,
     r && `pkt-tag--${r}`,
-    l && `pkt-tag--${l}`,
+    o && `pkt-tag--${o}`,
     n
   ].filter(Boolean).join(" "), R = [
     "pkt-tag",
@@ -1959,12 +1965,12 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
     "pkt-btn--tertiary",
     a && `pkt-tag--${a}`,
     r && `pkt-tag--${r}`,
-    l && `pkt-tag--${l}`,
+    o && `pkt-tag--${o}`,
     s && i ? "pkt-btn--icons-right-and-left" : null,
     i && !s ? "pkt-btn--icon-right" : null,
     n
   ].filter(Boolean).join(" "), T = !_;
-  return i && s ? /* @__PURE__ */ o(X, { children: T && /* @__PURE__ */ m(
+  return i && s ? /* @__PURE__ */ l(X, { children: T && /* @__PURE__ */ m(
     "button",
     {
       className: R,
@@ -1973,12 +1979,12 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
       onClick: C,
       ref: h,
       children: [
-        /* @__PURE__ */ o(y, { className: "pkt-tag__icon", name: s }),
+        /* @__PURE__ */ l(y, { className: "pkt-tag__icon", name: s }),
         e,
-        /* @__PURE__ */ o(y, { className: "pkt-tag__close-btn", name: "close" })
+        /* @__PURE__ */ l(y, { className: "pkt-tag__close-btn", name: "close" })
       ]
     }
-  ) }) : i ? /* @__PURE__ */ o(X, { children: T && /* @__PURE__ */ m(
+  ) }) : i ? /* @__PURE__ */ l(X, { children: T && /* @__PURE__ */ m(
     "button",
     {
       className: R,
@@ -1987,14 +1993,14 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
       onClick: C,
       ref: h,
       children: [
-        /* @__PURE__ */ o(y, { className: "pkt-tag__close-btn", name: "close" }),
+        /* @__PURE__ */ l(y, { className: "pkt-tag__close-btn", name: "close" }),
         e
       ]
     }
-  ) }) : s ? /* @__PURE__ */ m("span", { className: O, children: [
-    /* @__PURE__ */ o(y, { className: "pkt-tag__icon", name: s }),
+  ) }) : s ? /* @__PURE__ */ m("span", { className: P, children: [
+    /* @__PURE__ */ l(y, { className: "pkt-tag__icon", name: s }),
     e
-  ] }) : /* @__PURE__ */ o("span", { className: O, children: e });
+  ] }) : /* @__PURE__ */ l("span", { className: P, children: e });
 });
 er.displayName = "PktTag";
 const pr = z(
@@ -2002,7 +2008,7 @@ const pr = z(
     id: e,
     ariaDescribedby: n,
     ariaLabelledby: r,
-    counter: l,
+    counter: o,
     counterMaxLength: a,
     className: i,
     disabled: s,
@@ -2013,10 +2019,10 @@ const pr = z(
     helptextDropdownButton: _,
     inline: w,
     fullwidth: C = !1,
-    label: O,
+    label: P,
     name: R,
     optional: T = !1,
-    optionalText: S,
+    optionalText: O,
     required: b = !1,
     requiredText: $,
     placeholder: A,
@@ -2025,14 +2031,14 @@ const pr = z(
     onChange: J,
     ...H
   }, M) => {
-    const W = [i, "pkt-textinput", "pkt-textarea"].join(" "), G = r || `${e}-label`, v = ln(null), [j, B] = ue(0), te = (Z) => {
-      var Q, le;
-      if (l && B(((le = (Q = Z.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : le.length) || 0), J)
+    const W = [i, "pkt-textinput", "pkt-textarea"].join(" "), G = r || `${e}-label`, v = on(null), [j, B] = ue(0), te = (Z) => {
+      var Q, oe;
+      if (o && B(((oe = (Q = Z.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : oe.length) || 0), J)
         return J(Z);
     };
     return yt(() => {
       var Z, Q;
-      typeof M == "function" && M(v.current), l && B(((Q = (Z = v == null ? void 0 : v.current) == null ? void 0 : Z.value) == null ? void 0 : Q.length) || 0);
+      typeof M == "function" && M(v.current), o && B(((Q = (Z = v == null ? void 0 : v.current) == null ? void 0 : Z.value) == null ? void 0 : Q.length) || 0);
     }, [M]), /* @__PURE__ */ m(
       qe,
       {
@@ -2046,14 +2052,14 @@ const pr = z(
         helptextDropdown: h,
         helptextDropdownButton: _,
         inline: w,
-        label: O,
+        label: P,
         optional: T,
-        optionalText: S,
+        optionalText: O,
         required: b,
         requiredText: $,
         useWrapper: I,
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ l(
             "textarea",
             {
               ref: v,
@@ -2071,7 +2077,7 @@ const pr = z(
               onChange: te
             }
           ),
-          l && /* @__PURE__ */ m("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
+          o && /* @__PURE__ */ m("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
             j || 0,
             a && `/${a}`
           ] })
@@ -2084,7 +2090,7 @@ const pr = z(
     id: e,
     ariaDescribedby: n,
     ariaLabelledby: r,
-    autocomplete: l = "off",
+    autocomplete: o = "off",
     className: a,
     disabled: i = !1,
     errorMessage: s,
@@ -2095,10 +2101,10 @@ const pr = z(
     iconNameRight: _,
     inline: w = !1,
     fullwidth: C = !1,
-    label: O,
+    label: P,
     name: R,
     optional: T = !1,
-    optionalText: S,
+    optionalText: O,
     required: b = !1,
     requiredText: $,
     placeholder: A,
@@ -2110,7 +2116,7 @@ const pr = z(
     ...W
   }, G) => {
     const v = [a, "pkt-textinput"].join(" "), j = r || `${e}-label`;
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ l(
       qe,
       {
         ariaDescribedby: n,
@@ -2123,15 +2129,15 @@ const pr = z(
         helptextDropdown: d,
         helptextDropdownButton: h,
         inline: w,
-        label: O,
+        label: P,
         optional: T,
-        optionalText: S,
+        optionalText: O,
         required: b,
         requiredText: $,
         useWrapper: H,
         children: /* @__PURE__ */ m("div", { className: "pkt-input__container", children: [
-          V && /* @__PURE__ */ o("div", { className: "pkt-input-prefix", children: V }),
-          /* @__PURE__ */ o(
+          V && /* @__PURE__ */ l("div", { className: "pkt-input-prefix", children: V }),
+          /* @__PURE__ */ l(
             "input",
             {
               ref: G,
@@ -2140,7 +2146,7 @@ const pr = z(
               name: R || e,
               id: e,
               placeholder: A,
-              autoComplete: l,
+              autoComplete: o,
               value: M,
               disabled: i,
               "aria-required": b,
@@ -2152,9 +2158,9 @@ const pr = z(
           ),
           I && /* @__PURE__ */ m("p", { className: "pkt-input-suffix", children: [
             I,
-            _ && /* @__PURE__ */ o(y, { className: "pkt-input-suffix-icon", name: _ })
+            _ && /* @__PURE__ */ l(y, { className: "pkt-input-suffix-icon", name: _ })
           ] }),
-          !I && _ && /* @__PURE__ */ o(y, { className: "pkt-input-icon", name: _ })
+          !I && _ && /* @__PURE__ */ l(y, { className: "pkt-input-icon", name: _ })
         ] })
       }
     );
@@ -2166,8 +2172,8 @@ export {
   rr as PktBreadcrumbs,
   ye as PktButton,
   ar as PktFooter,
-  or as PktFooterSimple,
-  lr as PktHeader,
+  lr as PktFooterSimple,
+  or as PktHeader,
   y as PktIcon,
   qn as PktInput,
   qe as PktInputWrapper,