@oslokommune/punkt-react 8.0.12 → 9.0.1

package/dist/punkt-react.es.js

@@ -1,9 +1,9 @@
 import * as g from "react";
-import K, { useState as ue, useEffect as yt, forwardRef as z, useRef as on } from "react";
+import G, { useState as ue, useEffect as yt, forwardRef as B, useRef as on } from "react";
 function sn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ae = { exports: {} }, se = {};
+var Ue = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -18,18 +18,18 @@ function cn() {
   if (kt)
     return se;
   kt = 1;
-  var e = K, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function s(c, f, d) {
-    var h, _ = {}, w = null, C = null;
-    d !== void 0 && (w = "" + d), f.key !== void 0 && (w = "" + f.key), f.ref !== void 0 && (C = f.ref);
-    for (h in f)
-      o.call(f, h) && !i.hasOwnProperty(h) && (_[h] = f[h]);
+  var e = G, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(c, p, d) {
+    var h, v = {}, E = null, w = null;
+    d !== void 0 && (E = "" + d), p.key !== void 0 && (E = "" + p.key), p.ref !== void 0 && (w = p.ref);
+    for (h in p)
+      o.call(p, h) && !s.hasOwnProperty(h) && (v[h] = p[h]);
     if (c && c.defaultProps)
-      for (h in f = c.defaultProps, f)
-        _[h] === void 0 && (_[h] = f[h]);
-    return { $$typeof: n, type: c, key: w, ref: C, props: _, _owner: a.current };
+      for (h in p = c.defaultProps, p)
+        v[h] === void 0 && (v[h] = p[h]);
+    return { $$typeof: n, type: c, key: E, ref: w, props: v, _owner: a.current };
   }
-  return se.Fragment = r, se.jsx = s, se.jsxs = s, se;
+  return se.Fragment = r, se.jsx = i, se.jsxs = i, se;
 }
 var ce = {};
 /**
@@ -44,51 +44,51 @@ var ce = {};
 var vt;
 function un() {
   return vt || (vt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = K, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), P = Symbol.iterator, R = "@@iterator";
+    var e = G, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), c = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), S = Symbol.iterator, P = "@@iterator";
     function T(t) {
       if (t === null || typeof t != "object")
         return null;
-      var u = P && t[P] || t[R];
+      var u = S && t[S] || t[P];
       return typeof u == "function" ? u : null;
     }
-    var O = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function b(t) {
       {
-        for (var u = arguments.length, p = new Array(u > 1 ? u - 1 : 0), k = 1; k < u; k++)
-          p[k - 1] = arguments[k];
-        $("error", t, p);
+        for (var u = arguments.length, f = new Array(u > 1 ? u - 1 : 0), k = 1; k < u; k++)
+          f[k - 1] = arguments[k];
+        j("error", t, f);
       }
     }
-    function $(t, u, p) {
+    function j(t, u, f) {
       {
-        var k = O.ReactDebugCurrentFrame, x = k.getStackAddendum();
-        x !== "" && (u += "%s", p = p.concat([x]));
-        var S = p.map(function(E) {
-          return String(E);
+        var k = C.ReactDebugCurrentFrame, R = k.getStackAddendum();
+        R !== "" && (u += "%s", f = f.concat([R]));
+        var O = f.map(function(x) {
+          return String(x);
         });
-        S.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, S);
+        O.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, O);
       }
     }
-    var A = !1, V = !1, I = !1, J = !1, H = !1, B;
-    B = Symbol.for("react.module.reference");
-    function W(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === o || t === i || H || t === a || t === d || t === h || J || t === C || A || V || I || typeof t == "object" && t !== null && (t.$$typeof === w || t.$$typeof === _ || t.$$typeof === s || t.$$typeof === c || t.$$typeof === f || // This needs to include all possible module reference object
+    var F = !1, A = !1, U = !1, M = !1, H = !1, Y;
+    Y = Symbol.for("react.module.reference");
+    function K(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === o || t === s || H || t === a || t === d || t === h || M || t === w || F || A || U || typeof t == "object" && t !== null && (t.$$typeof === E || t.$$typeof === v || t.$$typeof === i || t.$$typeof === c || t.$$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 === B || t.getModuleId !== void 0));
+      t.$$typeof === Y || t.getModuleId !== void 0));
     }
-    function G(t, u, p) {
+    function W(t, u, f) {
       var k = t.displayName;
       if (k)
         return k;
-      var x = u.displayName || u.name || "";
-      return x !== "" ? p + "(" + x + ")" : p;
+      var R = u.displayName || u.name || "";
+      return R !== "" ? f + "(" + R + ")" : f;
     }
-    function v(t) {
+    function _(t) {
       return t.displayName || "Context";
     }
-    function j(t) {
+    function D(t) {
       if (t == null)
         return null;
       if (typeof t.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
@@ -100,7 +100,7 @@ function un() {
           return "Fragment";
         case r:
           return "Portal";
-        case i:
+        case s:
           return "Profiler";
         case a:
           return "StrictMode";
@@ -113,19 +113,19 @@ function un() {
         switch (t.$$typeof) {
           case c:
             var u = t;
-            return v(u) + ".Consumer";
-          case s:
-            var p = t;
-            return v(p._context) + ".Provider";
-          case f:
-            return G(t, t.render, "ForwardRef");
-          case _:
+            return _(u) + ".Consumer";
+          case i:
+            var f = t;
+            return _(f._context) + ".Provider";
+          case p:
+            return W(t, t.render, "ForwardRef");
+          case v:
             var k = t.displayName || null;
-            return k !== null ? k : j(t.type) || "Memo";
-          case w: {
-            var x = t, S = x._payload, E = x._init;
+            return k !== null ? k : D(t.type) || "Memo";
+          case E: {
+            var R = t, O = R._payload, x = R._init;
             try {
-              return j(E(S));
+              return D(x(O));
             } catch {
               return null;
             }
@@ -133,13 +133,13 @@ function un() {
         }
       return null;
     }
-    var M = Object.assign, te = 0, Z, Q, oe, Xe, Ze, Qe, et;
+    var J = Object.assign, q = 0, Z, Q, oe, Xe, Ze, Qe, et;
     function tt() {
     }
     tt.__reactDisabledLog = !0;
-    function $t() {
+    function Lt() {
       {
-        if (te === 0) {
+        if (q === 0) {
           Z = console.log, Q = console.info, oe = console.warn, Xe = console.error, Ze = console.group, Qe = console.groupCollapsed, et = console.groupEnd;
           var t = {
             configurable: !0,
@@ -157,208 +157,208 @@ function un() {
             groupEnd: t
           });
         }
-        te++;
+        q++;
       }
     }
-    function Ft() {
+    function It() {
       {
-        if (te--, te === 0) {
+        if (q--, q === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: M({}, t, {
+            log: J({}, t, {
               value: Z
             }),
-            info: M({}, t, {
+            info: J({}, t, {
               value: Q
             }),
-            warn: M({}, t, {
+            warn: J({}, t, {
               value: oe
             }),
-            error: M({}, t, {
+            error: J({}, t, {
               value: Xe
             }),
-            group: M({}, t, {
+            group: J({}, t, {
               value: Ze
             }),
-            groupCollapsed: M({}, t, {
+            groupCollapsed: J({}, t, {
               value: Qe
             }),
-            groupEnd: M({}, t, {
+            groupEnd: J({}, t, {
               value: et
             })
           });
         }
-        te < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        q < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Re = O.ReactCurrentDispatcher, Pe;
-    function pe(t, u, p) {
+    var Pe = C.ReactCurrentDispatcher, Se;
+    function fe(t, u, f) {
       {
-        if (Pe === void 0)
+        if (Se === void 0)
           try {
             throw Error();
-          } catch (x) {
-            var k = x.stack.trim().match(/\n( *(at )?)/);
-            Pe = k && k[1] || "";
+          } catch (R) {
+            var k = R.stack.trim().match(/\n( *(at )?)/);
+            Se = k && k[1] || "";
           }
         return `
-` + Pe + t;
+` + Se + t;
       }
     }
-    var Se = !1, de;
+    var Oe = !1, de;
     {
-      var It = typeof WeakMap == "function" ? WeakMap : Map;
-      de = new It();
+      var Ft = typeof WeakMap == "function" ? WeakMap : Map;
+      de = new Ft();
     }
     function nt(t, u) {
-      if (!t || Se)
+      if (!t || Oe)
         return "";
       {
-        var p = de.get(t);
-        if (p !== void 0)
-          return p;
+        var f = de.get(t);
+        if (f !== void 0)
+          return f;
       }
       var k;
-      Se = !0;
-      var x = Error.prepareStackTrace;
+      Oe = !0;
+      var R = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var S;
-      S = Re.current, Re.current = null, $t();
+      var O;
+      O = Pe.current, Pe.current = null, Lt();
       try {
         if (u) {
-          var E = function() {
+          var x = function() {
             throw Error();
           };
-          if (Object.defineProperty(E.prototype, "props", {
+          if (Object.defineProperty(x.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(E, []);
-            } catch (q) {
-              k = q;
+              Reflect.construct(x, []);
+            } catch (X) {
+              k = X;
             }
-            Reflect.construct(t, [], E);
+            Reflect.construct(t, [], x);
           } else {
             try {
-              E.call();
-            } catch (q) {
-              k = q;
+              x.call();
+            } catch (X) {
+              k = X;
             }
-            t.call(E.prototype);
+            t.call(x.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (q) {
-            k = q;
+          } catch (X) {
+            k = X;
           }
           t();
         }
-      } catch (q) {
-        if (q && k && typeof q.stack == "string") {
-          for (var N = q.stack.split(`
-`), U = k.stack.split(`
-`), D = N.length - 1, L = U.length - 1; D >= 1 && L >= 0 && N[D] !== U[L]; )
+      } catch (X) {
+        if (X && k && typeof X.stack == "string") {
+          for (var N = X.stack.split(`
+`), V = k.stack.split(`
+`), $ = N.length - 1, L = V.length - 1; $ >= 1 && L >= 0 && N[$] !== V[L]; )
             L--;
-          for (; D >= 1 && L >= 0; D--, L--)
-            if (N[D] !== U[L]) {
-              if (D !== 1 || L !== 1)
+          for (; $ >= 1 && L >= 0; $--, L--)
+            if (N[$] !== V[L]) {
+              if ($ !== 1 || L !== 1)
                 do
-                  if (D--, L--, L < 0 || N[D] !== U[L]) {
-                    var Y = `
-` + N[D].replace(" at new ", " at ");
-                    return t.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", t.displayName)), typeof t == "function" && de.set(t, Y), Y;
+                  if ($--, L--, L < 0 || N[$] !== V[L]) {
+                    var z = `
+` + N[$].replace(" at new ", " at ");
+                    return t.displayName && z.includes("<anonymous>") && (z = z.replace("<anonymous>", t.displayName)), typeof t == "function" && de.set(t, z), z;
                   }
-                while (D >= 1 && L >= 0);
+                while ($ >= 1 && L >= 0);
               break;
             }
         }
       } finally {
-        Se = !1, Re.current = S, Ft(), Error.prepareStackTrace = x;
+        Oe = !1, Pe.current = O, It(), Error.prepareStackTrace = R;
       }
-      var ae = t ? t.displayName || t.name : "", ht = ae ? pe(ae) : "";
+      var ae = t ? t.displayName || t.name : "", ht = ae ? fe(ae) : "";
       return typeof t == "function" && de.set(t, ht), ht;
     }
-    function At(t, u, p) {
+    function At(t, u, f) {
       return nt(t, !1);
     }
     function Ut(t) {
       var u = t.prototype;
       return !!(u && u.isReactComponent);
     }
-    function me(t, u, p) {
+    function me(t, u, f) {
       if (t == null)
         return "";
       if (typeof t == "function")
         return nt(t, Ut(t));
       if (typeof t == "string")
-        return pe(t);
+        return fe(t);
       switch (t) {
         case d:
-          return pe("Suspense");
+          return fe("Suspense");
         case h:
-          return pe("SuspenseList");
+          return fe("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case f:
+          case p:
             return At(t.render);
-          case _:
-            return me(t.type, u, p);
-          case w: {
-            var k = t, x = k._payload, S = k._init;
+          case v:
+            return me(t.type, u, f);
+          case E: {
+            var k = t, R = k._payload, O = k._init;
             try {
-              return me(S(x), u, p);
+              return me(O(R), u, f);
             } catch {
             }
           }
         }
       return "";
     }
-    var he = Object.prototype.hasOwnProperty, rt = {}, at = O.ReactDebugCurrentFrame;
+    var he = Object.prototype.hasOwnProperty, rt = {}, at = C.ReactDebugCurrentFrame;
     function ke(t) {
       if (t) {
-        var u = t._owner, p = me(t.type, t._source, u ? u.type : null);
-        at.setExtraStackFrame(p);
+        var u = t._owner, f = me(t.type, t._source, u ? u.type : null);
+        at.setExtraStackFrame(f);
       } else
         at.setExtraStackFrame(null);
     }
-    function Vt(t, u, p, k, x) {
+    function Vt(t, u, f, k, R) {
       {
-        var S = Function.call.bind(he);
-        for (var E in t)
-          if (S(t, E)) {
+        var O = Function.call.bind(he);
+        for (var x in t)
+          if (O(t, x)) {
             var N = void 0;
             try {
-              if (typeof t[E] != "function") {
-                var U = Error((k || "React class") + ": " + p + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw U.name = "Invariant Violation", U;
+              if (typeof t[x] != "function") {
+                var V = Error((k || "React class") + ": " + f + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw V.name = "Invariant Violation", V;
               }
-              N = t[E](u, E, k, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              N = D;
+              N = t[x](u, x, k, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch ($) {
+              N = $;
             }
-            N && !(N instanceof Error) && (ke(x), b("%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).", k || "React class", p, E, typeof N), ke(null)), N instanceof Error && !(N.message in rt) && (rt[N.message] = !0, ke(x), b("Failed %s type: %s", p, N.message), ke(null));
+            N && !(N instanceof Error) && (ke(R), b("%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).", k || "React class", f, x, typeof N), ke(null)), N instanceof Error && !(N.message in rt) && (rt[N.message] = !0, ke(R), b("Failed %s type: %s", f, N.message), ke(null));
           }
       }
     }
     var Wt = Array.isArray;
-    function Oe(t) {
+    function Te(t) {
       return Wt(t);
     }
-    function Mt(t) {
+    function Bt(t) {
       {
-        var u = typeof Symbol == "function" && Symbol.toStringTag, p = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return p;
+        var u = typeof Symbol == "function" && Symbol.toStringTag, f = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return f;
       }
     }
-    function Bt(t) {
+    function Mt(t) {
       try {
         return lt(t), !1;
       } catch {
@@ -369,16 +369,16 @@ function un() {
       return "" + t;
     }
     function ot(t) {
-      if (Bt(t))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Mt(t)), lt(t);
+      if (Mt(t))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bt(t)), lt(t);
     }
-    var ie = O.ReactCurrentOwner, Yt = {
+    var ie = C.ReactCurrentOwner, Yt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, it, st, Te;
-    Te = {};
+    }, it, st, je;
+    je = {};
     function Jt(t) {
       if (he.call(t, "ref")) {
         var u = Object.getOwnPropertyDescriptor(t, "ref").get;
@@ -387,7 +387,7 @@ function un() {
       }
       return t.ref !== void 0;
     }
-    function Ht(t) {
+    function zt(t) {
       if (he.call(t, "key")) {
         var u = Object.getOwnPropertyDescriptor(t, "key").get;
         if (u && u.isReactWarning)
@@ -395,45 +395,45 @@ function un() {
       }
       return t.key !== void 0;
     }
-    function zt(t, u) {
+    function Ht(t, u) {
       if (typeof t.ref == "string" && ie.current && u && ie.current.stateNode !== u) {
-        var p = j(ie.current.type);
-        Te[p] || (b('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', j(ie.current.type), t.ref), Te[p] = !0);
+        var f = D(ie.current.type);
+        je[f] || (b('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', D(ie.current.type), t.ref), je[f] = !0);
       }
     }
-    function Gt(t, u) {
+    function Kt(t, u) {
       {
-        var p = function() {
+        var f = function() {
           it || (it = !0, b("%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)", u));
         };
-        p.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: p,
+        f.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: f,
           configurable: !0
         });
       }
     }
-    function Kt(t, u) {
+    function qt(t, u) {
       {
-        var p = function() {
+        var f = function() {
           st || (st = !0, b("%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)", u));
         };
-        p.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: p,
+        f.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: f,
           configurable: !0
         });
       }
     }
-    var qt = function(t, u, p, k, x, S, E) {
+    var Gt = function(t, u, f, k, R, O, x) {
       var N = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: t,
         key: u,
-        ref: p,
-        props: E,
+        ref: f,
+        props: x,
         // Record the component responsible for creating this element.
-        _owner: S
+        _owner: O
       };
       return N._store = {}, Object.defineProperty(N._store, "validated", {
         configurable: !1,
@@ -449,44 +449,44 @@ function un() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
+        value: R
       }), Object.freeze && (Object.freeze(N.props), Object.freeze(N)), N;
     };
-    function Xt(t, u, p, k, x) {
+    function Xt(t, u, f, k, R) {
       {
-        var S, E = {}, N = null, U = null;
-        p !== void 0 && (ot(p), N = "" + p), Ht(u) && (ot(u.key), N = "" + u.key), Jt(u) && (U = u.ref, zt(u, x));
-        for (S in u)
-          he.call(u, S) && !Yt.hasOwnProperty(S) && (E[S] = u[S]);
+        var O, x = {}, N = null, V = null;
+        f !== void 0 && (ot(f), N = "" + f), zt(u) && (ot(u.key), N = "" + u.key), Jt(u) && (V = u.ref, Ht(u, R));
+        for (O in u)
+          he.call(u, O) && !Yt.hasOwnProperty(O) && (x[O] = u[O]);
         if (t && t.defaultProps) {
-          var D = t.defaultProps;
-          for (S in D)
-            E[S] === void 0 && (E[S] = D[S]);
+          var $ = t.defaultProps;
+          for (O in $)
+            x[O] === void 0 && (x[O] = $[O]);
         }
-        if (N || U) {
+        if (N || V) {
           var L = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          N && Gt(E, L), U && Kt(E, L);
+          N && Kt(x, L), V && qt(x, L);
         }
-        return qt(t, N, U, x, k, ie.current, E);
+        return Gt(t, N, V, R, k, ie.current, x);
       }
     }
-    var je = O.ReactCurrentOwner, ct = O.ReactDebugCurrentFrame;
+    var De = C.ReactCurrentOwner, ct = C.ReactDebugCurrentFrame;
     function re(t) {
       if (t) {
-        var u = t._owner, p = me(t.type, t._source, u ? u.type : null);
-        ct.setExtraStackFrame(p);
+        var u = t._owner, f = me(t.type, t._source, u ? u.type : null);
+        ct.setExtraStackFrame(f);
       } else
         ct.setExtraStackFrame(null);
     }
-    var De;
-    De = !1;
+    var $e;
+    $e = !1;
     function Le(t) {
       return typeof t == "object" && t !== null && t.$$typeof === n;
     }
     function ut() {
       {
-        if (je.current) {
-          var t = j(je.current.type);
+        if (De.current) {
+          var t = D(De.current.type);
           if (t)
             return `
 
@@ -498,56 +498,56 @@ Check the render method of \`` + t + "`.";
     function Zt(t) {
       {
         if (t !== void 0) {
-          var u = t.fileName.replace(/^.*[\\\/]/, ""), p = t.lineNumber;
+          var u = t.fileName.replace(/^.*[\\\/]/, ""), f = t.lineNumber;
           return `
 
-Check your code at ` + u + ":" + p + ".";
+Check your code at ` + u + ":" + f + ".";
         }
         return "";
       }
     }
-    var ft = {};
+    var pt = {};
     function Qt(t) {
       {
         var u = ut();
         if (!u) {
-          var p = typeof t == "string" ? t : t.displayName || t.name;
-          p && (u = `
+          var f = typeof t == "string" ? t : t.displayName || t.name;
+          f && (u = `
 
-Check the top-level render call using <` + p + ">.");
+Check the top-level render call using <` + f + ">.");
         }
         return u;
       }
     }
-    function pt(t, u) {
+    function ft(t, u) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var p = Qt(u);
-        if (ft[p])
+        var f = Qt(u);
+        if (pt[f])
           return;
-        ft[p] = !0;
+        pt[f] = !0;
         var k = "";
-        t && t._owner && t._owner !== je.current && (k = " It was passed a child from " + j(t._owner.type) + "."), re(t), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, k), re(null);
+        t && t._owner && t._owner !== De.current && (k = " It was passed a child from " + D(t._owner.type) + "."), re(t), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, k), re(null);
       }
     }
     function dt(t, u) {
       {
         if (typeof t != "object")
           return;
-        if (Oe(t))
-          for (var p = 0; p < t.length; p++) {
-            var k = t[p];
-            Le(k) && pt(k, u);
+        if (Te(t))
+          for (var f = 0; f < t.length; f++) {
+            var k = t[f];
+            Le(k) && ft(k, u);
           }
         else if (Le(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var x = T(t);
-          if (typeof x == "function" && x !== t.entries)
-            for (var S = x.call(t), E; !(E = S.next()).done; )
-              Le(E.value) && pt(E.value, u);
+          var R = T(t);
+          if (typeof R == "function" && R !== t.entries)
+            for (var O = R.call(t), x; !(x = O.next()).done; )
+              Le(x.value) && ft(x.value, u);
         }
       }
     }
@@ -556,30 +556,30 @@ Check the top-level render call using <` + p + ">.");
         var u = t.type;
         if (u == null || typeof u == "string")
           return;
-        var p;
+        var f;
         if (typeof u == "function")
-          p = u.propTypes;
-        else if (typeof u == "object" && (u.$$typeof === f || // Note: Memo only checks outer props here.
+          f = u.propTypes;
+        else if (typeof u == "object" && (u.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        u.$$typeof === _))
-          p = u.propTypes;
+        u.$$typeof === v))
+          f = u.propTypes;
         else
           return;
-        if (p) {
-          var k = j(u);
-          Vt(p, t.props, "prop", k, t);
-        } else if (u.PropTypes !== void 0 && !De) {
-          De = !0;
-          var x = j(u);
-          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
+        if (f) {
+          var k = D(u);
+          Vt(f, t.props, "prop", k, t);
+        } else if (u.PropTypes !== void 0 && !$e) {
+          $e = !0;
+          var R = D(u);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
         }
         typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function tn(t) {
       {
-        for (var u = Object.keys(t.props), p = 0; p < u.length; p++) {
-          var k = u[p];
+        for (var u = Object.keys(t.props), f = 0; f < u.length; f++) {
+          var k = u[f];
           if (k !== "children" && k !== "key") {
             re(t), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), re(null);
             break;
@@ -588,88 +588,88 @@ Check the top-level render call using <` + p + ">.");
         t.ref !== null && (re(t), b("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
       }
     }
-    function mt(t, u, p, k, x, S) {
+    function mt(t, u, f, k, R, O) {
       {
-        var E = W(t);
-        if (!E) {
+        var x = K(t);
+        if (!x) {
           var N = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (N += " 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 U = Zt(x);
-          U ? N += U : N += ut();
-          var D;
-          t === null ? D = "null" : Oe(t) ? D = "array" : t !== void 0 && t.$$typeof === n ? (D = "<" + (j(t.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : D = typeof t, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, N);
+          var V = Zt(R);
+          V ? N += V : N += ut();
+          var $;
+          t === null ? $ = "null" : Te(t) ? $ = "array" : t !== void 0 && t.$$typeof === n ? ($ = "<" + (D(t.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof t, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, N);
         }
-        var L = Xt(t, u, p, x, S);
+        var L = Xt(t, u, f, R, O);
         if (L == null)
           return L;
-        if (E) {
-          var Y = u.children;
-          if (Y !== void 0)
+        if (x) {
+          var z = u.children;
+          if (z !== void 0)
             if (k)
-              if (Oe(Y)) {
-                for (var ae = 0; ae < Y.length; ae++)
-                  dt(Y[ae], t);
-                Object.freeze && Object.freeze(Y);
+              if (Te(z)) {
+                for (var ae = 0; ae < z.length; ae++)
+                  dt(z[ae], t);
+                Object.freeze && Object.freeze(z);
               } else
                 b("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
-              dt(Y, t);
+              dt(z, t);
         }
         return t === o ? tn(L) : en(L), L;
       }
     }
-    function nn(t, u, p) {
-      return mt(t, u, p, !0);
+    function nn(t, u, f) {
+      return mt(t, u, f, !0);
     }
-    function rn(t, u, p) {
-      return mt(t, u, p, !1);
+    function rn(t, u, f) {
+      return mt(t, u, f, !1);
     }
     var an = rn, ln = nn;
     ce.Fragment = o, ce.jsx = an, ce.jsxs = ln;
   }()), ce;
 }
-process.env.NODE_ENV === "production" ? Ae.exports = cn() : Ae.exports = un();
-var Je = Ae.exports;
-const X = Je.Fragment, l = Je.jsx, m = Je.jsxs, $e = {}, fn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
-function pn(e, n) {
-  return !$e[e] && typeof window.fetch == "function" && ($e[e] = window.fetch(n + e + ".svg").then((r) => r.ok ? r.text() : (console.error("Missing icon: " + n + e + ".svg"), fn)).then((r) => r)), Promise.resolve($e[e]);
+process.env.NODE_ENV === "production" ? Ue.exports = cn() : Ue.exports = un();
+var ze = Ue.exports;
+const ee = ze.Fragment, l = ze.jsx, m = ze.jsxs, Ie = {}, pn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
+function fn(e, n) {
+  return !Ie[e] && typeof window.fetch == "function" && (Ie[e] = window.fetch(n + e + ".svg").then((r) => r.ok ? r.text() : (console.error("Missing icon: " + n + e + ".svg"), pn)).then((r) => r)), Promise.resolve(Ie[e]);
 }
 const y = ({ name: e, path: n, className: r = "", ...o }) => {
-  const a = "https://punkt-cdn.oslo.kommune.no/8.0/icons/", [i, s] = ue(null);
+  const a = "https://punkt-cdn.oslo.kommune.no/9.0/icons/", [s, i] = ue(null);
   return yt(() => {
     if (!e)
       return;
-    pn(e, n || a).then((f) => s(f));
-  }, [e, n, a]), i ? /* @__PURE__ */ l(
+    fn(e, n || a).then((p) => i(p));
+  }, [e, n, a]), s ? /* @__PURE__ */ l(
     "span",
     {
       className: `pkt-icon ${r}`,
-      dangerouslySetInnerHTML: { __html: i },
+      dangerouslySetInnerHTML: { __html: s },
       ...o
     }
   ) : null;
