@oslokommune/punkt-react 11.12.3 → 11.12.4

package/dist/punkt-react.es.js

@@ -1,7 +1,7 @@
-import * as N from "react";
-import H, { createContext as pn, useState as le, useContext as fn, useEffect as Je, forwardRef as M, useRef as Et, Fragment as dn } from "react";
+import * as b from "react";
+import X, { createContext as fn, useState as se, useContext as dn, useEffect as Je, forwardRef as V, useRef as jt, Fragment as mn } from "react";
 import "react-dom";
-function mn(e) {
+function hn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var We = { exports: {} }, ue = {};
@@ -14,23 +14,23 @@ var We = { exports: {} }, ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _t;
-function hn() {
-  if (_t)
+var vt;
+function kn() {
+  if (vt)
     return ue;
-  _t = 1;
-  var e = H, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), a = 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 };
+  vt = 1;
+  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, k = {}, v = null, S = null;
-    u !== void 0 && (v = "" + u), p.key !== void 0 && (v = "" + p.key), p.ref !== void 0 && (S = p.ref);
+    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)
-      a.call(p, d) && !s.hasOwnProperty(d) && (k[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)
-        k[d] === void 0 && (k[d] = p[d]);
-    return { $$typeof: n, type: o, key: v, ref: S, props: k, _owner: l.current };
+        h[d] === void 0 && (h[d] = p[d]);
+    return { $$typeof: r, type: o, key: k, ref: C, props: h, _owner: l.current };
   }
-  return ue.Fragment = r, ue.jsx = c, ue.jsxs = c, ue;
+  return ue.Fragment = a, ue.jsx = c, ue.jsxs = c, ue;
 }
 var pe = {};
 /**
@@ -42,64 +42,64 @@ var pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var bt;
-function kn() {
-  return bt || (bt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = H, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), a = 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"), k = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), x = Symbol.iterator, T = "@@iterator";
-    function j(t) {
-      if (t === null || typeof t != "object")
+var _t;
+function vn() {
+  return _t || (_t = 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"), 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;
-      var f = x && t[x] || t[T];
+      var f = j && n[j] || n[S];
       return typeof f == "function" ? f : null;
     }
-    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function E(t) {
+    var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(n) {
       {
         for (var f = arguments.length, m = new Array(f > 1 ? f - 1 : 0), g = 1; g < f; g++)
           m[g - 1] = arguments[g];
-        _("error", t, m);
+        v("error", n, m);
       }
     }
-    function _(t, f, m) {
+    function v(n, f, m) {
       {
-        var g = y.ReactDebugCurrentFrame, P = g.getStackAddendum();
+        var g = R.ReactDebugCurrentFrame, P = g.getStackAddendum();
         P !== "" && (f += "%s", m = m.concat([P]));
-        var $ = m.map(function(R) {
-          return String(R);
+        var T = m.map(function(E) {
+          return String(E);
         });
-        $.unshift("Warning: " + f), Function.prototype.apply.call(console[t], console, $);
+        T.unshift("Warning: " + f), Function.prototype.apply.call(console[n], console, T);
       }
     }
-    var O = !1, F = !1, W = !1, B = !1, J = !1, V;
-    V = Symbol.for("react.module.reference");
-    function z(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === a || t === s || J || t === l || t === u || t === d || B || t === S || O || F || W || typeof t == "object" && t !== null && (t.$$typeof === v || t.$$typeof === k || t.$$typeof === c || t.$$typeof === o || t.$$typeof === p || // This needs to include all possible module reference object
+    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 === 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.
-      t.$$typeof === V || t.getModuleId !== void 0));
+      n.$$typeof === M || n.getModuleId !== void 0));
     }
-    function G(t, f, m) {
-      var g = t.displayName;
+    function z(n, f, m) {
+      var g = n.displayName;
       if (g)
         return g;
       var P = f.displayName || f.name || "";
       return P !== "" ? m + "(" + P + ")" : m;
     }
-    function Y(t) {
-      return t.displayName || "Context";
+    function K(n) {
+      return n.displayName || "Context";
     }
-    function U(t) {
-      if (t == null)
+    function F(n) {
+      if (n == null)
         return null;
-      if (typeof t.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
-        return t.displayName || t.name || null;
-      if (typeof t == "string")
-        return t;
-      switch (t) {
-        case a:
+      if (typeof n.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
+        case i:
           return "Fragment";
-        case r:
+        case a:
           return "Portal";
         case s:
           return "Profiler";
@@ -110,23 +110,23 @@ function kn() {
         case d:
           return "SuspenseList";
       }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
+      if (typeof n == "object")
+        switch (n.$$typeof) {
           case o:
-            var f = t;
-            return Y(f) + ".Consumer";
+            var f = n;
+            return K(f) + ".Consumer";
           case c:
-            var m = t;
-            return Y(m._context) + ".Provider";
+            var m = n;
+            return K(m._context) + ".Provider";
           case p:
-            return G(t, t.render, "ForwardRef");
-          case k:
-            var g = t.displayName || null;
-            return g !== null ? g : U(t.type) || "Memo";
-          case v: {
-            var P = t, $ = P._payload, R = P._init;
+            return z(n, n.render, "ForwardRef");
+          case h:
+            var g = n.displayName || null;
+            return g !== null ? g : F(n.type) || "Memo";
+          case k: {
+            var P = n, T = P._payload, E = P._init;
             try {
-              return U(R($));
+              return F(E(T));
             } catch {
               return null;
             }
@@ -134,372 +134,372 @@ function kn() {
         }
       return null;
     }
-    var b = Object.assign, A = 0, ee, te, oe, Qe, et, tt, nt;
-    function rt() {
+    var x = Object.assign, L = 0, Z, Q, ie, Ze, Qe, et, tt;
+    function nt() {
     }
-    rt.__reactDisabledLog = !0;
+    nt.__reactDisabledLog = !0;
     function At() {
       {
-        if (A === 0) {
-          ee = console.log, te = console.info, oe = console.warn, Qe = console.error, et = console.group, tt = console.groupCollapsed, nt = console.groupEnd;
-          var t = {
+        if (L === 0) {
+          Z = console.log, Q = console.info, ie = console.warn, Ze = console.error, Qe = console.group, et = console.groupCollapsed, tt = console.groupEnd;
+          var n = {
             configurable: !0,
             enumerable: !0,
-            value: rt,
+            value: nt,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: t,
-            log: t,
-            warn: t,
-            error: t,
-            group: t,
-            groupCollapsed: t,
-            groupEnd: t
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
           });
         }
-        A++;
+        L++;
       }
     }
-    function Vt() {
+    function Ut() {
       {
-        if (A--, A === 0) {
-          var t = {
+        if (L--, L === 0) {
+          var n = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: b({}, t, {
-              value: ee
+            log: x({}, n, {
+              value: Z
             }),
-            info: b({}, t, {
-              value: te
+            info: x({}, n, {
+              value: Q
             }),
-            warn: b({}, t, {
-              value: oe
+            warn: x({}, n, {
+              value: ie
             }),
-            error: b({}, t, {
+            error: x({}, n, {
+              value: Ze
+            }),
+            group: x({}, n, {
               value: Qe
             }),
-            group: b({}, t, {
+            groupCollapsed: x({}, n, {
               value: et
             }),
-            groupCollapsed: b({}, t, {
+            groupEnd: x({}, n, {
               value: tt
-            }),
-            groupEnd: b({}, t, {
-              value: nt
             })
           });
         }
-        A < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        L < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Pe = y.ReactCurrentDispatcher, Te;
-    function ke(t, f, m) {
+    var Re = R.ReactCurrentDispatcher, Pe;
+    function ke(n, f, m) {
       {
-        if (Te === void 0)
+        if (Pe === void 0)
           try {
             throw Error();
           } catch (P) {
             var g = P.stack.trim().match(/\n( *(at )?)/);
-            Te = g && g[1] || "";
+            Pe = g && g[1] || "";
           }
         return `
-` + Te + t;
+` + Pe + n;
       }
     }
-    var Oe = !1, ve;
+    var Se = !1, ve;
     {
-      var Wt = typeof WeakMap == "function" ? WeakMap : Map;
-      ve = new Wt();
+      var Vt = typeof WeakMap == "function" ? WeakMap : Map;
+      ve = new Vt();
     }
-    function at(t, f) {
-      if (!t || Oe)
+    function rt(n, f) {
+      if (!n || Se)
         return "";
       {
-        var m = ve.get(t);
+        var m = ve.get(n);
         if (m !== void 0)
           return m;
       }
       var g;
-      Oe = !0;
+      Se = !0;
       var P = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var $;
-      $ = Pe.current, Pe.current = null, At();
+      var T;
+      T = Re.current, Re.current = null, At();
       try {
         if (f) {
-          var R = function() {
+          var E = function() {
             throw Error();
           };
-          if (Object.defineProperty(R.prototype, "props", {
+          if (Object.defineProperty(E.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(R, []);
-            } catch (Z) {
-              g = Z;
+              Reflect.construct(E, []);
+            } catch (G) {
+              g = G;
             }
-            Reflect.construct(t, [], R);
+            Reflect.construct(n, [], E);
           } else {
             try {
-              R.call();
-            } catch (Z) {
-              g = Z;
+              E.call();
+            } catch (G) {
+              g = G;
             }
-            t.call(R.prototype);
+            n.call(E.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Z) {
-            g = Z;
+          } catch (G) {
+            g = G;
           }
-          t();
+          n();
         }
-      } catch (Z) {
-        if (Z && g && typeof Z.stack == "string") {
-          for (var C = Z.stack.split(`
-`), K = g.stack.split(`
-`), D = C.length - 1, L = K.length - 1; D >= 1 && L >= 0 && C[D] !== K[L]; )
-            L--;
-          for (; D >= 1 && L >= 0; D--, L--)
-            if (C[D] !== K[L]) {
-              if (D !== 1 || L !== 1)
+      } catch (G) {
+        if (G && g && typeof G.stack == "string") {
+          for (var w = G.stack.split(`
+`), J = g.stack.split(`
+`), $ = w.length - 1, I = J.length - 1; $ >= 1 && I >= 0 && w[$] !== J[I]; )
+            I--;
+          for (; $ >= 1 && I >= 0; $--, I--)
+            if (w[$] !== J[I]) {
+              if ($ !== 1 || I !== 1)
                 do
-                  if (D--, L--, L < 0 || C[D] !== K[L]) {
+                  if ($--, I--, I < 0 || w[$] !== J[I]) {
                     var q = `
-` + C[D].replace(" at new ", " at ");
-                    return t.displayName && q.includes("<anonymous>") && (q = q.replace("<anonymous>", t.displayName)), typeof t == "function" && ve.set(t, q), q;
+` + w[$].replace(" at new ", " at ");
+                    return n.displayName && q.includes("<anonymous>") && (q = q.replace("<anonymous>", n.displayName)), typeof n == "function" && ve.set(n, q), q;
                   }
-                while (D >= 1 && L >= 0);
+                while ($ >= 1 && I >= 0);
               break;
             }
         }
       } finally {
-        Oe = !1, Pe.current = $, Vt(), Error.prepareStackTrace = P;
+        Se = !1, Re.current = T, Ut(), Error.prepareStackTrace = P;
       }
-      var re = t ? t.displayName || t.name : "", vt = re ? ke(re) : "";
-      return typeof t == "function" && ve.set(t, vt), vt;
+      var ne = n ? n.displayName || n.name : "", ee = ne ? ke(ne) : "";
+      return typeof n == "function" && ve.set(n, ee), ee;
     }
-    function Bt(t, f, m) {
-      return at(t, !1);
+    function Wt(n, f, m) {
+      return rt(n, !1);
     }
-    function Mt(t) {
-      var f = t.prototype;
+    function Bt(n) {
+      var f = n.prototype;
       return !!(f && f.isReactComponent);
     }
-    function _e(t, f, m) {
-      if (t == null)
+    function _e(n, f, m) {
+      if (n == null)
         return "";
-      if (typeof t == "function")
-        return at(t, Mt(t));
-      if (typeof t == "string")
-        return ke(t);
-      switch (t) {
+      if (typeof n == "function")
+        return rt(n, Bt(n));
+      if (typeof n == "string")
+        return ke(n);
+      switch (n) {
         case u:
           return ke("Suspense");
         case d:
           return ke("SuspenseList");
       }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
+      if (typeof n == "object")
+        switch (n.$$typeof) {
           case p:
-            return Bt(t.render);
-          case k:
-            return _e(t.type, f, m);
-          case v: {
-            var g = t, P = g._payload, $ = g._init;
+            return Wt(n.render);
+          case h:
+            return _e(n.type, f, m);
+          case k: {
+            var g = n, P = g._payload, T = g._init;
             try {
-              return _e($(P), f, m);
+              return _e(T(P), f, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var be = Object.prototype.hasOwnProperty, lt = {}, it = y.ReactDebugCurrentFrame;
-    function ge(t) {
-      if (t) {
-        var f = t._owner, m = _e(t.type, t._source, f ? f.type : null);
-        it.setExtraStackFrame(m);
+    var oe = Object.prototype.hasOwnProperty, at = {}, st = R.ReactDebugCurrentFrame;
+    function xe(n) {
+      if (n) {
+        var f = n._owner, m = _e(n.type, n._source, f ? f.type : null);
+        st.setExtraStackFrame(m);
       } else
-        it.setExtraStackFrame(null);
+        st.setExtraStackFrame(null);
     }
-    function Yt(t, f, m, g, P) {
+    function Mt(n, f, m, g, P) {
       {
-        var $ = Function.call.bind(be);
-        for (var R in t)
-          if ($(t, R)) {
-            var C = void 0;
+        var T = Function.call.bind(oe);
+        for (var E in n)
+          if (T(n, E)) {
+            var w = void 0;
             try {
-              if (typeof t[R] != "function") {
-                var K = Error((g || "React class") + ": " + m + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw K.name = "Invariant Violation", K;
+              if (typeof n[E] != "function") {
+                var J = Error((g || "React class") + ": " + m + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw J.name = "Invariant Violation", J;
               }
-              C = t[R](f, R, g, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              C = D;
+              w = n[E](f, E, g, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch ($) {
+              w = $;
             }
-            C && !(C instanceof Error) && (ge(P), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", m, R, typeof C), ge(null)), C instanceof Error && !(C.message in lt) && (lt[C.message] = !0, ge(P), E("Failed %s type: %s", m, C.message), ge(null));
+            w && !(w instanceof Error) && (xe(P), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", m, E, typeof w), xe(null)), w instanceof Error && !(w.message in at) && (at[w.message] = !0, xe(P), _("Failed %s type: %s", m, w.message), xe(null));
           }
       }
     }
-    var Kt = Array.isArray;
-    function $e(t) {
-      return Kt(t);
+    var Yt = Array.isArray;
+    function Te(n) {
+      return Yt(n);
     }
-    function Jt(t) {
+    function Kt(n) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, m = f && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        var f = typeof Symbol == "function" && Symbol.toStringTag, m = f && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return m;
       }
     }
-    function zt(t) {
+    function Jt(n) {
       try {
-        return st(t), !1;
+        return lt(n), !1;
       } catch {
         return !0;
       }
     }
-    function st(t) {
-      return "" + t;
+    function lt(n) {
+      return "" + n;
     }
-    function ot(t) {
-      if (zt(t))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Jt(t)), st(t);
+    function it(n) {
+      if (Jt(n))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Kt(n)), lt(n);
     }
-    var ce = y.ReactCurrentOwner, Gt = {
+    var ce = R.ReactCurrentOwner, zt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ct, ut, je;
-    je = {};
-    function qt(t) {
-      if (be.call(t, "ref")) {
-        var f = Object.getOwnPropertyDescriptor(t, "ref").get;
+    }, ot, ct, Oe;
+    Oe = {};
+    function Gt(n) {
+      if (oe.call(n, "ref")) {
+        var f = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (f && f.isReactWarning)
           return !1;
       }
-      return t.ref !== void 0;
+      return n.ref !== void 0;
     }
-    function Ht(t) {
-      if (be.call(t, "key")) {
-        var f = Object.getOwnPropertyDescriptor(t, "key").get;
+    function qt(n) {
+      if (oe.call(n, "key")) {
+        var f = Object.getOwnPropertyDescriptor(n, "key").get;
         if (f && f.isReactWarning)
           return !1;
       }
-      return t.key !== void 0;
+      return n.key !== void 0;
     }
-    function Xt(t, f) {
-      if (typeof t.ref == "string" && ce.current && f && ce.current.stateNode !== f) {
-        var m = U(ce.current.type);
-        je[m] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', U(ce.current.type), t.ref), je[m] = !0);
+    function Xt(n, f) {
+      if (typeof n.ref == "string" && ce.current && f && ce.current.stateNode !== f) {
+        var m = F(ce.current.type);
+        Oe[m] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(ce.current.type), n.ref), Oe[m] = !0);
       }
     }
-    function Zt(t, f) {
+    function Ht(n, f) {
       {
         var m = function() {
-          ct || (ct = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+          ot || (ot = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
-        m.isReactWarning = !0, Object.defineProperty(t, "key", {
+        m.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: m,
           configurable: !0
         });
       }
     }
-    function Qt(t, f) {
+    function Zt(n, f) {
       {
         var m = function() {
-          ut || (ut = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+          ct || (ct = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
-        m.isReactWarning = !0, Object.defineProperty(t, "ref", {
+        m.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: m,
           configurable: !0
         });
       }
     }
-    var en = function(t, f, m, g, P, $, R) {
-      var C = {
+    var Qt = function(n, f, m, g, P, T, E) {
+      var w = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
+        $$typeof: r,
         // Built-in properties that belong on the element
-        type: t,
+        type: n,
         key: f,
         ref: m,
-        props: R,
+        props: E,
         // Record the component responsible for creating this element.
-        _owner: $
+        _owner: T
       };
-      return C._store = {}, Object.defineProperty(C._store, "validated", {
+      return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(C, "_self", {
+      }), Object.defineProperty(w, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: g
-      }), Object.defineProperty(C, "_source", {
+      }), Object.defineProperty(w, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: P
-      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
+      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function tn(t, f, m, g, P) {
+    function en(n, f, m, g, P) {
       {
-        var $, R = {}, C = null, K = null;
-        m !== void 0 && (ot(m), C = "" + m), Ht(f) && (ot(f.key), C = "" + f.key), qt(f) && (K = f.ref, Xt(f, P));
-        for ($ in f)
-          be.call(f, $) && !Gt.hasOwnProperty($) && (R[$] = f[$]);
-        if (t && t.defaultProps) {
-          var D = t.defaultProps;
-          for ($ in D)
-            R[$] === void 0 && (R[$] = D[$]);
+        var T, E = {}, w = null, J = null;
+        m !== void 0 && (it(m), w = "" + m), qt(f) && (it(f.key), w = "" + f.key), Gt(f) && (J = f.ref, Xt(f, P));
+        for (T in f)
+          oe.call(f, T) && !zt.hasOwnProperty(T) && (E[T] = f[T]);
+        if (n && n.defaultProps) {
+          var $ = n.defaultProps;
+          for (T in $)
+            E[T] === void 0 && (E[T] = $[T]);
         }
-        if (C || K) {
-          var L = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          C && Zt(R, L), K && Qt(R, L);
+        if (w || J) {
+          var I = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          w && Ht(E, I), J && Zt(E, I);
         }
-        return en(t, C, K, P, g, ce.current, R);
+        return Qt(n, w, J, P, g, ce.current, E);
       }
     }
-    var De = y.ReactCurrentOwner, pt = y.ReactDebugCurrentFrame;
-    function ne(t) {
-      if (t) {
-        var f = t._owner, m = _e(t.type, t._source, f ? f.type : null);
-        pt.setExtraStackFrame(m);
+    var $e = R.ReactCurrentOwner, ut = R.ReactDebugCurrentFrame;
+    function te(n) {
+      if (n) {
+        var f = n._owner, m = _e(n.type, n._source, f ? f.type : null);
+        ut.setExtraStackFrame(m);
       } else
-        pt.setExtraStackFrame(null);
+        ut.setExtraStackFrame(null);
     }
-    var Ie;
-    Ie = !1;
-    function Le(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === n;
+    var De;
+    De = !1;
+    function Fe(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === r;
     }
-    function ft() {
+    function pt() {
       {
-        if (De.current) {
-          var t = U(De.current.type);
-          if (t)
+        if ($e.current) {
+          var n = F($e.current.type);
+          if (n)
             return `
 
-Check the render method of \`` + t + "`.";
+Check the render method of \`` + n + "`.";
         }
         return "";
       }
     }
-    function nn(t) {
+    function tn(n) {
       {
-        if (t !== void 0) {
-          var f = t.fileName.replace(/^.*[\\\/]/, ""), m = t.lineNumber;
+        if (n !== void 0) {
+          var f = n.fileName.replace(/^.*[\\\/]/, ""), m = n.lineNumber;
           return `
 
 Check your code at ` + f + ":" + m + ".";
@@ -507,12 +507,12 @@ Check your code at ` + f + ":" + m + ".";
         return "";
       }
     }
-    var dt = {};
-    function rn(t) {
+    var ft = {};
+    function nn(n) {
       {
-        var f = ft();
+        var f = pt();
         if (!f) {
-          var m = typeof t == "string" ? t : t.displayName || t.name;
+          var m = typeof n == "string" ? n : n.displayName || n.name;
           m && (f = `
 
 Check the top-level render call using <` + m + ">.");
@@ -520,41 +520,41 @@ Check the top-level render call using <` + m + ">.");
         return f;
       }
     }
-    function mt(t, f) {
+    function dt(n, f) {
       {
-        if (!t._store || t._store.validated || t.key != null)
+        if (!n._store || n._store.validated || n.key != null)
           return;
-        t._store.validated = !0;
-        var m = rn(f);
-        if (dt[m])
+        n._store.validated = !0;
+        var m = nn(f);
+        if (ft[m])
           return;
-        dt[m] = !0;
+        ft[m] = !0;
         var g = "";
-        t && t._owner && t._owner !== De.current && (g = " It was passed a child from " + U(t._owner.type) + "."), ne(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, g), ne(null);
+        n && n._owner && n._owner !== $e.current && (g = " It was passed a child from " + F(n._owner.type) + "."), te(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, g), te(null);
       }
     }
-    function ht(t, f) {
+    function mt(n, f) {
       {
-        if (typeof t != "object")
+        if (typeof n != "object")
           return;
-        if ($e(t))
-          for (var m = 0; m < t.length; m++) {
-            var g = t[m];
-            Le(g) && mt(g, f);
+        if (Te(n))
+          for (var m = 0; m < n.length; m++) {
+            var g = n[m];
+            Fe(g) && dt(g, f);
           }
-        else if (Le(t))
-          t._store && (t._store.validated = !0);
-        else if (t) {
-          var P = j(t);
-          if (typeof P == "function" && P !== t.entries)
-            for (var $ = P.call(t), R; !(R = $.next()).done; )
-              Le(R.value) && mt(R.value, f);
+        else if (Fe(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var P = O(n);
+          if (typeof P == "function" && P !== n.entries)
+            for (var T = P.call(n), E; !(E = T.next()).done; )
+              Fe(E.value) && dt(E.value, f);
         }
       }
     }
-    function an(t) {
+    function rn(n) {
       {
-        var f = t.type;
+        var f = n.type;
         if (f == null || typeof f == "string")
           return;
         var m;
@@ -562,106 +562,121 @@ Check the top-level render call using <` + m + ">.");
           m = f.propTypes;
         else if (typeof f == "object" && (f.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        f.$$typeof === k))
+        f.$$typeof === h))
           m = f.propTypes;
         else
           return;
         if (m) {
-          var g = U(f);
-          Yt(m, t.props, "prop", g, t);
-        } else if (f.PropTypes !== void 0 && !Ie) {
-          Ie = !0;
-          var P = U(f);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", P || "Unknown");
+          var g = F(f);
+          Mt(m, n.props, "prop", g, n);
+        } else if (f.PropTypes !== void 0 && !De) {
+          De = !0;
+          var P = F(f);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", P || "Unknown");
         }
-        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ln(t) {
+    function an(n) {
       {
-        for (var f = Object.keys(t.props), m = 0; m < f.length; m++) {
+        for (var f = Object.keys(n.props), m = 0; m < f.length; m++) {
           var g = f[m];
           if (g !== "children" && g !== "key") {
-            ne(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), ne(null);
+            te(n), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), te(null);
             break;
           }
         }
-        t.ref !== null && (ne(t), E("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
+        n.ref !== null && (te(n), _("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
       }
     }
-    function kt(t, f, m, g, P, $) {
+    var ht = {};
+    function kt(n, f, m, g, P, T) {
       {
-        var R = z(t);
-        if (!R) {
-          var C = "";
-          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (C += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var K = nn(P);
-          K ? C += K : C += ft();
-          var D;
-          t === null ? D = "null" : $e(t) ? D = "array" : t !== void 0 && t.$$typeof === n ? (D = "<" + (U(t.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : D = typeof t, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, C);
+        var E = Y(n);
+        if (!E) {
+          var w = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var J = tn(P);
+          J ? w += J : w += pt();
+          var $;
+          n === null ? $ = "null" : Te(n) ? $ = "array" : n !== void 0 && n.$$typeof === r ? ($ = "<" + (F(n.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof n, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
         }
-        var L = tn(t, f, m, P, $);
-        if (L == null)
-          return L;
-        if (R) {
+        var I = en(n, f, m, P, T);
+        if (I == null)
+          return I;
+        if (E) {
           var q = f.children;
           if (q !== void 0)
             if (g)
-              if ($e(q)) {
-                for (var re = 0; re < q.length; re++)
-                  ht(q[re], t);
+              if (Te(q)) {
+                for (var ne = 0; ne < q.length; ne++)
+                  mt(q[ne], n);
                 Object.freeze && Object.freeze(q);
               } else
-                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              ht(q, t);
+              mt(q, n);
         }
-        return t === a ? ln(L) : an(L), L;
+        if (oe.call(f, "key")) {
+          var ee = F(n), G = Object.keys(f).filter(function(pn) {
+            return pn !== "key";
+          }), Ie = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ht[ee + Ie]) {
+            var un = G.length > 0 ? "{" + G.join(": ..., ") + ": ...}" : "{}";
+            _(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, Ie, ee, un, ee), ht[ee + Ie] = !0;
+          }
+        }
+        return n === i ? an(I) : rn(I), I;
       }
     }
-    function sn(t, f, m) {
-      return kt(t, f, m, !0);
+    function sn(n, f, m) {
+      return kt(n, f, m, !0);
     }
-    function on(t, f, m) {
-      return kt(t, f, m, !1);
+    function ln(n, f, m) {
+      return kt(n, f, m, !1);
     }
-    var cn = on, un = sn;
-    pe.Fragment = a, pe.jsx = cn, pe.jsxs = un;
+    var on = ln, cn = sn;
+    pe.Fragment = i, pe.jsx = on, pe.jsxs = cn;
   }()), pe;
 }
-process.env.NODE_ENV === "production" ? We.exports = hn() : We.exports = kn();
-var ze = We.exports;
-const X = ze.Fragment, i = ze.jsx, h = ze.jsxs, Fe = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', vn = "https://punkt-cdn.oslo.kommune.no/11.12/icons/";
-function _n(e) {
-  return new Promise((n) => setTimeout(n, e));
+process.env.NODE_ENV === "production" ? We.exports = kn() : We.exports = vn();
+var t = We.exports;
+const Le = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', _n = "https://punkt-cdn.oslo.kommune.no/11.12/icons/";
+function xn(e) {
+  return new Promise((r) => setTimeout(r, e));
 }
-const Ue = {}, bn = async (e, n) => {
-  let r = 0;
-  for (; Ue[n + e + ".svg"] === "fetching" && (r++, !(r > 50)); )
-    await _n(50);
-  return localStorage.getItem(n + e + ".svg") ? Promise.resolve(localStorage.getItem(n + e + ".svg")) : typeof window.fetch == "function" ? (Ue[n + e + ".svg"] = "fetching", Promise.resolve(
-    fetch(n + e + ".svg").then((a) => a.ok ? a.text() : (console.error("Missing icon: " + n + e + ".svg"), Fe)).then((a) => (a !== Fe && localStorage.setItem(n + e + ".svg", a), Ue[n + e + ".svg"] = "fetched", a))
-  )) : Promise.resolve(Fe);
-}, gn = {
-  fetchIcon: async (e, n) => bn(e, n || vn)
-}, Nn = pn(gn), w = ({ name: e, path: n, className: r = "", ...a }) => {
-  const [l, s] = le(null), c = fn(Nn);
+const Ae = {}, gn = async (e, r) => {
+  let a = 0;
+  for (; Ae[r + e + ".svg"] === "fetching" && (a++, !(a > 50)); )
+    await xn(50);
+  return localStorage.getItem(r + e + ".svg") ? Promise.resolve(localStorage.getItem(r + e + ".svg")) : typeof window.fetch == "function" ? (Ae[r + e + ".svg"] = "fetching", Promise.resolve(
+    fetch(r + e + ".svg").then((i) => i.ok ? i.text() : (console.error("Missing icon: " + r + e + ".svg"), Le)).then((i) => (i !== Le && localStorage.setItem(r + e + ".svg", i), Ae[r + e + ".svg"] = "fetched", i))
+  )) : Promise.resolve(Le);
+}, bn = {
+  fetchIcon: async (e, r) => gn(e, r || _n)
+}, Nn = fn(bn), N = ({ name: e, path: r, className: a = "", ...i }) => {
+  const [l, s] = se(null), c = dn(Nn);
   return Je(() => {
-    e ? c.fetchIcon(e, n).then(s) : s(null);
-  }, [e, n]), l ? /* @__PURE__ */ i(
+    e ? c.fetchIcon(e, r).then(s) : s(null);
+  }, [e, r]), l ? /* @__PURE__ */ t.jsx(
     "span",
     {
-      className: `pkt-icon ${r}`,
+      className: `pkt-icon ${a}`,
       dangerouslySetInnerHTML: { __html: l },
-      ...a
+      ...i
     }
   ) : null;
