@oslokommune/punkt-react 6.0.6 → 7.1.0

package/dist/punkt-react.es.js

@@ -1,8 +1,8 @@
-import D, { useState as ue, useEffect as vt, forwardRef as B } from "react";
+import Y, { useState as se, useEffect as bt, forwardRef as U } from "react";
 function gt(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var xe = { exports: {} }, te = {};
+var ve = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,24 +13,24 @@ var xe = { exports: {} }, te = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ue;
-function bt() {
+function Nt() {
   if (Ue)
-    return te;
+    return ee;
   Ue = 1;
-  var a = D, c = Symbol.for("react.element"), i = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, l = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(o, p, y) {
-    var N, x = {}, T = null, j = null;
-    y !== void 0 && (T = "" + y), p.key !== void 0 && (T = "" + p.key), p.ref !== void 0 && (j = p.ref);
-    for (N in p)
-      f.call(p, N) && !u.hasOwnProperty(N) && (x[N] = p[N]);
-    if (o && o.defaultProps)
-      for (N in p = o.defaultProps, p)
-        x[N] === void 0 && (x[N] = p[N]);
-    return { $$typeof: c, type: o, key: T, ref: j, props: x, _owner: l.current };
+  var a = Y, p = Symbol.for("react.element"), c = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(i, d, x) {
+    var N, v = {}, T = null, C = null;
+    x !== void 0 && (T = "" + x), d.key !== void 0 && (T = "" + d.key), d.ref !== void 0 && (C = d.ref);
+    for (N in d)
+      s.call(d, N) && !u.hasOwnProperty(N) && (v[N] = d[N]);
+    if (i && i.defaultProps)
+      for (N in d = i.defaultProps, d)
+        v[N] === void 0 && (v[N] = d[N]);
+    return { $$typeof: p, type: i, key: T, ref: C, props: v, _owner: l.current };
   }
-  return te.Fragment = i, te.jsx = m, te.jsxs = m, te;
+  return ee.Fragment = c, ee.jsx = f, ee.jsxs = f, ee;
 }
-var re = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,90 +41,90 @@ var re = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ve;
-function Nt() {
+function yt() {
   return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = D, c = Symbol.for("react.element"), i = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), o = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), I = Symbol.iterator, O = "@@iterator";
-    function F(e) {
+    var a = Y, p = Symbol.for("react.element"), c = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), i = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), $ = Symbol.iterator, L = "@@iterator";
+    function S(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = I && e[I] || e[O];
+      var r = $ && e[$] || e[L];
       return typeof r == "function" ? r : null;
     }
-    var C = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function E(e) {
+    var R = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function y(e) {
       {
-        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), d = 1; d < r; d++)
-          n[d - 1] = arguments[d];
-        Q("error", e, n);
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), m = 1; m < r; m++)
+          n[m - 1] = arguments[m];
+        D("error", e, n);
       }
     }
-    function Q(e, r, n) {
+    function D(e, r, n) {
       {
-        var d = C.ReactDebugCurrentFrame, v = d.getStackAddendum();
-        v !== "" && (r += "%s", n = n.concat([v]));
-        var b = n.map(function(_) {
+        var m = R.ReactDebugCurrentFrame, b = m.getStackAddendum();
+        b !== "" && (r += "%s", n = n.concat([b]));
+        var w = n.map(function(_) {
           return String(_);
         });
-        b.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, b);
+        w.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, w);
       }
     }
-    var M = !1, J = !1, H = !1, W = !1, A = !1, Y;
-    Y = Symbol.for("react.module.reference");
-    function q(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === f || e === u || A || e === l || e === y || e === N || W || e === j || M || J || H || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === x || e.$$typeof === m || e.$$typeof === o || e.$$typeof === p || // This needs to include all possible module reference object
+    var j = !1, V = !1, A = !1, M = !1, O = !1, J;
+    J = Symbol.for("react.module.reference");
+    function B(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === u || O || e === l || e === x || e === N || M || e === C || j || V || A || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === v || e.$$typeof === f || e.$$typeof === i || e.$$typeof === d || // 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.
-      e.$$typeof === Y || e.getModuleId !== void 0));
+      e.$$typeof === J || e.getModuleId !== void 0));
     }
     function z(e, r, n) {
-      var d = e.displayName;
-      if (d)
-        return d;
-      var v = r.displayName || r.name || "";
-      return v !== "" ? n + "(" + v + ")" : n;
+      var m = e.displayName;
+      if (m)
+        return m;
+      var b = r.displayName || r.name || "";
+      return b !== "" ? n + "(" + b + ")" : n;
     }
     function k(e) {
       return e.displayName || "Context";
     }