-}, dn = z(
+}, dn = B(
   ({
     children: e,
     className: n,
     skin: r = "info",
     closeAlert: o = !1,
     onClose: a,
-    title: i,
-    date: s,
+    title: s,
+    date: i,
     ariaLive: c = "polite",
-    slim: f = !1,
+    slim: p = !1,
     ...d
   }, h) => {
-    const _ = [
+    const v = [
       n,
       "pkt-alert",
       r && `pkt-alert--${r}`,
-      f && "pkt-alert--slim"
-    ].filter(Boolean).join(" "), [w, C] = ue(!0), P = () => {
-      C(!1), a && a();
+      p && "pkt-alert--slim"
+    ].filter(Boolean).join(" "), [E, w] = ue(!0), S = () => {
+      w(!1), a && a();
     };
-    return w ? /* @__PURE__ */ m("div", { ...d, className: _, "aria-live": c, ref: h, children: [
+    return E ? /* @__PURE__ */ m("div", { ...d, className: v, "aria-live": c, ref: h, children: [
       /* @__PURE__ */ l(
         y,
         {
@@ -684,25 +684,25 @@ const y = ({ name: e, path: n, className: r = "", ...o }) => {
           className: "pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",
           tabIndex: 0,
           "aria-label": "close",
-          onClick: P,
+          onClick: S,
           children: /* @__PURE__ */ l(y, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
         }
       ) }),
-      i && /* @__PURE__ */ l("div", { className: "pkt-alert__title", children: i }),
+      s && /* @__PURE__ */ l("div", { className: "pkt-alert__title", children: s }),
       /* @__PURE__ */ l("div", { className: "pkt-alert__text", children: e }),
-      s && /* @__PURE__ */ m("div", { className: "pkt-alert__date", children: [
+      i && /* @__PURE__ */ m("div", { className: "pkt-alert__date", children: [
         "Sist oppdatert: ",
-        s
+        i
       ] })
     ] }) : null;
   }
-), nr = z(
-  ({ href: e, text: n, onClick: r, className: o, ...a }, i) => {
-    const s = [
+), rr = B(
+  ({ href: e, text: n, onClick: r, className: o, ...a }, s) => {
+    const i = [
       o,
       "pkt-back-link"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l("nav", { ref: i, className: s, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ m("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: () => {
+    return /* @__PURE__ */ l("nav", { ref: s, className: i, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ m("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: () => {
       r && r();
     }, ...a, children: [
       /* @__PURE__ */ l(y, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
@@ -720,21 +720,21 @@ const y = ({ name: e, path: n, className: r = "", ...o }) => {
  *
  * @license MIT
  */
-function Ue() {
-  return Ue = Object.assign ? Object.assign.bind() : function(e) {
+function Ve() {
+  return Ve = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
       for (var o in r)
         Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
     }
     return e;
-  }, Ue.apply(this, arguments);
+  }, Ve.apply(this, arguments);
 }
 var _t;
 (function(e) {
   e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
 })(_t || (_t = {}));
-function F(e, n) {
+function I(e, n) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(n);
 }
@@ -747,7 +747,7 @@ function Ee(e, n) {
     }
   }
 }
-function Ve(e) {
+function We(e) {
   let {
     pathname: n = "/",
     search: r = "",
@@ -769,7 +769,7 @@ var bt;
 (function(e) {
   e.data = "data", e.deferred = "deferred", e.redirect = "redirect", e.error = "error";
 })(bt || (bt = {}));
-function We(e, n) {
+function Be(e, n) {
   if (n === "/")
     return e;
   if (!e.toLowerCase().startsWith(n.toLowerCase()))
@@ -799,28 +799,28 @@ function hn(e, n) {
 function Fe(e, n, r, o) {
   return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + n + "` field [" + JSON.stringify(o) + "].  Please separate it out to the ") + ("`to." + r + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
 }
-function wt(e) {
+function xt(e) {
   return e.filter((n, r) => r === 0 || n.route.path && n.route.path.length > 0);
 }
-function xt(e, n, r, o) {
+function wt(e, n, r, o) {
   o === void 0 && (o = !1);
   let a;
-  typeof e == "string" ? a = Et(e) : (a = Ue({}, e), F(!a.pathname || !a.pathname.includes("?"), Fe("?", "pathname", "search", a)), F(!a.pathname || !a.pathname.includes("#"), Fe("#", "pathname", "hash", a)), F(!a.search || !a.search.includes("#"), Fe("#", "search", "hash", a)));
-  let i = e === "" || a.pathname === "", s = i ? "/" : a.pathname, c;
-  if (o || s == null)
+  typeof e == "string" ? a = Et(e) : (a = Ve({}, e), I(!a.pathname || !a.pathname.includes("?"), Fe("?", "pathname", "search", a)), I(!a.pathname || !a.pathname.includes("#"), Fe("#", "pathname", "hash", a)), I(!a.search || !a.search.includes("#"), Fe("#", "search", "hash", a)));
+  let s = e === "" || a.pathname === "", i = s ? "/" : a.pathname, c;
+  if (o || i == null)
     c = r;
   else {
-    let _ = n.length - 1;
-    if (s.startsWith("..")) {
-      let w = s.split("/");
-      for (; w[0] === ".."; )
-        w.shift(), _ -= 1;
-      a.pathname = w.join("/");
+    let v = n.length - 1;
+    if (i.startsWith("..")) {
+      let E = i.split("/");
+      for (; E[0] === ".."; )
+        E.shift(), v -= 1;
+      a.pathname = E.join("/");
     }
-    c = _ >= 0 ? n[_] : "/";
+    c = v >= 0 ? n[v] : "/";
   }
-  let f = mn(a, c), d = s && s !== "/" && s.endsWith("/"), h = (i || s === ".") && r.endsWith("/");
-  return !f.pathname.endsWith("/") && (d || h) && (f.pathname += "/"), f;
+  let p = mn(a, c), d = i && i !== "/" && i.endsWith("/"), h = (s || i === ".") && r.endsWith("/");
+  return !p.pathname.endsWith("/") && (d || h) && (p.pathname += "/"), p;
 }
 const He = (e) => e.join("/").replace(/\/\/+/g, "/"), kn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, vn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, Ct = ["post", "put", "patch", "delete"];
 new Set(Ct);
@@ -846,16 +846,16 @@ function Me() {
     return e;
   }, Me.apply(this, arguments);
 }
-const we = /* @__PURE__ */ g.createContext(null);
-process.env.NODE_ENV !== "production" && (we.displayName = "DataRouter");
+const xe = /* @__PURE__ */ g.createContext(null);
+process.env.NODE_ENV !== "production" && (xe.displayName = "DataRouter");
 const Rt = /* @__PURE__ */ g.createContext(null);
 process.env.NODE_ENV !== "production" && (Rt.displayName = "DataRouterState");
 const bn = /* @__PURE__ */ g.createContext(null);
 process.env.NODE_ENV !== "production" && (bn.displayName = "Await");
-const ee = /* @__PURE__ */ g.createContext(null);
-process.env.NODE_ENV !== "production" && (ee.displayName = "Navigation");
-const ze = /* @__PURE__ */ g.createContext(null);
-process.env.NODE_ENV !== "production" && (ze.displayName = "Location");
+const te = /* @__PURE__ */ g.createContext(null);
+process.env.NODE_ENV !== "production" && (te.displayName = "Navigation");
+const Ke = /* @__PURE__ */ g.createContext(null);
+process.env.NODE_ENV !== "production" && (Ke.displayName = "Location");
 const le = /* @__PURE__ */ g.createContext({
   outlet: null,
   matches: [],
@@ -868,42 +868,42 @@ function Nn(e, n) {
   let {
     relative: r
   } = n === void 0 ? {} : n;
-  Ge() || (process.env.NODE_ENV !== "production" ? F(
+  qe() || (process.env.NODE_ENV !== "production" ? I(
     !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."
-  ) : F(!1));
+  ) : I(!1));
   let {
     basename: o,
     navigator: a
-  } = g.useContext(ee), {
-    hash: i,
-    pathname: s,
+  } = g.useContext(te), {
+    hash: s,
+    pathname: i,
     search: c
-  } = xe(e, {
+  } = we(e, {
     relative: r
-  }), f = s;
-  return o !== "/" && (f = s === "/" ? o : He([o, s])), a.createHref({
-    pathname: f,
+  }), p = i;
+  return o !== "/" && (p = i === "/" ? o : He([o, i])), a.createHref({
+    pathname: p,
     search: c,
-    hash: i
+    hash: s
   });
 }
-function Ge() {
-  return g.useContext(ze) != null;
+function qe() {
+  return g.useContext(Ke) != null;
 }
-function fe() {
-  return Ge() || (process.env.NODE_ENV !== "production" ? F(
+function pe() {
+  return qe() || (process.env.NODE_ENV !== "production" ? I(
     !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."
-  ) : F(!1)), g.useContext(ze).location;
+  ) : I(!1)), g.useContext(Ke).location;
 }
 const Pt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
 function St(e) {
-  g.useContext(ee).static || g.useLayoutEffect(e);
+  g.useContext(te).static || g.useLayoutEffect(e);
 }
 function yn() {
   let {
@@ -912,47 +912,47 @@ function yn() {
   return e ? Rn() : En();
 }
 function En() {
-  Ge() || (process.env.NODE_ENV !== "production" ? F(
+  qe() || (process.env.NODE_ENV !== "production" ? I(
     !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."
-  ) : F(!1));
-  let e = g.useContext(we), {
+  ) : I(!1));
+  let e = g.useContext(xe), {
     basename: n,
     navigator: r
-  } = g.useContext(ee), {
+  } = g.useContext(te), {
     matches: o
   } = g.useContext(le), {
     pathname: a
-  } = fe(), i = JSON.stringify(wt(o).map((f) => f.pathnameBase)), s = g.useRef(!1);
+  } = pe(), s = JSON.stringify(xt(o).map((p) => p.pathnameBase)), i = g.useRef(!1);
   return St(() => {
-    s.current = !0;
-  }), g.useCallback(function(f, d) {
-    if (d === void 0 && (d = {}), process.env.NODE_ENV !== "production" && Ee(s.current, Pt), !s.current)
+    i.current = !0;
+  }), g.useCallback(function(p, d) {
+    if (d === void 0 && (d = {}), process.env.NODE_ENV !== "production" && Ee(i.current, Pt), !i.current)
       return;
-    if (typeof f == "number") {
-      r.go(f);
+    if (typeof p == "number") {
+      r.go(p);
       return;
     }
-    let h = xt(f, JSON.parse(i), a, d.relative === "path");
+    let h = wt(p, JSON.parse(s), a, d.relative === "path");
     e == null && n !== "/" && (h.pathname = h.pathname === "/" ? n : He([n, h.pathname])), (d.replace ? r.replace : r.push)(h, d.state, d);
-  }, [n, r, i, a, e]);
+  }, [n, r, s, a, e]);
 }
-function xe(e, n) {
+function we(e, n) {
   let {
     relative: r
   } = n === void 0 ? {} : n, {
     matches: o
   } = g.useContext(le), {
     pathname: a
-  } = fe(), i = JSON.stringify(wt(o).map((s) => s.pathnameBase));
-  return g.useMemo(() => xt(e, JSON.parse(i), a, r === "path"), [e, i, a, r]);
+  } = pe(), s = JSON.stringify(xt(o).map((i) => i.pathnameBase));
+  return g.useMemo(() => wt(e, JSON.parse(s), a, r === "path"), [e, s, a, r]);
 }
-var Be;
+var Ye;
 (function(e) {
   e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate";
-})(Be || (Be = {}));
+})(Ye || (Ye = {}));
 var ge;
 (function(e) {
   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";
@@ -960,17 +960,17 @@ var ge;
 function Ot(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
 }
-function wn(e) {
-  let n = g.useContext(we);
-  return n || (process.env.NODE_ENV !== "production" ? F(!1, Ot(e)) : F(!1)), n;
-}
 function xn(e) {
+  let n = g.useContext(xe);
+  return n || (process.env.NODE_ENV !== "production" ? I(!1, Ot(e)) : I(!1)), n;
+}
+function wn(e) {
   let n = g.useContext(le);
-  return n || (process.env.NODE_ENV !== "production" ? F(!1, Ot(e)) : F(!1)), n;
+  return n || (process.env.NODE_ENV !== "production" ? I(!1, Ot(e)) : I(!1)), n;
 }
 function Tt(e) {
-  let n = xn(e), r = n.matches[n.matches.length - 1];
-  return r.route.id || (process.env.NODE_ENV !== "production" ? F(!1, e + ' can only be used on routes that contain a unique "id"') : F(!1)), r.route.id;
+  let n = wn(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 Cn() {
   return Tt(ge.UseRouteId);
@@ -978,13 +978,13 @@ function Cn() {
 function Rn() {
   let {
     router: e
-  } = wn(Be.UseNavigateStable), n = Tt(ge.UseNavigateStable), r = g.useRef(!1);
+  } = xn(Ye.UseNavigateStable), n = Tt(ge.UseNavigateStable), r = g.useRef(!1);
   return St(() => {
     r.current = !0;
-  }), g.useCallback(function(a, i) {
-    i === void 0 && (i = {}), process.env.NODE_ENV !== "production" && Ee(r.current, Pt), r.current && (typeof a == "number" ? e.navigate(a) : e.navigate(a, Me({
+  }), g.useCallback(function(a, s) {
+    s === void 0 && (s = {}), process.env.NODE_ENV !== "production" && Ee(r.current, Pt), r.current && (typeof a == "number" ? e.navigate(a) : e.navigate(a, Me({
       fromRouteId: n
-    }, i)));
+    }, s)));
   }, [e, n]);
 }
 var gt;
@@ -1013,12 +1013,12 @@ function ne() {
     return e;
   }, ne.apply(this, arguments);
 }
-function Ke(e, n) {
+function Ge(e, n) {
   if (e == null)
     return {};
-  var r = {}, o = Object.keys(e), a, i;
-  for (i = 0; i < o.length; i++)
-    a = o[i], !(n.indexOf(a) >= 0) && (r[a] = e[a]);
+  var r = {}, o = Object.keys(e), a, s;
+  for (s = 0; s < o.length; s++)
+    a = o[s], !(n.indexOf(a) >= 0) && (r[a] = e[a]);
   return r;
 }
 const _e = "get", be = "application/x-www-form-urlencoded";
@@ -1056,86 +1056,86 @@ function Dn() {
     }
   return ve;
 }
-const Ln = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
-function Ie(e) {
-  return e != null && !Ln.has(e) ? (process.env.NODE_ENV !== "production" && Ee(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + be + '"')), null) : e;
+const $n = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
+function Ae(e) {
+  return e != null && !$n.has(e) ? (process.env.NODE_ENV !== "production" && Ee(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + be + '"')), null) : e;
 }
-function $n(e, n) {
-  let r, o, a, i, s;
+function Ln(e, n) {
+  let r, o, a, s, i;
   if (Sn(e)) {
     let c = e.getAttribute("action");
-    o = c ? We(c, n) : null, r = e.getAttribute("method") || _e, a = Ie(e.getAttribute("enctype")) || be, i = new FormData(e);
+    o = c ? Be(c, n) : null, r = e.getAttribute("method") || _e, a = Ae(e.getAttribute("enctype")) || be, s = new FormData(e);
   } else if (Pn(e) || On(e) && (e.type === "submit" || e.type === "image")) {
     let c = e.form;
     if (c == null)
       throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
-    let f = e.getAttribute("formaction") || c.getAttribute("action");
-    if (o = f ? We(f, n) : null, r = e.getAttribute("formmethod") || c.getAttribute("method") || _e, a = Ie(e.getAttribute("formenctype")) || Ie(c.getAttribute("enctype")) || be, i = new FormData(c, e), !Dn()) {
+    let p = e.getAttribute("formaction") || c.getAttribute("action");
+    if (o = p ? Be(p, n) : null, r = e.getAttribute("formmethod") || c.getAttribute("method") || _e, a = Ae(e.getAttribute("formenctype")) || Ae(c.getAttribute("enctype")) || be, s = new FormData(c, e), !Dn()) {
       let {
         name: d,
         type: h,
-        value: _
+        value: v
       } = e;
       if (h === "image") {
-        let w = d ? d + "." : "";
-        i.append(w + "x", "0"), i.append(w + "y", "0");
+        let E = d ? d + "." : "";
+        s.append(E + "x", "0"), s.append(E + "y", "0");
       } else
-        d && i.append(d, _);
+        d && s.append(d, v);
     }
   } else {
     if (Ce(e))
       throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    r = _e, o = null, a = be, s = e;
+    r = _e, o = null, a = be, i = e;
   }
-  return i && a === "text/plain" && (s = i, i = void 0), {
+  return s && a === "text/plain" && (i = s, s = void 0), {
     action: o,
     method: r.toLowerCase(),
     encType: a,
-    formData: i,
-    body: s
+    formData: s,
+    body: i
   };
 }
-const Fn = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset"], In = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"], An = ["reloadDocument", "replace", "method", "action", "onSubmit", "submit", "relative", "preventScrollReset"];
+const In = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset"], Fn = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"], An = ["reloadDocument", "replace", "method", "action", "onSubmit", "submit", "relative", "preventScrollReset"];
 process.env.NODE_ENV;
 const Un = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Vn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ne = /* @__PURE__ */ g.forwardRef(function(n, r) {
   let {
     onClick: o,
     relative: a,
-    reloadDocument: i,
-    replace: s,
+    reloadDocument: s,
+    replace: i,
     state: c,
-    target: f,
+    target: p,
     to: d,
     preventScrollReset: h
-  } = n, _ = Ke(n, Fn), {
-    basename: w
-  } = g.useContext(ee), C, P = !1;
-  if (typeof d == "string" && Vn.test(d) && (C = d, Un))
+  } = n, v = Ge(n, In), {
+    basename: E
+  } = g.useContext(te), w, S = !1;
+  if (typeof d == "string" && Vn.test(d) && (w = d, Un))
     try {
-      let b = new URL(window.location.href), $ = d.startsWith("//") ? new URL(b.protocol + d) : new URL(d), A = We($.pathname, w);
-      $.origin === b.origin && A != null ? d = A + $.search + $.hash : P = !0;
+      let b = new URL(window.location.href), j = d.startsWith("//") ? new URL(b.protocol + d) : new URL(d), F = Be(j.pathname, E);
+      j.origin === b.origin && F != null ? d = F + j.search + j.hash : S = !0;
     } catch {
       process.env.NODE_ENV !== "production" && Ee(!1, '<Link to="' + d + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
-  let R = Nn(d, {
+  let P = Nn(d, {
     relative: a
   }), T = Jn(d, {
-    replace: s,
+    replace: i,
     state: c,
-    target: f,
+    target: p,
     preventScrollReset: h,
     relative: a
   });
-  function O(b) {
+  function C(b) {
     o && o(b), b.defaultPrevented || T(b);
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ g.createElement("a", ne({}, _, {
-      href: C || R,
-      onClick: P || i ? o : O,
+    /* @__PURE__ */ g.createElement("a", ne({}, v, {
+      href: w || P,
+      onClick: S || s ? o : C,
       ref: r,
-      target: f
+      target: p
     }))
   );
 });
@@ -1144,178 +1144,178 @@ const Wn = /* @__PURE__ */ g.forwardRef(function(n, r) {
   let {
     "aria-current": o = "page",
     caseSensitive: a = !1,
-    className: i = "",
-    end: s = !1,
+    className: s = "",
+    end: i = !1,
     style: c,
-    to: f,
+    to: p,
     children: d
-  } = n, h = Ke(n, In), _ = xe(f, {
+  } = n, h = Ge(n, Fn), v = we(p, {
     relative: h.relative
-  }), w = fe(), C = g.useContext(Rt), {
-    navigator: P
-  } = g.useContext(ee), R = P.encodeLocation ? P.encodeLocation(_).pathname : _.pathname, T = w.pathname, O = C && C.navigation && C.navigation.location ? C.navigation.location.pathname : null;
-  a || (T = T.toLowerCase(), O = O ? O.toLowerCase() : null, R = R.toLowerCase());
-  let b = T === R || !s && T.startsWith(R) && T.charAt(R.length) === "/", $ = O != null && (O === R || !s && O.startsWith(R) && O.charAt(R.length) === "/"), A = b ? o : void 0, V;
-  typeof i == "function" ? V = i({
+  }), E = pe(), w = g.useContext(Rt), {
+    navigator: S
+  } = g.useContext(te), P = S.encodeLocation ? S.encodeLocation(v).pathname : v.pathname, T = E.pathname, C = w && w.navigation && w.navigation.location ? w.navigation.location.pathname : null;
+  a || (T = T.toLowerCase(), C = C ? C.toLowerCase() : null, P = P.toLowerCase());
+  let b = T === P || !i && T.startsWith(P) && T.charAt(P.length) === "/", j = C != null && (C === P || !i && C.startsWith(P) && C.charAt(P.length) === "/"), F = b ? o : void 0, A;
+  typeof s == "function" ? A = s({
     isActive: b,
-    isPending: $
-  }) : V = [i, b ? "active" : null, $ ? "pending" : null].filter(Boolean).join(" ");
-  let I = typeof c == "function" ? c({
+    isPending: j
+  }) : A = [s, b ? "active" : null, j ? "pending" : null].filter(Boolean).join(" ");
+  let U = typeof c == "function" ? c({
     isActive: b,
-    isPending: $
+    isPending: j
   }) : c;
   return /* @__PURE__ */ g.createElement(Ne, ne({}, h, {
-    "aria-current": A,
-    className: V,
+    "aria-current": F,
+    className: A,
     ref: r,
-    style: I,
-    to: f
+    style: U,
+    to: p
   }), typeof d == "function" ? d({
     isActive: b,
-    isPending: $
+    isPending: j
   }) : d);
 });
 process.env.NODE_ENV !== "production" && (Wn.displayName = "NavLink");
-const Mn = /* @__PURE__ */ g.forwardRef((e, n) => {
-  let r = zn();
+const Bn = /* @__PURE__ */ g.forwardRef((e, n) => {
+  let r = Hn();
   return /* @__PURE__ */ g.createElement(jt, ne({}, e, {
     submit: r,
     ref: n
   }));
 });
-process.env.NODE_ENV !== "production" && (Mn.displayName = "Form");
+process.env.NODE_ENV !== "production" && (Bn.displayName = "Form");
 const jt = /* @__PURE__ */ g.forwardRef((e, n) => {
   let {
     reloadDocument: r,
     replace: o,
     method: a = _e,
-    action: i,
-    onSubmit: s,
+    action: s,
+    onSubmit: i,
     submit: c,
-    relative: f,
+    relative: p,
     preventScrollReset: d
-  } = e, h = Ke(e, An), _ = a.toLowerCase() === "get" ? "get" : "post", w = Gn(i, {
-    relative: f
-  }), C = (P) => {
-    if (s && s(P), P.defaultPrevented)
+  } = e, h = Ge(e, An), v = a.toLowerCase() === "get" ? "get" : "post", E = Kn(s, {
+    relative: p
+  }), w = (S) => {
+    if (i && i(S), S.defaultPrevented)
       return;
-    P.preventDefault();
-    let R = P.nativeEvent.submitter, T = (R == null ? void 0 : R.getAttribute("formmethod")) || a;
-    c(R || P.currentTarget, {
+    S.preventDefault();
+    let P = S.nativeEvent.submitter, T = (P == null ? void 0 : P.getAttribute("formmethod")) || a;
+    c(P || S.currentTarget, {
       method: T,
       replace: o,
-      relative: f,
+      relative: p,
       preventScrollReset: d
     });
   };
   return /* @__PURE__ */ g.createElement("form", ne({
     ref: n,
-    method: _,
-    action: w,
-    onSubmit: r ? s : C
+    method: v,
+    action: E,
+    onSubmit: r ? i : w
   }, h));
 });
 process.env.NODE_ENV !== "production" && (jt.displayName = "FormImpl");
 process.env.NODE_ENV;
-var Ye;
+var Je;
 (function(e) {
   e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher";
-})(Ye || (Ye = {}));
+})(Je || (Je = {}));
 var Nt;
 (function(e) {
   e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
 })(Nt || (Nt = {}));
-function Bn(e) {
+function Mn(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
 }
 function Yn(e) {
-  let n = g.useContext(we);
-  return n || (process.env.NODE_ENV !== "production" ? F(!1, Bn(e)) : F(!1)), n;
+  let n = g.useContext(xe);
+  return n || (process.env.NODE_ENV !== "production" ? I(!1, Mn(e)) : I(!1)), n;
 }
 function Jn(e, n) {
   let {
     target: r,
     replace: o,
     state: a,
-    preventScrollReset: i,
-    relative: s
-  } = n === void 0 ? {} : n, c = yn(), f = fe(), d = xe(e, {
-    relative: s
+    preventScrollReset: s,
+    relative: i
+  } = n === void 0 ? {} : n, c = yn(), p = pe(), d = we(e, {
+    relative: i
   });
   return g.useCallback((h) => {
     if (jn(h, r)) {
       h.preventDefault();
-      let _ = o !== void 0 ? o : Ve(f) === Ve(d);
+      let v = o !== void 0 ? o : We(p) === We(d);
       c(e, {
-        replace: _,
+        replace: v,
         state: a,
-        preventScrollReset: i,
-        relative: s
+        preventScrollReset: s,
+        relative: i
       });
     }
-  }, [f, c, d, o, a, r, e, i, s]);
+  }, [p, c, d, o, a, r, e, s, i]);
 }
-function Hn() {
+function zn() {
   if (typeof document > "u")
     throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");
 }
-function zn() {
+function Hn() {
   let {
     router: e
-  } = Yn(Ye.UseSubmit), {
+  } = Yn(Je.UseSubmit), {
     basename: n
-  } = g.useContext(ee), r = Cn();
+  } = g.useContext(te), r = Cn();
   return g.useCallback(function(o, a) {
-    a === void 0 && (a = {}), Hn();
+    a === void 0 && (a = {}), zn();
     let {
-      action: i,
-      method: s,
+      action: s,
+      method: i,
       encType: c,
-      formData: f,
+      formData: p,
       body: d
-    } = $n(o, n);
-    e.navigate(a.action || i, {
+    } = Ln(o, n);
+    e.navigate(a.action || s, {
       preventScrollReset: a.preventScrollReset,
-      formData: f,
+      formData: p,
       body: d,
-      formMethod: a.method || s,
+      formMethod: a.method || i,
       formEncType: a.encType || c,
       replace: a.replace,
       fromRouteId: r
     });
   }, [e, n, r]);
 }
-function Gn(e, n) {
+function Kn(e, n) {
   let {
     relative: r
   } = n === void 0 ? {} : n, {
     basename: o
-  } = g.useContext(ee), a = g.useContext(le);
-  a || (process.env.NODE_ENV !== "production" ? F(!1, "useFormAction must be used inside a RouteContext") : F(!1));
-  let [i] = a.matches.slice(-1), s = ne({}, xe(e || ".", {
+  } = g.useContext(te), a = g.useContext(le);
+  a || (process.env.NODE_ENV !== "production" ? I(!1, "useFormAction must be used inside a RouteContext") : I(!1));
+  let [s] = a.matches.slice(-1), i = ne({}, we(e || ".", {
     relative: r
-  })), c = fe();
-  if (e == null && (s.search = c.search, s.hash = c.hash, i.route.index)) {
-    let f = new URLSearchParams(s.search);
-    f.delete("index"), s.search = f.toString() ? "?" + f.toString() : "";
+  })), c = pe();
+  if (e == null && (i.search = c.search, i.hash = c.hash, s.route.index)) {
+    let p = new URLSearchParams(i.search);
+    p.delete("index"), i.search = p.toString() ? "?" + p.toString() : "";
   }
-  return (!e || e === ".") && i.route.index && (s.search = s.search ? s.search.replace(/^\?/, "?index&") : "?index"), o !== "/" && (s.pathname = s.pathname === "/" ? o : He([o, s.pathname])), Ve(s);
+  return (!e || e === ".") && s.route.index && (i.search = i.search ? i.search.replace(/^\?/, "?index&") : "?index"), o !== "/" && (i.pathname = i.pathname === "/" ? o : He([o, i.pathname])), We(i);
 }
-const rr = z(
+const ar = B(
   ({ breadcrumbs: e, navigationType: n, className: r, ...o }, a) => {
-    const i = e.slice(0, 4), s = i[i.length - 2], c = [
+    const s = e.slice(0, 4), i = s[s.length - 2], c = [
       r,
       "pkt-breadcrumbs"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ m("nav", { ref: a, "aria-label": "brødsmulemeny", className: c, children: [
-      /* @__PURE__ */ l("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: i.map((f, d) => /* @__PURE__ */ l(
+      /* @__PURE__ */ l("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: s.map((p, d) => /* @__PURE__ */ l(
         "li",
         {
           className: "pkt-breadcrumbs__item",
-          children: d === i.length - 1 ? /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: f.text }) }) : n === "router" ? /* @__PURE__ */ m(
+          children: d === s.length - 1 ? /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: p.text }) }) : n === "router" ? /* @__PURE__ */ m(
             Ne,
             {
-              to: f.href,
+              to: p.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
               ...o,
               children: [
@@ -1326,13 +1326,13 @@ const rr = z(
                     name: "chevron-thin-right"
                   }
                 ),
-                /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: f.text })
+                /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: p.text })
               ]
             }
           ) : /* @__PURE__ */ m(
             "a",
             {
-              href: f.href,
+              href: p.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
               ...o,
               children: [
@@ -1343,7 +1343,7 @@ const rr = z(
                     name: "chevron-thin-right"
                   }
                 ),
-                /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: f.text })
+                /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: p.text })
               ]
             }
           )
@@ -1353,7 +1353,7 @@ const rr = z(
       n === "router" ? /* @__PURE__ */ m(
         Ne,
         {
-          to: s.href,
+          to: i.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
           ...o,
           children: [
@@ -1364,13 +1364,13 @@ const rr = z(
                 name: "chevron-thin-left"
               }
             ),
-            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: s.text })
+            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: i.text })
           ]
         }
       ) : /* @__PURE__ */ m(
         "a",
         {
-          href: s.href,
+          href: i.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
           ...o,
           children: [
@@ -1381,34 +1381,34 @@ const rr = z(
                 name: "chevron-thin-left"
               }
             ),
-            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: s.text })
+            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: i.text })
           ]
         }
       )
     ] });
   }
-), ye = z(
+), ye = B(
   ({
     children: e,
     className: n,
     iconName: r = "user",
     secondIconName: o = "user",
     size: a = "medium",
-    skin: i = "primary",
-    type: s = "button",
+    skin: s = "primary",
+    type: i = "button",
     variant: c = "label-only",
-    color: f,
+    color: p,
     ...d
   }, h) => {
-    const _ = [
+    const v = [
       n,
       "pkt-btn",
       a && `pkt-btn--${a}`,
-      i && `pkt-btn--${i}`,
+      s && `pkt-btn--${s}`,
       c && `pkt-btn--${c}`,
-      f && `pkt-btn--${f}`
+      p && `pkt-btn--${p}`
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ m("button", { ...d, className: _, type: s, ref: h, children: [
+    return /* @__PURE__ */ m("button", { ...d, className: v, type: i, ref: h, children: [
       c !== "label-only" && /* @__PURE__ */ l(y, { className: "pkt-btn__icon", name: r }),
       /* @__PURE__ */ l("span", { className: "pkt-btn__text", children: e }),
       c === "icons-right-and-left" && /* @__PURE__ */ l(y, { className: "pkt-btn__icon", name: o })
@@ -1416,8 +1416,43 @@ const rr = z(
   }
 );
 ye.displayName = "PktButton";
-const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
-  var i, s;
+const qn = B(
+  ({
+    id: e,
+    hasTile: n = !1,
+    disabled: r = !1,
+    label: o,
+    checkHelptext: a,
+    hasError: s = !1,
+    className: i,
+    ...c
+  }, p) => {
+    const d = [
+      i,
+      "pkt-input-check"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l("div", { className: d, children: /* @__PURE__ */ m("div", { className: `pkt-input-check__input ${n ? "pkt-input-check__input--tile" : ""}`, children: [
+      /* @__PURE__ */ l(
+        "input",
+        {
+          ref: p,
+          className: `pkt-input-check__input-checkbox ${s ? "pkt-input-check__input-checkbox--error" : ""}`,
+          type: "checkbox",
+          id: e,
+          disabled: r,
+          ...c
+        }
+      ),
+      /* @__PURE__ */ m("label", { className: "pkt-input-check__input-label", htmlFor: e, children: [
+        o,
+        a && /* @__PURE__ */ l("div", { className: "pkt-input-check__input-helptext", children: a })
+      ] })
+    ] }) });
+  }
+);
+qn.displayName = "PktCheckbox";
+const lr = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
+  var s, i;
   const a = [o, "pkt-footer"].filter(Boolean).join(" ");
   return /* @__PURE__ */ l("footer", { className: a, "data-mode": "dark", children: /* @__PURE__ */ m("div", { className: "pkt-footer__container", children: [
     /* @__PURE__ */ m("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
@@ -1425,7 +1460,7 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
         /* @__PURE__ */ l("h2", { className: "pkt-footer__title", children: e.title }),
         /* @__PURE__ */ m("ul", { className: "pkt-footer__list", children: [
           e.text && /* @__PURE__ */ l("li", { className: "pkt-footer__text", children: e.text }),
-          (i = e.links) == null ? void 0 : i.map((c, f) => /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
+          (s = e.links) == null ? void 0 : s.map((c, p) => /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
             "a",
             {
               className: `pkt-footer__link ${c.external ? "pkt-link--external" : ""}`,
@@ -1437,14 +1472,14 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
                 c.text
               ]
             }
-          ) }, `links-${f}`))
+          ) }, `links-${p}`))
         ] })
       ] }),
       /* @__PURE__ */ m("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
         /* @__PURE__ */ l("h2", { className: "pkt-footer__title", children: n.title }),
         /* @__PURE__ */ m("ul", { className: "pkt-footer__list", children: [
           n.text && /* @__PURE__ */ l("li", { className: "pkt-footer__text", children: n.text }),
-          (s = n.links) == null ? void 0 : s.map((c, f) => /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
+          (i = n.links) == null ? void 0 : i.map((c, p) => /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ m(
             "a",
             {
               className: `pkt-footer__link ${c.external ? "pkt-link--external" : ""}`,
@@ -1456,7 +1491,7 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
                 c.text
               ]
             }
-          ) }, `links-${f}`))
+          ) }, `links-${p}`))
         ] })
       ] }),
       /* @__PURE__ */ m("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
@@ -1481,7 +1516,7 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
       ] })
     ] }),
     r && /* @__PURE__ */ m("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
-      /* @__PURE__ */ l("div", { className: "pkt-footer__social-languages", children: r.filter((c) => c.language).map((c, f) => /* @__PURE__ */ l(
+      /* @__PURE__ */ l("div", { className: "pkt-footer__social-languages", children: r.filter((c) => c.language).map((c, p) => /* @__PURE__ */ l(
         "div",
         {
           className: "pkt-footer__social-language",
@@ -1496,9 +1531,9 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
             }
           )
         },
-        `sociallinks-language-${f}`
+        `sociallinks-language-${p}`
       )) }),
-      /* @__PURE__ */ l("div", { className: "pkt-footer__social-icons", children: r.filter((c) => c.iconName).map((c, f) => /* @__PURE__ */ l(K.Fragment, { children: /* @__PURE__ */ l(
+      /* @__PURE__ */ l("div", { className: "pkt-footer__social-icons", children: r.filter((c) => c.iconName).map((c, p) => /* @__PURE__ */ l(G.Fragment, { children: /* @__PURE__ */ l(
         "a",
         {
           href: c.href,
@@ -1508,10 +1543,10 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: o }) => {
           rel: c.openInNewTab ? "noopener noreferrer" : void 0,
           children: /* @__PURE__ */ l(y, { className: "pkt-footer__social-icon", name: c.iconName })
         }
-      ) }, `sociallinks-${f}`)) })
+      ) }, `sociallinks-${p}`)) })
     ] })
   ] }) });
-}, lr = ({
+}, or = ({
   links: e = [],
   className: n
 }) => {
@@ -1557,23 +1592,23 @@ var Dt = { exports: {} };
     var n = {}.hasOwnProperty;
     function r() {
       for (var o = [], a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        if (i) {
-          var s = typeof i;
-          if (s === "string" || s === "number")
-            o.push(i);
-          else if (Array.isArray(i)) {
-            if (i.length) {
-              var c = r.apply(null, i);
+        var s = arguments[a];
+        if (s) {
+          var i = typeof s;
+          if (i === "string" || i === "number")
+            o.push(s);
+          else if (Array.isArray(s)) {
+            if (s.length) {
+              var c = r.apply(null, s);
               c && o.push(c);
             }
-          } else if (s === "object") {
-            if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
-              o.push(i.toString());
+          } else if (i === "object") {
+            if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]")) {
+              o.push(s.toString());
               continue;
             }
-            for (var f in i)
-              n.call(i, f) && i[f] && o.push(f);
+            for (var p in s)
+              n.call(s, p) && s[p] && o.push(p);
           }
         }
       }
@@ -1582,54 +1617,54 @@ var Dt = { exports: {} };
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(Dt);
-var Kn = Dt.exports;
-const Lt = /* @__PURE__ */ sn(Kn), or = z(
+var Gn = Dt.exports;
+const $t = /* @__PURE__ */ sn(Gn), ir = B(
   ({
     logoLink: e = "https://www.oslo.kommune.no/",
     serviceName: n,
     fixed: r = !0,
     scrollToHide: o = !0,
     user: a,
-    userMenu: i,
-    representing: s,
+    userMenu: s,
+    representing: i,
     userOptions: c,
-    userMenuFooter: f,
+    userMenuFooter: p,
     canChangeRepresentation: d = !0,
     showMenuButton: h = !1,
-    showLogOutButton: _ = !1,
-    openMenu: w,
-    logOut: C,
-    changeRepresentation: P,
-    ...R
+    showLogOutButton: v = !1,
+    openMenu: E,
+    logOut: w,
+    changeRepresentation: S,
+    ...P
   }, T) => {
-    const O = K.useMemo(() => typeof (a == null ? void 0 : a.lastLoggedIn) == "string" ? a.lastLoggedIn : a != null && a.lastLoggedIn ? new Date(a.lastLoggedIn).toLocaleString("nb-NO", {
+    const C = G.useMemo(() => typeof (a == null ? void 0 : a.lastLoggedIn) == "string" ? a.lastLoggedIn : a != null && a.lastLoggedIn ? new Date(a.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : "", [a]), [b, $] = K.useState(!1), [A, V] = K.useState(0), [I, J] = K.useState(!1), H = K.useRef(null);
-    K.useEffect(() => (document.addEventListener("mouseup", W), window.addEventListener("scroll", G), () => {
-      document.removeEventListener("mouseup", W), window.removeEventListener("scroll", G);
+    }) : "", [a]), [b, j] = G.useState(!1), [F, A] = G.useState(0), [U, M] = G.useState(!1), H = G.useRef(null);
+    G.useEffect(() => (document.addEventListener("mouseup", K), window.addEventListener("scroll", W), () => {
+      document.removeEventListener("mouseup", K), window.removeEventListener("scroll", W);
     }));
-    const B = () => {
-      J(!I);
-    }, W = (v) => {
-      H.current && !H.current.contains(v.target) && J(!1);
-    }, G = () => {
+    const Y = () => {
+      M(!U);
+    }, K = (_) => {
+      H.current && !H.current.contains(_.target) && M(!1);
+    }, W = () => {
       if (o) {
-        const v = window.pageYOffset || document.documentElement.scrollTop;
-        if (v < 0 || Math.abs(v - A) < 60)
+        const _ = window.pageYOffset || document.documentElement.scrollTop;
+        if (_ < 0 || Math.abs(_ - F) < 60)
           return;
-        $(v > A), V(v);
+        j(_ > F), A(_);
       }
     };
     return /* @__PURE__ */ m(
       "header",
       {
-        ...R,
+        ...P,
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
-        className: Lt("pkt-header", {
+        className: $t("pkt-header", {
           "pkt-header--fixed": r,
           "pkt-header--scroll-to-hide": o,
           "pkt-header--hidden": b
@@ -1643,7 +1678,7 @@ const Lt = /* @__PURE__ */ sn(Kn), or = z(
                 name: "oslologo",
                 className: "pkt-header__logo-svg",
                 "aria-hidden": "true",
-                path: "https://punkt-cdn.oslo.kommune.no/8.0/logos/"
+                path: "https://punkt-cdn.oslo.kommune.no/9.0/logos/"
               }
             ) }) : /* @__PURE__ */ l(
               "button",
@@ -1657,7 +1692,7 @@ const Lt = /* @__PURE__ */ sn(Kn), or = z(
                     name: "oslologo",
                     className: "pkt-header__logo-svg",
                     "aria-hidden": "true",
-                    path: "https://punkt-cdn.oslo.kommune.no/8.0/logos/"
+                    path: "https://punkt-cdn.oslo.kommune.no/9.0/logos/"
                   }
                 )
               }
@@ -1672,15 +1707,15 @@ const Lt = /* @__PURE__ */ sn(Kn), or = z(
                 skin: "secondary",
                 variant: "icon-right",
                 iconName: "menu",
-                onClick: w,
+                onClick: E,
                 children: "Meny"
               }
             ) }),
-            (a || s) && /* @__PURE__ */ m(
+            (a || i) && /* @__PURE__ */ m(
               "li",
               {
                 "data-testid": "usermenu",
-                className: `pkt-header--has-dropdown ${I && !b ? "pkt-header--open-dropdown" : ""}`,
+                className: `pkt-header--has-dropdown ${U && !b ? "pkt-header--open-dropdown" : ""}`,
                 ref: H,
                 children: [
                   /* @__PURE__ */ m(
@@ -1690,12 +1725,12 @@ const Lt = /* @__PURE__ */ sn(Kn), or = z(
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": I,
-                      onClick: B,
+                      "aria-expanded": U,
+                      onClick: Y,
                       children: [
                         /* @__PURE__ */ l(y, { name: "user", className: "pkt-btn__icon" }),
-                        /* @__PURE__ */ l("span", { className: "pkt-header__user-fullname", children: (s == null ? void 0 : s.name) || (a == null ? void 0 : a.name) }),
-                        /* @__PURE__ */ l("span", { className: "pkt-header__user-shortname", children: (s == null ? void 0 : s.shortname) || (a == null ? void 0 : a.shortname) }),
+                        /* @__PURE__ */ l("span", { className: "pkt-header__user-fullname", children: (i == null ? void 0 : i.name) || (a == null ? void 0 : a.name) }),
+                        /* @__PURE__ */ l("span", { className: "pkt-header__user-shortname", children: (i == null ? void 0 : i.shortname) || (a == null ? void 0 : a.shortname) }),
                         /* @__PURE__ */ l(y, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
                         /* @__PURE__ */ l(y, { name: "chevron-thin-up", className: "pkt-btn--open" })
                       ]
@@ -1707,30 +1742,30 @@ const Lt = /* @__PURE__ */ sn(Kn), or = z(
                       /* @__PURE__ */ l("div", { className: "pkt-user-menu__name", children: a.name }),
                       a.lastLoggedIn && /* @__PURE__ */ m("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ l("time", { children: O })
+                        /* @__PURE__ */ l("time", { children: C })
                       ] })
                     ] }),
-                    i && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("ul", { className: "pkt-list", children: i.map((v, j) => /* @__PURE__ */ l("li", { children: typeof v.target == "string" ? /* @__PURE__ */ m("a", { href: v.target, className: "pkt-link", children: [
-                      v.iconName && /* @__PURE__ */ l(y, { name: v.iconName, className: "pkt-link__icon" }),
-                      v.title
-                    ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: v.target, children: [
-                      v.iconName && /* @__PURE__ */ l(y, { name: v.iconName, className: "pkt-link__icon" }),
-                      v.title
-                    ] }) }, `userMenu-${j}`)) }) }),
-                    (s || d) && /* @__PURE__ */ m("li", { children: [
-                      s && /* @__PURE__ */ m(X, { children: [
+                    s && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("ul", { className: "pkt-list", children: s.map((_, D) => /* @__PURE__ */ l("li", { children: typeof _.target == "string" ? /* @__PURE__ */ m("a", { href: _.target, className: "pkt-link", children: [
+                      _.iconName && /* @__PURE__ */ l(y, { name: _.iconName, className: "pkt-link__icon" }),
+                      _.title
+                    ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: _.target, children: [
+                      _.iconName && /* @__PURE__ */ l(y, { name: _.iconName, className: "pkt-link__icon" }),
+                      _.title
+                    ] }) }, `userMenu-${D}`)) }) }),
+                    (i || d) && /* @__PURE__ */ m("li", { children: [
+                      i && /* @__PURE__ */ m(ee, { children: [
                         /* @__PURE__ */ l("div", { className: "pkt-user-menu__label", children: "Representerer" }),
-                        /* @__PURE__ */ l("div", { className: "pkt-user-menu__name", children: s.name }),
-                        s.orgNumber && /* @__PURE__ */ m("div", { className: "pkt-user-menu__org-number", children: [
+                        /* @__PURE__ */ l("div", { className: "pkt-user-menu__name", children: i.name }),
+                        i.orgNumber && /* @__PURE__ */ m("div", { className: "pkt-user-menu__org-number", children: [
                           "Org.nr. ",
-                          s.orgNumber
+                          i.orgNumber
                         ] })
                       ] }),
                       /* @__PURE__ */ l("ul", { className: "pkt-list mt-size-16", children: d && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m(
                         "button",
                         {
                           className: "pkt-link-button pkt-link",
-                          onClick: P,
+                          onClick: S,
                           children: [
                             /* @__PURE__ */ l(y, { name: "cogwheel", className: "pkt-link__icon" }),
                             "Endre organisasjon"
@@ -1738,31 +1773,31 @@ const Lt = /* @__PURE__ */ sn(Kn), or = z(
                         }
                       ) }) })
                     ] }),
-                    /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("ul", { className: "pkt-list", children: (c || !_) && /* @__PURE__ */ m(X, { children: [
-                      c == null ? void 0 : c.map((v, j) => /* @__PURE__ */ l("li", { children: typeof v.target == "string" ? /* @__PURE__ */ m("a", { href: v.target, className: "pkt-link", children: [
-                        v.iconName && /* @__PURE__ */ l(y, { name: v.iconName, className: "pkt-link__icon" }),
-                        v.title
-                      ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: v.target, children: [
-                        v.iconName && /* @__PURE__ */ l(y, { name: v.iconName, className: "pkt-link__icon" }),
-                        v.title
-                      ] }) }, `userOptions-${j}`)),
-                      !_ && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: C, children: [
+                    /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("ul", { className: "pkt-list", children: (c || !v) && /* @__PURE__ */ m(ee, { children: [
+                      c == null ? void 0 : c.map((_, D) => /* @__PURE__ */ l("li", { children: typeof _.target == "string" ? /* @__PURE__ */ m("a", { href: _.target, className: "pkt-link", children: [
+                        _.iconName && /* @__PURE__ */ l(y, { name: _.iconName, className: "pkt-link__icon" }),
+                        _.title
+                      ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: _.target, children: [
+                        _.iconName && /* @__PURE__ */ l(y, { name: _.iconName, className: "pkt-link__icon" }),
+                        _.title
+                      ] }) }, `userOptions-${D}`)),
+                      !v && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: w, children: [
                         /* @__PURE__ */ l(y, { name: "exit", className: "pkt-link__icon" }),
                         "Logg ut"
                       ] }) })
                     ] }) }) }),
-                    f && /* @__PURE__ */ l("li", { className: "footer", children: /* @__PURE__ */ l("ul", { className: "pkt-list-horizontal bordered", children: f.map((v, j) => /* @__PURE__ */ l("li", { children: typeof v.target == "string" ? /* @__PURE__ */ l("a", { href: v.target, className: "pkt-link", children: v.title }) : /* @__PURE__ */ l("button", { className: "pkt-link-button pkt-link", onClick: v.target, children: v.title }) }, `userMenuFooter-${j}`)) }) })
+                    p && /* @__PURE__ */ l("li", { className: "footer", children: /* @__PURE__ */ l("ul", { className: "pkt-list-horizontal bordered", children: p.map((_, D) => /* @__PURE__ */ l("li", { children: typeof _.target == "string" ? /* @__PURE__ */ l("a", { href: _.target, className: "pkt-link", children: _.title }) : /* @__PURE__ */ l("button", { className: "pkt-link-button pkt-link", onClick: _.target, children: _.title }) }, `userMenuFooter-${D}`)) }) })
                   ] })
                 ]
               }
             ),
-            _ && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
+            v && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
               ye,
               {
                 className: "pkt-header__user-btn pkt-header__user-btn-logout",
                 iconName: "exit",
                 role: "button",
-                onClick: C,
+                onClick: w,
                 skin: "secondary",
                 variant: "icon-right",
                 children: "Logg ut"
@@ -1773,101 +1808,109 @@ const Lt = /* @__PURE__ */ sn(Kn), or = z(
       }
     );
   }
-), qn = K.forwardRef(
+), Xn = G.forwardRef(
   ({ label: e, id: n, children: r, ...o }, a) => /* @__PURE__ */ m("div", { className: "pkt-form-group", children: [
     /* @__PURE__ */ l("label", { htmlFor: n, className: "pkt-form-label", children: e }),
     /* @__PURE__ */ l("input", { className: "pkt-form-input", id: n, ...o, ref: a }),
     r
   ] })
 );
-qn.displayName = "PktInput";
-const qe = z(
+Xn.displayName = "PktInput";
+const Re = B(
   ({
     forId: e,
     label: n,
     helptext: r,
     helptextDropdown: o,
     helptextDropdownButton: a,
-    optional: i,
-    optionalText: s = "Valgfritt",
+    optional: s,
+    optionalText: i = "Valgfritt",
     required: c,
-    requiredText: f = "Må fylles ut",
+    requiredText: p = "Må fylles ut",
     hasError: d,
     errorMessage: h,
-    disabled: _,
-    inline: w,
-    ariaDescribedby: C,
-    useWrapper: P = !0,
-    children: R,
-    className: T
-  }, O) => {
-    const [b, $] = ue(!1), A = () => {
-      $(!b);
-    }, V = () => i ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : c ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", I = i ? s : c ? f : "", J = _ ? "pkt-inputwrapper--disabled" : "", H = w ? "pkt-inputwrapper--inline" : "", B = d ? "pkt-inputwrapper--error" : "", W = !!o && o !== "", G = a || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', v = W ? "div" : "label", j = W ? "h2" : "span", M = C || (r ? `${e}-helptext` : void 0);
+    disabled: v,
+    inline: E,
+    ariaDescribedby: w,
+    useWrapper: S = !0,
+    children: P,
+    className: T,
+    hasFieldset: C = !1
+  }, b) => {
+    const [j, F] = ue(!1), A = () => {
+      F(!j);
+    }, U = () => s ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : c ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", M = s ? i : c ? p : "", H = v ? "pkt-inputwrapper--disabled" : "", Y = E ? "pkt-inputwrapper--inline" : "", K = d ? "pkt-inputwrapper--error" : "", W = !!o && o !== "", _ = a || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', D = C ? "fieldset" : W ? "div" : "label", J = C ? "legend" : W ? "h2" : "span", q = w || (r ? `${e}-helptext` : void 0);
     return /* @__PURE__ */ m(
       "div",
       {
-        className: ["pkt-inputwrapper", T, J, H, B].join(
+        className: ["pkt-inputwrapper", T, H, Y, K].join(
           " "
         ),
-        ref: O,
+        ref: b,
         children: [
-          P ? /* @__PURE__ */ m(X, { children: [
-            /* @__PURE__ */ l(
-              v,
-              {
-                htmlFor: e,
-                className: "pkt-inputwrapper__label",
-                "aria-describedby": W ? "" : C,
-                children: /* @__PURE__ */ m(j, { id: `${e}-label`, children: [
-                  n,
-                  I !== "" && /* @__PURE__ */ l("span", { className: V(), children: I })
-                ] })
-              }
-            ),
-            r && /* @__PURE__ */ l(
-              "div",
-              {
-                className: "pkt-inputwrapper__helptext",
-                id: `${e}-helptext`,
-                dangerouslySetInnerHTML: { __html: r }
-              }
-            ),
-            W && o !== "" && /* @__PURE__ */ m("div", { children: [
-              /* @__PURE__ */ l(
-                ye,
-                {
-                  skin: "tertiary",
-                  size: "small",
-                  variant: "icon-right",
-                  iconName: b ? "chevron-thin-up" : "chevron-thin-down",
-                  className: "pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",
-                  onClick: A,
-                  children: /* @__PURE__ */ l("span", { dangerouslySetInnerHTML: { __html: G } })
-                }
-              ),
-              /* @__PURE__ */ l(
-                "div",
-                {
-                  className: `pkt-inputwrapper__helptext ${b ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
-                  children: /* @__PURE__ */ l("span", { dangerouslySetInnerHTML: { __html: o } })
-                }
-              ),
-              /* @__PURE__ */ l("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": M, children: n })
-            ] }),
-            /* @__PURE__ */ l(X, { children: R })
-          ] }) : /* @__PURE__ */ m(X, { children: [
+          S ? /* @__PURE__ */ l(ee, { children: /* @__PURE__ */ m(
+            D,
+            {
+              htmlFor: e,
+              "aria-describedby": W ? "" : w,
+              className: `pkt-inputwrapper__label${C ? " pkt-inputwrapper__fieldset" : ""}`,
+              children: [
+                /* @__PURE__ */ m(
+                  J,
+                  {
+                    id: `${e}-label`,
+                    className: `${C ? " pkt-inputwrapper__legend" : ""}`,
+                    children: [
+                      n,
+                      M !== "" && /* @__PURE__ */ l("span", { className: U(), children: M })
+                    ]
+                  }
+                ),
+                r && /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: "pkt-inputwrapper__helptext",
+                    id: `${e}-helptext`,
+                    dangerouslySetInnerHTML: { __html: r }
+                  }
+                ),
+                W && o !== "" && /* @__PURE__ */ m("div", { children: [
+                  /* @__PURE__ */ l(
+                    ye,
+                    {
+                      skin: "tertiary",
+                      size: "small",
+                      variant: "icon-right",
+                      iconName: j ? "chevron-thin-up" : "chevron-thin-down",
+                      className: "pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",
+                      onClick: A,
+                      children: /* @__PURE__ */ l("span", { dangerouslySetInnerHTML: { __html: _ } })
+                    }
+                  ),
+                  /* @__PURE__ */ l(
+                    "div",
+                    {
+                      className: `pkt-inputwrapper__helptext ${j ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
+                      children: /* @__PURE__ */ l("span", { dangerouslySetInnerHTML: { __html: o } })
+                    }
+                  ),
+                  /* @__PURE__ */ l("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": q, children: n })
+                ] }),
+                /* @__PURE__ */ l(ee, { children: P })
+              ]
+            }
+          ) }) : /* @__PURE__ */ m(ee, { children: [
             /* @__PURE__ */ l(
               "label",
               {
                 htmlFor: e,
                 className: "pkt-sr-only",
-                "aria-describedby": M,
+                "aria-describedby": q,
                 id: `${e}-label`,
                 children: n
               }
             ),
-            R
+            P
           ] }),
           d && h && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(dn, { skin: "error", "aria-live": "assertive", id: `${e}-error`, slim: !0, children: h }) })
         ]
@@ -1875,31 +1918,31 @@ const qe = z(
     );
   }
 );
-qe.displayName = "PktInputWrapper";
-const Xn = z(
+Re.displayName = "PktInputWrapper";
+const Zn = B(
   ({
     children: e,
     className: n,
     iconName: r = "user",
     openInNewTab: o = !1,
     skin: a = "normal",
-    href: i = "#",
-    external: s = !1,
+    href: s = "#",
+    external: i = !1,
     title: c
-  }, f) => {
+  }, p) => {
     const d = [n, "pkt-linkcard", a && `pkt-linkcard--${a}`].filter(Boolean).join(" ");
     return /* @__PURE__ */ m(
       "a",
       {
-        href: i,
+        href: s,
         className: `pkt-linkcard pkt-link ${d}`,
         target: o ? "_blank" : "_self",
         rel: o ? "noopener noreferrer" : void 0,
-        ref: f,
+        ref: p,
         children: [
           /* @__PURE__ */ l(y, { className: "pkt-link__icon", name: r }),
           /* @__PURE__ */ m("div", { className: "pkt-linkcard__content", children: [
-            /* @__PURE__ */ l("div", { className: `pkt-linkcard__title ${s ? "pkt-link pkt-link--external" : ""}`, children: c }),
+            /* @__PURE__ */ l("div", { className: `pkt-linkcard__title ${i ? "pkt-link pkt-link--external" : ""}`, children: c }),
             /* @__PURE__ */ l("div", { className: "pkt-linkcard__text", children: e })
           ] })
         ]
@@ -1907,267 +1950,355 @@ const Xn = z(
     );
   }
 );
-Xn.displayName = "PktLinkCard";
-const ir = ({
+Zn.displayName = "PktLinkCard";
+const sr = ({
   children: e,
   skin: n = "beige",
   title: r,
   className: o,
   ...a
 }) => {
-  const i = ["pkt-messagebox", n && `pkt-messagebox--${n}`, o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ m("div", { ...a, className: i, children: [
+  const s = ["pkt-messagebox", n && `pkt-messagebox--${n}`, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ m("div", { ...a, className: s, children: [
     /* @__PURE__ */ l("div", { className: "pkt-messagebox__title", children: r }),
     /* @__PURE__ */ l("div", { className: "pkt-messagebox__text", children: e })
   ] });
-}, Zn = z(
-  ({ id: e, name: n, label: r, value: o, ...a }, i) => /* @__PURE__ */ m("div", { className: "pkt-form-group", children: [
-    /* @__PURE__ */ l("input", { type: "radio", className: "pkt-form-check-input", id: e, name: n, value: o, ref: i, ...a }),
-    /* @__PURE__ */ l("label", { className: "pkt-form-label", htmlFor: e, children: r })
-  ] })
+}, Qn = B(
+  ({
+    id: e,
+    name: n,
+    label: r,
+    className: o,
+    hasTile: a = !1,
+    disabled: s = !1,
+    checkHelptext: i,
+    hasError: c = !1,
+    ...p
+  }, d) => {
+    const h = [
+      o,
+      "pkt-input-check"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l("div", { className: h, children: /* @__PURE__ */ m("div", { className: `pkt-input-check__input ${a ? "pkt-input-check__input--tile" : ""}`, children: [
+      /* @__PURE__ */ l(
+        "input",
+        {
+          ref: d,
+          className: `pkt-input-check__input-checkbox ${c ? "pkt-input-check__input-checkbox--error" : ""}`,
+          type: "radio",
+          id: e,
+          disabled: s,
+          name: n,
+          ...p
+        }
+      ),
+      /* @__PURE__ */ m("label", { className: "pkt-input-check__input-label", htmlFor: e, children: [
+        r,
+        i && /* @__PURE__ */ l("div", { className: "pkt-input-check__input-helptext", children: i })
+      ] })
+    ] }) });
+  }
 );
-Zn.displayName = "PktRadio";
-const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
-  /* @__PURE__ */ l("p", { children: e }),
-  /* @__PURE__ */ l("div", { className: "pkt-form-group", children: n })
-] }), Qn = ({ isResponsive: e, children: n }) => e ? /* @__PURE__ */ l("div", { className: "pkt-table-container", children: n }) : /* @__PURE__ */ l(X, { children: n }), cr = ({
+Qn.displayName = "PktRadioButton";
+const cr = B(
+  ({
+    ariaDescribedby: e,
+    ariaLabelledby: n,
+    children: r,
+    className: o,
+    disabled: a = !1,
+    errorMessage: s,
+    hasError: i,
+    helptext: c,
+    helptextDropdown: p,
+    helptextDropdownButton: d,
+    id: h,
+    inline: v = !1,
+    fullwidth: E = !1,
+    label: w,
+    name: S,
+    optional: P = !1,
+    optionalText: T,
+    required: C = !1,
+    requiredText: b,
+    ...j
+  }, F) => {
+    const A = [o, "pkt-select"].join(" ");
+    return /* @__PURE__ */ l(
+      Re,
+      {
+        className: A,
+        forId: h,
+        label: w,
+        helptext: c,
+        helptextDropdown: p,
+        helptextDropdownButton: d,
+        optional: P,
+        optionalText: T,
+        required: C,
+        requiredText: b,
+        hasError: i,
+        errorMessage: s,
+        disabled: a,
+        inline: v,
+        ariaDescribedby: e,
+        children: /* @__PURE__ */ l(
+          "select",
+          {
+            ref: F,
+            className: `pkt-input ${E ? "pkt-input--fullwidth" : ""}`,
+            "aria-invalid": i,
+            "aria-errormessage": `${h}-error`,
+            "aria-labelledby": n || `${h}-label`,
+            "aria-required": C,
+            disabled: a,
+            id: h,
+            name: S || h,
+            ...j,
+            children: r
+          }
+        )
+      }
+    );
+  }
+), er = ({ isResponsive: e, children: n }) => e ? /* @__PURE__ */ l("div", { className: "pkt-table-container", children: n }) : /* @__PURE__ */ l(ee, { children: n }), ur = ({
   isResponsive: e,
   modifiers: { info: n = !1, success: r = !1, strong: o = !1, shadow: a = !1 } = {},
-  children: i
-}) => /* @__PURE__ */ l(Qn, { isResponsive: e, children: /* @__PURE__ */ l(
+  children: s
+}) => /* @__PURE__ */ l(er, { isResponsive: e, children: /* @__PURE__ */ l(
   "table",
   {
-    className: Lt("pkt-table", {
+    className: $t("pkt-table", {
       "pkt-table--info": n,
       "pkt-table--success": r,
       "pkt-table--strong": o,
       "pkt-table--shadow": a
     }),
-    children: i
+    children: s
   }
-) }), ur = ({ children: e }) => /* @__PURE__ */ l("td", { className: "pkt-table__th", children: e }), fr = ({ children: e }) => /* @__PURE__ */ l("th", { className: "pkt-table__th", children: e }), er = z(({
+) }), pr = ({ children: e }) => /* @__PURE__ */ l("td", { className: "pkt-table__th", children: e }), fr = ({ children: e }) => /* @__PURE__ */ l("th", { className: "pkt-table__th", children: e }), tr = B(({
   children: e,
   className: n,
   skin: r = "blue",
   textStyle: o = "normal-text",
   size: a = "medium",
-  closeTag: i = !1,
-  iconName: s = "",
+  closeTag: s = !1,
+  iconName: i = "",
   type: c = "button",
-  ariaLabel: f = "close",
+  ariaLabel: p = "close",
   onClick: d = () => {
   }
 }, h) => {
-  const [_, w] = ue(!1), C = (O) => {
-    w(!0), d(O);
-  }, P = [
+  const [v, E] = ue(!1), w = (C) => {
+    E(!0), d(C);
+  }, S = [
     "pkt-tag",
     a && `pkt-tag--${a}`,
     r && `pkt-tag--${r}`,
     o && `pkt-tag--${o}`,
     n
-  ].filter(Boolean).join(" "), R = [
+  ].filter(Boolean).join(" "), P = [
     "pkt-tag",
     "pkt-btn",
     "pkt-btn--tertiary",
     a && `pkt-tag--${a}`,
     r && `pkt-tag--${r}`,
     o && `pkt-tag--${o}`,
-    s && i ? "pkt-btn--icons-right-and-left" : null,
-    i && !s ? "pkt-btn--icon-right" : null,
+    i && s ? "pkt-btn--icons-right-and-left" : null,
+    s && !i ? "pkt-btn--icon-right" : null,
     n
-  ].filter(Boolean).join(" "), T = !_;
-  return i && s ? /* @__PURE__ */ l(X, { children: T && /* @__PURE__ */ m(
+  ].filter(Boolean).join(" "), T = !v;
+  return s && i ? /* @__PURE__ */ l(ee, { children: T && /* @__PURE__ */ m(
     "button",
     {
-      className: R,
+      className: P,
       type: c,
-      "aria-label": f,
-      onClick: C,
+      "aria-label": p,
+      onClick: w,
       ref: h,
       children: [
-        /* @__PURE__ */ l(y, { className: "pkt-tag__icon", name: s }),
+        /* @__PURE__ */ l(y, { className: "pkt-tag__icon", name: i }),
         e,
         /* @__PURE__ */ l(y, { className: "pkt-tag__close-btn", name: "close" })
       ]
     }
-  ) }) : i ? /* @__PURE__ */ l(X, { children: T && /* @__PURE__ */ m(
+  ) }) : s ? /* @__PURE__ */ l(ee, { children: T && /* @__PURE__ */ m(
     "button",
     {
-      className: R,
+      className: P,
       type: c,
-      "aria-label": f,
-      onClick: C,
+      "aria-label": p,
+      onClick: w,
       ref: h,
       children: [
         /* @__PURE__ */ l(y, { className: "pkt-tag__close-btn", name: "close" }),
         e
       ]
     }
-  ) }) : s ? /* @__PURE__ */ m("span", { className: P, children: [
-    /* @__PURE__ */ l(y, { className: "pkt-tag__icon", name: s }),
+  ) }) : i ? /* @__PURE__ */ m("span", { className: S, children: [
+    /* @__PURE__ */ l(y, { className: "pkt-tag__icon", name: i }),
     e
-  ] }) : /* @__PURE__ */ l("span", { className: P, children: e });
+  ] }) : /* @__PURE__ */ l("span", { className: S, children: e });
 });
-er.displayName = "PktTag";
-const pr = z(
+tr.displayName = "PktTag";
+const dr = B(
   ({
     id: e,
     ariaDescribedby: n,
     ariaLabelledby: r,
     counter: o,
     counterMaxLength: a,
-    className: i,
-    disabled: s,
+    className: s,
+    disabled: i,
     errorMessage: c,
-    hasError: f,
+    hasError: p,
     helptext: d,
     helptextDropdown: h,
-    helptextDropdownButton: _,
-    inline: w,
-    fullwidth: C = !1,
-    label: P,
-    name: R,
+    helptextDropdownButton: v,
+    inline: E,
+    fullwidth: w = !1,
+    label: S,
+    name: P,
     optional: T = !1,
-    optionalText: O,
+    optionalText: C,
     required: b = !1,
-    requiredText: $,
-    placeholder: A,
-    rows: V,
-    useWrapper: I,
-    onChange: J,
+    requiredText: j,
+    placeholder: F,
+    rows: A,
+    useWrapper: U,
+    onChange: M,
     ...H
-  }, B) => {
-    const W = [i, "pkt-textinput", "pkt-textarea"].join(" "), G = r || `${e}-label`, v = on(null), [j, M] = ue(0), te = (Z) => {
+  }, Y) => {
+    const K = [s, "pkt-textinput", "pkt-textarea"].join(" "), W = r || `${e}-label`, _ = on(null), [D, J] = ue(0), q = (Z) => {
       var Q, oe;
-      if (o && M(((oe = (Q = Z.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : oe.length) || 0), J)
-        return J(Z);
+      if (o && J(((oe = (Q = Z.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : oe.length) || 0), M)
+        return M(Z);
     };
     return yt(() => {
       var Z, Q;
-      typeof B == "function" && B(v.current), o && M(((Q = (Z = v == null ? void 0 : v.current) == null ? void 0 : Z.value) == null ? void 0 : Q.length) || 0);
-    }, [B]), /* @__PURE__ */ m(
-      qe,
+      typeof Y == "function" && Y(_.current), o && J(((Q = (Z = _ == null ? void 0 : _.current) == null ? void 0 : Z.value) == null ? void 0 : Q.length) || 0);
+    }, [Y]), /* @__PURE__ */ m(
+      Re,
       {
         ariaDescribedby: n,
-        className: W,
-        disabled: s,
+        className: K,
+        disabled: i,
         errorMessage: c,
         forId: e,
-        hasError: f,
+        hasError: p,
         helptext: d,
         helptextDropdown: h,
-        helptextDropdownButton: _,
-        inline: w,
-        label: P,
+        helptextDropdownButton: v,
+        inline: E,
+        label: S,
         optional: T,
-        optionalText: O,
+        optionalText: C,
         required: b,
-        requiredText: $,
-        useWrapper: I,
+        requiredText: j,
+        useWrapper: U,
         children: [
           /* @__PURE__ */ l(
             "textarea",
             {
-              ref: v,
-              className: `pkt-input ${C ? "pkt-input--fullwidth" : ""} ${a && j > a ? "pkt-input--counter-error" : ""}`,
-              name: R || e,
+              ref: _,
+              className: `pkt-input ${w ? "pkt-input--fullwidth" : ""} ${a && D > a ? "pkt-input--counter-error" : ""}`,
+              name: P || e,
               id: e,
-              placeholder: A,
-              disabled: s,
-              rows: V,
-              "aria-labelledby": G,
-              "aria-invalid": f,
+              placeholder: F,
+              disabled: i,
+              rows: A,
+              "aria-labelledby": W,
+              "aria-invalid": p,
               "aria-errormessage": `${e}-error`,
               "aria-required": b,
               ...H,
-              onChange: te
+              onChange: q
             }
           ),
           o && /* @__PURE__ */ m("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
-            j || 0,
+            D || 0,
             a && `/${a}`
           ] })
         ]
       }
     );
   }
-), dr = z(
+), mr = B(
   ({
     id: e,
     ariaDescribedby: n,
     ariaLabelledby: r,
     autocomplete: o = "off",
     className: a,
-    disabled: i = !1,
-    errorMessage: s,
+    disabled: s = !1,
+    errorMessage: i,
     hasError: c = !1,
-    helptext: f,
+    helptext: p,
     helptextDropdown: d,
     helptextDropdownButton: h,
-    iconNameRight: _,
-    inline: w = !1,
-    fullwidth: C = !1,
-    label: P,
-    name: R,
+    iconNameRight: v,
+    inline: E = !1,
+    fullwidth: w = !1,
+    label: S,
+    name: P,
     optional: T = !1,
-    optionalText: O,
+    optionalText: C,
     required: b = !1,
-    requiredText: $,
-    placeholder: A,
-    prefix: V,
-    suffix: I,
-    type: J = "text",
+    requiredText: j,
+    placeholder: F,
+    prefix: A,
+    suffix: U,
+    type: M = "text",
     useWrapper: H = !0,
-    value: B,
-    ...W
-  }, G) => {
-    const v = [a, "pkt-textinput"].join(" "), j = r || `${e}-label`;
+    value: Y,
+    ...K
+  }, W) => {
+    const _ = [a, "pkt-textinput"].join(" "), D = r || `${e}-label`;
     return /* @__PURE__ */ l(
-      qe,
+      Re,
       {
         ariaDescribedby: n,
-        className: v,
-        disabled: i,
-        errorMessage: s,
+        className: _,
+        disabled: s,
+        errorMessage: i,
         forId: e,
         hasError: c,
-        helptext: f,
+        helptext: p,
         helptextDropdown: d,
         helptextDropdownButton: h,
-        inline: w,
-        label: P,
+        inline: E,
+        label: S,
         optional: T,
-        optionalText: O,
+        optionalText: C,
         required: b,
-        requiredText: $,
+        requiredText: j,
         useWrapper: H,
         children: /* @__PURE__ */ m("div", { className: "pkt-input__container", children: [
-          V && /* @__PURE__ */ l("div", { className: "pkt-input-prefix", children: V }),
+          A && /* @__PURE__ */ l("div", { className: "pkt-input-prefix", children: A }),
           /* @__PURE__ */ l(
             "input",
             {
-              ref: G,
-              className: `pkt-input ${C ? "pkt-input--fullwidth" : ""}`,
-              type: J,
-              name: R || e,
+              ref: W,
+              className: `pkt-input ${w ? "pkt-input--fullwidth" : ""}`,
+              type: M,
+              name: P || e,
               id: e,
-              placeholder: A,
+              placeholder: F,
               autoComplete: o,
-              value: B,
-              disabled: i,
+              value: Y,
+              disabled: s,
               "aria-required": b,
               "aria-invalid": c,
               "aria-errormessage": `${e}-error`,
-              "aria-labelledby": j,
-              ...W
+              "aria-labelledby": D,
+              ...K
             }
           ),
-          I && /* @__PURE__ */ m("p", { className: "pkt-input-suffix", children: [
-            I,
-            _ && /* @__PURE__ */ l(y, { className: "pkt-input-suffix-icon", name: _ })
+          U && /* @__PURE__ */ m("p", { className: "pkt-input-suffix", children: [
+            U,
+            v && /* @__PURE__ */ l(y, { className: "pkt-input-suffix-icon", name: v })
           ] }),
-          !I && _ && /* @__PURE__ */ l(y, { className: "pkt-input-icon", name: _ })
+          !U && v && /* @__PURE__ */ l(y, { className: "pkt-input-icon", name: v })
         ] })
       }
     );
@@ -2175,23 +2306,24 @@ const pr = z(
 );
 export {
   dn as PktAlert,
-  nr as PktBackLink,
-  rr as PktBreadcrumbs,
+  rr as PktBackLink,
+  ar as PktBreadcrumbs,
   ye as PktButton,
-  ar as PktFooter,
-  lr as PktFooterSimple,
-  or as PktHeader,
+  qn as PktCheckbox,
+  lr as PktFooter,
+  or as PktFooterSimple,
+  ir as PktHeader,
   y as PktIcon,
-  qn as PktInput,
-  qe as PktInputWrapper,
-  Xn as PktLinkCard,
-  ir as PktMessagebox,
-  Zn as PktRadio,
-  sr as PktRadioGroup,
-  cr as PktTable,
-  ur as PktTableData,
+  Xn as PktInput,
+  Re as PktInputWrapper,
+  Zn as PktLinkCard,
+  sr as PktMessagebox,
+  Qn as PktRadioButton,
+  cr as PktSelect,
+  ur as PktTable,
+  pr as PktTableData,
   fr as PktTableHeader,
-  er as PktTag,
-  pr as PktTextarea,
-  dr as PktTextinput
+  tr as PktTag,
+  dr as PktTextarea,
+  mr as PktTextinput
 };