-}, yn = M(
+}, jn = V(
   ({
     children: e,
-    className: n,
-    skin: r = "info",
-    closeAlert: a = !1,
+    className: r,
+    skin: a = "info",
+    closeAlert: i = !1,
     onClose: l,
     title: s,
     date: c,
@@ -669,46 +684,46 @@ const Ue = {}, bn = async (e, n) => {
     compact: p = !1,
     ...u
   }, d) => {
-    const k = [n, "pkt-alert", r && `pkt-alert--${r}`, p && "pkt-alert--compact"].filter(Boolean).join(" "), [v, S] = le(!0), x = () => {
-      S(!1), l && l();
+    const h = [r, "pkt-alert", a && `pkt-alert--${a}`, p && "pkt-alert--compact"].filter(Boolean).join(" "), [k, C] = se(!0), j = () => {
+      C(!1), l && l();
     };
-    return v ? /* @__PURE__ */ h("div", { ...u, className: k, "aria-live": o, ref: d, children: [
-      /* @__PURE__ */ i(w, { className: "pkt-alert__icon", name: r === "info" ? "alert-information" : `alert-${r}` }),
-      a && /* @__PURE__ */ i("div", { className: "pkt-alert__close", children: /* @__PURE__ */ i(
+    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}` }),
+      i && /* @__PURE__ */ t.jsx("div", { className: "pkt-alert__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: x,
-          children: /* @__PURE__ */ i(w, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
+          onClick: j,
+          children: /* @__PURE__ */ t.jsx(N, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
         }
       ) }),
-      s && /* @__PURE__ */ i("div", { className: "pkt-alert__title", children: s }),
-      /* @__PURE__ */ i("div", { className: "pkt-alert__text", children: e }),
-      c && /* @__PURE__ */ h("div", { className: "pkt-alert__date", children: [
+      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: ",
         c
       ] })
     ] }) : null;
   }
-), _r = M(
-  ({ href: e, text: n, onClick: r, className: a, ...l }, s) => {
+), xr = V(
+  ({ href: e, text: r, onClick: a, className: i, ...l }, s) => {
     const c = [
-      a,
+      i,
       "pkt-back-link"
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i("nav", { ref: s, className: c, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ h("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: (p) => {
-      r && r(p);
-    }, ...l, children: [
-      /* @__PURE__ */ i(w, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
-      /* @__PURE__ */ i("span", { className: "pkt-back-link__text", children: n || "Forsiden" })
+    ].filter(Boolean).join(" "), o = (p) => {
+      a && a(p);
+    };
+    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" })
     ] }) });
   }
 );
 /**
- * @remix-run/router v1.14.0
+ * @remix-run/router v1.16.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -719,170 +734,154 @@ const Ue = {}, bn = async (e, n) => {
  */
 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 a in r)
-        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
+    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;
   }, Be.apply(this, arguments);
 }
-var gt;
+var xt;
 (function(e) {
   e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
-})(gt || (gt = {}));
-function I(e, n) {
+})(xt || (xt = {}));
+function D(e, r) {
   if (e === !1 || e === null || typeof e > "u")
-    throw new Error(n);
+    throw new Error(r);
 }
-function ie(e, n) {
+function de(e, r) {
   if (!e) {
-    typeof console < "u" && console.warn(n);
+    typeof console < "u" && console.warn(r);
     try {
-      throw new Error(n);
+      throw new Error(r);
     } catch {
     }
   }
 }
 function Me(e) {
   let {
-    pathname: n = "/",
-    search: r = "",
-    hash: a = ""
+    pathname: r = "/",
+    search: a = "",
+    hash: i = ""
   } = e;
-  return r && r !== "?" && (n += r.charAt(0) === "?" ? r : "?" + r), a && a !== "#" && (n += a.charAt(0) === "#" ? a : "#" + a), n;
+  return a && a !== "?" && (r += a.charAt(0) === "?" ? a : "?" + a), i && i !== "#" && (r += i.charAt(0) === "#" ? i : "#" + i), r;
 }
-function xt(e) {
-  let n = {};
+function yt(e) {
+  let r = {};
   if (e) {
-    let r = e.indexOf("#");
-    r >= 0 && (n.hash = e.substr(r), e = e.substr(0, r));
-    let a = e.indexOf("?");
-    a >= 0 && (n.search = e.substr(a), e = e.substr(0, a)), e && (n.pathname = e);
+    let a = e.indexOf("#");
+    a >= 0 && (r.hash = e.substr(a), e = e.substr(0, a));
+    let i = e.indexOf("?");
+    i >= 0 && (r.search = e.substr(i), e = e.substr(0, i)), e && (r.pathname = e);
   }
-  return n;
+  return r;
 }
-var Nt;
+var gt;
 (function(e) {
   e.data = "data", e.deferred = "deferred", e.redirect = "redirect", e.error = "error";
-})(Nt || (Nt = {}));
-function yt(e, n) {
+})(gt || (gt = {}));
+function bt(e, r) {
   typeof e == "string" && (e = {
     path: e,
     caseSensitive: !1,
     end: !0
   });
-  let [r, a] = wn(e.path, e.caseSensitive, e.end), l = n.match(r);
+  let [a, i] = yn(e.path, e.caseSensitive, e.end), l = r.match(a);
   if (!l)
     return null;
   let s = l[0], c = s.replace(/(.)\/+$/, "$1"), o = l.slice(1);
   return {
-    params: a.reduce((u, d, k) => {
+    params: i.reduce((u, d, h) => {
       let {
-        paramName: v,
-        isOptional: S
+        paramName: k,
+        isOptional: C
       } = d;
-      if (v === "*") {
-        let T = o[k] || "";
-        c = s.slice(0, s.length - T.length).replace(/(.)\/+$/, "$1");
+      if (k === "*") {
+        let S = o[h] || "";
+        c = s.slice(0, s.length - S.length).replace(/(.)\/+$/, "$1");
       }
-      const x = o[k];
-      return S && !x ? u[v] = void 0 : u[v] = En(x || "", v), u;
+      const j = o[h];
+      return C && !j ? u[k] = void 0 : u[k] = (j || "").replace(/%2F/g, "/"), u;
     }, {}),
     pathname: s,
     pathnameBase: c,
     pattern: e
   };
 }
-function wn(e, n, r) {
-  n === void 0 && (n = !1), r === void 0 && (r = !0), ie(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 a = [], l = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:(\w+)(\?)?/g, (c, o, p) => (a.push({
+function yn(e, r, a) {
+  r === void 0 && (r = !1), a === void 0 && (a = !0), de(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 = [], l = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (c, o, p) => (i.push({
     paramName: o,
     isOptional: p != null
   }), p ? "/?([^\\/]+)?" : "/([^\\/]+)"));
-  return e.endsWith("*") ? (a.push({
+  return e.endsWith("*") ? (i.push({
     paramName: "*"
-  }), l += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : r ? l += "\\/*$" : e !== "" && e !== "/" && (l += "(?:(?=\\/|$))"), [new RegExp(l, n ? void 0 : "i"), a];
-}
-function En(e, n) {
-  try {
-    return decodeURIComponent(e);
-  } catch (r) {
-    return ie(!1, 'The value for the URL param "' + n + '" will not be decoded because' + (' the string "' + e + '" is a malformed URL segment. This is probably') + (" due to a bad percent encoding (" + r + ").")), e;
-  }
+  }), l += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : a ? l += "\\/*$" : e !== "" && e !== "/" && (l += "(?:(?=\\/|$))"), [new RegExp(l, r ? void 0 : "i"), i];
 }
-function fe(e, n) {
-  if (n === "/")
+function re(e, r) {
+  if (r === "/")
     return e;
-  if (!e.toLowerCase().startsWith(n.toLowerCase()))
+  if (!e.toLowerCase().startsWith(r.toLowerCase()))
     return null;
-  let r = n.endsWith("/") ? n.length - 1 : n.length, a = e.charAt(r);
-  return a && a !== "/" ? null : e.slice(r) || "/";
+  let a = r.endsWith("/") ? r.length - 1 : r.length, i = e.charAt(a);
+  return i && i !== "/" ? null : e.slice(a) || "/";
 }
-function xn(e, n) {
-  n === void 0 && (n = "/");
+function wn(e, r) {
+  r === void 0 && (r = "/");
   let {
-    pathname: r,
-    search: a = "",
+    pathname: a,
+    search: i = "",
     hash: l = ""
-  } = typeof e == "string" ? xt(e) : e;
+  } = typeof e == "string" ? yt(e) : e;
   return {
-    pathname: r ? r.startsWith("/") ? r : Cn(r, n) : n,
-    search: Sn(a),
+    pathname: a ? a.startsWith("/") ? a : En(a, r) : r,
+    search: Rn(i),
     hash: Pn(l)
   };
 }
-function Cn(e, n) {
-  let r = n.replace(/\/+$/, "").split("/");
+function En(e, r) {
+  let a = r.replace(/\/+$/, "").split("/");
   return e.split("/").forEach((l) => {
-    l === ".." ? r.length > 1 && r.pop() : l !== "." && r.push(l);
-  }), r.length > 1 ? r.join("/") : "/";
+    l === ".." ? a.length > 1 && a.pop() : l !== "." && a.push(l);
+  }), a.length > 1 ? a.join("/") : "/";
 }
-function Ae(e, n, r, a) {
-  return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + n + "` field [" + JSON.stringify(a) + "].  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 Ue(e, r, a, i) {
+  return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + r + "` field [" + JSON.stringify(i) + "].  Please separate it out to the ") + ("`to." + a + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
 }
-function Rn(e) {
-  return e.filter((n, r) => r === 0 || n.route.path && n.route.path.length > 0);
+function Cn(e) {
+  return e.filter((r, a) => a === 0 || r.route.path && r.route.path.length > 0);
 }
-function Ct(e, n) {
-  let r = Rn(e);
-  return n ? r.map((a, l) => l === e.length - 1 ? a.pathname : a.pathnameBase) : r.map((a) => a.pathnameBase);
+function wt(e, r) {
+  let a = Cn(e);
+  return r ? a.map((i, l) => l === e.length - 1 ? i.pathname : i.pathnameBase) : a.map((i) => i.pathnameBase);
 }
-function Rt(e, n, r, a) {
-  a === void 0 && (a = !1);
+function Et(e, r, a, i) {
+  i === void 0 && (i = !1);
   let l;
-  typeof e == "string" ? l = xt(e) : (l = Be({}, e), I(!l.pathname || !l.pathname.includes("?"), Ae("?", "pathname", "search", l)), I(!l.pathname || !l.pathname.includes("#"), Ae("#", "pathname", "hash", l)), I(!l.search || !l.search.includes("#"), Ae("#", "search", "hash", l)));
+  typeof e == "string" ? l = yt(e) : (l = Be({}, e), D(!l.pathname || !l.pathname.includes("?"), Ue("?", "pathname", "search", l)), D(!l.pathname || !l.pathname.includes("#"), Ue("#", "pathname", "hash", l)), D(!l.search || !l.search.includes("#"), Ue("#", "search", "hash", l)));
   let s = e === "" || l.pathname === "", c = s ? "/" : l.pathname, o;
   if (c == null)
-    o = r;
-  else if (a) {
-    let k = n.length === 0 ? [] : n[n.length - 1].replace(/^\//, "").split("/");
-    if (c.startsWith("..")) {
-      let v = c.split("/");
-      for (; v[0] === ".."; )
-        v.shift(), k.pop();
-      l.pathname = v.join("/");
+    o = a;
+  else {
+    let h = r.length - 1;
+    if (!i && c.startsWith("..")) {
+      let k = c.split("/");
+      for (; k[0] === ".."; )
+        k.shift(), h -= 1;
+      l.pathname = k.join("/");
     }
-    o = "/" + k.join("/");
-  } else {
-    let k = n.length - 1;
-    if (c.startsWith("..")) {
-      let v = c.split("/");
-      for (; v[0] === ".."; )
-        v.shift(), k -= 1;
-      l.pathname = v.join("/");
-    }
-    o = k >= 0 ? n[k] : "/";
+    o = h >= 0 ? r[h] : "/";
   }
-  let p = xn(l, o), u = c && c !== "/" && c.endsWith("/"), d = (s || c === ".") && r.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, "/"), Sn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Pn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, St = ["post", "put", "patch", "delete"];
-new Set(St);
-const Tn = ["get", ...St];
-new Set(Tn);
+const ze = (e) => e.join("/").replace(/\/\/+/g, "/"), Rn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Pn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, Ct = ["post", "put", "patch", "delete"];
+new Set(Ct);
+const Sn = ["get", ...Ct];
+new Set(Sn);
 /**
- * React Router v6.21.0
+ * React Router v6.23.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -893,159 +892,159 @@ new Set(Tn);
  */
 function Ye() {
   return Ye = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var a in r)
-        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
+    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;
   }, Ye.apply(this, arguments);
 }
-const Ce = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (Ce.displayName = "DataRouter");
-const Pt = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (Pt.displayName = "DataRouterState");
-const On = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (On.displayName = "Await");
-const Q = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (Q.displayName = "Navigation");
-const qe = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (qe.displayName = "Location");
-const se = /* @__PURE__ */ N.createContext({
+const we = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (we.displayName = "DataRouter");
+const Rt = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (Rt.displayName = "DataRouterState");
+const Tn = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (Tn.displayName = "Await");
+const H = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (H.displayName = "Navigation");
+const Ge = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (Ge.displayName = "Location");
+const le = /* @__PURE__ */ b.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
-process.env.NODE_ENV !== "production" && (se.displayName = "Route");
-const $n = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && ($n.displayName = "RouteError");
-function jn(e, n) {
+process.env.NODE_ENV !== "production" && (le.displayName = "Route");
+const On = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (On.displayName = "RouteError");
+function $n(e, r) {
   let {
-    relative: r
-  } = n === void 0 ? {} : n;
-  He() || (process.env.NODE_ENV !== "production" ? I(
+    relative: a
+  } = r === void 0 ? {} : r;
+  qe() || (process.env.NODE_ENV !== "production" ? D(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useHref() may be used only in the context of a <Router> component."
-  ) : I(!1));
+  ) : D(!1));
   let {
-    basename: a,
+    basename: i,
     navigator: l
-  } = N.useContext(Q), {
+  } = b.useContext(H), {
     hash: s,
     pathname: c,
     search: o
   } = he(e, {
-    relative: r
+    relative: a
   }), p = c;
-  return a !== "/" && (p = c === "/" ? a : Ge([a, c])), l.createHref({
+  return i !== "/" && (p = c === "/" ? i : ze([i, c])), l.createHref({
     pathname: p,
     search: o,
     hash: s
   });
 }
-function He() {
-  return N.useContext(qe) != null;
+function qe() {
+  return b.useContext(Ge) != null;
 }
 function me() {
-  return He() || (process.env.NODE_ENV !== "production" ? I(
+  return qe() || (process.env.NODE_ENV !== "production" ? D(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useLocation() may be used only in the context of a <Router> component."
-  ) : I(!1)), N.useContext(qe).location;
+  ) : D(!1)), b.useContext(Ge).location;
 }
-const Tt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function Ot(e) {
-  N.useContext(Q).static || N.useLayoutEffect(e);
+const Pt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function St(e) {
+  b.useContext(H).static || b.useLayoutEffect(e);
 }
 function Dn() {
   let {
     isDataRoute: e
-  } = N.useContext(se);
-  return e ? An() : In();
+  } = b.useContext(le);
+  return e ? Un() : Fn();
 }
-function In() {
-  He() || (process.env.NODE_ENV !== "production" ? I(
+function Fn() {
+  qe() || (process.env.NODE_ENV !== "production" ? D(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
-  ) : I(!1));
-  let e = N.useContext(Ce), {
-    basename: n,
-    future: r,
-    navigator: a
-  } = N.useContext(Q), {
+  ) : D(!1));
+  let e = b.useContext(we), {
+    basename: r,
+    future: a,
+    navigator: i
+  } = b.useContext(H), {
     matches: l
-  } = N.useContext(se), {
+  } = b.useContext(le), {
     pathname: s
-  } = me(), c = JSON.stringify(Ct(l, r.v7_relativeSplatPath)), o = N.useRef(!1);
-  return Ot(() => {
+  } = me(), c = JSON.stringify(wt(l, a.v7_relativeSplatPath)), o = b.useRef(!1);
+  return St(() => {
     o.current = !0;
-  }), N.useCallback(function(u, d) {
-    if (d === void 0 && (d = {}), process.env.NODE_ENV !== "production" && ie(o.current, Tt), !o.current)
+  }), b.useCallback(function(u, d) {
+    if (d === void 0 && (d = {}), process.env.NODE_ENV !== "production" && de(o.current, Pt), !o.current)
       return;
     if (typeof u == "number") {
-      a.go(u);
+      i.go(u);
       return;
     }
-    let k = Rt(u, JSON.parse(c), s, d.relative === "path");
-    e == null && n !== "/" && (k.pathname = k.pathname === "/" ? n : Ge([n, k.pathname])), (d.replace ? a.replace : a.push)(k, d.state, d);
-  }, [n, a, c, s, e]);
+    let h = Et(u, JSON.parse(c), s, d.relative === "path");
+    e == null && r !== "/" && (h.pathname = h.pathname === "/" ? r : ze([r, h.pathname])), (d.replace ? i.replace : i.push)(h, d.state, d);
+  }, [r, i, c, s, e]);
 }
-function he(e, n) {
+function he(e, r) {
   let {
-    relative: r
-  } = n === void 0 ? {} : n, {
-    future: a
-  } = N.useContext(Q), {
+    relative: a
+  } = r === void 0 ? {} : r, {
+    future: i
+  } = b.useContext(H), {
     matches: l
-  } = N.useContext(se), {
+  } = b.useContext(le), {
     pathname: s
-  } = me(), c = JSON.stringify(Ct(l, a.v7_relativeSplatPath));
-  return N.useMemo(() => Rt(e, JSON.parse(c), s, r === "path"), [e, c, s, r]);
+  } = me(), c = JSON.stringify(wt(l, i.v7_relativeSplatPath));
+  return b.useMemo(() => Et(e, JSON.parse(c), s, a === "path"), [e, c, s, a]);
 }
-var $t = /* @__PURE__ */ function(e) {
+var Tt = /* @__PURE__ */ function(e) {
   return e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e;
-}($t || {}), Xe = /* @__PURE__ */ function(e) {
+}(Tt || {}), Xe = /* @__PURE__ */ function(e) {
   return e.UseBlocker = "useBlocker", e.UseLoaderData = "useLoaderData", e.UseActionData = "useActionData", e.UseRouteError = "useRouteError", e.UseNavigation = "useNavigation", e.UseRouteLoaderData = "useRouteLoaderData", e.UseMatches = "useMatches", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e.UseRouteId = "useRouteId", e;
 }(Xe || {});
-function jt(e) {
+function Ot(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
 }
+function In(e) {
+  let r = b.useContext(we);
+  return r || (process.env.NODE_ENV !== "production" ? D(!1, Ot(e)) : D(!1)), r;
+}
 function Ln(e) {
-  let n = N.useContext(Ce);
-  return n || (process.env.NODE_ENV !== "production" ? I(!1, jt(e)) : I(!1)), n;
+  let r = b.useContext(le);
+  return r || (process.env.NODE_ENV !== "production" ? D(!1, Ot(e)) : D(!1)), r;
 }
-function Fn(e) {
-  let n = N.useContext(se);
-  return n || (process.env.NODE_ENV !== "production" ? I(!1, jt(e)) : I(!1)), n;
+function $t(e) {
+  let r = Ln(e), a = r.matches[r.matches.length - 1];
+  return a.route.id || (process.env.NODE_ENV !== "production" ? D(!1, e + ' can only be used on routes that contain a unique "id"') : D(!1)), a.route.id;
 }
-function Dt(e) {
-  let n = Fn(e), r = n.matches[n.matches.length - 1];
-  return r.route.id || (process.env.NODE_ENV !== "production" ? I(!1, e + ' can only be used on routes that contain a unique "id"') : I(!1)), r.route.id;
+function An() {
+  return $t(Xe.UseRouteId);
 }
 function Un() {
-  return Dt(Xe.UseRouteId);
-}
-function An() {
   let {
     router: e
-  } = Ln($t.UseNavigateStable), n = Dt(Xe.UseNavigateStable), r = N.useRef(!1);
-  return Ot(() => {
-    r.current = !0;
-  }), N.useCallback(function(l, s) {
-    s === void 0 && (s = {}), process.env.NODE_ENV !== "production" && ie(r.current, Tt), r.current && (typeof l == "number" ? e.navigate(l) : e.navigate(l, Ye({
-      fromRouteId: n
+  } = In(Tt.UseNavigateStable), r = $t(Xe.UseNavigateStable), a = b.useRef(!1);
+  return St(() => {
+    a.current = !0;
+  }), b.useCallback(function(l, s) {
+    s === void 0 && (s = {}), process.env.NODE_ENV !== "production" && de(a.current, Pt), a.current && (typeof l == "number" ? e.navigate(l) : e.navigate(l, Ye({
+      fromRouteId: r
     }, s)));
-  }, [e, n]);
+  }, [e, r]);
 }
 new Promise(() => {
 });
 /**
- * React Router DOM v6.21.0
+ * React Router DOM v6.23.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -1056,106 +1055,111 @@ new Promise(() => {
  */
 function ae() {
   return ae = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var a in r)
-        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
+    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;
   }, ae.apply(this, arguments);
 }
-function Ze(e, n) {
+function He(e, r) {
   if (e == null)
     return {};
-  var r = {}, a = Object.keys(e), l, s;
-  for (s = 0; s < a.length; s++)
-    l = a[s], !(n.indexOf(l) >= 0) && (r[l] = e[l]);
-  return r;
+  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 ye = "get", we = "application/x-www-form-urlencoded";
-function Re(e) {
+const be = "get", Ne = "application/x-www-form-urlencoded";
+function Ee(e) {
   return e != null && typeof e.tagName == "string";
 }
 function Vn(e) {
-  return Re(e) && e.tagName.toLowerCase() === "button";
+  return Ee(e) && e.tagName.toLowerCase() === "button";
 }
 function Wn(e) {
-  return Re(e) && e.tagName.toLowerCase() === "form";
+  return Ee(e) && e.tagName.toLowerCase() === "form";
 }
 function Bn(e) {
-  return Re(e) && e.tagName.toLowerCase() === "input";
+  return Ee(e) && e.tagName.toLowerCase() === "input";
 }
 function Mn(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function Yn(e, n) {
+function Yn(e, r) {
   return e.button === 0 && // Ignore everything but left clicks
-  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
+  (!r || r === "_self") && // Let browser handle "target=_blank" etc.
   !Mn(e);
 }
-let Ne = null;
+let ge = null;
 function Kn() {
-  if (Ne === null)
+  if (ge === null)
     try {
       new FormData(
         document.createElement("form"),
         // @ts-expect-error if FormData supports the submitter parameter, this will throw
         0
-      ), Ne = !1;
+      ), ge = !1;
     } catch {
-      Ne = !0;
+      ge = !0;
     }
-  return Ne;
+  return ge;
 }
 const Jn = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
 function Ve(e) {
-  return e != null && !Jn.has(e) ? (process.env.NODE_ENV !== "production" && ie(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + we + '"')), null) : e;
+  return e != null && !Jn.has(e) ? (process.env.NODE_ENV !== "production" && de(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + Ne + '"')), null) : e;
 }
-function zn(e, n) {
-  let r, a, l, s, c;
+function zn(e, r) {
+  let a, i, l, s, c;
   if (Wn(e)) {
     let o = e.getAttribute("action");
-    a = o ? fe(o, n) : null, r = e.getAttribute("method") || ye, l = Ve(e.getAttribute("enctype")) || we, s = new FormData(e);
+    i = o ? re(o, r) : null, a = e.getAttribute("method") || be, l = Ve(e.getAttribute("enctype")) || Ne, 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 (a = p ? fe(p, n) : null, r = e.getAttribute("formmethod") || o.getAttribute("method") || ye, l = Ve(e.getAttribute("formenctype")) || Ve(o.getAttribute("enctype")) || we, s = new FormData(o, e), !Kn()) {
+    if (i = p ? re(p, r) : null, a = e.getAttribute("formmethod") || o.getAttribute("method") || be, l = Ve(e.getAttribute("formenctype")) || Ve(o.getAttribute("enctype")) || Ne, s = new FormData(o, e), !Kn()) {
       let {
         name: u,
         type: d,
-        value: k
+        value: h
       } = e;
       if (d === "image") {
-        let v = u ? u + "." : "";
-        s.append(v + "x", "0"), s.append(v + "y", "0");
+        let k = u ? u + "." : "";
+        s.append(k + "x", "0"), s.append(k + "y", "0");
       } else
-        u && s.append(u, k);
+        u && s.append(u, h);
     }
   } else {
-    if (Re(e))
+    if (Ee(e))
       throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    r = ye, a = null, l = we, c = e;
+    a = be, i = null, l = Ne, c = e;
   }
   return s && l === "text/plain" && (c = s, s = void 0), {
-    action: a,
-    method: r.toLowerCase(),
+    action: i,
+    method: a.toLowerCase(),
     encType: l,
     formData: s,
     body: c
   };
 }
-const Gn = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "unstable_viewTransition"], qn = ["aria-current", "caseSensitive", "className", "end", "style", "to", "unstable_viewTransition", "children"], Hn = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "unstable_viewTransition"], It = /* @__PURE__ */ N.createContext({
+const Gn = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "unstable_viewTransition"], qn = ["aria-current", "caseSensitive", "className", "end", "style", "to", "unstable_viewTransition", "children"], Xn = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "unstable_viewTransition"], Hn = "6";
+try {
+  window.__reactRouterVersion = Hn;
+} catch {
+}
+const Dt = /* @__PURE__ */ b.createContext({
   isTransitioning: !1
 });
-process.env.NODE_ENV !== "production" && (It.displayName = "ViewTransition");
-const Xn = /* @__PURE__ */ N.createContext(/* @__PURE__ */ new Map());
-process.env.NODE_ENV !== "production" && (Xn.displayName = "Fetchers");
+process.env.NODE_ENV !== "production" && (Dt.displayName = "ViewTransition");
+const Zn = /* @__PURE__ */ b.createContext(/* @__PURE__ */ new Map());
+process.env.NODE_ENV !== "production" && (Zn.displayName = "Fetchers");
 process.env.NODE_ENV;
-const Zn = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Qn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ee = /* @__PURE__ */ N.forwardRef(function(n, r) {
+const Qn = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", er = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, je = /* @__PURE__ */ b.forwardRef(function(r, a) {
   let {
-    onClick: a,
+    onClick: i,
     relative: l,
     reloadDocument: s,
     replace: c,
@@ -1163,44 +1167,44 @@ const Zn = typeof window < "u" && typeof window.document < "u" && typeof window.
     target: p,
     to: u,
     preventScrollReset: d,
-    unstable_viewTransition: k
-  } = n, v = Ze(n, Gn), {
-    basename: S
-  } = N.useContext(Q), x, T = !1;
-  if (typeof u == "string" && Qn.test(u) && (x = u, Zn))
+    unstable_viewTransition: h
+  } = r, k = He(r, Gn), {
+    basename: C
+  } = b.useContext(H), j, S = !1;
+  if (typeof u == "string" && er.test(u) && (j = u, Qn))
     try {
-      let _ = new URL(window.location.href), O = u.startsWith("//") ? new URL(_.protocol + u) : new URL(u), F = fe(O.pathname, S);
-      O.origin === _.origin && F != null ? u = F + O.search + O.hash : T = !0;
+      let v = new URL(window.location.href), y = u.startsWith("//") ? new URL(v.protocol + u) : new URL(u), A = re(y.pathname, C);
+      y.origin === v.origin && A != null ? u = A + y.search + y.hash : S = !0;
     } catch {
-      process.env.NODE_ENV !== "production" && ie(!1, '<Link to="' + u + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
+      process.env.NODE_ENV !== "production" && de(!1, '<Link to="' + u + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
-  let j = jn(u, {
+  let O = $n(u, {
     relative: l
-  }), y = rr(u, {
+  }), R = ar(u, {
     replace: c,
     state: o,
     target: p,
     preventScrollReset: d,
     relative: l,
-    unstable_viewTransition: k
+    unstable_viewTransition: h
   });
-  function E(_) {
-    a && a(_), _.defaultPrevented || y(_);
+  function _(v) {
+    i && i(v), v.defaultPrevented || R(v);
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ N.createElement("a", ae({}, v, {
-      href: x || j,
-      onClick: T || s ? a : E,
-      ref: r,
+    /* @__PURE__ */ b.createElement("a", ae({}, k, {
+      href: j || O,
+      onClick: S || s ? i : _,
+      ref: a,
       target: p
     }))
   );
 });
-process.env.NODE_ENV !== "production" && (Ee.displayName = "Link");
-const er = /* @__PURE__ */ N.forwardRef(function(n, r) {
+process.env.NODE_ENV !== "production" && (je.displayName = "Link");
+const tr = /* @__PURE__ */ b.forwardRef(function(r, a) {
   let {
-    "aria-current": a = "page",
+    "aria-current": i = "page",
     caseSensitive: l = !1,
     className: s = "",
     end: c = !1,
@@ -1208,135 +1212,136 @@ const er = /* @__PURE__ */ N.forwardRef(function(n, r) {
     to: p,
     unstable_viewTransition: u,
     children: d
-  } = n, k = Ze(n, qn), v = he(p, {
-    relative: k.relative
-  }), S = me(), x = N.useContext(Pt), {
-    navigator: T
-  } = N.useContext(Q), j = x != null && // Conditional usage is OK here because the usage of a data router is static
+  } = r, h = He(r, qn), k = he(p, {
+    relative: h.relative
+  }), C = me(), j = b.useContext(Rt), {
+    navigator: S,
+    basename: O
+  } = b.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
-  cr(v) && u === !0, y = T.encodeLocation ? T.encodeLocation(v).pathname : v.pathname, E = S.pathname, _ = x && x.navigation && x.navigation.location ? x.navigation.location.pathname : null;
-  l || (E = E.toLowerCase(), _ = _ ? _.toLowerCase() : null, y = y.toLowerCase());
-  const O = y !== "/" && y.endsWith("/") ? y.length - 1 : y.length;
-  let F = E === y || !c && E.startsWith(y) && E.charAt(O) === "/", W = _ != null && (_ === y || !c && _.startsWith(y) && _.charAt(y.length) === "/"), B = {
-    isActive: F,
+  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;
+  l || (v = v.toLowerCase(), y = y ? y.toLowerCase() : null, _ = _.toLowerCase()), y && O && (y = re(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: j
-  }, J = F ? a : void 0, V;
-  typeof s == "function" ? V = s(B) : V = [s, F ? "active" : null, W ? "pending" : null, j ? "transitioning" : null].filter(Boolean).join(" ");
+    isTransitioning: R
+  }, M = U ? i : void 0, Y;
+  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__ */ N.createElement(Ee, ae({}, k, {
-    "aria-current": J,
-    className: V,
-    ref: r,
+  return /* @__PURE__ */ b.createElement(je, ae({}, h, {
+    "aria-current": M,
+    className: Y,
+    ref: a,
     style: z,
     to: p,
     unstable_viewTransition: u
   }), typeof d == "function" ? d(B) : d);
 });
-process.env.NODE_ENV !== "production" && (er.displayName = "NavLink");
-const tr = /* @__PURE__ */ N.forwardRef((e, n) => {
+process.env.NODE_ENV !== "production" && (tr.displayName = "NavLink");
+const nr = /* @__PURE__ */ b.forwardRef((e, r) => {
   let {
-    fetcherKey: r,
-    navigate: a,
+    fetcherKey: a,
+    navigate: i,
     reloadDocument: l,
     replace: s,
     state: c,
-    method: o = ye,
+    method: o = be,
     action: p,
     onSubmit: u,
     relative: d,
-    preventScrollReset: k,
-    unstable_viewTransition: v
-  } = e, S = Ze(e, Hn), x = sr(), T = or(p, {
+    preventScrollReset: h,
+    unstable_viewTransition: k
+  } = e, C = He(e, Xn), j = or(), S = cr(p, {
     relative: d
-  }), j = o.toLowerCase() === "get" ? "get" : "post", y = (E) => {
-    if (u && u(E), E.defaultPrevented)
+  }), O = o.toLowerCase() === "get" ? "get" : "post", R = (_) => {
+    if (u && u(_), _.defaultPrevented)
       return;
-    E.preventDefault();
-    let _ = E.nativeEvent.submitter, O = (_ == null ? void 0 : _.getAttribute("formmethod")) || o;
-    x(_ || E.currentTarget, {
-      fetcherKey: r,
-      method: O,
-      navigate: a,
+    _.preventDefault();
+    let v = _.nativeEvent.submitter, y = (v == null ? void 0 : v.getAttribute("formmethod")) || o;
+    j(v || _.currentTarget, {
+      fetcherKey: a,
+      method: y,
+      navigate: i,
       replace: s,
       state: c,
       relative: d,
-      preventScrollReset: k,
-      unstable_viewTransition: v
+      preventScrollReset: h,
+      unstable_viewTransition: k
     });
   };
-  return /* @__PURE__ */ N.createElement("form", ae({
-    ref: n,
-    method: j,
-    action: T,
-    onSubmit: l ? u : y
-  }, S));
+  return /* @__PURE__ */ b.createElement("form", ae({
+    ref: r,
+    method: O,
+    action: S,
+    onSubmit: l ? u : R
+  }, C));
 });
-process.env.NODE_ENV !== "production" && (tr.displayName = "Form");
+process.env.NODE_ENV !== "production" && (nr.displayName = "Form");
 process.env.NODE_ENV;
-var xe;
+var ye;
 (function(e) {
   e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
-})(xe || (xe = {}));
-var wt;
+})(ye || (ye = {}));
+var Nt;
 (function(e) {
   e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
-})(wt || (wt = {}));
-function nr(e) {
+})(Nt || (Nt = {}));
+function rr(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
 }
-function Lt(e) {
-  let n = N.useContext(Ce);
-  return n || (process.env.NODE_ENV !== "production" ? I(!1, nr(e)) : I(!1)), n;
+function Ft(e) {
+  let r = b.useContext(we);
+  return r || (process.env.NODE_ENV !== "production" ? D(!1, rr(e)) : D(!1)), r;
 }
-function rr(e, n) {
+function ar(e, r) {
   let {
-    target: r,
-    replace: a,
+    target: a,
+    replace: i,
     state: l,
     preventScrollReset: s,
     relative: c,
     unstable_viewTransition: o
-  } = n === void 0 ? {} : n, p = Dn(), u = me(), d = he(e, {
+  } = r === void 0 ? {} : r, p = Dn(), u = me(), d = he(e, {
     relative: c
   });
-  return N.useCallback((k) => {
-    if (Yn(k, r)) {
-      k.preventDefault();
-      let v = a !== void 0 ? a : Me(u) === Me(d);
+  return b.useCallback((h) => {
+    if (Yn(h, a)) {
+      h.preventDefault();
+      let k = i !== void 0 ? i : Me(u) === Me(d);
       p(e, {
-        replace: v,
+        replace: k,
         state: l,
         preventScrollReset: s,
         relative: c,
         unstable_viewTransition: o
       });
     }
-  }, [u, p, d, a, l, r, e, s, c, o]);
+  }, [u, p, d, i, l, a, e, s, c, o]);
 }
-function ar() {
+function sr() {
   if (typeof document > "u")
     throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");
 }
 let lr = 0, ir = () => "__" + String(++lr) + "__";
-function sr() {
+function or() {
   let {
     router: e
-  } = Lt(xe.UseSubmit), {
-    basename: n
-  } = N.useContext(Q), r = Un();
-  return N.useCallback(function(a, l) {
-    l === void 0 && (l = {}), ar();
+  } = Ft(ye.UseSubmit), {
+    basename: r
+  } = b.useContext(H), a = An();
+  return b.useCallback(function(i, l) {
+    l === void 0 && (l = {}), sr();
     let {
       action: s,
       method: c,
       encType: o,
       formData: p,
       body: u
-    } = zn(a, n);
+    } = zn(i, r);
     if (l.navigate === !1) {
       let d = l.fetcherKey || ir();
-      e.fetch(d, r, l.action || s, {
+      e.fetch(d, a, l.action || s, {
         preventScrollReset: l.preventScrollReset,
         formData: p,
         body: u,
@@ -1353,135 +1358,135 @@ function sr() {
         formEncType: l.encType || o,
         replace: l.replace,
         state: l.state,
-        fromRouteId: r,
+        fromRouteId: a,
         unstable_flushSync: l.unstable_flushSync,
         unstable_viewTransition: l.unstable_viewTransition
       });
-  }, [e, n, r]);
+  }, [e, r, a]);
 }
-function or(e, n) {
+function cr(e, r) {
   let {
-    relative: r
-  } = n === void 0 ? {} : n, {
-    basename: a
-  } = N.useContext(Q), l = N.useContext(se);
-  l || (process.env.NODE_ENV !== "production" ? I(!1, "useFormAction must be used inside a RouteContext") : I(!1));
+    relative: a
+  } = r === void 0 ? {} : r, {
+    basename: i
+  } = b.useContext(H), l = b.useContext(le);
+  l || (process.env.NODE_ENV !== "production" ? D(!1, "useFormAction must be used inside a RouteContext") : D(!1));
   let [s] = l.matches.slice(-1), c = ae({}, he(e || ".", {
-    relative: r
+    relative: a
   })), o = me();
   if (e == null) {
     c.search = o.search;
     let p = new URLSearchParams(c.search);
     p.has("index") && p.get("index") === "" && (p.delete("index"), c.search = p.toString() ? "?" + p.toString() : "");
   }
-  return (!e || e === ".") && s.route.index && (c.search = c.search ? c.search.replace(/^\?/, "?index&") : "?index"), a !== "/" && (c.pathname = c.pathname === "/" ? a : Ge([a, c.pathname])), Me(c);
+  return (!e || e === ".") && s.route.index && (c.search = c.search ? c.search.replace(/^\?/, "?index&") : "?index"), i !== "/" && (c.pathname = c.pathname === "/" ? i : ze([i, c.pathname])), Me(c);
 }
-function cr(e, n) {
-  n === void 0 && (n = {});
-  let r = N.useContext(It);
-  r == null && (process.env.NODE_ENV !== "production" ? I(!1, "`unstable_useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : I(!1));
+function ur(e, r) {
+  r === void 0 && (r = {});
+  let a = b.useContext(Dt);
+  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: a
-  } = Lt(xe.useViewTransitionState), l = he(e, {
-    relative: n.relative
+    basename: i
+  } = Ft(ye.useViewTransitionState), l = he(e, {
+    relative: r.relative
   });
-  if (!r.isTransitioning)
+  if (!a.isTransitioning)
     return !1;
-  let s = fe(r.currentLocation.pathname, a) || r.currentLocation.pathname, c = fe(r.nextLocation.pathname, a) || r.nextLocation.pathname;
-  return yt(l.pathname, c) != null || yt(l.pathname, s) != null;
+  let s = re(a.currentLocation.pathname, i) || a.currentLocation.pathname, c = re(a.nextLocation.pathname, i) || a.nextLocation.pathname;
+  return bt(l.pathname, c) != null || bt(l.pathname, s) != null;
 }
-const br = M(
-  ({ breadcrumbs: e, navigationType: n, className: r, ...a }, l) => {
+const gr = V(
+  ({ breadcrumbs: e, navigationType: r, className: a, ...i }, l) => {
     const s = e.slice(0, 4), c = s[s.length - 2], o = [
-      r,
+      a,
       "pkt-breadcrumbs"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ h("nav", { ref: l, "aria-label": "brødsmulemeny", className: o, children: [
-      /* @__PURE__ */ i("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: s.map((p, u) => /* @__PURE__ */ i(
+    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 === s.length - 1 ? /* @__PURE__ */ i("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ i("span", { className: "pkt-breadcrumbs__text", children: p.text }) }) : n === "router" ? /* @__PURE__ */ h(
-            Ee,
+          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(
+            je,
             {
               to: p.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
-              ...a,
+              ...i,
               children: [
-                /* @__PURE__ */ i(
-                  w,
+                /* @__PURE__ */ t.jsx(
+                  N,
                   {
                     className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon",
                     name: "chevron-thin-right"
                   }
                 ),
-                /* @__PURE__ */ i("span", { className: "pkt-breadcrumbs__text", children: p.text })
+                /* @__PURE__ */ t.jsx("span", { className: "pkt-breadcrumbs__text", children: p.text })
               ]
             }
-          ) : /* @__PURE__ */ h(
+          ) : /* @__PURE__ */ t.jsxs(
             "a",
             {
               href: p.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
-              ...a,
+              ...i,
               children: [
-                /* @__PURE__ */ i(
-                  w,
+                /* @__PURE__ */ t.jsx(
+                  N,
                   {
                     className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon",
                     name: "chevron-thin-right"
                   }
                 ),
-                /* @__PURE__ */ i("span", { className: "pkt-breadcrumbs__text", children: p.text })
+                /* @__PURE__ */ t.jsx("span", { className: "pkt-breadcrumbs__text", children: p.text })
               ]
             }
           )
         },
         `breadcrumb-${u}`
       )) }),
-      n === "router" ? /* @__PURE__ */ h(
-        Ee,
+      r === "router" ? /* @__PURE__ */ t.jsxs(
+        je,
         {
           to: c.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
-          ...a,
+          ...i,
           children: [
-            /* @__PURE__ */ i(
-              w,
+            /* @__PURE__ */ t.jsx(
+              N,
               {
                 className: "pkt-back-link__icon pkt-icon pkt-link__icon",
                 name: "chevron-thin-left"
               }
             ),
-            /* @__PURE__ */ i("span", { className: "pkt-breadcrumbs__text", children: c.text })
+            /* @__PURE__ */ t.jsx("span", { className: "pkt-breadcrumbs__text", children: c.text })
           ]
         }
-      ) : /* @__PURE__ */ h(
+      ) : /* @__PURE__ */ t.jsxs(
         "a",
         {
           href: c.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
-          ...a,
+          ...i,
           children: [
-            /* @__PURE__ */ i(
-              w,
+            /* @__PURE__ */ t.jsx(
+              N,
               {
                 className: "pkt-back-link__icon pkt-icon pkt-link__icon",
                 name: "chevron-thin-left"
               }
             ),
-            /* @__PURE__ */ i("span", { className: "pkt-breadcrumbs__text", children: c.text })
+            /* @__PURE__ */ t.jsx("span", { className: "pkt-breadcrumbs__text", children: c.text })
           ]
         }
       )
     ] });
   }
-), de = M(
+), fe = V(
   ({
     children: e,
-    className: n,
-    iconName: r = "user",
-    secondIconName: a = "user",
+    className: r,
+    iconName: a = "user",
+    secondIconName: i = "user",
     size: l = "medium",
     skin: s = "primary",
     type: c = "button",
@@ -1489,9 +1494,9 @@ const br = M(
     color: p,
     isLoading: u = !1,
     ...d
-  }, k) => {
-    const v = [
-      n,
+  }, h) => {
+    const k = [
+      r,
       "pkt-btn",
       l && `pkt-btn--${l}`,
       s && `pkt-btn--${s}`,
@@ -1499,28 +1504,28 @@ const br = M(
       p && `pkt-btn--${p}`,
       u && "pkt-btn--active"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ h("button", { ...d, className: v, type: c, ref: k, children: [
-      u && /* @__PURE__ */ i(
-        w,
+    return /* @__PURE__ */ t.jsxs("button", { ...d, className: k, type: c, ref: h, children: [
+      u && /* @__PURE__ */ t.jsx(
+        N,
         {
           className: "pkt-btn__icon pkt-btn__spinner",
           name: "spinner-blue",
           path: "https://punkt-cdn.oslo.kommune.no/11.12/animations/"
         }
       ),
-      o !== "label-only" && /* @__PURE__ */ i(w, { className: "pkt-btn__icon", name: r }),
-      /* @__PURE__ */ i("span", { className: "pkt-btn__text", children: e }),
-      o === "icons-right-and-left" && /* @__PURE__ */ i(w, { className: "pkt-btn__icon", name: a })
+      o !== "label-only" && /* @__PURE__ */ t.jsx(N, { className: "pkt-btn__icon", name: a }),
+      /* @__PURE__ */ t.jsx("span", { className: "pkt-btn__text", children: e }),
+      o === "icons-right-and-left" && /* @__PURE__ */ t.jsx(N, { className: "pkt-btn__icon", name: i })
     ] });
   }
 );
-de.displayName = "PktButton";
-const ur = M(
+fe.displayName = "PktButton";
+const pr = V(
   ({
     id: e,
-    hasTile: n = !1,
-    disabled: r = !1,
-    label: a,
+    hasTile: r = !1,
+    disabled: a = !1,
+    label: i,
     labelPosition: l = "right",
     hideLabel: s = !1,
     checkHelptext: c,
@@ -1528,44 +1533,44 @@ const ur = M(
     isSwitch: p = !1,
     className: u,
     ...d
-  }, k) => {
-    const v = [u, "pkt-input-check"].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i("div", { className: v, children: /* @__PURE__ */ h(
+  }, h) => {
+    const k = [u, "pkt-input-check"].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t.jsx("div", { className: k, children: /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: `pkt-input-check__input ${n ? "pkt-input-check__input--tile" : ""} ${r && n ? "pkt-input-check__input--tile-disabled" : ""}`,
+        className: `pkt-input-check__input ${r ? "pkt-input-check__input--tile" : ""} ${a && r ? "pkt-input-check__input--tile-disabled" : ""}`,
         children: [
-          a && l === "left" && /* @__PURE__ */ h(
+          i && l === "left" && /* @__PURE__ */ t.jsxs(
             "label",
             {
               className: `pkt-input-check__input-label ${s ? "pkt-sr-only" : ""}`,
               htmlFor: e,
               children: [
-                a,
-                c && /* @__PURE__ */ i("div", { className: "pkt-input-check__input-helptext", children: c })
+                i,
+                c && /* @__PURE__ */ t.jsx("div", { className: "pkt-input-check__input-helptext", children: c })
               ]
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ t.jsx(
             "input",
             {
-              ref: k,
+              ref: h,
               className: `pkt-input-check__input-checkbox ${o ? "pkt-input-check__input-checkbox--error" : ""}`,
               type: "checkbox",
               role: p ? "switch" : "checkbox",
               id: e,
-              disabled: r,
+              disabled: a,
               ...d
             }
           ),
-          a && l === "right" && /* @__PURE__ */ h(
+          i && l === "right" && /* @__PURE__ */ t.jsxs(
             "label",
             {
               className: `pkt-input-check__input-label ${s ? "pkt-sr-only" : ""}`,
               htmlFor: e,
               children: [
-                a,
-                c && /* @__PURE__ */ i("div", { className: "pkt-input-check__input-helptext", children: c })
+                i,
+                c && /* @__PURE__ */ t.jsx("div", { className: "pkt-input-check__input-helptext", children: c })
               ]
             }
           )
@@ -1574,24 +1579,24 @@ const ur = M(
     ) });
   }
 );
-ur.displayName = "PktCheckbox";
-const gr = ({
+pr.displayName = "PktCheckbox";
+const br = ({
   columnOne: e,
-  columnTwo: n,
-  socialLinks: r,
-  className: a,
+  columnTwo: r,
+  socialLinks: a,
+  className: i,
   personvernOgInfoLink: l = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
   tilgjengelighetLink: s = "https://www.oslo.kommune.no/tilgjengelighet/"
 }) => {
   var o, p;
-  const c = [a, "pkt-footer"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("footer", { className: c, "data-mode": "dark", children: /* @__PURE__ */ h("div", { className: "pkt-footer__container", children: [
-    /* @__PURE__ */ h("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
-      /* @__PURE__ */ h("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
-        /* @__PURE__ */ i("h2", { className: "pkt-footer__title", children: e.title }),
-        /* @__PURE__ */ h("ul", { className: "pkt-footer__list", children: [
-          e.text && /* @__PURE__ */ i("li", { className: "pkt-footer__text", children: e.text }),
-          (o = e.links) == null ? void 0 : o.map((u, d) => /* @__PURE__ */ i("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ h(
+  const c = [i, "pkt-footer"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.jsx("footer", { className: c, "data-mode": "dark", children: /* @__PURE__ */ t.jsxs("div", { className: "pkt-footer__container", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
+        /* @__PURE__ */ t.jsx("h2", { className: "pkt-footer__title", children: e.title }),
+        /* @__PURE__ */ t.jsxs("ul", { className: "pkt-footer__list", children: [
+          e.text && /* @__PURE__ */ t.jsx("li", { className: "pkt-footer__text", children: e.text }),
+          (o = e.links) == null ? void 0 : o.map((u, d) => /* @__PURE__ */ t.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ t.jsxs(
             "a",
             {
               className: `pkt-footer__link ${u.external ? "pkt-link--external" : ""}`,
@@ -1599,18 +1604,18 @@ const gr = ({
               target: u.openInNewTab ? "_blank" : "_self",
               rel: u.openInNewTab ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ i(w, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ t.jsx(N, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 u.text
               ]
             }
           ) }, `links-${d}`))
         ] })
       ] }),
-      /* @__PURE__ */ h("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
-        /* @__PURE__ */ i("h2", { className: "pkt-footer__title", children: n.title }),
-        /* @__PURE__ */ h("ul", { className: "pkt-footer__list", children: [
-          n.text && /* @__PURE__ */ i("li", { className: "pkt-footer__text", children: n.text }),
-          (p = n.links) == null ? void 0 : p.map((u, d) => /* @__PURE__ */ i("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ h(
+      /* @__PURE__ */ t.jsxs("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
+        /* @__PURE__ */ t.jsx("h2", { className: "pkt-footer__title", children: r.title }),
+        /* @__PURE__ */ t.jsxs("ul", { className: "pkt-footer__list", children: [
+          r.text && /* @__PURE__ */ t.jsx("li", { className: "pkt-footer__text", children: r.text }),
+          (p = r.links) == null ? void 0 : p.map((u, d) => /* @__PURE__ */ t.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ t.jsxs(
             "a",
             {
               className: `pkt-footer__link ${u.external ? "pkt-link--external" : ""}`,
@@ -1618,40 +1623,40 @@ const gr = ({
               target: u.openInNewTab ? "_blank" : "_self",
               rel: u.openInNewTab ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ i(w, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ t.jsx(N, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 u.text
               ]
             }
           ) }, `links-${d}`))
         ] })
       ] }),
-      /* @__PURE__ */ h("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
-        /* @__PURE__ */ i("h2", { className: "pkt-footer__title", children: "Om nettstedet" }),
-        /* @__PURE__ */ h("ul", { className: "pkt-footer__list", children: [
-          /* @__PURE__ */ i("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ h(
+      /* @__PURE__ */ t.jsxs("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
+        /* @__PURE__ */ t.jsx("h2", { className: "pkt-footer__title", children: "Om nettstedet" }),
+        /* @__PURE__ */ t.jsxs("ul", { className: "pkt-footer__list", children: [
+          /* @__PURE__ */ t.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ t.jsxs(
             "a",
             {
               className: "pkt-footer__link",
               href: l,
               children: [
-                /* @__PURE__ */ i(w, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ t.jsx(N, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 "Personvern og informasjonskapsler"
               ]
             }
           ) }),
-          /* @__PURE__ */ i("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ h("a", { className: "pkt-footer__link", href: s, children: [
-            /* @__PURE__ */ i(w, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+          /* @__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"
           ] }) })
         ] })
       ] })
     ] }),
-    r && /* @__PURE__ */ h("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
-      /* @__PURE__ */ i("div", { className: "pkt-footer__social-languages", children: r.filter((u) => u.language).map((u, d) => /* @__PURE__ */ i(
+    a && /* @__PURE__ */ t.jsxs("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "pkt-footer__social-languages", children: a.filter((u) => u.language).map((u, d) => /* @__PURE__ */ t.jsx(
         "div",
         {
           className: "pkt-footer__social-language",
-          children: /* @__PURE__ */ i(
+          children: /* @__PURE__ */ t.jsx(
             "a",
             {
               href: u.href,
@@ -1664,7 +1669,7 @@ const gr = ({
         },
         `sociallinks-language-${d}`
       )) }),
-      /* @__PURE__ */ i("div", { className: "pkt-footer__social-icons", children: r.filter((u) => u.iconName).map((u, d) => /* @__PURE__ */ i(H.Fragment, { children: /* @__PURE__ */ i(
+      /* @__PURE__ */ t.jsx("div", { className: "pkt-footer__social-icons", children: a.filter((u) => u.iconName).map((u, d) => /* @__PURE__ */ t.jsx(X.Fragment, { children: /* @__PURE__ */ t.jsx(
         "a",
         {
           href: u.href,
@@ -1672,20 +1677,20 @@ const gr = ({
           className: "pkt-footer__social-icon-link",
           target: u.openInNewTab ? "_blank" : "_self",
           rel: u.openInNewTab ? "noopener noreferrer" : void 0,
-          children: /* @__PURE__ */ i(w, { className: "pkt-footer__social-icon", name: u.iconName })
+          children: /* @__PURE__ */ t.jsx(N, { className: "pkt-footer__social-icon", name: u.iconName })
         }
       ) }, `sociallinks-${d}`)) })
     ] })
   ] }) });
 }, Nr = ({
   links: e = [],
-  personvernOgInfoLink: n = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
-  tilgjengelighetLink: r = "https://www.oslo.kommune.no/tilgjengelighet/",
-  className: a
+  personvernOgInfoLink: r = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
+  tilgjengelighetLink: a = "https://www.oslo.kommune.no/tilgjengelighet/",
+  className: i
 }) => {
-  const l = [a, "pkt-footer-simple"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("footer", { className: l, "data-mode": "dark", children: /* @__PURE__ */ i("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ h("ul", { className: "pkt-footer-simple__list", children: [
-    e.map((s, c) => /* @__PURE__ */ i("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ h(
+  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 ${s.external ? " pkt-link--external" : ""}`,
@@ -1693,8 +1698,8 @@ const gr = ({
         target: s.openInNewTab ? "_blank" : "_self",
         rel: s.openInNewTab ? "noopener noreferrer" : void 0,
         children: [
-          /* @__PURE__ */ i(
-            w,
+          /* @__PURE__ */ t.jsx(
+            N,
             {
               className: "pkt-footer-simple__link-icon",
               name: "chevron-right"
@@ -1704,17 +1709,17 @@ const gr = ({
         ]
       }
     ) }, c)),
-    /* @__PURE__ */ i("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ h("a", { className: "pkt-footer-simple__link", href: n, children: [
-      /* @__PURE__ */ i(w, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+    /* @__PURE__ */ t.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ t.jsxs("a", { className: "pkt-footer-simple__link", href: r, children: [
+      /* @__PURE__ */ t.jsx(N, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Personvern og informasjonskapsler"
     ] }) }),
-    /* @__PURE__ */ i("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ h("a", { className: "pkt-footer-simple__link", href: r, children: [
-      /* @__PURE__ */ i(w, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+    /* @__PURE__ */ t.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ t.jsxs("a", { className: "pkt-footer-simple__link", href: a, children: [
+      /* @__PURE__ */ t.jsx(N, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Tilgjengelighet"
     ] }) })
   ] }) }) });
 };
-var Ft = { exports: {} };
+var It = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1722,41 +1727,41 @@ var Ft = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function r() {
-      for (var a = [], l = 0; l < arguments.length; l++) {
-        var s = arguments[l];
-        if (s) {
-          var c = typeof s;
-          if (c === "string" || c === "number")
-            a.push(s);
-          else if (Array.isArray(s)) {
-            if (s.length) {
-              var o = r.apply(null, s);
-              o && a.push(o);
-            }
-          } else if (c === "object") {
-            if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]")) {
-              a.push(s.toString());
-              continue;
-            }
-            for (var p in s)
-              n.call(s, p) && s[p] && a.push(p);
-          }
-        }
+    var r = {}.hasOwnProperty;
+    function a() {
+      for (var s = "", c = 0; c < arguments.length; c++) {
+        var o = arguments[c];
+        o && (s = l(s, i(o)));
       }
-      return a.join(" ");
+      return s;
     }
-    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+    function i(s) {
+      if (typeof s == "string" || typeof s == "number")
+        return s;
+      if (typeof s != "object")
+        return "";
+      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 s)
+        r.call(s, o) && s[o] && (c = l(c, o));
+      return c;
+    }
+    function l(s, c) {
+      return c ? s ? s + " " + c : s + c : s;
+    }
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(Ft);
-var pr = Ft.exports;
-const Ut = /* @__PURE__ */ mn(pr), yr = M(
+})(It);
+var fr = It.exports;
+const Lt = /* @__PURE__ */ hn(fr), jr = V(
   ({
     className: e,
-    logoLink: n = "https://www.oslo.kommune.no/",
-    serviceName: r,
-    fixed: a = !0,
+    logoLink: r = "https://www.oslo.kommune.no/",
+    serviceName: a,
+    fixed: i = !0,
     scrollToHide: l = !0,
     user: s,
     userMenu: c,
@@ -1764,65 +1769,65 @@ const Ut = /* @__PURE__ */ mn(pr), yr = M(
     userOptions: p,
     userMenuFooter: u,
     canChangeRepresentation: d = !0,
-    showMenuButton: k = !1,
-    showLogOutButton: v = !1,
-    openMenu: S,
-    logOut: x,
-    changeRepresentation: T,
-    children: j,
-    ...y
-  }, E) => {
-    const _ = H.useMemo(() => typeof (s == null ? void 0 : s.lastLoggedIn) == "string" ? s.lastLoggedIn : s != null && s.lastLoggedIn ? new Date(s.lastLoggedIn).toLocaleString("nb-NO", {
+    showMenuButton: h = !1,
+    showLogOutButton: k = !1,
+    openMenu: C,
+    logOut: j,
+    changeRepresentation: S,
+    children: O,
+    ...R
+  }, _) => {
+    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"
-    }) : "", [s]), [O, F] = H.useState(!1), [W, B] = H.useState(0), [J, V] = H.useState(!1), z = H.useRef(null);
-    H.useEffect(() => (document.addEventListener("mouseup", Y), window.addEventListener("scroll", U), () => {
-      document.removeEventListener("mouseup", Y), window.removeEventListener("scroll", U);
+    }) : "", [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", F), () => {
+      document.removeEventListener("mouseup", K), window.removeEventListener("scroll", F);
     }));
-    const G = () => {
-      V(!J);
-    }, Y = (b) => {
-      z.current && !z.current.contains(b.target) && V(!1);
-    }, U = () => {
+    const z = () => {
+      M(!B);
+    }, K = (x) => {
+      Y.current && !Y.current.contains(x.target) && M(!1);
+    }, F = () => {
       if (l) {
-        const b = window.pageYOffset || document.documentElement.scrollTop;
-        if (b < 0 || Math.abs(b - W) < 60)
+        const x = window.pageYOffset || document.documentElement.scrollTop;
+        if (x < 0 || Math.abs(x - U) < 60)
           return;
-        F(b > W), B(b);
+        A(x > U), W(x);
       }
     };
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ t.jsxs(
       "header",
       {
-        ...y,
+        ...R,
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
-        className: Ut(e, "pkt-header", {
-          "pkt-header--fixed": a,
+        className: Lt(e, "pkt-header", {
+          "pkt-header--fixed": i,
           "pkt-header--scroll-to-hide": l,
-          "pkt-header--hidden": O
+          "pkt-header--hidden": y
         }),
-        ref: E,
+        ref: _,
         children: [
-          /* @__PURE__ */ h("div", { className: "pkt-header__logo", children: [
-            typeof n == "string" ? /* @__PURE__ */ i("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: n, children: /* @__PURE__ */ i(
-              w,
+          /* @__PURE__ */ t.jsxs("div", { className: "pkt-header__logo", children: [
+            typeof r == "string" ? /* @__PURE__ */ t.jsx("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: r, children: /* @__PURE__ */ t.jsx(
+              N,
               {
                 name: "oslologo",
                 className: "pkt-header__logo-svg",
                 "aria-hidden": "true",
                 path: "https://punkt-cdn.oslo.kommune.no/11.12/logos/"
               }
-            ) }) : /* @__PURE__ */ i(
+            ) }) : /* @__PURE__ */ t.jsx(
               "button",
               {
                 "aria-label": "Tilbake til forside",
                 className: "pkt-link-button pkt-link pkt-header__logo-link",
-                onClick: n,
-                children: /* @__PURE__ */ i(
-                  w,
+                onClick: r,
+                children: /* @__PURE__ */ t.jsx(
+                  N,
                   {
                     name: "oslologo",
                     className: "pkt-header__logo-svg",
@@ -1832,101 +1837,101 @@ const Ut = /* @__PURE__ */ mn(pr), yr = M(
                 )
               }
             ),
-            /* @__PURE__ */ i("span", { className: "pkt-header__logo-service", children: r })
+            /* @__PURE__ */ t.jsx("span", { className: "pkt-header__logo-service", children: a })
           ] }),
-          /* @__PURE__ */ i("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ h("ul", { className: "pkt-header__actions-row", children: [
-            k && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-              de,
+          /* @__PURE__ */ t.jsx("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ t.jsxs("ul", { className: "pkt-header__actions-row", children: [
+            h && /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx(
+              fe,
               {
                 className: "pkt-header__menu-btn",
                 skin: "secondary",
                 variant: "icon-right",
                 iconName: "menu",
-                onClick: S,
+                onClick: C,
                 children: "Meny"
               }
             ) }),
-            (s || o) && /* @__PURE__ */ h(
+            (s || o) && /* @__PURE__ */ t.jsxs(
               "li",
               {
                 "data-testid": "usermenu",
-                className: `pkt-header--has-dropdown ${J && !O ? "pkt-header--open-dropdown" : ""}`,
-                ref: z,
+                className: `pkt-header--has-dropdown ${B && !y ? "pkt-header--open-dropdown" : ""}`,
+                ref: Y,
                 children: [
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ t.jsxs(
                     "button",
                     {
                       className: "pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": J,
-                      onClick: G,
+                      "aria-expanded": B,
+                      onClick: z,
                       children: [
-                        /* @__PURE__ */ i(w, { name: "user", className: "pkt-btn__icon" }),
-                        /* @__PURE__ */ i("span", { className: "pkt-header__user-fullname", children: (o == null ? void 0 : o.name) || (s == null ? void 0 : s.name) }),
-                        /* @__PURE__ */ i("span", { className: "pkt-header__user-shortname", children: (o == null ? void 0 : o.shortname) || (s == null ? void 0 : s.shortname) }),
-                        /* @__PURE__ */ i(w, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
-                        /* @__PURE__ */ i(w, { name: "chevron-thin-up", className: "pkt-btn--open" })
+                        /* @__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) || (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__ */ h("ul", { id: "pktUserDropdown", className: "pkt-header__dropdown pkt-user-menu", children: [
-                    s && /* @__PURE__ */ h("li", { children: [
-                      /* @__PURE__ */ i("div", { className: "pkt-user-menu__label", children: "Pålogget som" }),
-                      /* @__PURE__ */ i("div", { className: "pkt-user-menu__name", children: s.name }),
-                      s.lastLoggedIn && /* @__PURE__ */ h("div", { className: "pkt-user-menu__last-logged-in", children: [
+                  /* @__PURE__ */ t.jsxs("ul", { id: "pktUserDropdown", className: "pkt-header__dropdown pkt-user-menu", 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: s.name }),
+                      s.lastLoggedIn && /* @__PURE__ */ t.jsxs("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ i("time", { children: _ })
+                        /* @__PURE__ */ t.jsx("time", { children: v })
                       ] })
                     ] }),
-                    c && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i("ul", { className: "pkt-list", children: c.map((b, A) => /* @__PURE__ */ i("li", { children: typeof b.target == "string" ? /* @__PURE__ */ h("a", { href: b.target, className: "pkt-link", children: [
-                      b.iconName && /* @__PURE__ */ i(w, { name: b.iconName, className: "pkt-link__icon" }),
-                      b.title
-                    ] }) : /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: b.target, children: [
-                      b.iconName && /* @__PURE__ */ i(w, { name: b.iconName, className: "pkt-link__icon" }),
-                      b.title
-                    ] }) }, `userMenu-${A}`)) }) }),
-                    (o || d) && /* @__PURE__ */ h("li", { children: [
-                      o && /* @__PURE__ */ h(X, { children: [
-                        /* @__PURE__ */ i("div", { className: "pkt-user-menu__label", children: "Representerer" }),
-                        /* @__PURE__ */ i("div", { className: "pkt-user-menu__name", children: o.name }),
-                        o.orgNumber && /* @__PURE__ */ h("div", { className: "pkt-user-menu__org-number", children: [
+                    c && /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx("ul", { className: "pkt-list", children: c.map((x, L) => /* @__PURE__ */ t.jsx("li", { children: typeof x.target == "string" ? /* @__PURE__ */ t.jsxs("a", { href: x.target, className: "pkt-link", children: [
+                      x.iconName && /* @__PURE__ */ t.jsx(N, { name: x.iconName, className: "pkt-link__icon" }),
+                      x.title
+                    ] }) : /* @__PURE__ */ t.jsxs("button", { className: "pkt-link-button pkt-link", onClick: x.target, children: [
+                      x.iconName && /* @__PURE__ */ t.jsx(N, { name: x.iconName, className: "pkt-link__icon" }),
+                      x.title
+                    ] }) }, `userMenu-${L}`)) }) }),
+                    (o || d) && /* @__PURE__ */ t.jsxs("li", { children: [
+                      o && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                        /* @__PURE__ */ t.jsx("div", { className: "pkt-user-menu__label", children: "Representerer" }),
+                        /* @__PURE__ */ t.jsx("div", { className: "pkt-user-menu__name", children: o.name }),
+                        o.orgNumber && /* @__PURE__ */ t.jsxs("div", { className: "pkt-user-menu__org-number", children: [
                           "Org.nr. ",
                           o.orgNumber
                         ] })
                       ] }),
-                      /* @__PURE__ */ i("ul", { className: "pkt-list mt-size-16", children: d && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: T, children: [
-                        /* @__PURE__ */ i(w, { name: "cogwheel", className: "pkt-link__icon" }),
+                      /* @__PURE__ */ t.jsx("ul", { className: "pkt-list mt-size-16", children: d && /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsxs("button", { className: "pkt-link-button pkt-link", onClick: S, children: [
+                        /* @__PURE__ */ t.jsx(N, { name: "cogwheel", className: "pkt-link__icon" }),
                         "Endre organisasjon"
                       ] }) }) })
                     ] }),
-                    /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i("ul", { className: "pkt-list", children: (p || !v) && /* @__PURE__ */ h(X, { children: [
-                      p == null ? void 0 : p.map((b, A) => /* @__PURE__ */ i("li", { children: typeof b.target == "string" ? /* @__PURE__ */ h("a", { href: b.target, className: "pkt-link", children: [
-                        b.iconName && /* @__PURE__ */ i(w, { name: b.iconName, className: "pkt-link__icon" }),
-                        b.title
-                      ] }) : /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: b.target, children: [
-                        b.iconName && /* @__PURE__ */ i(w, { name: b.iconName, className: "pkt-link__icon" }),
-                        b.title
-                      ] }) }, `userOptions-${A}`)),
-                      !v && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: x, children: [
-                        /* @__PURE__ */ i(w, { name: "exit", className: "pkt-link__icon" }),
+                    /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx("ul", { className: "pkt-list", children: (p || !k) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                      p == null ? void 0 : p.map((x, L) => /* @__PURE__ */ t.jsx("li", { children: typeof x.target == "string" ? /* @__PURE__ */ t.jsxs("a", { href: x.target, className: "pkt-link", children: [
+                        x.iconName && /* @__PURE__ */ t.jsx(N, { name: x.iconName, className: "pkt-link__icon" }),
+                        x.title
+                      ] }) : /* @__PURE__ */ t.jsxs("button", { className: "pkt-link-button pkt-link", onClick: x.target, children: [
+                        x.iconName && /* @__PURE__ */ t.jsx(N, { name: x.iconName, className: "pkt-link__icon" }),
+                        x.title
+                      ] }) }, `userOptions-${L}`)),
+                      !k && /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsxs("button", { className: "pkt-link-button pkt-link", onClick: j, children: [
+                        /* @__PURE__ */ t.jsx(N, { name: "exit", className: "pkt-link__icon" }),
                         "Logg ut"
                       ] }) })
                     ] }) }) }),
-                    u && /* @__PURE__ */ i("li", { className: "footer", children: /* @__PURE__ */ i("ul", { className: "pkt-list-horizontal bordered", children: u.map((b, A) => /* @__PURE__ */ i("li", { children: typeof b.target == "string" ? /* @__PURE__ */ i("a", { href: b.target, className: "pkt-link", children: b.title }) : /* @__PURE__ */ i("button", { className: "pkt-link-button pkt-link", onClick: b.target, children: b.title }) }, `userMenuFooter-${A}`)) }) })
+                    u && /* @__PURE__ */ t.jsx("li", { className: "footer", children: /* @__PURE__ */ t.jsx("ul", { className: "pkt-list-horizontal bordered", children: u.map((x, L) => /* @__PURE__ */ t.jsx("li", { children: typeof x.target == "string" ? /* @__PURE__ */ t.jsx("a", { href: x.target, className: "pkt-link", children: x.title }) : /* @__PURE__ */ t.jsx("button", { className: "pkt-link-button pkt-link", onClick: x.target, children: x.title }) }, `userMenuFooter-${L}`)) }) })
                   ] })
                 ]
               }
             ),
-            j && /* @__PURE__ */ i("li", { children: j }),
-            v && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-              de,
+            O && /* @__PURE__ */ t.jsx("li", { children: O }),
+            k && /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx(
+              fe,
               {
                 className: "pkt-header__user-btn pkt-header__user-btn-logout",
                 iconName: "exit",
                 role: "button",
-                onClick: x,
+                onClick: j,
                 skin: "secondary",
                 variant: "icon-right",
                 children: "Logg ut"
@@ -1937,20 +1942,20 @@ const Ut = /* @__PURE__ */ mn(pr), yr = M(
       }
     );
   }
-), fr = H.forwardRef(
-  ({ label: e, id: n, children: r, ...a }, l) => /* @__PURE__ */ h("div", { className: "pkt-form-group", children: [
-    /* @__PURE__ */ i("label", { htmlFor: n, className: "pkt-form-label", children: e }),
-    /* @__PURE__ */ i("input", { className: "pkt-form-input", id: n, ...a, ref: l }),
-    r
+), dr = X.forwardRef(
+  ({ 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: l }),
+    a
   ] })
 );
-fr.displayName = "PktInput";
-const Se = M(
+dr.displayName = "PktInput";
+const Ce = V(
   ({
     forId: e,
-    label: n,
-    helptext: r,
-    helptextDropdown: a,
+    label: r,
+    helptext: a,
+    helptextDropdown: i,
     helptextDropdownButton: l,
     optionalTag: s = !1,
     optionalText: c = "Valgfritt",
@@ -1958,193 +1963,168 @@ const Se = M(
     requiredText: p = "Må fylles ut",
     hasError: u,
     errorMessage: d,
-    disabled: k,
-    inline: v,
-    ariaDescribedby: S,
-    useWrapper: x = !0,
-    children: T,
-    className: j,
-    hasFieldset: y = !1
-  }, E) => {
-    const [_, O] = le(!1), F = () => {
-      O(!_);
-    }, W = () => 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" : "", B = s ? c : o ? p : "", J = k ? "pkt-inputwrapper--disabled" : "", V = v ? "pkt-inputwrapper--inline" : "", z = u ? "pkt-inputwrapper--error" : "", G = !!a && a !== "", Y = l || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', U = y ? "fieldset" : G ? "div" : "label", b = y ? "legend" : G ? "h2" : "span", A = S || (r ? `${e}-helptext` : void 0);
-    return /* @__PURE__ */ h(
-      "div",
-      {
-        className: ["pkt-inputwrapper", j, J, V, z].join(
-          " "
-        ),
-        ref: E,
-        children: [
-          x ? /* @__PURE__ */ i(X, { children: /* @__PURE__ */ h(
-            U,
-            {
-              htmlFor: y ? void 0 : e,
-              "aria-describedby": G ? void 0 : S,
-              className: `pkt-inputwrapper__label${y ? " pkt-inputwrapper__fieldset" : ""}`,
-              children: [
-                /* @__PURE__ */ h(
-                  b,
-                  {
-                    id: `${e}-label`,
-                    className: `${y ? " pkt-inputwrapper__legend" : ""}`,
-                    children: [
-                      n,
-                      B !== "" && /* @__PURE__ */ i("span", { className: W(), children: B })
-                    ]
-                  }
-                ),
-                r && /* @__PURE__ */ i(
-                  "div",
-                  {
-                    className: "pkt-inputwrapper__helptext",
-                    id: `${e}-helptext`,
-                    dangerouslySetInnerHTML: { __html: r }
-                  }
-                ),
-                G && a !== "" && /* @__PURE__ */ h("div", { children: [
-                  /* @__PURE__ */ i(
-                    de,
-                    {
-                      skin: "tertiary",
-                      size: "small",
-                      variant: "icon-right",
-                      iconName: _ ? "chevron-thin-up" : "chevron-thin-down",
-                      className: "pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",
-                      onClick: F,
-                      children: /* @__PURE__ */ i("span", { dangerouslySetInnerHTML: { __html: Y } })
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    "div",
-                    {
-                      className: `pkt-inputwrapper__helptext ${_ ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
-                      children: /* @__PURE__ */ i("span", { dangerouslySetInnerHTML: { __html: a } })
-                    }
-                  ),
-                  !y && /* @__PURE__ */ i("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": A, children: n })
-                ] }),
-                /* @__PURE__ */ i(X, { children: T })
-              ]
-            }
-          ) }) : /* @__PURE__ */ h(X, { children: [
-            !y && /* @__PURE__ */ i(
-              "label",
+    disabled: h,
+    inline: k,
+    ariaDescribedby: C,
+    useWrapper: j = !0,
+    children: S,
+    className: O,
+    hasFieldset: R = !1
+  }, _) => {
+    const [v, y] = se(!1), A = () => {
+      y(!v);
+    }, 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>', F = R ? "fieldset" : z ? "div" : "label", x = 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(
+        F,
+        {
+          htmlFor: R ? void 0 : e,
+          "aria-describedby": z ? void 0 : C,
+          className: `pkt-inputwrapper__label${R ? " pkt-inputwrapper__fieldset" : ""}`,
+          children: [
+            /* @__PURE__ */ t.jsxs(x, { id: `${e}-label`, className: `${R ? " pkt-inputwrapper__legend" : ""}`, children: [
+              r,
+              W !== "" && /* @__PURE__ */ t.jsx("span", { className: U(), children: W })
+            ] }),
+            a && /* @__PURE__ */ t.jsx(
+              "div",
               {
-                htmlFor: e,
-                className: "pkt-sr-only",
-                "aria-describedby": A,
-                id: `${e}-label`,
-                children: n
+                className: "pkt-inputwrapper__helptext",
+                id: `${e}-helptext`,
+                dangerouslySetInnerHTML: { __html: a }
               }
             ),
-            T
-          ] }),
-          u && d && /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(yn, { skin: "error", "aria-live": "assertive", id: `${e}-error`, compact: !0, children: d }) })
-        ]
-      }
-    );
+            z && i !== "" && /* @__PURE__ */ t.jsxs("div", { children: [
+              /* @__PURE__ */ t.jsx(
+                fe,
+                {
+                  skin: "tertiary",
+                  size: "small",
+                  variant: "icon-right",
+                  iconName: v ? "chevron-thin-up" : "chevron-thin-down",
+                  className: "pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",
+                  onClick: A,
+                  children: /* @__PURE__ */ t.jsx("span", { dangerouslySetInnerHTML: { __html: K } })
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                "div",
+                {
+                  className: `pkt-inputwrapper__helptext ${v ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
+                  children: /* @__PURE__ */ t.jsx("span", { dangerouslySetInnerHTML: { __html: i } })
+                }
+              ),
+              !R && /* @__PURE__ */ t.jsx("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": L, children: r })
+            ] }),
+            /* @__PURE__ */ t.jsx(t.Fragment, { children: S })
+          ]
+        }
+      ) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        !R && /* @__PURE__ */ t.jsx("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": L, id: `${e}-label`, children: r }),
+        S
+      ] }),
+      u && d && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(jn, { skin: "error", "aria-live": "assertive", id: `${e}-error`, compact: !0, children: d }) })
+    ] });
   }
 );
-Se.displayName = "PktInputWrapper";
-const dr = M(
+Ce.displayName = "PktInputWrapper";
+const mr = V(
   ({
     children: e,
-    className: n,
-    iconName: r = "user",
-    openInNewTab: a = !1,
+    className: r,
+    iconName: a = "user",
+    openInNewTab: i = !1,
     skin: l = "normal",
     href: s = "#",
     external: c = !1,
     title: o,
     ...p
   }, u) => {
-    const d = [n, "pkt-linkcard", l && `pkt-linkcard--${l}`].filter(Boolean).join(" ");
-    return /* @__PURE__ */ h(
+    const d = [r, "pkt-linkcard", l && `pkt-linkcard--${l}`].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t.jsxs(
       "a",
       {
         ...p,
         href: s,
         className: `pkt-linkcard pkt-link ${d}`,
-        target: a ? "_blank" : "_self",
-        rel: a ? "noopener noreferrer" : void 0,
+        target: i ? "_blank" : "_self",
+        rel: i ? "noopener noreferrer" : void 0,
         ref: u,
         children: [
-          /* @__PURE__ */ i(w, { className: "pkt-link__icon", name: r }),
-          /* @__PURE__ */ h("div", { className: "pkt-linkcard__content", children: [
-            /* @__PURE__ */ i("div", { className: `pkt-linkcard__title ${c ? "pkt-link pkt-link--external" : ""}`, children: o }),
-            /* @__PURE__ */ i("div", { className: "pkt-linkcard__text", children: e })
+          /* @__PURE__ */ t.jsx(N, { className: "pkt-link__icon", name: a }),
+          /* @__PURE__ */ t.jsxs("div", { className: "pkt-linkcard__content", children: [
+            /* @__PURE__ */ t.jsx("div", { className: `pkt-linkcard__title ${c ? "pkt-link pkt-link--external" : ""}`, children: o }),
+            /* @__PURE__ */ t.jsx("div", { className: "pkt-linkcard__text", children: e })
           ] })
         ]
       }
     );
   }
 );
-dr.displayName = "PktLinkCard";
-const wr = M(
+mr.displayName = "PktLinkCard";
+const yr = V(
   ({
     className: e,
-    message: n,
-    size: r = "medium",
-    inline: a = !1,
+    message: r,
+    size: a = "medium",
+    inline: i = !1,
     isLoading: l = !0,
     variant: s = "rainbow",
     delay: c = 0,
     children: o,
     ...p
   }, u) => {
-    const d = `pkt-loader pkt-loader--${r}`, [k, v] = le(!(c > 0));
+    const d = `pkt-loader pkt-loader--${a}`, [h, k] = se(!(c > 0));
     c > 0 && setTimeout(() => {
-      v(!0);
+      k(!0);
     }, c);
-    const S = (x) => x === "shapes" ? "loader" : x === "blue" ? "spinner-blue" : "spinner";
-    return /* @__PURE__ */ i(
+    const C = (j) => j === "shapes" ? "loader" : j === "blue" ? "spinner-blue" : "spinner";
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
         role: "status",
         "aria-live": "polite",
         "aria-busy": l,
-        className: `pkt-loader--${a ? "inline" : "box"}  ${e || ""}`,
-        children: l ? /* @__PURE__ */ i(X, { children: k ? /* @__PURE__ */ h("div", { className: d, "data-testid": "pkt-loader", ref: u, ...p, children: [
-          /* @__PURE__ */ i(
-            w,
+        className: `pkt-loader--${i ? "inline" : "box"}  ${e || ""}`,
+        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: S(s),
+              name: C(s),
               "aria-label": "loading",
               path: "https://punkt-cdn.oslo.kommune.no/11.12/animations/",
               className: `pkt-loader__svg pkt-loader__${s}`
             }
           ),
-          n && /* @__PURE__ */ i("p", { children: n })
+          r && /* @__PURE__ */ t.jsx("p", { children: r })
         ] }) : null }) : o
       }
     );
   }
-), Er = ({
+), wr = ({
   children: e,
-  className: n,
-  compact: r = !1,
-  skin: a = "beige",
+  className: r,
+  compact: a = !1,
+  skin: i = "beige",
   title: l,
   ...s
 }) => {
   const c = [
-    n,
+    r,
     "pkt-messagebox",
-    a && `pkt-messagebox--${a}`,
-    r && "pkt-messagebox--compact"
+    i && `pkt-messagebox--${i}`,
+    a && "pkt-messagebox--compact"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h("div", { ...s, className: c, children: [
-    l && /* @__PURE__ */ i("div", { className: "pkt-messagebox__title", children: l }),
-    /* @__PURE__ */ i("div", { className: "pkt-messagebox__text", children: e })
+  return /* @__PURE__ */ t.jsxs("div", { ...s, className: c, children: [
+    l && /* @__PURE__ */ t.jsx("div", { className: "pkt-messagebox__title", children: l }),
+    /* @__PURE__ */ t.jsx("div", { className: "pkt-messagebox__text", children: e })
   ] });
-}, mr = M(
+}, hr = V(
   ({
     id: e,
-    name: n,
-    label: r,
-    className: a,
+    name: r,
+    label: a,
+    className: i,
     hasTile: l = !1,
     disabled: s = !1,
     checkHelptext: c,
@@ -2152,11 +2132,11 @@ const wr = M(
     ...p
   }, u) => {
     const d = [
-      a,
+      i,
       "pkt-input-check"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i("div", { className: d, children: /* @__PURE__ */ h("div", { className: `pkt-input-check__input ${l ? "pkt-input-check__input--tile" : ""} ${s && l ? "pkt-input-check__input--tile-disabled" : ""}`, children: [
-      /* @__PURE__ */ i(
+    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",
         {
           ref: u,
@@ -2164,24 +2144,24 @@ const wr = M(
           type: "radio",
           id: e,
           disabled: s,
-          name: n,
+          name: r,
           ...p
         }
       ),
-      /* @__PURE__ */ h("label", { className: "pkt-input-check__input-label", htmlFor: e, children: [
-        r,
-        c && /* @__PURE__ */ i("div", { className: "pkt-input-check__input-helptext", children: c })
+      /* @__PURE__ */ t.jsxs("label", { className: "pkt-input-check__input-label", htmlFor: e, children: [
+        a,
+        c && /* @__PURE__ */ t.jsx("div", { className: "pkt-input-check__input-helptext", children: c })
       ] })
     ] }) });
   }
 );
-mr.displayName = "PktRadioButton";
-const xr = M(
+hr.displayName = "PktRadioButton";
+const Er = V(
   ({
     action: e,
-    appearance: n = "local",
-    disabled: r = !1,
-    fullwidth: a = !1,
+    appearance: r = "local",
+    disabled: a = !1,
+    fullwidth: i = !1,
     id: l,
     label: s,
     method: c = "get",
@@ -2189,105 +2169,84 @@ const xr = M(
     placeholder: p = "Søk…",
     suggestions: u,
     value: d = "",
-    onSearch: k,
-    onSuggestionClick: v,
-    ...S
-  }, x) => {
-    const T = (_, O) => {
-      _ ? _() : v && v(O);
-    }, j = `pkt-searchinput pkt-searchinput--${n} ${a ? "pkt-searchinput--fullwidth" : ""}`;
-    return /* @__PURE__ */ h(
-      e ? "form" : "div",
+    onSearch: h,
+    onSuggestionClick: k,
+    ...C
+  }, j) => {
+    const S = (v, y) => {
+      v ? v() : k && k(y);
+    }, O = `pkt-searchinput pkt-searchinput--${r} ${i ? "pkt-searchinput--fullwidth" : ""}`, R = e ? "form" : "div", _ = s ? "label" : "div";
+    return /* @__PURE__ */ t.jsxs(
+      R,
       {
-        className: j,
-        onSubmit: k && (() => k(d)),
+        className: O,
+        onSubmit: h && (() => h(d)),
         action: e || void 0,
         method: e ? c : void 0,
         role: "search",
-        ref: x,
-        ...S,
+        ref: j,
+        ...C,
         children: [
-          /* @__PURE__ */ h(
-            s ? "label" : "div",
-            {
-              htmlFor: s ? l : void 0,
-              className: s ? "pkt-inputwrapper__label" : "",
-              children: [
-                s && /* @__PURE__ */ i(X, { children: s }),
-                /* @__PURE__ */ h(
-                  "div",
-                  {
-                    className: n === "local" ? "pkt-input__container" : "pkt-searchinput__field",
-                    children: [
-                      /* @__PURE__ */ i(
-                        "input",
-                        {
-                          className: `pkt-input ${a ? "pkt-input--fullwidth" : ""}`,
-                          type: "search",
-                          name: o || l,
-                          id: l,
-                          placeholder: p,
-                          value: d,
-                          disabled: r,
-                          onInput: k && ((_) => k(_.currentTarget.value)),
-                          autoComplete: "off",
-                          "aria-autocomplete": "list",
-                          "aria-controls": `${l}-suggestions`
-                        }
-                      ),
-                      /* @__PURE__ */ i(
-                        de,
-                        {
-                          className: `pkt-searchinput__button ${n === "local" ? "pkt-input-icon" : ""}`,
-                          variant: "icon-only",
-                          iconName: "magnifying-glass-big",
-                          skin: n === "local" ? "tertiary" : "primary",
-                          color: n === "global" ? "yellow" : void 0,
-                          type: "submit",
-                          disabled: r,
-                          onClick: k && (() => k(d)),
-                          onKeyUp: k && ((_) => _.key === "Enter" && k(d)),
-                          children: s || p
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ),
-          u && /* @__PURE__ */ i(
-            "ul",
-            {
-              id: `${l}-suggestions`,
-              className: "pkt-searchinput__suggestions",
-              "aria-live": "assertive",
-              children: u.map((_, O) => /* @__PURE__ */ i("li", { children: H.createElement(
-                _.href ? "a" : _.onClick ? "button" : "div",
+          /* @__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",
                 {
-                  href: _.href,
-                  className: `pkt-searchinput__suggestion ${_.onClick ? "pkt-link-button" : ""} ${_.href || _.onClick ? "pkt-searchinput__suggestion--has-hover" : ""}`,
-                  type: _.onClick ? "button" : void 0,
-                  onClick: () => T(_.onClick, O),
-                  onKeyUp: () => T(_.onClick, O)
-                },
-                /* @__PURE__ */ h(X, { children: [
-                  _.title && /* @__PURE__ */ i("h3", { className: "pkt-searchinput__suggestion-title", children: _.title }),
-                  _.text && /* @__PURE__ */ i("p", { className: "pkt-searchinput__suggestion-text", children: _.text })
-                ] })
-              ) }, `search-suggestion-${O}`))
-            }
-          )
+                  className: `pkt-input ${i ? "pkt-input--fullwidth" : ""}`,
+                  type: "search",
+                  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": `${l}-suggestions`
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                fe,
+                {
+                  className: `pkt-searchinput__button ${r === "local" ? "pkt-input-icon" : ""}`,
+                  variant: "icon-only",
+                  iconName: "magnifying-glass-big",
+                  skin: r === "local" ? "tertiary" : "primary",
+                  color: r === "global" ? "yellow" : void 0,
+                  type: "submit",
+                  disabled: a,
+                  onClick: h && (() => h(d)),
+                  onKeyUp: h && ((v) => v.key === "Enter" && h(d)),
+                  children: s || p
+                }
+              )
+            ] })
+          ] }),
+          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,
+              className: `pkt-searchinput__suggestion ${v.onClick ? "pkt-link-button" : ""} ${v.href || v.onClick ? "pkt-searchinput__suggestion--has-hover" : ""}`,
+              type: v.onClick ? "button" : void 0,
+              onClick: () => S(v.onClick, y),
+              onKeyUp: () => S(v.onClick, y)
+            },
+            /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              v.title && /* @__PURE__ */ t.jsx("h3", { className: "pkt-searchinput__suggestion-title", children: v.title }),
+              v.text && /* @__PURE__ */ t.jsx("p", { className: "pkt-searchinput__suggestion-text", children: v.text })
+            ] })
+          ) }, `search-suggestion-${y}`)) })
         ]
       }
     );
   }
-), Cr = M(
+), Cr = V(
   ({
     ariaDescribedby: e,
-    ariaLabelledby: n,
-    children: r,
-    className: a,
+    ariaLabelledby: r,
+    children: a,
+    className: i,
     disabled: l = !1,
     errorMessage: s,
     hasError: c,
@@ -2295,73 +2254,73 @@ const xr = M(
     helptextDropdown: p,
     helptextDropdownButton: u,
     id: d,
-    inline: k = !1,
-    fullwidth: v = !1,
-    label: S,
-    name: x,
-    optionalTag: T = !1,
-    optionalText: j,
-    requiredTag: y = !1,
-    requiredText: E,
-    ..._
-  }, O) => {
-    const F = [a, "pkt-select"].join(" ");
-    return /* @__PURE__ */ i(
-      Se,
+    inline: h = !1,
+    fullwidth: k = !1,
+    label: C,
+    name: j,
+    optionalTag: S = !1,
+    optionalText: O,
+    requiredTag: R = !1,
+    requiredText: _,
+    ...v
+  }, y) => {
+    const A = [i, "pkt-select"].join(" ");
+    return /* @__PURE__ */ t.jsx(
+      Ce,
       {
-        className: F,
+        className: A,
         forId: d,
-        label: S,
+        label: C,
         helptext: o,
         helptextDropdown: p,
         helptextDropdownButton: u,
-        optionalTag: T,
-        optionalText: j,
-        requiredTag: y,
-        requiredText: E,
+        optionalTag: S,
+        optionalText: O,
+        requiredTag: R,
+        requiredText: _,
         hasError: c,
         errorMessage: s,
         disabled: l,
-        inline: k,
+        inline: h,
         ariaDescribedby: e,
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ t.jsx(
           "select",
           {
-            ref: O,
-            className: `pkt-input ${v ? "pkt-input--fullwidth" : ""}`,
+            ref: y,
+            className: `pkt-input ${k ? "pkt-input--fullwidth" : ""}`,
             "aria-invalid": c,
             "aria-errormessage": `${d}-error`,
-            "aria-labelledby": n || `${d}-label`,
+            "aria-labelledby": r || `${d}-label`,
             disabled: l,
             id: d,
-            name: x || d,
-            ..._,
-            children: r
+            name: j || d,
+            ...v,
+            children: a
           }
         )
       }
     );
   }
-), hr = ({ isResponsive: e, children: n }) => e ? /* @__PURE__ */ i("div", { className: "pkt-table-container", children: n }) : /* @__PURE__ */ i(X, { children: n }), Rr = ({
+), kr = ({ isResponsive: e, children: r }) => e ? /* @__PURE__ */ t.jsx("div", { className: "pkt-table-container", children: r }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: r }), Rr = ({
   isResponsive: e,
-  modifiers: { info: n = !1, success: r = !1, strong: a = !1, shadow: l = !1 } = {},
+  modifiers: { info: r = !1, success: a = !1, strong: i = !1, shadow: l = !1 } = {},
   children: s
-}) => /* @__PURE__ */ i(hr, { isResponsive: e, children: /* @__PURE__ */ i(
+}) => /* @__PURE__ */ t.jsx(kr, { isResponsive: e, children: /* @__PURE__ */ t.jsx(
   "table",
   {
-    className: Ut("pkt-table", {
-      "pkt-table--info": n,
-      "pkt-table--success": r,
-      "pkt-table--strong": a,
+    className: Lt("pkt-table", {
+      "pkt-table--info": r,
+      "pkt-table--success": a,
+      "pkt-table--strong": i,
       "pkt-table--shadow": l
     }),
     children: s
   }
-) }), Sr = ({ children: e }) => /* @__PURE__ */ i("td", { className: "pkt-table__th", children: e }), Pr = ({ children: e }) => /* @__PURE__ */ i("th", { className: "pkt-table__th", children: e }), Ke = M(({
+) }), Pr = ({ children: e }) => /* @__PURE__ */ t.jsx("td", { className: "pkt-table__th", children: e }), Sr = ({ children: e }) => /* @__PURE__ */ t.jsx("th", { className: "pkt-table__th", children: e }), Ke = V(({
   children: e,
-  className: n,
-  skin: r = "blue",
-  textStyle: a = "normal-text",
+  className: r,
+  skin: a = "blue",
+  textStyle: i = "normal-text",
   size: l = "medium",
   closeTag: s = !1,
   iconName: c = "",
@@ -2370,71 +2329,71 @@ const xr = M(
   onClick: u = () => {
   }
 }, d) => {
-  const [k, v] = le(!1), S = (y) => {
-    v(!0), u(y);
-  }, x = [
+  const [h, k] = se(!1), C = (R) => {
+    k(!0), u(R);
+  }, j = [
     "pkt-tag",
     l && `pkt-tag--${l}`,
-    r && `pkt-tag--${r}`,
     a && `pkt-tag--${a}`,
-    n
-  ].filter(Boolean).join(" "), T = [
+    i && `pkt-tag--${i}`,
+    r
+  ].filter(Boolean).join(" "), S = [
     "pkt-tag",
     "pkt-btn",
     "pkt-btn--tertiary",
     l && `pkt-tag--${l}`,
-    r && `pkt-tag--${r}`,
     a && `pkt-tag--${a}`,
+    i && `pkt-tag--${i}`,
     c && s ? "pkt-btn--icons-right-and-left" : null,
     s && !c ? "pkt-btn--icon-right" : null,
-    n
-  ].filter(Boolean).join(" "), j = !k;
-  return s && c ? /* @__PURE__ */ i(X, { children: j && /* @__PURE__ */ h(
+    r
+  ].filter(Boolean).join(" "), O = !h;
+  return s && c ? /* @__PURE__ */ t.jsx(t.Fragment, { children: O && /* @__PURE__ */ t.jsxs(
     "button",
     {
-      className: T,
+      className: S,
       type: o,
       "aria-label": p,
-      onClick: S,
+      onClick: C,
       ref: d,
       children: [
-        /* @__PURE__ */ i(w, { className: "pkt-tag__icon", name: c }),
+        /* @__PURE__ */ t.jsx(N, { className: "pkt-tag__icon", name: c }),
         e,
-        /* @__PURE__ */ i(w, { className: "pkt-tag__close-btn", name: "close" })
+        /* @__PURE__ */ t.jsx(N, { className: "pkt-tag__close-btn", name: "close" })
       ]
     }
-  ) }) : s ? /* @__PURE__ */ i(X, { children: j && /* @__PURE__ */ h(
+  ) }) : s ? /* @__PURE__ */ t.jsx(t.Fragment, { children: O && /* @__PURE__ */ t.jsxs(
     "button",
     {
-      className: T,
+      className: S,
       type: o,
       "aria-label": p,
-      onClick: S,
+      onClick: C,
       ref: d,
       children: [
-        /* @__PURE__ */ i(w, { className: "pkt-tag__close-btn", name: "close" }),
+        /* @__PURE__ */ t.jsx(N, { className: "pkt-tag__close-btn", name: "close" }),
         e
       ]
     }
-  ) }) : c ? /* @__PURE__ */ h("span", { className: x, children: [
-    /* @__PURE__ */ i(w, { className: "pkt-tag__icon", name: c }),
+  ) }) : c ? /* @__PURE__ */ t.jsxs("span", { className: j, children: [
+    /* @__PURE__ */ t.jsx(N, { className: "pkt-tag__icon", name: c }),
     e
-  ] }) : /* @__PURE__ */ i("span", { className: x, children: e });
+  ] }) : /* @__PURE__ */ t.jsx("span", { className: j, children: e });
 });
 Ke.displayName = "PktTag";
-const Tr = M(
-  ({ arrowNav: e = !0, tabs: n, onTabSelected: r }, a) => {
-    const l = Et([]);
+const Tr = V(
+  ({ arrowNav: e = !0, tabs: r, onTabSelected: a }, i) => {
+    const l = jt([]);
     Je(() => {
-      l.current = l.current.slice(0, n.length);
-    }, [n]);
+      l.current = l.current.slice(0, r.length);
+    }, [r]);
     const s = (o, p) => {
-      p.action && p.action(o), r && r(o);
+      p.action && p.action(o), a && a(o);
     }, c = (o, p) => {
       var u, d;
-      e && (p.code === "ArrowLeft" && o !== 0 && ((u = l.current[o - 1]) == null || u.focus()), p.code === "ArrowRight" && o < n.length - 1 && ((d = l.current[o + 1]) == null || d.focus()), (p.code === "ArrowDown" || p.code === "Space") && s(o, n[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__ */ i("div", { className: "pkt-tabs", ref: a, children: /* @__PURE__ */ i("div", { className: "pkt-tabs__list", role: e ? "tablist" : "navigation", children: n.map((o, p) => /* @__PURE__ */ i(dn, { children: o.href ? /* @__PURE__ */ h(
+    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",
       {
         "aria-selected": !!o.active,
@@ -2449,12 +2408,12 @@ const Tr = M(
           l.current[p] = u;
         },
         children: [
-          o.icon && /* @__PURE__ */ i(w, { name: o.icon, className: "pkt-icon--small" }),
+          o.icon && /* @__PURE__ */ t.jsx(N, { name: o.icon, className: "pkt-icon--small" }),
           o.text,
-          o.tag && /* @__PURE__ */ i(Ke, { skin: o.tag.skin, size: "small", children: o.tag.text })
+          o.tag && /* @__PURE__ */ t.jsx(Ke, { skin: o.tag.skin, size: "small", children: o.tag.text })
         ]
       }
-    ) : /* @__PURE__ */ h(
+    ) : /* @__PURE__ */ t.jsxs(
       "button",
       {
         "aria-selected": !!o.active,
@@ -2469,20 +2428,20 @@ const Tr = M(
           l.current[p] = u;
         },
         children: [
-          o.icon && /* @__PURE__ */ i(w, { name: o.icon, className: "pkt-icon--small" }),
+          o.icon && /* @__PURE__ */ t.jsx(N, { name: o.icon, className: "pkt-icon--small" }),
           o.text,
-          o.tag && /* @__PURE__ */ i(Ke, { skin: o.tag.skin, size: "small", children: o.tag.text })
+          o.tag && /* @__PURE__ */ t.jsx(Ke, { skin: o.tag.skin, size: "small", children: o.tag.text })
         ]
       },
       "b-" + p
     ) }, p)) }) });
   }
-), Or = M(
+), Or = V(
   ({
     id: e,
-    ariaDescribedby: n,
-    ariaLabelledby: r,
-    counter: a,
+    ariaDescribedby: r,
+    ariaLabelledby: a,
+    counter: i,
     counterMaxLength: l,
     className: s,
     disabled: c,
@@ -2490,80 +2449,80 @@ const Tr = M(
     hasError: p,
     helptext: u,
     helptextDropdown: d,
-    helptextDropdownButton: k,
-    inline: v,
-    fullwidth: S = !1,
-    label: x,
-    name: T,
-    optionalTag: j = !1,
-    optionalText: y,
-    requiredTag: E = !1,
-    requiredText: _,
-    placeholder: O,
-    rows: F,
-    useWrapper: W = !0,
-    onChange: B,
-    ...J
-  }, V) => {
-    const z = [s, "pkt-textinput", "pkt-textarea"].join(" "), G = r || `${e}-label`, Y = Et(null), [U, b] = le(0), A = (ee) => {
-      var te, oe;
-      if (a && b(((oe = (te = ee.currentTarget) == null ? void 0 : te.value) == null ? void 0 : oe.length) || 0), B)
-        return B(ee);
+    helptextDropdownButton: h,
+    inline: k,
+    fullwidth: C = !1,
+    label: j,
+    name: S,
+    optionalTag: O = !1,
+    optionalText: R,
+    requiredTag: _ = !1,
+    requiredText: v,
+    placeholder: y,
+    rows: A,
+    useWrapper: U = !0,
+    onChange: W,
+    ...B
+  }, M) => {
+    const Y = [s, "pkt-textinput", "pkt-textarea"].join(" "), z = a || `${e}-label`, K = jt(null), [F, x] = se(0), L = (Z) => {
+      var Q, ie;
+      if (i && x(((ie = (Q = Z.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : ie.length) || 0), W)
+        return W(Z);
     };
     return Je(() => {
-      var ee, te;
-      typeof V == "function" && V(Y.current), a && b(((te = (ee = Y == null ? void 0 : Y.current) == null ? void 0 : ee.value) == null ? void 0 : te.length) || 0);
-    }, [V]), /* @__PURE__ */ h(
-      Se,
+      var Z, Q;
+      typeof M == "function" && M(K.current), i && x(((Q = (Z = K == null ? void 0 : K.current) == null ? void 0 : Z.value) == null ? void 0 : Q.length) || 0);
+    }, [M]), /* @__PURE__ */ t.jsxs(
+      Ce,
       {
-        ariaDescribedby: n,
-        className: z,
+        ariaDescribedby: r,
+        className: Y,
         disabled: c,
         errorMessage: o,
         forId: e,
         hasError: p,
         helptext: u,
         helptextDropdown: d,
-        helptextDropdownButton: k,
-        inline: v,
-        label: x,
-        optionalTag: j,
-        optionalText: y,
-        requiredTag: E,
-        requiredText: _,
-        useWrapper: W,
+        helptextDropdownButton: h,
+        inline: k,
+        label: j,
+        optionalTag: O,
+        optionalText: R,
+        requiredTag: _,
+        requiredText: v,
+        useWrapper: U,
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ t.jsx(
             "textarea",
             {
-              ref: Y,
-              className: `pkt-input ${S ? "pkt-input--fullwidth" : ""} ${l && U > l ? "pkt-input--counter-error" : ""}`,
-              name: T || e,
+              ref: K,
+              className: `pkt-input ${C ? "pkt-input--fullwidth" : ""} ${l && F > l ? "pkt-input--counter-error" : ""}`,
+              name: S || e,
               id: e,
-              placeholder: O,
+              placeholder: y,
               disabled: c,
-              rows: F,
-              "aria-labelledby": G,
+              rows: A,
+              "aria-labelledby": z,
               "aria-invalid": p,
               "aria-errormessage": `${e}-error`,
-              ...J,
-              onChange: A
+              ...B,
+              onChange: L
             }
           ),
-          a && /* @__PURE__ */ h("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
-            U || 0,
+          i && /* @__PURE__ */ t.jsxs("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
+            F || 0,
             l && `/${l}`
           ] })
         ]
       }
     );
   }
-), $r = M(
+), $r = V(
   ({
     id: e,
-    ariaDescribedby: n,
-    ariaLabelledby: r,
-    autocomplete: a = "off",
+    ariaDescribedby: r,
+    ariaLabelledby: a,
+    autocomplete: i = "off",
     className: l,
     disabled: s = !1,
     errorMessage: c,
@@ -2571,30 +2530,30 @@ const Tr = M(
     helptext: p,
     helptextDropdown: u,
     helptextDropdownButton: d,
-    iconNameRight: k,
-    inline: v = !1,
-    fullwidth: S = !1,
-    label: x,
-    name: T,
-    optionalTag: j = !1,
-    optionalText: y,
-    requiredTag: E = !1,
-    requiredText: _,
-    placeholder: O,
-    prefix: F,
-    suffix: W,
-    type: B = "text",
-    useWrapper: J = !0,
-    omitSearchIcon: V = !1,
-    value: z,
-    ...G
-  }, Y) => {
-    const U = [l, "pkt-textinput"].join(" "), b = r || `${e}-label`, A = B === "search" && !k && !V;
-    return /* @__PURE__ */ i(
-      Se,
+    iconNameRight: h,
+    inline: k = !1,
+    fullwidth: C = !1,
+    label: j,
+    name: S,
+    optionalTag: O = !1,
+    optionalText: R,
+    requiredTag: _ = !1,
+    requiredText: v,
+    placeholder: y,
+    prefix: A,
+    suffix: U,
+    type: W = "text",
+    useWrapper: B = !0,
+    omitSearchIcon: M = !1,
+    value: Y,
+    ...z
+  }, K) => {
+    const F = [l, "pkt-textinput"].join(" "), x = a || `${e}-label`, L = W === "search" && !h && !M;
+    return /* @__PURE__ */ t.jsx(
+      Ce,
       {
-        ariaDescribedby: n,
-        className: U,
+        ariaDescribedby: r,
+        className: F,
         disabled: s,
         errorMessage: c,
         forId: e,
@@ -2602,67 +2561,67 @@ const Tr = M(
         helptext: p,
         helptextDropdown: u,
         helptextDropdownButton: d,
-        inline: v,
-        label: x,
-        optionalTag: j,
-        optionalText: y,
-        requiredTag: E,
-        requiredText: _,
-        useWrapper: J,
-        children: /* @__PURE__ */ h("div", { className: "pkt-input__container", children: [
-          F && /* @__PURE__ */ i("div", { className: "pkt-input-prefix", children: F }),
-          /* @__PURE__ */ i(
+        inline: k,
+        label: j,
+        optionalTag: O,
+        optionalText: R,
+        requiredTag: _,
+        requiredText: v,
+        useWrapper: B,
+        children: /* @__PURE__ */ t.jsxs("div", { className: "pkt-input__container", children: [
+          A && /* @__PURE__ */ t.jsx("div", { className: "pkt-input-prefix", children: A }),
+          /* @__PURE__ */ t.jsx(
             "input",
             {
-              ref: Y,
-              className: `pkt-input ${S ? "pkt-input--fullwidth" : ""}`,
-              type: B,
-              name: T || e,
+              ref: K,
+              className: `pkt-input ${C ? "pkt-input--fullwidth" : ""}`,
+              type: W,
+              name: S || e,
               id: e,
-              placeholder: O,
-              autoComplete: a,
-              value: z,
+              placeholder: y,
+              autoComplete: i,
+              value: Y,
               disabled: s,
               "aria-invalid": o,
               "aria-errormessage": `${e}-error`,
-              "aria-labelledby": b,
-              ...G
+              "aria-labelledby": x,
+              ...z
             }
           ),
-          W && /* @__PURE__ */ h("p", { className: "pkt-input-suffix", children: [
-            W,
-            k && /* @__PURE__ */ i(w, { className: "pkt-input-suffix-icon", name: k }),
-            A && /* @__PURE__ */ i(w, { className: "pkt-input-suffix-icon", name: "magnifying-glass-big" })
+          U && /* @__PURE__ */ t.jsxs("p", { className: "pkt-input-suffix", children: [
+            U,
+            h && /* @__PURE__ */ t.jsx(N, { className: "pkt-input-suffix-icon", name: h }),
+            L && /* @__PURE__ */ t.jsx(N, { className: "pkt-input-suffix-icon", name: "magnifying-glass-big" })
           ] }),
-          !W && k && /* @__PURE__ */ i(w, { className: "pkt-input-icon", name: k }),
-          !W && A && /* @__PURE__ */ i(w, { className: "pkt-input-icon", name: "magnifying-glass-big" })
+          !U && h && /* @__PURE__ */ t.jsx(N, { className: "pkt-input-icon", name: h }),
+          !U && L && /* @__PURE__ */ t.jsx(N, { className: "pkt-input-icon", name: "magnifying-glass-big" })
         ] })
       }
     );
   }
 );
 export {
-  yn as PktAlert,
-  _r as PktBackLink,
-  br as PktBreadcrumbs,
-  de as PktButton,
-  ur as PktCheckbox,
-  gr as PktFooter,
+  jn as PktAlert,
+  xr as PktBackLink,
+  gr as PktBreadcrumbs,
+  fe as PktButton,
+  pr as PktCheckbox,
+  br as PktFooter,
   Nr as PktFooterSimple,
-  yr as PktHeader,
-  w as PktIcon,
+  jr as PktHeader,
+  N as PktIcon,
   Nn as PktIconContext,
-  fr as PktInput,
-  Se as PktInputWrapper,
-  dr as PktLinkCard,
-  wr as PktLoader,
-  Er as PktMessagebox,
-  mr as PktRadioButton,
-  xr as PktSearchInput,
+  dr as PktInput,
+  Ce as PktInputWrapper,
+  mr as PktLinkCard,
+  yr as PktLoader,
+  wr as PktMessagebox,
+  hr as PktRadioButton,
+  Er as PktSearchInput,
   Cr as PktSelect,
   Rr as PktTable,
-  Sr as PktTableData,
-  Pr as PktTableHeader,
+  Pr as PktTableData,
+  Sr as PktTableHeader,
   Tr as PktTabs,
   Ke as PktTag,
   Or as PktTextarea,