-    function P(e) {
+    function I(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case f:
+        case s:
           return "Fragment";
-        case i:
+        case c:
           return "Portal";
         case u:
           return "Profiler";
         case l:
           return "StrictMode";
-        case y:
+        case x:
           return "Suspense";
         case N:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case o:
+          case i:
             var r = e;
             return k(r) + ".Consumer";
-          case m:
+          case f:
             var n = e;
             return k(n._context) + ".Provider";
-          case p:
+          case d:
             return z(e, e.render, "ForwardRef");
-          case x:
-            var d = e.displayName || null;
-            return d !== null ? d : P(e.type) || "Memo";
+          case v:
+            var m = e.displayName || null;
+            return m !== null ? m : I(e.type) || "Memo";
           case T: {
-            var v = e, b = v._payload, _ = v._init;
+            var b = e, w = b._payload, _ = b._init;
             try {
-              return P(_(b));
+              return I(_(w));
             } catch {
               return null;
             }
@@ -132,18 +132,18 @@ function Nt() {
         }
       return null;
     }
-    var U = Object.assign, K = 0, fe, ae, G, pe, de, we, Re;
-    function Pe() {
+    var q = Object.assign, Z = 0, Ne, ye, we, xe, Ee, Re, Pe;
+    function Te() {
     }
-    Pe.__reactDisabledLog = !0;
-    function Je() {
+    Te.__reactDisabledLog = !0;
+    function qe() {
       {
-        if (K === 0) {
-          fe = console.log, ae = console.info, G = console.warn, pe = console.error, de = console.group, we = console.groupCollapsed, Re = console.groupEnd;
+        if (Z === 0) {
+          Ne = console.log, ye = console.info, we = console.warn, xe = console.error, Ee = console.group, Re = console.groupCollapsed, Pe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Pe,
+            value: Te,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -156,77 +156,77 @@ function Nt() {
             groupEnd: e
           });
         }
-        K++;
+        Z++;
       }
     }
-    function qe() {
+    function ze() {
       {
-        if (K--, K === 0) {
+        if (Z--, Z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: U({}, e, {
-              value: fe
+            log: q({}, e, {
+              value: Ne
             }),
-            info: U({}, e, {
-              value: ae
+            info: q({}, e, {
+              value: ye
             }),
-            warn: U({}, e, {
-              value: G
-            }),
-            error: U({}, e, {
-              value: pe
+            warn: q({}, e, {
+              value: we
             }),
-            group: U({}, e, {
-              value: de
+            error: q({}, e, {
+              value: xe
             }),
-            groupCollapsed: U({}, e, {
-              value: we
+            group: q({}, e, {
+              value: Ee
             }),
-            groupEnd: U({}, e, {
+            groupCollapsed: q({}, e, {
               value: Re
+            }),
+            groupEnd: q({}, e, {
+              value: Pe
             })
           });
         }
-        K < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Z < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var me = C.ReactCurrentDispatcher, ke;
-    function ne(e, r, n) {
+    var ce = R.ReactCurrentDispatcher, ue;
+    function re(e, r, n) {
       {
-        if (ke === void 0)
+        if (ue === void 0)
           try {
             throw Error();
-          } catch (v) {
-            var d = v.stack.trim().match(/\n( *(at )?)/);
-            ke = d && d[1] || "";
+          } catch (b) {
+            var m = b.stack.trim().match(/\n( *(at )?)/);
+            ue = m && m[1] || "";
           }
         return `
-` + ke + e;
+` + ue + e;
       }
     }
-    var he = !1, le;
+    var pe = !1, ae;
     {
-      var ze = typeof WeakMap == "function" ? WeakMap : Map;
-      le = new ze();
+      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
+      ae = new Ke();
     }
-    function Te(e, r) {
-      if (!e || he)
+    function Ce(e, r) {
+      if (!e || pe)
         return "";
       {
-        var n = le.get(e);
+        var n = ae.get(e);
         if (n !== void 0)
           return n;
       }
-      var d;
-      he = !0;
-      var v = Error.prepareStackTrace;
+      var m;
+      pe = !0;
+      var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var b;
-      b = me.current, me.current = null, Je();
+      var w;
+      w = ce.current, ce.current = null, qe();
       try {
         if (r) {
           var _ = function() {
@@ -239,171 +239,171 @@ function Nt() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(_, []);
-            } catch (L) {
-              d = L;
+            } catch (H) {
+              m = H;
             }
             Reflect.construct(e, [], _);
           } else {
             try {
               _.call();
-            } catch (L) {
-              d = L;
+            } catch (H) {
+              m = H;
             }
             e.call(_.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (L) {
-            d = L;
+          } catch (H) {
+            m = H;
           }
           e();
         }
-      } catch (L) {
-        if (L && d && typeof L.stack == "string") {
-          for (var h = L.stack.split(`
-`), S = d.stack.split(`
-`), w = h.length - 1, R = S.length - 1; w >= 1 && R >= 0 && h[w] !== S[R]; )
-            R--;
-          for (; w >= 1 && R >= 0; w--, R--)
-            if (h[w] !== S[R]) {
-              if (w !== 1 || R !== 1)
+      } catch (H) {
+        if (H && m && typeof H.stack == "string") {
+          for (var h = H.stack.split(`
+`), F = m.stack.split(`
+`), E = h.length - 1, P = F.length - 1; E >= 1 && P >= 0 && h[E] !== F[P]; )
+            P--;
+          for (; E >= 1 && P >= 0; E--, P--)
+            if (h[E] !== F[P]) {
+              if (E !== 1 || P !== 1)
                 do
-                  if (w--, R--, R < 0 || h[w] !== S[R]) {
-                    var $ = `
-` + h[w].replace(" at new ", " at ");
-                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && le.set(e, $), $;
+                  if (E--, P--, P < 0 || h[E] !== F[P]) {
+                    var W = `
+` + h[E].replace(" at new ", " at ");
+                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, W), W;
                   }
-                while (w >= 1 && R >= 0);
+                while (E >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        he = !1, me.current = b, qe(), Error.prepareStackTrace = v;
+        pe = !1, ce.current = w, ze(), Error.prepareStackTrace = b;
       }
-      var Z = e ? e.displayName || e.name : "", Ye = Z ? ne(Z) : "";
-      return typeof e == "function" && le.set(e, Ye), Ye;
+      var X = e ? e.displayName || e.name : "", Ye = X ? re(X) : "";
+      return typeof e == "function" && ae.set(e, Ye), Ye;
     }
-    function Ke(e, r, n) {
-      return Te(e, !1);
+    function Xe(e, r, n) {
+      return Ce(e, !1);
     }
-    function Xe(e) {
+    function Ze(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function oe(e, r, n) {
+    function ne(e, r, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Te(e, Xe(e));
+        return Ce(e, Ze(e));
       if (typeof e == "string")
-        return ne(e);
+        return re(e);
       switch (e) {
-        case y:
-          return ne("Suspense");
+        case x:
+          return re("Suspense");
         case N:
-          return ne("SuspenseList");
+          return re("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case p:
-            return Ke(e.render);
-          case x:
-            return oe(e.type, r, n);
+          case d:
+            return Xe(e.render);
+          case v:
+            return ne(e.type, r, n);
           case T: {
-            var d = e, v = d._payload, b = d._init;
+            var m = e, b = m._payload, w = m._init;
             try {
-              return oe(b(v), r, n);
+              return ne(w(b), r, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var se = Object.prototype.hasOwnProperty, Ce = {}, je = C.ReactDebugCurrentFrame;
+    var le = Object.prototype.hasOwnProperty, je = {}, Se = R.ReactDebugCurrentFrame;
     function ie(e) {
       if (e) {
-        var r = e._owner, n = oe(e.type, e._source, r ? r.type : null);
-        je.setExtraStackFrame(n);
+        var r = e._owner, n = ne(e.type, e._source, r ? r.type : null);
+        Se.setExtraStackFrame(n);
       } else
-        je.setExtraStackFrame(null);
+        Se.setExtraStackFrame(null);
     }
-    function Ze(e, r, n, d, v) {
+    function Qe(e, r, n, m, b) {
       {
-        var b = Function.call.bind(se);
+        var w = Function.call.bind(le);
         for (var _ in e)
-          if (b(e, _)) {
+          if (w(e, _)) {
             var h = void 0;
             try {
               if (typeof e[_] != "function") {
-                var S = Error((d || "React class") + ": " + n + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw S.name = "Invariant Violation", S;
+                var F = Error((m || "React class") + ": " + n + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw F.name = "Invariant Violation", F;
               }
-              h = e[_](r, _, d, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (w) {
-              h = w;
+              h = e[_](r, _, m, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (E) {
+              h = E;
             }
-            h && !(h instanceof Error) && (ie(v), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", n, _, typeof h), ie(null)), h instanceof Error && !(h.message in Ce) && (Ce[h.message] = !0, ie(v), E("Failed %s type: %s", n, h.message), ie(null));
+            h && !(h instanceof Error) && (ie(b), y("%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).", m || "React class", n, _, typeof h), ie(null)), h instanceof Error && !(h.message in je) && (je[h.message] = !0, ie(b), y("Failed %s type: %s", n, h.message), ie(null));
           }
       }
     }
-    var Qe = Array.isArray;
-    function _e(e) {
-      return Qe(e);
+    var et = Array.isArray;
+    function fe(e) {
+      return et(e);
     }
-    function et(e) {
+    function tt(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return n;
       }
     }
-    function tt(e) {
+    function rt(e) {
       try {
-        return Se(e), !1;
+        return Oe(e), !1;
       } catch {
         return !0;
       }
     }
-    function Se(e) {
+    function Oe(e) {
       return "" + e;
     }
-    function Oe(e) {
-      if (tt(e))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", et(e)), Se(e);
+    function $e(e) {
+      if (rt(e))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", tt(e)), Oe(e);
     }
-    var ee = C.ReactCurrentOwner, rt = {
+    var Q = R.ReactCurrentOwner, at = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, $e, Ie, ve;
-    ve = {};
-    function at(e) {
-      if (se.call(e, "ref")) {
+    }, Ie, Fe, de;
+    de = {};
+    function nt(e) {
+      if (le.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function nt(e) {
-      if (se.call(e, "key")) {
+    function lt(e) {
+      if (le.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function lt(e, r) {
-      if (typeof e.ref == "string" && ee.current && r && ee.current.stateNode !== r) {
-        var n = P(ee.current.type);
-        ve[n] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', P(ee.current.type), e.ref), ve[n] = !0);
+    function it(e, r) {
+      if (typeof e.ref == "string" && Q.current && r && Q.current.stateNode !== r) {
+        var n = I(Q.current.type);
+        de[n] || (y('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', I(Q.current.type), e.ref), de[n] = !0);
       }
     }
     function ot(e, r) {
       {
         var n = function() {
-          $e || ($e = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          Ie || (Ie = !0, y("%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)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -414,7 +414,7 @@ function Nt() {
     function st(e, r) {
       {
         var n = function() {
-          Ie || (Ie = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          Fe || (Fe = !0, y("%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)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: n,
@@ -422,17 +422,17 @@ function Nt() {
         });
       }
     }
-    var it = function(e, r, n, d, v, b, _) {
+    var ct = function(e, r, n, m, b, w, _) {
       var h = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: c,
+        $$typeof: p,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: n,
         props: _,
         // Record the component responsible for creating this element.
-        _owner: b
+        _owner: w
       };
       return h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
@@ -443,49 +443,49 @@ function Nt() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: d
+        value: m
       }), Object.defineProperty(h, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: b
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     };
-    function ct(e, r, n, d, v) {
+    function ut(e, r, n, m, b) {
       {
-        var b, _ = {}, h = null, S = null;
-        n !== void 0 && (Oe(n), h = "" + n), nt(r) && (Oe(r.key), h = "" + r.key), at(r) && (S = r.ref, lt(r, v));
-        for (b in r)
-          se.call(r, b) && !rt.hasOwnProperty(b) && (_[b] = r[b]);
+        var w, _ = {}, h = null, F = null;
+        n !== void 0 && ($e(n), h = "" + n), lt(r) && ($e(r.key), h = "" + r.key), nt(r) && (F = r.ref, it(r, b));
+        for (w in r)
+          le.call(r, w) && !at.hasOwnProperty(w) && (_[w] = r[w]);
         if (e && e.defaultProps) {
-          var w = e.defaultProps;
-          for (b in w)
-            _[b] === void 0 && (_[b] = w[b]);
+          var E = e.defaultProps;
+          for (w in E)
+            _[w] === void 0 && (_[w] = E[w]);
         }
-        if (h || S) {
-          var R = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && ot(_, R), S && st(_, R);
+        if (h || F) {
+          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && ot(_, P), F && st(_, P);
         }
-        return it(e, h, S, v, d, ee.current, _);
+        return ct(e, h, F, b, m, Q.current, _);
       }
     }
-    var ge = C.ReactCurrentOwner, Fe = C.ReactDebugCurrentFrame;
-    function X(e) {
+    var me = R.ReactCurrentOwner, De = R.ReactDebugCurrentFrame;
+    function K(e) {
       if (e) {
-        var r = e._owner, n = oe(e.type, e._source, r ? r.type : null);
-        Fe.setExtraStackFrame(n);
+        var r = e._owner, n = ne(e.type, e._source, r ? r.type : null);
+        De.setExtraStackFrame(n);
       } else
-        Fe.setExtraStackFrame(null);
+        De.setExtraStackFrame(null);
     }
-    var be;
-    be = !1;
-    function Ne(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === c;
+    var ke;
+    ke = !1;
+    function he(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === p;
     }
-    function De() {
+    function Ae() {
       {
-        if (ge.current) {
-          var e = P(ge.current.type);
+        if (me.current) {
+          var e = I(me.current.type);
           if (e)
             return `
 
@@ -494,7 +494,7 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function ut(e) {
+    function pt(e) {
       {
         if (e !== void 0) {
           var r = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
@@ -505,10 +505,10 @@ Check your code at ` + r + ":" + n + ".";
         return "";
       }
     }
-    var Ae = {};
+    var Le = {};
     function ft(e) {
       {
-        var r = De();
+        var r = Ae();
         if (!r) {
           var n = typeof e == "string" ? e : e.displayName || e.name;
           n && (r = `
@@ -518,39 +518,39 @@ Check the top-level render call using <` + n + ">.");
         return r;
       }
     }
-    function Le(e, r) {
+    function Me(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var n = ft(r);
-        if (Ae[n])
+        if (Le[n])
           return;
-        Ae[n] = !0;
-        var d = "";
-        e && e._owner && e._owner !== ge.current && (d = " It was passed a child from " + P(e._owner.type) + "."), X(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, d), X(null);
+        Le[n] = !0;
+        var m = "";
+        e && e._owner && e._owner !== me.current && (m = " It was passed a child from " + I(e._owner.type) + "."), K(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, m), K(null);
       }
     }
-    function Me(e, r) {
+    function We(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (_e(e))
+        if (fe(e))
           for (var n = 0; n < e.length; n++) {
-            var d = e[n];
-            Ne(d) && Le(d, r);
+            var m = e[n];
+            he(m) && Me(m, r);
           }
-        else if (Ne(e))
+        else if (he(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var v = F(e);
-          if (typeof v == "function" && v !== e.entries)
-            for (var b = v.call(e), _; !(_ = b.next()).done; )
-              Ne(_.value) && Le(_.value, r);
+          var b = S(e);
+          if (typeof b == "function" && b !== e.entries)
+            for (var w = b.call(e), _; !(_ = w.next()).done; )
+              he(_.value) && Me(_.value, r);
         }
       }
     }
-    function pt(e) {
+    function dt(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
@@ -558,213 +558,226 @@ Check the top-level render call using <` + n + ">.");
         var n;
         if (typeof r == "function")
           n = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === x))
+        r.$$typeof === v))
           n = r.propTypes;
         else
           return;
         if (n) {
-          var d = P(r);
-          Ze(n, e.props, "prop", d, e);
-        } else if (r.PropTypes !== void 0 && !be) {
-          be = !0;
-          var v = P(r);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+          var m = I(r);
+          Qe(n, e.props, "prop", m, e);
+        } else if (r.PropTypes !== void 0 && !ke) {
+          ke = !0;
+          var b = I(r);
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function dt(e) {
+    function mt(e) {
       {
         for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
-          var d = r[n];
-          if (d !== "children" && d !== "key") {
-            X(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), X(null);
+          var m = r[n];
+          if (m !== "children" && m !== "key") {
+            K(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), K(null);
             break;
           }
         }
-        e.ref !== null && (X(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
+        e.ref !== null && (K(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function We(e, r, n, d, v, b) {
+    function Be(e, r, n, m, b, w) {
       {
-        var _ = q(e);
+        var _ = B(e);
         if (!_) {
           var h = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " 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 S = ut(v);
-          S ? h += S : h += De();
-          var w;
-          e === null ? w = "null" : _e(e) ? w = "array" : e !== void 0 && e.$$typeof === c ? (w = "<" + (P(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, h);
+          var F = pt(b);
+          F ? h += F : h += Ae();
+          var E;
+          e === null ? E = "null" : fe(e) ? E = "array" : e !== void 0 && e.$$typeof === p ? (E = "<" + (I(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, h);
         }
-        var R = ct(e, r, n, v, b);
-        if (R == null)
-          return R;
+        var P = ut(e, r, n, b, w);
+        if (P == null)
+          return P;
         if (_) {
-          var $ = r.children;
-          if ($ !== void 0)
-            if (d)
-              if (_e($)) {
-                for (var Z = 0; Z < $.length; Z++)
-                  Me($[Z], e);
-                Object.freeze && Object.freeze($);
+          var W = r.children;
+          if (W !== void 0)
+            if (m)
+              if (fe(W)) {
+                for (var X = 0; X < W.length; X++)
+                  We(W[X], e);
+                Object.freeze && Object.freeze(W);
               } else
-                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                y("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
-              Me($, e);
+              We(W, e);
         }
-        return e === f ? dt(R) : pt(R), R;
+        return e === s ? mt(P) : dt(P), P;
       }
     }
-    function mt(e, r, n) {
-      return We(e, r, n, !0);
-    }
     function kt(e, r, n) {
-      return We(e, r, n, !1);
+      return Be(e, r, n, !0);
     }
-    var ht = kt, _t = mt;
-    re.Fragment = f, re.jsx = ht, re.jsxs = _t;
-  }()), re;
+    function ht(e, r, n) {
+      return Be(e, r, n, !1);
+    }
+    var _t = ht, vt = kt;
+    te.Fragment = s, te.jsx = _t, te.jsxs = vt;
+  }()), te;
 }
-process.env.NODE_ENV === "production" ? xe.exports = bt() : xe.exports = Nt();
-var Ee = xe.exports;
-const V = Ee.Fragment, t = Ee.jsx, s = Ee.jsxs, ye = {}, yt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
-function xt(a, c) {
-  return !ye[a] && typeof window.fetch == "function" && (ye[a] = window.fetch(c + a + ".svg").then((i) => i.ok ? i.text() : (console.error("Missing icon: " + c + a + ".svg"), yt)).then((i) => i)), Promise.resolve(ye[a]);
+process.env.NODE_ENV === "production" ? ve.exports = Nt() : ve.exports = yt();
+var be = ve.exports;
+const G = be.Fragment, t = be.jsx, o = be.jsxs, _e = {}, wt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
+function xt(a, p) {
+  return !_e[a] && typeof window.fetch == "function" && (_e[a] = window.fetch(p + a + ".svg").then((c) => c.ok ? c.text() : (console.error("Missing icon: " + p + a + ".svg"), wt)).then((c) => c)), Promise.resolve(_e[a]);
 }
-const g = ({ name: a, path: c, className: i = "", ...f }) => {
-  const l = "https://punkt-cdn.oslo.kommune.no/6.0/icons/", [u, m] = ue(null);
-  return vt(() => {
+const g = ({ name: a, path: p, className: c = "", ...s }) => {
+  const l = "https://punkt-cdn.oslo.kommune.no/7.1/icons/", [u, f] = se(null);
+  return bt(() => {
     if (!a)
       return;
-    xt(a, c || l).then((p) => m(p));
-  }, [a, c, l]), u ? /* @__PURE__ */ t(
+    xt(a, p || l).then((d) => f(d));
+  }, [a, p, l]), u ? /* @__PURE__ */ t(
     "span",
     {
-      className: `pkt-icon ${i}`,
+      className: `pkt-icon ${c}`,
       dangerouslySetInnerHTML: { __html: u },
-      ...f
+      ...s
     }
   ) : null;
-}, Be = B(
+}, He = U(
   ({
     children: a,
-    className: c,
-    skin: i = "info",
-    closeAlert: f = !1,
+    className: p,
+    skin: c = "info",
+    closeAlert: s = !1,
     onClose: l,
     title: u,
-    date: m,
-    ariaLive: o = "polite",
-    ...p
-  }, y) => {
-    const N = [c, "pkt-alert", i && `pkt-alert--${i}`].filter(Boolean).join(" "), [x, T] = ue(!0), j = () => {
+    date: f,
+    ariaLive: i = "polite",
+    ...d
+  }, x) => {
+    const N = [p, "pkt-alert", c && `pkt-alert--${c}`].filter(Boolean).join(" "), [v, T] = se(!0), C = () => {
       T(!1), l && l();
     };
-    return x ? /* @__PURE__ */ s("div", { ...p, className: N, "aria-live": o, ref: y, children: [
+    return v ? /* @__PURE__ */ o("div", { ...d, className: N, "aria-live": i, ref: x, children: [
       /* @__PURE__ */ t(
         g,
         {
           className: "pkt-alert__icon",
-          name: i === "info" ? "alert-information" : `alert-${i}`
+          name: c === "info" ? "alert-information" : `alert-${c}`
         }
       ),
-      f && /* @__PURE__ */ t("div", { className: "pkt-alert__close", children: /* @__PURE__ */ t(
+      s && /* @__PURE__ */ t("div", { className: "pkt-alert__close", children: /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           className: "pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",
           tabIndex: 0,
           "aria-label": "close",
-          onClick: j,
+          onClick: C,
           children: /* @__PURE__ */ t(g, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
         }
       ) }),
       u && /* @__PURE__ */ t("div", { className: "pkt-alert__title", children: u }),
       /* @__PURE__ */ t("div", { className: "pkt-alert__text", children: a }),
-      m && /* @__PURE__ */ s("div", { className: "pkt-alert__date", children: [
+      f && /* @__PURE__ */ o("div", { className: "pkt-alert__date", children: [
         "Sist oppdatert: ",
-        m
+        f
       ] })
     ] }) : null;
   }
-), ce = B(
+), Ot = U(
+  ({ href: a, text: p, onClick: c, className: s, ...l }, u) => {
+    const f = [
+      s,
+      "pkt-back-link"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t("nav", { ref: u, className: f, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ o("a", { href: a || "/", className: "pkt-link pkt-link--icon-left", onClick: () => {
+      c && c();
+    }, ...l, children: [
+      /* @__PURE__ */ t(g, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
+      /* @__PURE__ */ t("span", { className: "pkt-back-link__text", children: p || "Forsiden" })
+    ] }) });
+  }
+), oe = U(
   ({
     children: a,
-    className: c,
-    iconName: i = "user",
-    secondIconName: f = "user",
+    className: p,
+    iconName: c = "user",
+    secondIconName: s = "user",
     size: l = "medium",
     skin: u = "primary",
-    type: m = "button",
-    variant: o = "label-only",
-    color: p,
-    ...y
+    type: f = "button",
+    variant: i = "label-only",
+    color: d,
+    ...x
   }, N) => {
-    const x = [
-      c,
+    const v = [
+      p,
       "pkt-btn",
       l && `pkt-btn--${l}`,
       u && `pkt-btn--${u}`,
-      o && `pkt-btn--${o}`,
-      p && `pkt-btn--${p}`
+      i && `pkt-btn--${i}`,
+      d && `pkt-btn--${d}`
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s("button", { ...y, className: x, type: m, ref: N, children: [
-      o !== "label-only" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name: i }),
+    return /* @__PURE__ */ o("button", { ...x, className: v, type: f, ref: N, children: [
+      i !== "label-only" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name: c }),
       /* @__PURE__ */ t("span", { className: "pkt-btn__text", children: a }),
-      o === "icons-right-and-left" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name: f })
+      i === "icons-right-and-left" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name: s })
     ] });
   }
 );
-ce.displayName = "PktButton";
-const Ot = ({ columnOne: a, columnTwo: c, socialLinks: i, className: f }) => {
-  var u, m;
-  const l = [f, "pkt-footer"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("footer", { className: l, "data-mode": "dark", children: /* @__PURE__ */ s("div", { className: "pkt-footer__container", children: [
-    /* @__PURE__ */ s("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
-      /* @__PURE__ */ s("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
+oe.displayName = "PktButton";
+const $t = ({ columnOne: a, columnTwo: p, socialLinks: c, className: s }) => {
+  var u, f;
+  const l = [s, "pkt-footer"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("footer", { className: l, "data-mode": "dark", children: /* @__PURE__ */ o("div", { className: "pkt-footer__container", children: [
+    /* @__PURE__ */ o("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
+      /* @__PURE__ */ o("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
         /* @__PURE__ */ t("h2", { className: "pkt-footer__title", children: a.title }),
-        /* @__PURE__ */ s("ul", { className: "pkt-footer__list", children: [
+        /* @__PURE__ */ o("ul", { className: "pkt-footer__list", children: [
           a.text && /* @__PURE__ */ t("li", { className: "pkt-footer__text", children: a.text }),
-          (u = a.links) == null ? void 0 : u.map((o, p) => /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ s(
+          (u = a.links) == null ? void 0 : u.map((i, d) => /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ o(
             "a",
             {
-              className: `pkt-footer__link ${o.external ? "pkt-link--external" : ""}`,
-              href: o.href,
-              target: o.openInNewTab ? "_blank" : "_self",
-              rel: o.openInNewTab ? "noopener noreferrer" : void 0,
+              className: `pkt-footer__link ${i.external ? "pkt-link--external" : ""}`,
+              href: i.href,
+              target: i.openInNewTab ? "_blank" : "_self",
+              rel: i.openInNewTab ? "noopener noreferrer" : void 0,
               children: [
                 /* @__PURE__ */ t(g, { className: "pkt-footer__link-icon", name: "chevron-right" }),
-                o.text
+                i.text
               ]
             }
-          ) }, `links-${p}`))
+          ) }, `links-${d}`))
         ] })
       ] }),
-      /* @__PURE__ */ s("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
-        /* @__PURE__ */ t("h2", { className: "pkt-footer__title", children: c.title }),
-        /* @__PURE__ */ s("ul", { className: "pkt-footer__list", children: [
-          c.text && /* @__PURE__ */ t("li", { className: "pkt-footer__text", children: c.text }),
-          (m = c.links) == null ? void 0 : m.map((o, p) => /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ s(
+      /* @__PURE__ */ o("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
+        /* @__PURE__ */ t("h2", { className: "pkt-footer__title", children: p.title }),
+        /* @__PURE__ */ o("ul", { className: "pkt-footer__list", children: [
+          p.text && /* @__PURE__ */ t("li", { className: "pkt-footer__text", children: p.text }),
+          (f = p.links) == null ? void 0 : f.map((i, d) => /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ o(
             "a",
             {
-              className: `pkt-footer__link ${o.external ? "pkt-link--external" : ""}`,
-              href: o.href,
-              target: o.openInNewTab ? "_blank" : "_self",
-              rel: o.openInNewTab ? "noopener noreferrer" : void 0,
+              className: `pkt-footer__link ${i.external ? "pkt-link--external" : ""}`,
+              href: i.href,
+              target: i.openInNewTab ? "_blank" : "_self",
+              rel: i.openInNewTab ? "noopener noreferrer" : void 0,
               children: [
                 /* @__PURE__ */ t(g, { className: "pkt-footer__link-icon", name: "chevron-right" }),
-                o.text
+                i.text
               ]
             }
-          ) }, `links-${p}`))
+          ) }, `links-${d}`))
         ] })
       ] }),
-      /* @__PURE__ */ s("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
+      /* @__PURE__ */ o("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
         /* @__PURE__ */ t("h2", { className: "pkt-footer__title", children: "Om nettstedet" }),
-        /* @__PURE__ */ s("ul", { className: "pkt-footer__list", children: [
-          /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ s(
+        /* @__PURE__ */ o("ul", { className: "pkt-footer__list", children: [
+          /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ o(
             "a",
             {
               className: "pkt-footer__link",
@@ -775,57 +788,57 @@ const Ot = ({ columnOne: a, columnTwo: c, socialLinks: i, className: f }) => {
               ]
             }
           ) }),
-          /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ s("a", { className: "pkt-footer__link", href: "https://www.oslo.kommune.no/tilgjengelighet/", children: [
+          /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ o("a", { className: "pkt-footer__link", href: "https://www.oslo.kommune.no/tilgjengelighet/", children: [
             /* @__PURE__ */ t(g, { className: "pkt-footer__link-icon", name: "chevron-right" }),
             "Tilgjengelighet"
           ] }) })
         ] })
       ] })
     ] }),
-    i && /* @__PURE__ */ s("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
-      /* @__PURE__ */ t("div", { className: "pkt-footer__social-languages", children: i.filter((o) => o.language).map((o, p) => /* @__PURE__ */ t(
+    c && /* @__PURE__ */ o("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
+      /* @__PURE__ */ t("div", { className: "pkt-footer__social-languages", children: c.filter((i) => i.language).map((i, d) => /* @__PURE__ */ t(
         "div",
         {
           className: "pkt-footer__social-language",
           children: /* @__PURE__ */ t(
             "a",
             {
-              href: o.href,
-              "aria-label": `til ${o.language} versjon av nettsiden`,
-              target: o.openInNewTab ? "_blank" : "_self",
-              rel: o.openInNewTab ? "noopener noreferrer" : void 0,
-              children: o.language
+              href: i.href,
+              "aria-label": `til ${i.language} versjon av nettsiden`,
+              target: i.openInNewTab ? "_blank" : "_self",
+              rel: i.openInNewTab ? "noopener noreferrer" : void 0,
+              children: i.language
             }
           )
         },
-        `sociallinks-language-${p}`
+        `sociallinks-language-${d}`
       )) }),
-      /* @__PURE__ */ t("div", { className: "pkt-footer__social-icons", children: i.filter((o) => o.iconName).map((o, p) => /* @__PURE__ */ t(D.Fragment, { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t("div", { className: "pkt-footer__social-icons", children: c.filter((i) => i.iconName).map((i, d) => /* @__PURE__ */ t(Y.Fragment, { children: /* @__PURE__ */ t(
         "a",
         {
-          href: o.href,
-          "aria-label": `til ${o.iconName}`,
+          href: i.href,
+          "aria-label": `til ${i.iconName}`,
           className: "pkt-footer__social-icon-link",
-          target: o.openInNewTab ? "_blank" : "_self",
-          rel: o.openInNewTab ? "noopener noreferrer" : void 0,
-          children: /* @__PURE__ */ t(g, { className: "pkt-footer__social-icon", name: o.iconName })
+          target: i.openInNewTab ? "_blank" : "_self",
+          rel: i.openInNewTab ? "noopener noreferrer" : void 0,
+          children: /* @__PURE__ */ t(g, { className: "pkt-footer__social-icon", name: i.iconName })
         }
-      ) }, `sociallinks-${p}`)) })
+      ) }, `sociallinks-${d}`)) })
     ] })
   ] }) });
-}, $t = ({
+}, It = ({
   links: a = [],
-  className: c
+  className: p
 }) => {
-  const i = [c, "pkt-footer-simple"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("footer", { className: i, "data-mode": "dark", children: /* @__PURE__ */ t("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ s("ul", { className: "pkt-footer-simple__list", children: [
-    a.map((f, l) => /* @__PURE__ */ t("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ s(
+  const c = [p, "pkt-footer-simple"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("footer", { className: c, "data-mode": "dark", children: /* @__PURE__ */ t("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ o("ul", { className: "pkt-footer-simple__list", children: [
+    a.map((s, l) => /* @__PURE__ */ t("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ o(
       "a",
       {
-        className: `pkt-footer-simple__link ${f.external ? " pkt-link--external" : ""}`,
-        href: f.href,
-        target: f.openInNewTab ? "_blank" : "_self",
-        rel: f.openInNewTab ? "noopener noreferrer" : void 0,
+        className: `pkt-footer-simple__link ${s.external ? " pkt-link--external" : ""}`,
+        href: s.href,
+        target: s.openInNewTab ? "_blank" : "_self",
+        rel: s.openInNewTab ? "noopener noreferrer" : void 0,
         children: [
           /* @__PURE__ */ t(
             g,
@@ -834,21 +847,21 @@ const Ot = ({ columnOne: a, columnTwo: c, socialLinks: i, className: f }) => {
               name: "chevron-right"
             }
           ),
-          f.text
+          s.text
         ]
       }
     ) }, l)),
-    /* @__PURE__ */ t("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ s("a", { className: "pkt-footer-simple__link", href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/", children: [
+    /* @__PURE__ */ t("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ o("a", { className: "pkt-footer-simple__link", href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/", children: [
       /* @__PURE__ */ t(g, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Personvern og informasjonskapsler"
     ] }) }),
-    /* @__PURE__ */ t("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ s("a", { className: "pkt-footer-simple__link", href: "https://www.oslo.kommune.no/tilgjengelighet/", children: [
+    /* @__PURE__ */ t("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ o("a", { className: "pkt-footer-simple__link", href: "https://www.oslo.kommune.no/tilgjengelighet/", children: [
       /* @__PURE__ */ t(g, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Tilgjengelighet"
     ] }) })
   ] }) }) });
 };
-var He = { exports: {} };
+var Ge = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -856,96 +869,96 @@ var He = { exports: {} };
 */
 (function(a) {
   (function() {
-    var c = {}.hasOwnProperty;
-    function i() {
-      for (var f = [], l = 0; l < arguments.length; l++) {
+    var p = {}.hasOwnProperty;
+    function c() {
+      for (var s = [], l = 0; l < arguments.length; l++) {
         var u = arguments[l];
         if (u) {
-          var m = typeof u;
-          if (m === "string" || m === "number")
-            f.push(u);
+          var f = typeof u;
+          if (f === "string" || f === "number")
+            s.push(u);
           else if (Array.isArray(u)) {
             if (u.length) {
-              var o = i.apply(null, u);
-              o && f.push(o);
+              var i = c.apply(null, u);
+              i && s.push(i);
             }
-          } else if (m === "object") {
+          } else if (f === "object") {
             if (u.toString !== Object.prototype.toString && !u.toString.toString().includes("[native code]")) {
-              f.push(u.toString());
+              s.push(u.toString());
               continue;
             }
-            for (var p in u)
-              c.call(u, p) && u[p] && f.push(p);
+            for (var d in u)
+              p.call(u, d) && u[d] && s.push(d);
           }
         }
       }
-      return f.join(" ");
+      return s.join(" ");
     }
-    a.exports ? (i.default = i, a.exports = i) : window.classNames = i;
+    a.exports ? (c.default = c, a.exports = c) : window.classNames = c;
   })();
-})(He);
-var Et = He.exports;
-const Ge = /* @__PURE__ */ gt(Et), It = B(
+})(Ge);
+var Et = Ge.exports;
+const Je = /* @__PURE__ */ gt(Et), Ft = U(
   ({
     logoLink: a = "https://www.oslo.kommune.no/",
-    serviceName: c,
-    fixed: i = !0,
-    scrollToHide: f = !0,
+    serviceName: p,
+    fixed: c = !0,
+    scrollToHide: s = !0,
     user: l,
     userMenu: u,
-    representing: m,
-    userOptions: o,
-    userMenuFooter: p,
-    canChangeRepresentation: y = !0,
+    representing: f,
+    userOptions: i,
+    userMenuFooter: d,
+    canChangeRepresentation: x = !0,
     showMenuButton: N = !1,
-    showLogOutButton: x = !1,
+    showLogOutButton: v = !1,
     openMenu: T,
-    logOut: j,
-    changeRepresentation: I,
-    ...O
-  }, F) => {
-    const C = D.useMemo(() => typeof (l == null ? void 0 : l.lastLoggedIn) == "string" ? l.lastLoggedIn : l != null && l.lastLoggedIn ? new Date(l.lastLoggedIn).toLocaleString("nb-NO", {
+    logOut: C,
+    changeRepresentation: $,
+    ...L
+  }, S) => {
+    const R = Y.useMemo(() => typeof (l == null ? void 0 : l.lastLoggedIn) == "string" ? l.lastLoggedIn : l != null && l.lastLoggedIn ? new Date(l.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : "", [l]), [E, Q] = D.useState(!1), [M, J] = D.useState(0), [H, W] = D.useState(!1), A = D.useRef(null);
-    D.useEffect(() => (document.addEventListener("mouseup", q), window.addEventListener("scroll", z), () => {
-      document.removeEventListener("mouseup", q), window.removeEventListener("scroll", z);
+    }) : "", [l]), [y, D] = Y.useState(!1), [j, V] = Y.useState(0), [A, M] = Y.useState(!1), O = Y.useRef(null);
+    Y.useEffect(() => (document.addEventListener("mouseup", B), window.addEventListener("scroll", z), () => {
+      document.removeEventListener("mouseup", B), window.removeEventListener("scroll", z);
     }));
-    const Y = () => {
-      W(!H);
-    }, q = (k) => {
-      A.current && !A.current.contains(k.target) && W(!1);
+    const J = () => {
+      M(!A);
+    }, B = (k) => {
+      O.current && !O.current.contains(k.target) && M(!1);
     }, z = () => {
-      if (f) {
+      if (s) {
         const k = window.pageYOffset || document.documentElement.scrollTop;
-        if (k < 0 || Math.abs(k - M) < 60)
+        if (k < 0 || Math.abs(k - j) < 60)
           return;
-        Q(k > M), J(k);
+        D(k > j), V(k);
       }
     };
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ o(
       "header",
       {
-        ...O,
+        ...L,
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
-        className: Ge("pkt-header", {
-          "pkt-header--fixed": i,
-          "pkt-header--scroll-to-hide": f,
-          "pkt-header--hidden": E
+        className: Je("pkt-header", {
+          "pkt-header--fixed": c,
+          "pkt-header--scroll-to-hide": s,
+          "pkt-header--hidden": y
         }),
-        ref: F,
+        ref: S,
         children: [
-          /* @__PURE__ */ s("div", { className: "pkt-header__logo", children: [
+          /* @__PURE__ */ o("div", { className: "pkt-header__logo", children: [
             typeof a == "string" ? /* @__PURE__ */ t("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: a, children: /* @__PURE__ */ t(
               g,
               {
                 name: "oslologo",
                 className: "pkt-header__logo-svg",
                 "aria-hidden": "true",
-                path: "https://punkt-cdn.oslo.kommune.no/6.0/logos/"
+                path: "https://punkt-cdn.oslo.kommune.no/7.1/logos/"
               }
             ) }) : /* @__PURE__ */ t(
               "button",
@@ -959,16 +972,16 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
                     name: "oslologo",
                     className: "pkt-header__logo-svg",
                     "aria-hidden": "true",
-                    path: "https://punkt-cdn.oslo.kommune.no/6.0/logos/"
+                    path: "https://punkt-cdn.oslo.kommune.no/7.1/logos/"
                   }
                 )
               }
             ),
-            /* @__PURE__ */ t("span", { className: "pkt-header__logo-service", children: c })
+            /* @__PURE__ */ t("span", { className: "pkt-header__logo-service", children: p })
           ] }),
-          /* @__PURE__ */ t("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ s("ul", { className: "pkt-header__actions-row", children: [
+          /* @__PURE__ */ t("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ o("ul", { className: "pkt-header__actions-row", children: [
             N && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
-              ce,
+              oe,
               {
                 className: "pkt-header__menu-btn",
                 skin: "secondary",
@@ -978,61 +991,61 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
                 children: "Meny"
               }
             ) }),
-            (l || m) && /* @__PURE__ */ s(
+            (l || f) && /* @__PURE__ */ o(
               "li",
               {
                 "data-testid": "usermenu",
-                className: `pkt-header--has-dropdown ${H && !E ? "pkt-header--open-dropdown" : ""}`,
-                ref: A,
+                className: `pkt-header--has-dropdown ${A && !y ? "pkt-header--open-dropdown" : ""}`,
+                ref: O,
                 children: [
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ o(
                     "button",
                     {
                       className: "pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": H,
-                      onClick: Y,
+                      "aria-expanded": A,
+                      onClick: J,
                       children: [
                         /* @__PURE__ */ t(g, { name: "user", className: "pkt-btn__icon" }),
-                        /* @__PURE__ */ t("span", { className: "pkt-header__user-fullname", children: (m == null ? void 0 : m.name) || (l == null ? void 0 : l.name) }),
-                        /* @__PURE__ */ t("span", { className: "pkt-header__user-shortname", children: (m == null ? void 0 : m.shortname) || (l == null ? void 0 : l.shortname) }),
+                        /* @__PURE__ */ t("span", { className: "pkt-header__user-fullname", children: (f == null ? void 0 : f.name) || (l == null ? void 0 : l.name) }),
+                        /* @__PURE__ */ t("span", { className: "pkt-header__user-shortname", children: (f == null ? void 0 : f.shortname) || (l == null ? void 0 : l.shortname) }),
                         /* @__PURE__ */ t(g, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
                         /* @__PURE__ */ t(g, { name: "chevron-thin-up", className: "pkt-btn--open" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ s("ul", { id: "pktUserDropdown", className: "pkt-header__dropdown pkt-user-menu", children: [
-                    l && /* @__PURE__ */ s("li", { children: [
+                  /* @__PURE__ */ o("ul", { id: "pktUserDropdown", className: "pkt-header__dropdown pkt-user-menu", children: [
+                    l && /* @__PURE__ */ o("li", { children: [
                       /* @__PURE__ */ t("div", { className: "pkt-user-menu__label", children: "Pålogget som" }),
                       /* @__PURE__ */ t("div", { className: "pkt-user-menu__name", children: l.name }),
-                      l.lastLoggedIn && /* @__PURE__ */ s("div", { className: "pkt-user-menu__last-logged-in", children: [
+                      l.lastLoggedIn && /* @__PURE__ */ o("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ t("time", { children: C })
+                        /* @__PURE__ */ t("time", { children: R })
                       ] })
                     ] }),
-                    u && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: u.map((k, P) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ s("a", { href: k.target, className: "pkt-link", children: [
+                    u && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: u.map((k, I) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ o("a", { href: k.target, className: "pkt-link", children: [
                       k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
                       k.title
-                    ] }) : /* @__PURE__ */ s("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: [
+                    ] }) : /* @__PURE__ */ o("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: [
                       k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
                       k.title
-                    ] }) }, `userMenu-${P}`)) }) }),
-                    (m || y) && /* @__PURE__ */ s("li", { children: [
-                      m && /* @__PURE__ */ s(V, { children: [
+                    ] }) }, `userMenu-${I}`)) }) }),
+                    (f || x) && /* @__PURE__ */ o("li", { children: [
+                      f && /* @__PURE__ */ o(G, { children: [
                         /* @__PURE__ */ t("div", { className: "pkt-user-menu__label", children: "Representerer" }),
-                        /* @__PURE__ */ t("div", { className: "pkt-user-menu__name", children: m.name }),
-                        m.orgNumber && /* @__PURE__ */ s("div", { className: "pkt-user-menu__org-number", children: [
+                        /* @__PURE__ */ t("div", { className: "pkt-user-menu__name", children: f.name }),
+                        f.orgNumber && /* @__PURE__ */ o("div", { className: "pkt-user-menu__org-number", children: [
                           "Org.nr. ",
-                          m.orgNumber
+                          f.orgNumber
                         ] })
                       ] }),
-                      /* @__PURE__ */ t("ul", { className: "pkt-list mt-size-16", children: y && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ s(
+                      /* @__PURE__ */ t("ul", { className: "pkt-list mt-size-16", children: x && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ o(
                         "button",
                         {
                           className: "pkt-link-button pkt-link",
-                          onClick: I,
+                          onClick: $,
                           children: [
                             /* @__PURE__ */ t(g, { name: "cogwheel", className: "pkt-link__icon" }),
                             "Endre organisasjon"
@@ -1040,31 +1053,31 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
                         }
                       ) }) })
                     ] }),
-                    /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: (o || !x) && /* @__PURE__ */ s(V, { children: [
-                      o == null ? void 0 : o.map((k, P) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ s("a", { href: k.target, className: "pkt-link", children: [
+                    /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: (i || !v) && /* @__PURE__ */ o(G, { children: [
+                      i == null ? void 0 : i.map((k, I) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ o("a", { href: k.target, className: "pkt-link", children: [
                         k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
                         k.title
-                      ] }) : /* @__PURE__ */ s("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: [
+                      ] }) : /* @__PURE__ */ o("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: [
                         k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
                         k.title
-                      ] }) }, `userOptions-${P}`)),
-                      !x && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ s("button", { className: "pkt-link-button pkt-link", onClick: j, children: [
+                      ] }) }, `userOptions-${I}`)),
+                      !v && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ o("button", { className: "pkt-link-button pkt-link", onClick: C, children: [
                         /* @__PURE__ */ t(g, { name: "exit", className: "pkt-link__icon" }),
                         "Logg ut"
                       ] }) })
                     ] }) }) }),
-                    p && /* @__PURE__ */ t("li", { className: "footer", children: /* @__PURE__ */ t("ul", { className: "pkt-list-horizontal bordered", children: p.map((k, P) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ t("a", { href: k.target, className: "pkt-link", children: k.title }) : /* @__PURE__ */ t("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: k.title }) }, `userMenuFooter-${P}`)) }) })
+                    d && /* @__PURE__ */ t("li", { className: "footer", children: /* @__PURE__ */ t("ul", { className: "pkt-list-horizontal bordered", children: d.map((k, I) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ t("a", { href: k.target, className: "pkt-link", children: k.title }) : /* @__PURE__ */ t("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: k.title }) }, `userMenuFooter-${I}`)) }) })
                   ] })
                 ]
               }
             ),
-            x && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
-              ce,
+            v && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+              oe,
               {
                 className: "pkt-header__user-btn pkt-header__user-btn-logout",
                 iconName: "exit",
                 role: "button",
-                onClick: j,
+                onClick: C,
                 skin: "secondary",
                 variant: "icon-right",
                 children: "Logg ut"
@@ -1075,38 +1088,124 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
       }
     );
   }
-), wt = D.forwardRef(
-  ({ label: a, id: c, children: i, ...f }, l) => /* @__PURE__ */ s("div", { className: "pkt-form-group", children: [
-    /* @__PURE__ */ t("label", { htmlFor: c, className: "pkt-form-label", children: a }),
-    /* @__PURE__ */ t("input", { className: "pkt-form-input", id: c, ...f, ref: l }),
-    i
+), Rt = Y.forwardRef(
+  ({ label: a, id: p, children: c, ...s }, l) => /* @__PURE__ */ o("div", { className: "pkt-form-group", children: [
+    /* @__PURE__ */ t("label", { htmlFor: p, className: "pkt-form-label", children: a }),
+    /* @__PURE__ */ t("input", { className: "pkt-form-input", id: p, ...s, ref: l }),
+    c
   ] })
 );
-wt.displayName = "PktInput";
-const Rt = B(
+Rt.displayName = "PktInput";
+const ge = U(
+  ({
+    forId: a,
+    label: p,
+    helptext: c,
+    helptextDropdown: s,
+    helptextDropdownButton: l,
+    optional: u,
+    required: f,
+    hasError: i,
+    errorMessage: d,
+    disabled: x,
+    inline: N,
+    ariaDescribedby: v,
+    useWrapper: T = !0,
+    children: C,
+    className: $
+  }, L) => {
+    const [S, R] = se(!1), y = () => {
+      R(!S);
+    }, D = () => u ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : f ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", j = u ? "Valgfritt" : f ? "Må fylles ut" : "", V = x ? "pkt-inputwrapper--disabled" : "", A = N ? "pkt-inputwrapper--inline" : "", M = i ? "pkt-inputwrapper--error" : "", O = !!s && s !== "", J = l || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', B = O ? "div" : "label", z = O ? "h2" : "span", k = v || (c ? `${a}-helptext` : void 0);
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        className: ["pkt-inputwrapper", $, V, A, M].join(
+          " "
+        ),
+        ref: L,
+        children: [
+          T ? /* @__PURE__ */ o(G, { children: [
+            /* @__PURE__ */ t(
+              B,
+              {
+                htmlFor: a,
+                className: "pkt-inputwrapper__label",
+                "aria-describedby": O ? "" : v,
+                children: /* @__PURE__ */ o(z, { id: `${a}-label`, children: [
+                  p,
+                  j !== "" && /* @__PURE__ */ t("span", { className: D(), children: j })
+                ] })
+              }
+            ),
+            c && /* @__PURE__ */ t("div", { className: "pkt-inputwrapper__helptext", id: `${a}-helptext`, children: c }),
+            O && s !== "" && /* @__PURE__ */ o("div", { children: [
+              /* @__PURE__ */ t(
+                oe,
+                {
+                  skin: "tertiary",
+                  size: "small",
+                  variant: "icon-right",
+                  iconName: S ? "chevron-thin-up" : "chevron-thin-down",
+                  className: "pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",
+                  onClick: y,
+                  children: /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: J } })
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `pkt-inputwrapper__helptext ${S ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
+                  children: /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: s } }) })
+                }
+              ),
+              /* @__PURE__ */ t("label", { htmlFor: a, className: "pkt-sr-only", "aria-describedby": k, children: p })
+            ] }),
+            /* @__PURE__ */ t(G, { children: C })
+          ] }) : /* @__PURE__ */ o(G, { children: [
+            /* @__PURE__ */ t(
+              "label",
+              {
+                htmlFor: a,
+                className: "pkt-sr-only",
+                "aria-describedby": k,
+                id: `${a}-label`,
+                children: p
+              }
+            ),
+            C
+          ] }),
+          i && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(He, { skin: "error", "aria-live": "assertive", children: d }) })
+        ]
+      }
+    );
+  }
+);
+ge.displayName = "PktInputWrapper";
+const Pt = U(
   ({
     children: a,
-    className: c,
-    iconName: i = "user",
-    openInNewTab: f = !1,
+    className: p,
+    iconName: c = "user",
+    openInNewTab: s = !1,
     skin: l = "normal",
     href: u = "#",
-    external: m = !1,
-    title: o
-  }, p) => {
-    const y = [c, "pkt-linkcard", l && `pkt-linkcard--${l}`].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s(
+    external: f = !1,
+    title: i
+  }, d) => {
+    const x = [p, "pkt-linkcard", l && `pkt-linkcard--${l}`].filter(Boolean).join(" ");
+    return /* @__PURE__ */ o(
       "a",
       {
         href: u,
-        className: `pkt-linkcard pkt-link ${y}`,
-        target: f ? "_blank" : "_self",
-        rel: f ? "noopener noreferrer" : void 0,
-        ref: p,
+        className: `pkt-linkcard pkt-link ${x}`,
+        target: s ? "_blank" : "_self",
+        rel: s ? "noopener noreferrer" : void 0,
+        ref: d,
         children: [
-          /* @__PURE__ */ t(g, { className: "pkt-link__icon", name: i }),
-          /* @__PURE__ */ s("div", { className: "pkt-linkcard__content", children: [
-            /* @__PURE__ */ t("div", { className: `pkt-linkcard__title ${m ? "pkt-link pkt-link--external" : ""}`, children: o }),
+          /* @__PURE__ */ t(g, { className: "pkt-link__icon", name: c }),
+          /* @__PURE__ */ o("div", { className: "pkt-linkcard__content", children: [
+            /* @__PURE__ */ t("div", { className: `pkt-linkcard__title ${f ? "pkt-link pkt-link--external" : ""}`, children: i }),
             /* @__PURE__ */ t("div", { className: "pkt-linkcard__text", children: a })
           ] })
         ]
@@ -1114,281 +1213,311 @@ const Rt = B(
     );
   }
 );
-Rt.displayName = "PktLinkCard";
-const Ft = ({
+Pt.displayName = "PktLinkCard";
+const Dt = ({
   children: a,
-  skin: c = "beige",
-  title: i,
-  className: f,
+  skin: p = "beige",
+  title: c,
+  className: s,
   ...l
 }) => {
-  const u = ["pkt-messagebox", c && `pkt-messagebox--${c}`, f].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s("div", { ...l, className: u, children: [
-    /* @__PURE__ */ t("div", { className: "pkt-messagebox__title", children: i }),
+  const u = ["pkt-messagebox", p && `pkt-messagebox--${p}`, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { ...l, className: u, children: [
+    /* @__PURE__ */ t("div", { className: "pkt-messagebox__title", children: c }),
     /* @__PURE__ */ t("div", { className: "pkt-messagebox__text", children: a })
   ] });
-}, Pt = B(
-  ({ id: a, name: c, label: i, value: f, ...l }, u) => /* @__PURE__ */ s("div", { className: "pkt-form-group", children: [
-    /* @__PURE__ */ t("input", { type: "radio", className: "pkt-form-check-input", id: a, name: c, value: f, ref: u, ...l }),
-    /* @__PURE__ */ t("label", { className: "pkt-form-label", htmlFor: a, children: i })
+}, Tt = U(
+  ({ id: a, name: p, label: c, value: s, ...l }, u) => /* @__PURE__ */ o("div", { className: "pkt-form-group", children: [
+    /* @__PURE__ */ t("input", { type: "radio", className: "pkt-form-check-input", id: a, name: p, value: s, ref: u, ...l }),
+    /* @__PURE__ */ t("label", { className: "pkt-form-label", htmlFor: a, children: c })
   ] })
 );
-Pt.displayName = "PktRadio";
-const Dt = ({ label: a, children: c }) => /* @__PURE__ */ s(V, { children: [
+Tt.displayName = "PktRadio";
+const At = ({ label: a, children: p }) => /* @__PURE__ */ o(G, { children: [
   /* @__PURE__ */ t("p", { children: a }),
-  /* @__PURE__ */ t("div", { className: "pkt-form-group", children: c })
-] }), Tt = ({ isResponsive: a, children: c }) => a ? /* @__PURE__ */ t("div", { className: "pkt-table-container", children: c }) : /* @__PURE__ */ t(V, { children: c }), At = ({
+  /* @__PURE__ */ t("div", { className: "pkt-form-group", children: p })
+] }), Ct = ({ isResponsive: a, children: p }) => a ? /* @__PURE__ */ t("div", { className: "pkt-table-container", children: p }) : /* @__PURE__ */ t(G, { children: p }), Lt = ({
   isResponsive: a,
-  modifiers: { info: c = !1, success: i = !1, strong: f = !1, shadow: l = !1 } = {},
+  modifiers: { info: p = !1, success: c = !1, strong: s = !1, shadow: l = !1 } = {},
   children: u
-}) => /* @__PURE__ */ t(Tt, { isResponsive: a, children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ t(Ct, { isResponsive: a, children: /* @__PURE__ */ t(
   "table",
   {
-    className: Ge("pkt-table", {
-      "pkt-table--info": c,
-      "pkt-table--success": i,
-      "pkt-table--strong": f,
+    className: Je("pkt-table", {
+      "pkt-table--info": p,
+      "pkt-table--success": c,
+      "pkt-table--strong": s,
       "pkt-table--shadow": l
     }),
     children: u
   }
-) }), Lt = ({ children: a }) => /* @__PURE__ */ t("td", { className: "pkt-table__th", children: a }), Mt = ({ children: a }) => /* @__PURE__ */ t("th", { className: "pkt-table__th", children: a }), Ct = B(({
+) }), Mt = ({ children: a }) => /* @__PURE__ */ t("td", { className: "pkt-table__th", children: a }), Wt = ({ children: a }) => /* @__PURE__ */ t("th", { className: "pkt-table__th", children: a }), jt = U(({
   children: a,
-  className: c,
-  skin: i = "blue",
-  textStyle: f = "normal-text",
+  className: p,
+  skin: c = "blue",
+  textStyle: s = "normal-text",
   size: l = "medium",
   closeTag: u = !1,
-  iconName: m = "",
-  type: o = "button",
-  ariaLabel: p = "close",
-  onClick: y = () => {
+  iconName: f = "",
+  type: i = "button",
+  ariaLabel: d = "close",
+  onClick: x = () => {
   }
 }, N) => {
-  const [x, T] = ue(!1), j = (C) => {
-    T(!0), y(C);
-  }, I = [
+  const [v, T] = se(!1), C = (R) => {
+    T(!0), x(R);
+  }, $ = [
     "pkt-tag",
     l && `pkt-tag--${l}`,
-    i && `pkt-tag--${i}`,
-    f && `pkt-tag--${f}`,
-    c
-  ].filter(Boolean).join(" "), O = [
+    c && `pkt-tag--${c}`,
+    s && `pkt-tag--${s}`,
+    p
+  ].filter(Boolean).join(" "), L = [
     "pkt-tag",
     "pkt-btn",
     "pkt-btn--tertiary",
     l && `pkt-tag--${l}`,
-    i && `pkt-tag--${i}`,
-    f && `pkt-tag--${f}`,
-    m && u ? "pkt-btn--icons-right-and-left" : null,
-    u && !m ? "pkt-btn--icon-right" : null,
-    c
-  ].filter(Boolean).join(" "), F = !x;
-  return u && m ? /* @__PURE__ */ t(V, { children: F && /* @__PURE__ */ s(
+    c && `pkt-tag--${c}`,
+    s && `pkt-tag--${s}`,
+    f && u ? "pkt-btn--icons-right-and-left" : null,
+    u && !f ? "pkt-btn--icon-right" : null,
+    p
+  ].filter(Boolean).join(" "), S = !v;
+  return u && f ? /* @__PURE__ */ t(G, { children: S && /* @__PURE__ */ o(
     "button",
     {
-      className: O,
-      type: o,
-      "aria-label": p,
-      onClick: j,
+      className: L,
+      type: i,
+      "aria-label": d,
+      onClick: C,
       ref: N,
       children: [
-        /* @__PURE__ */ t(g, { className: "pkt-tag__icon", name: m }),
+        /* @__PURE__ */ t(g, { className: "pkt-tag__icon", name: f }),
         a,
         /* @__PURE__ */ t(g, { className: "pkt-tag__close-btn", name: "close" })
       ]
     }
-  ) }) : u ? /* @__PURE__ */ t(V, { children: F && /* @__PURE__ */ s(
+  ) }) : u ? /* @__PURE__ */ t(G, { children: S && /* @__PURE__ */ o(
     "button",
     {
-      className: O,
-      type: o,
-      "aria-label": p,
-      onClick: j,
+      className: L,
+      type: i,
+      "aria-label": d,
+      onClick: C,
       ref: N,
       children: [
         /* @__PURE__ */ t(g, { className: "pkt-tag__close-btn", name: "close" }),
         a
       ]
     }
-  ) }) : m ? /* @__PURE__ */ s("span", { className: I, children: [
-    /* @__PURE__ */ t(g, { className: "pkt-tag__icon", name: m }),
+  ) }) : f ? /* @__PURE__ */ o("span", { className: $, children: [
+    /* @__PURE__ */ t(g, { className: "pkt-tag__icon", name: f }),
     a
-  ] }) : /* @__PURE__ */ t("span", { className: I, children: a });
+  ] }) : /* @__PURE__ */ t("span", { className: $, children: a });
 });
-Ct.displayName = "PktTag";
-const jt = B(
-  ({ id: a, label: c, ...i }, f) => /* @__PURE__ */ s("div", { className: "pkt-form-group", children: [
-    /* @__PURE__ */ t("label", { htmlFor: a, className: "pkt-form-label", children: c }),
-    /* @__PURE__ */ t("textarea", { className: "pkt-form-textarea", id: a, ref: f, ...i })
-  ] })
-);
-jt.displayName = "PktTextarea";
-const Wt = B(
+jt.displayName = "PktTag";
+const Bt = U(
   ({
     id: a,
-    label: c,
-    name: i,
-    srOnlyLabel: f = !1,
-    helptext: l,
-    helptextDropdown: u,
-    helptextDropdownButton: m,
-    optional: o = !1,
-    required: p = !1,
-    hasError: y = !1,
-    errorMessage: N,
-    placeholder: x,
-    type: T = "text",
-    autocomplete: j = "off",
-    value: I,
-    suffix: O,
-    prefix: F,
-    iconNameRight: C,
-    disabled: E = !1,
-    inline: Q = !1,
-    ariaLabelledby: M,
-    ariaDescribedby: J,
-    className: H,
-    ...W
+    ariaDescribedby: p,
+    ariaLabelledby: c,
+    counter: s,
+    counterMaxLength: l,
+    className: u,
+    disabled: f,
+    errorMessage: i,
+    hasError: d,
+    helptext: x,
+    helptextDropdown: N,
+    helptextDropdownButton: v,
+    inline: T,
+    label: C,
+    name: $,
+    optional: L,
+    placeholder: S,
+    required: R,
+    rows: y,
+    useWrapper: D,
+    value: j = "",
+    ...V
   }, A) => {
-    const [Y, q] = ue(!1), z = () => {
-      q(!Y);
-    }, k = () => o ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : p ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", P = o ? "Valgfritt" : p ? "Må fylles ut" : "", ae = [H, "pkt-textinput", E ? "pkt-textinput--disabled" : "", Q ? "pkt-textinput--inline" : "", y ? "pkt-textinput--error" : ""].join(
-      " "
-    ), G = !!u && u !== "";
-    return /* @__PURE__ */ s("div", { className: ae, children: [
-      /* @__PURE__ */ s(
-        G ? "div" : "label",
-        {
-          htmlFor: a,
-          className: `pkt-textinput__label ${f ? "pkt-sr-only" : ""}`,
-          "aria-describedby": G ? "" : J,
-          children: [
-            /* @__PURE__ */ s(G ? "h2" : "span", { children: [
-              c,
-              P !== "" && /* @__PURE__ */ t("span", { className: k(), children: P })
-            ] }),
-            l && /* @__PURE__ */ t("div", { className: "pkt-textinput__helptext", children: l }),
-            G && /* @__PURE__ */ s(V, { children: [
-              /* @__PURE__ */ t(
-                ce,
-                {
-                  skin: "tertiary",
-                  size: "small",
-                  variant: "icon-right",
-                  iconName: Y ? "chevron-thin-up" : "chevron-thin-down",
-                  className: "pkt-textinput__helptext-expandable pkt-link pkt-link--icon-right",
-                  onClick: z,
-                  children: m || /* @__PURE__ */ s(V, { children: [
-                    "Les mer ",
-                    /* @__PURE__ */ t("span", { className: "pkt-sr-only", children: "om inputfeltet" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ t(
-                "div",
-                {
-                  className: `pkt-textinput__helptext ${Y ? "pkt-textinput__helptext-expandable-open" : "pkt-textinput__helptext-expandable-closed"}`,
-                  children: /* @__PURE__ */ t(Be, { children: u })
-                }
-              ),
-              /* @__PURE__ */ t(
-                "label",
-                {
-                  htmlFor: a,
-                  className: "pkt-textinput__label pkt-sr-only",
-                  "aria-describedby": J,
-                  children: c
-                }
-              )
-            ] }),
-            F && /* @__PURE__ */ s("div", { className: "pkt-textinput__input-prefix-wrapper", children: [
-              /* @__PURE__ */ t("div", { className: "pkt-textinput__input-prefix", children: F }),
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  ref: A,
-                  className: "pkt-textinput__input",
-                  type: T,
-                  name: i || a,
-                  id: a,
-                  placeholder: x,
-                  autoComplete: j,
-                  value: I,
-                  disabled: E,
-                  "aria-required": p,
-                  "aria-invalid": y,
-                  "aria-labelledby": M,
-                  ...W
-                }
-              )
-            ] }),
-            !F && (O || C) && /* @__PURE__ */ s("div", { className: "pkt-textinput__input-suffix-wrapper", children: [
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  ref: A,
-                  className: "pkt-textinput__input",
-                  type: T,
-                  name: i || a,
-                  id: a,
-                  placeholder: x,
-                  autoComplete: j,
-                  value: I,
-                  disabled: E,
-                  "aria-required": p,
-                  "aria-invalid": y,
-                  "aria-labelledby": M,
-                  ...W
-                }
-              ),
-              O && /* @__PURE__ */ s("p", { className: "pkt-textinput__input-suffix", children: [
-                O,
-                C && /* @__PURE__ */ t(g, { className: "pkt-textinput__input-suffix-icon", name: C })
-              ] }),
-              !O && C && /* @__PURE__ */ t(g, { className: "pkt-textinput__input-icon", name: C })
-            ] }),
-            !F && !O && !C && !u && /* @__PURE__ */ t(
+    const M = [u, "pkt-textinput", "pkt-textarea"].join(" "), O = c || `${a}-label`;
+    return /* @__PURE__ */ o(
+      ge,
+      {
+        ariaDescribedby: p,
+        className: M,
+        disabled: f,
+        errorMessage: i,
+        forId: a,
+        hasError: d,
+        helptext: x,
+        helptextDropdown: N,
+        helptextDropdownButton: v,
+        inline: T,
+        label: C,
+        optional: L,
+        required: R,
+        useWrapper: D,
+        children: [
+          /* @__PURE__ */ t(
+            "textarea",
+            {
+              ref: A,
+              className: `pkt-textinput__input ${l && (j == null ? void 0 : j.length) > l ? "pkt-textinput__input--counter-error" : ""}`,
+              name: $ || a,
+              id: a,
+              placeholder: S,
+              value: j,
+              disabled: f,
+              rows: y,
+              "aria-labelledby": O,
+              "aria-invalid": d,
+              "aria-required": R,
+              ...V
+            }
+          ),
+          s && /* @__PURE__ */ o("div", { className: "pkt-textinput__counter", "aria-live": "polite", "aria-atomic": !0, children: [
+            (j == null ? void 0 : j.length) || 0,
+            l && `/${l}`
+          ] })
+        ]
+      }
+    );
+  }
+), Yt = U(
+  ({
+    id: a,
+    ariaDescribedby: p,
+    ariaLabelledby: c,
+    autocomplete: s = "off",
+    className: l,
+    disabled: u = !1,
+    errorMessage: f,
+    hasError: i = !1,
+    helptext: d,
+    helptextDropdown: x,
+    helptextDropdownButton: N,
+    iconNameRight: v,
+    inline: T = !1,
+    label: C,
+    name: $,
+    optional: L = !1,
+    placeholder: S,
+    prefix: R,
+    required: y = !1,
+    suffix: D,
+    type: j = "text",
+    useWrapper: V = !0,
+    value: A,
+    ...M
+  }, O) => {
+    const J = [l, "pkt-textinput"].join(" "), B = c || `${a}-label`;
+    return /* @__PURE__ */ o(
+      ge,
+      {
+        ariaDescribedby: p,
+        className: J,
+        disabled: u,
+        errorMessage: f,
+        forId: a,
+        hasError: i,
+        helptext: d,
+        helptextDropdown: x,
+        helptextDropdownButton: N,
+        inline: T,
+        label: C,
+        optional: L,
+        required: y,
+        useWrapper: V,
+        children: [
+          R && /* @__PURE__ */ o("div", { className: "pkt-textinput__input-prefix-wrapper", children: [
+            /* @__PURE__ */ t("div", { className: "pkt-textinput__input-prefix", children: R }),
+            /* @__PURE__ */ t(
               "input",
               {
-                ref: A,
+                ref: O,
                 className: "pkt-textinput__input",
-                type: T,
-                name: i || a,
+                type: j,
+                name: $ || a,
                 id: a,
-                placeholder: x,
-                autoComplete: j,
-                value: I,
-                disabled: E,
-                "aria-required": p,
-                "aria-invalid": y,
-                "aria-labelledby": M,
-                ...W
+                placeholder: S,
+                autoComplete: s,
+                value: A,
+                disabled: u,
+                "aria-required": y,
+                "aria-invalid": i,
+                "aria-labelledby": B,
+                ...M
               }
             )
-          ]
-        }
-      ),
-      y && /* @__PURE__ */ t(Be, { skin: "error", "aria-live": "assertive", children: N })
-    ] });
+          ] }),
+          !R && (D || v) && /* @__PURE__ */ o("div", { className: "pkt-textinput__input-suffix-wrapper", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: O,
+                className: "pkt-textinput__input",
+                type: j,
+                name: $ || a,
+                id: a,
+                placeholder: S,
+                autoComplete: s,
+                value: A,
+                disabled: u,
+                "aria-required": y,
+                "aria-invalid": i,
+                "aria-labelledby": B,
+                ...M
+              }
+            ),
+            D && /* @__PURE__ */ o("p", { className: "pkt-textinput__input-suffix", children: [
+              D,
+              v && /* @__PURE__ */ t(g, { className: "pkt-textinput__input-suffix-icon", name: v })
+            ] }),
+            !D && v && /* @__PURE__ */ t(g, { className: "pkt-textinput__input-icon", name: v })
+          ] }),
+          !R && !D && !v && /* @__PURE__ */ t(
+            "input",
+            {
+              ref: O,
+              className: "pkt-textinput__input",
+              type: j,
+              name: $ || a,
+              id: a,
+              placeholder: S,
+              autoComplete: s,
+              value: A,
+              disabled: u,
+              "aria-required": y,
+              "aria-invalid": i,
+              "aria-labelledby": B,
+              ...M
+            }
+          )
+        ]
+      }
+    );
   }
 );
 export {
-  Be as PktAlert,
-  ce as PktButton,
-  Ot as PktFooter,
-  $t as PktFooterSimple,
-  It as PktHeader,
+  He as PktAlert,
+  Ot as PktBackLink,
+  oe as PktButton,
+  $t as PktFooter,
+  It as PktFooterSimple,
+  Ft as PktHeader,
   g as PktIcon,
-  wt as PktInput,
-  Rt as PktLinkCard,
-  Ft as PktMessagebox,
-  Pt as PktRadio,
-  Dt as PktRadioGroup,
-  At as PktTable,
-  Lt as PktTableData,
-  Mt as PktTableHeader,
-  Ct as PktTag,
-  jt as PktTextarea,
-  Wt as PktTextinput
+  Rt as PktInput,
+  ge as PktInputWrapper,
+  Pt as PktLinkCard,
+  Dt as PktMessagebox,
+  Tt as PktRadio,
+  At as PktRadioGroup,
+  Lt as PktTable,
+  Mt as PktTableData,
+  Wt as PktTableHeader,
+  jt as PktTag,
+  Bt as PktTextarea,
+  Yt as PktTextinput
 };