@oslokommune/punkt-react 11.14.1 → 11.14.2

package/dist/punkt-react.es.js

@@ -1,4 +1,4 @@
-import q, { forwardRef as F, createContext as Rt, useState as X, useContext as Pt, useEffect as oe, useRef as $e, Fragment as $t } from "react";
+import K, { forwardRef as S, createContext as Rt, useState as X, useContext as Pt, useEffect as oe, useRef as $e, Fragment as $t } from "react";
 import { Link as qe } from "react-router-dom";
 function Tt(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
@@ -18,18 +18,18 @@ function St() {
   if (Xe)
     return le;
   Xe = 1;
-  var r = q, n = Symbol.for("react.element"), c = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, o = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(s, p, u) {
-    var k, h = {}, x = null, g = null;
-    u !== void 0 && (x = "" + u), p.key !== void 0 && (x = "" + p.key), p.ref !== void 0 && (g = p.ref);
-    for (k in p)
-      i.call(p, k) && !a.hasOwnProperty(k) && (h[k] = p[k]);
-    if (s && s.defaultProps)
-      for (k in p = s.defaultProps, p)
-        h[k] === void 0 && (h[k] = p[k]);
-    return { $$typeof: n, type: s, key: x, ref: g, props: h, _owner: o.current };
+  var r = K, n = Symbol.for("react.element"), o = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(a, u, p) {
+    var k, h = {}, v = null, g = null;
+    p !== void 0 && (v = "" + p), u.key !== void 0 && (v = "" + u.key), u.ref !== void 0 && (g = u.ref);
+    for (k in u)
+      l.call(u, k) && !s.hasOwnProperty(k) && (h[k] = u[k]);
+    if (a && a.defaultProps)
+      for (k in u = a.defaultProps, u)
+        h[k] === void 0 && (h[k] = u[k]);
+    return { $$typeof: n, type: a, key: v, ref: g, props: h, _owner: c.current };
   }
-  return le.Fragment = c, le.jsx = d, le.jsxs = d, le;
+  return le.Fragment = o, le.jsx = d, le.jsxs = d, le;
 }
 var ie = {};
 /**
@@ -44,45 +44,45 @@ var ie = {};
 var Ze;
 function It() {
   return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = q, n = Symbol.for("react.element"), c = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), s = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), E = Symbol.iterator, S = "@@iterator";
+    var r = K, n = Symbol.for("react.element"), o = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), a = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), E = Symbol.iterator, I = "@@iterator";
     function $(t) {
       if (t === null || typeof t != "object")
         return null;
-      var l = E && t[E] || t[S];
-      return typeof l == "function" ? l : null;
+      var i = E && t[E] || t[I];
+      return typeof i == "function" ? i : null;
     }
     var C = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function w(t) {
       {
-        for (var l = arguments.length, f = new Array(l > 1 ? l - 1 : 0), _ = 1; _ < l; _++)
+        for (var i = arguments.length, f = new Array(i > 1 ? i - 1 : 0), _ = 1; _ < i; _++)
           f[_ - 1] = arguments[_];
-        v("error", t, f);
+        b("error", t, f);
       }
     }
-    function v(t, l, f) {
+    function b(t, i, f) {
       {
         var _ = C.ReactDebugCurrentFrame, y = _.getStackAddendum();
-        y !== "" && (l += "%s", f = f.concat([y]));
+        y !== "" && (i += "%s", f = f.concat([y]));
         var R = f.map(function(N) {
           return String(N);
         });
-        R.unshift("Warning: " + l), Function.prototype.apply.call(console[t], console, R);
+        R.unshift("Warning: " + i), Function.prototype.apply.call(console[t], console, R);
       }
     }
-    var I = !1, Y = !1, U = !1, B = !1, H = !1, W;
-    W = Symbol.for("react.module.reference");
-    function z(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === a || H || t === o || t === u || t === k || B || t === g || I || Y || U || typeof t == "object" && t !== null && (t.$$typeof === x || t.$$typeof === h || t.$$typeof === d || t.$$typeof === s || t.$$typeof === p || // This needs to include all possible module reference object
+    var O = !1, Y = !1, B = !1, W = !1, G = !1, V;
+    V = Symbol.for("react.module.reference");
+    function J(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === l || t === s || G || t === c || t === p || t === k || W || t === g || O || Y || B || typeof t == "object" && t !== null && (t.$$typeof === v || t.$$typeof === h || t.$$typeof === d || t.$$typeof === a || t.$$typeof === u || // 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 === W || t.getModuleId !== void 0));
+      t.$$typeof === V || t.getModuleId !== void 0));
     }
-    function M(t, l, f) {
+    function z(t, i, f) {
       var _ = t.displayName;
       if (_)
         return _;
-      var y = l.displayName || l.name || "";
+      var y = i.displayName || i.name || "";
       return y !== "" ? f + "(" + y + ")" : f;
     }
     function A(t) {
@@ -96,33 +96,33 @@ function It() {
       if (typeof t == "string")
         return t;
       switch (t) {
-        case i:
+        case l:
           return "Fragment";
-        case c:
+        case o:
           return "Portal";
-        case a:
+        case s:
           return "Profiler";
-        case o:
+        case c:
           return "StrictMode";
-        case u:
+        case p:
           return "Suspense";
         case k:
           return "SuspenseList";
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case s:
-            var l = t;
-            return A(l) + ".Consumer";
+          case a:
+            var i = t;
+            return A(i) + ".Consumer";
           case d:
             var f = t;
             return A(f._context) + ".Provider";
-          case p:
-            return M(t, t.render, "ForwardRef");
+          case u:
+            return z(t, t.render, "ForwardRef");
           case h:
             var _ = t.displayName || null;
             return _ !== null ? _ : P(t.type) || "Memo";
-          case x: {
+          case v: {
             var y = t, R = y._payload, N = y._init;
             try {
               return P(N(R));
@@ -196,7 +196,7 @@ function It() {
       }
     }
     var he = C.ReactCurrentDispatcher, _e;
-    function pe(t, l, f) {
+    function pe(t, i, f) {
       {
         if (_e === void 0)
           try {
@@ -209,13 +209,13 @@ function It() {
 ` + _e + t;
       }
     }
-    var be = !1, ue;
+    var xe = !1, ue;
     {
       var nt = typeof WeakMap == "function" ? WeakMap : Map;
       ue = new nt();
     }
-    function De(t, l) {
-      if (!t || be)
+    function De(t, i) {
+      if (!t || xe)
         return "";
       {
         var f = ue.get(t);
@@ -223,13 +223,13 @@ function It() {
           return f;
       }
       var _;
-      be = !0;
+      xe = !0;
       var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var R;
       R = he.current, he.current = null, tt();
       try {
-        if (l) {
+        if (i) {
           var N = function() {
             throw Error();
           };
@@ -240,107 +240,107 @@ function It() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(N, []);
-            } catch (K) {
-              _ = K;
+            } catch (H) {
+              _ = H;
             }
             Reflect.construct(t, [], N);
           } else {
             try {
               N.call();
-            } catch (K) {
-              _ = K;
+            } catch (H) {
+              _ = H;
             }
             t.call(N.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (K) {
-            _ = K;
+          } catch (H) {
+            _ = H;
           }
           t();
         }
-      } catch (K) {
-        if (K && _ && typeof K.stack == "string") {
-          for (var j = K.stack.split(`
-`), V = _.stack.split(`
-`), T = j.length - 1, O = V.length - 1; T >= 1 && O >= 0 && j[T] !== V[O]; )
-            O--;
-          for (; T >= 1 && O >= 0; T--, O--)
-            if (j[T] !== V[O]) {
-              if (T !== 1 || O !== 1)
+      } catch (H) {
+        if (H && _ && typeof H.stack == "string") {
+          for (var j = H.stack.split(`
+`), M = _.stack.split(`
+`), T = j.length - 1, F = M.length - 1; T >= 1 && F >= 0 && j[T] !== M[F]; )
+            F--;
+          for (; T >= 1 && F >= 0; T--, F--)
+            if (j[T] !== M[F]) {
+              if (T !== 1 || F !== 1)
                 do
-                  if (T--, O--, O < 0 || j[T] !== V[O]) {
-                    var G = `
+                  if (T--, F--, F < 0 || j[T] !== M[F]) {
+                    var q = `
 ` + j[T].replace(" at new ", " at ");
-                    return t.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", t.displayName)), typeof t == "function" && ue.set(t, G), G;
+                    return t.displayName && q.includes("<anonymous>") && (q = q.replace("<anonymous>", t.displayName)), typeof t == "function" && ue.set(t, q), q;
                   }
-                while (T >= 1 && O >= 0);
+                while (T >= 1 && F >= 0);
               break;
             }
         }
       } finally {
-        be = !1, he.current = R, rt(), Error.prepareStackTrace = y;
+        xe = !1, he.current = R, rt(), Error.prepareStackTrace = y;
       }
       var re = t ? t.displayName || t.name : "", ee = re ? pe(re) : "";
       return typeof t == "function" && ue.set(t, ee), ee;
     }
-    function at(t, l, f) {
+    function st(t, i, f) {
       return De(t, !1);
     }
-    function st(t) {
-      var l = t.prototype;
-      return !!(l && l.isReactComponent);
+    function at(t) {
+      var i = t.prototype;
+      return !!(i && i.isReactComponent);
     }
-    function de(t, l, f) {
+    function de(t, i, f) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return De(t, st(t));
+        return De(t, at(t));
       if (typeof t == "string")
         return pe(t);
       switch (t) {
-        case u:
+        case p:
           return pe("Suspense");
         case k:
           return pe("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case p:
-            return at(t.render);
+          case u:
+            return st(t.render);
           case h:
-            return de(t.type, l, f);
-          case x: {
+            return de(t.type, i, f);
+          case v: {
             var _ = t, y = _._payload, R = _._init;
             try {
-              return de(R(y), l, f);
+              return de(R(y), i, f);
             } catch {
             }
           }
         }
       return "";
     }
-    var ae = Object.prototype.hasOwnProperty, Ae = {}, Le = C.ReactDebugCurrentFrame;
+    var se = Object.prototype.hasOwnProperty, Ae = {}, Le = C.ReactDebugCurrentFrame;
     function fe(t) {
       if (t) {
-        var l = t._owner, f = de(t.type, t._source, l ? l.type : null);
+        var i = t._owner, f = de(t.type, t._source, i ? i.type : null);
         Le.setExtraStackFrame(f);
       } else
         Le.setExtraStackFrame(null);
     }
-    function lt(t, l, f, _, y) {
+    function lt(t, i, f, _, y) {
       {
-        var R = Function.call.bind(ae);
+        var R = Function.call.bind(se);
         for (var N in t)
           if (R(t, N)) {
             var j = void 0;
             try {
               if (typeof t[N] != "function") {
-                var V = Error((_ || "React class") + ": " + f + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw V.name = "Invariant Violation", V;
+                var M = Error((_ || "React class") + ": " + f + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw M.name = "Invariant Violation", M;
               }
-              j = t[N](l, N, _, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = t[N](i, N, _, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (T) {
               j = T;
             }
@@ -349,12 +349,12 @@ function It() {
       }
     }
     var it = Array.isArray;
-    function xe(t) {
+    function ve(t) {
       return it(t);
     }
     function ot(t) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, f = l && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        var i = typeof Symbol == "function" && Symbol.toStringTag, f = i && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return f;
       }
     }
@@ -372,39 +372,39 @@ function It() {
       if (ct(t))
         return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ot(t)), Ue(t);
     }
-    var se = C.ReactCurrentOwner, pt = {
+    var ae = C.ReactCurrentOwner, pt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, We, Ve, ve;
-    ve = {};
+    }, We, Ve, be;
+    be = {};
     function ut(t) {
-      if (ae.call(t, "ref")) {
-        var l = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (l && l.isReactWarning)
+      if (se.call(t, "ref")) {
+        var i = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (i && i.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
     function dt(t) {
-      if (ae.call(t, "key")) {
-        var l = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (l && l.isReactWarning)
+      if (se.call(t, "key")) {
+        var i = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (i && i.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function ft(t, l) {
-      if (typeof t.ref == "string" && se.current && l && se.current.stateNode !== l) {
-        var f = P(se.current.type);
-        ve[f] || (w('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(se.current.type), t.ref), ve[f] = !0);
+    function ft(t, i) {
+      if (typeof t.ref == "string" && ae.current && i && ae.current.stateNode !== i) {
+        var f = P(ae.current.type);
+        be[f] || (w('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(ae.current.type), t.ref), be[f] = !0);
       }
     }
-    function kt(t, l) {
+    function kt(t, i) {
       {
         var f = function() {
-          We || (We = !0, w("%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)", l));
+          We || (We = !0, w("%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)", i));
         };
         f.isReactWarning = !0, Object.defineProperty(t, "key", {
           get: f,
@@ -412,10 +412,10 @@ function It() {
         });
       }
     }
-    function mt(t, l) {
+    function mt(t, i) {
       {
         var f = function() {
-          Ve || (Ve = !0, w("%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)", l));
+          Ve || (Ve = !0, w("%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)", i));
         };
         f.isReactWarning = !0, Object.defineProperty(t, "ref", {
           get: f,
@@ -423,13 +423,13 @@ function It() {
         });
       }
     }
-    var ht = function(t, l, f, _, y, R, N) {
+    var ht = function(t, i, f, _, y, R, N) {
       var j = {
         // 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: l,
+        key: i,
         ref: f,
         props: N,
         // Record the component responsible for creating this element.
@@ -452,38 +452,38 @@ function It() {
         value: y
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function _t(t, l, f, _, y) {
+    function _t(t, i, f, _, y) {
       {
-        var R, N = {}, j = null, V = null;
-        f !== void 0 && (Be(f), j = "" + f), dt(l) && (Be(l.key), j = "" + l.key), ut(l) && (V = l.ref, ft(l, y));
-        for (R in l)
-          ae.call(l, R) && !pt.hasOwnProperty(R) && (N[R] = l[R]);
+        var R, N = {}, j = null, M = null;
+        f !== void 0 && (Be(f), j = "" + f), dt(i) && (Be(i.key), j = "" + i.key), ut(i) && (M = i.ref, ft(i, y));
+        for (R in i)
+          se.call(i, R) && !pt.hasOwnProperty(R) && (N[R] = i[R]);
         if (t && t.defaultProps) {
           var T = t.defaultProps;
           for (R in T)
             N[R] === void 0 && (N[R] = T[R]);
         }
-        if (j || V) {
-          var O = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          j && kt(N, O), V && mt(N, O);
+        if (j || M) {
+          var F = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          j && kt(N, F), M && mt(N, F);
         }
-        return ht(t, j, V, y, _, se.current, N);
+        return ht(t, j, M, y, _, ae.current, N);
       }
     }
-    var je = C.ReactCurrentOwner, Ye = C.ReactDebugCurrentFrame;
+    var je = C.ReactCurrentOwner, Me = C.ReactDebugCurrentFrame;
     function te(t) {
       if (t) {
-        var l = t._owner, f = de(t.type, t._source, l ? l.type : null);
-        Ye.setExtraStackFrame(f);
+        var i = t._owner, f = de(t.type, t._source, i ? i.type : null);
+        Me.setExtraStackFrame(f);
       } else
-        Ye.setExtraStackFrame(null);
+        Me.setExtraStackFrame(null);
     }
     var ge;
     ge = !1;
     function Ne(t) {
       return typeof t == "object" && t !== null && t.$$typeof === n;
     }
-    function Me() {
+    function Ye() {
       {
         if (je.current) {
           var t = P(je.current.type);
@@ -495,51 +495,51 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function bt(t) {
+    function xt(t) {
       {
         if (t !== void 0) {
-          var l = t.fileName.replace(/^.*[\\\/]/, ""), f = t.lineNumber;
+          var i = t.fileName.replace(/^.*[\\\/]/, ""), f = t.lineNumber;
           return `
 
-Check your code at ` + l + ":" + f + ".";
+Check your code at ` + i + ":" + f + ".";
         }
         return "";
       }
     }
-    var Ke = {};
-    function xt(t) {
+    var ze = {};
+    function vt(t) {
       {
-        var l = Me();
-        if (!l) {
+        var i = Ye();
+        if (!i) {
           var f = typeof t == "string" ? t : t.displayName || t.name;
-          f && (l = `
+          f && (i = `
 
 Check the top-level render call using <` + f + ">.");
         }
-        return l;
+        return i;
       }
     }
-    function He(t, l) {
+    function He(t, i) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var f = xt(l);
-        if (Ke[f])
+        var f = vt(i);
+        if (ze[f])
           return;
-        Ke[f] = !0;
+        ze[f] = !0;
         var _ = "";
         t && t._owner && t._owner !== je.current && (_ = " It was passed a child from " + P(t._owner.type) + "."), te(t), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, _), te(null);
       }
     }
-    function ze(t, l) {
+    function Ke(t, i) {
       {
         if (typeof t != "object")
           return;
-        if (xe(t))
+        if (ve(t))
           for (var f = 0; f < t.length; f++) {
             var _ = t[f];
-            Ne(_) && He(_, l);
+            Ne(_) && He(_, i);
           }
         else if (Ne(t))
           t._store && (t._store.validated = !0);
@@ -547,39 +547,39 @@ Check the top-level render call using <` + f + ">.");
           var y = $(t);
           if (typeof y == "function" && y !== t.entries)
             for (var R = y.call(t), N; !(N = R.next()).done; )
-              Ne(N.value) && He(N.value, l);
+              Ne(N.value) && He(N.value, i);
         }
       }
     }
-    function vt(t) {
+    function bt(t) {
       {
-        var l = t.type;
-        if (l == null || typeof l == "string")
+        var i = t.type;
+        if (i == null || typeof i == "string")
           return;
         var f;
-        if (typeof l == "function")
-          f = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === p || // Note: Memo only checks outer props here.
+        if (typeof i == "function")
+          f = i.propTypes;
+        else if (typeof i == "object" && (i.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === h))
-          f = l.propTypes;
+        i.$$typeof === h))
+          f = i.propTypes;
         else
           return;
         if (f) {
-          var _ = P(l);
+          var _ = P(i);
           lt(f, t.props, "prop", _, t);
-        } else if (l.PropTypes !== void 0 && !ge) {
+        } else if (i.PropTypes !== void 0 && !ge) {
           ge = !0;
-          var y = P(l);
+          var y = P(i);
           w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function jt(t) {
       {
-        for (var l = Object.keys(t.props), f = 0; f < l.length; f++) {
-          var _ = l[f];
+        for (var i = Object.keys(t.props), f = 0; f < i.length; f++) {
+          var _ = i[f];
           if (_ !== "children" && _ !== "key") {
             te(t), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", _), te(null);
             break;
@@ -588,96 +588,96 @@ Check the top-level render call using <` + f + ">.");
         t.ref !== null && (te(t), w("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
       }
     }
-    var Je = {};
-    function Ge(t, l, f, _, y, R) {
+    var Ge = {};
+    function Je(t, i, f, _, y, R) {
       {
-        var N = z(t);
+        var N = J(t);
         if (!N) {
           var j = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (j += " 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 V = bt(y);
-          V ? j += V : j += Me();
+          var M = xt(y);
+          M ? j += M : j += Ye();
           var T;
-          t === null ? T = "null" : xe(t) ? T = "array" : t !== void 0 && t.$$typeof === n ? (T = "<" + (P(t.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : T = typeof t, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, j);
+          t === null ? T = "null" : ve(t) ? T = "array" : t !== void 0 && t.$$typeof === n ? (T = "<" + (P(t.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : T = typeof t, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, j);
         }
-        var O = _t(t, l, f, y, R);
-        if (O == null)
-          return O;
+        var F = _t(t, i, f, y, R);
+        if (F == null)
+          return F;
         if (N) {
-          var G = l.children;
-          if (G !== void 0)
+          var q = i.children;
+          if (q !== void 0)
             if (_)
-              if (xe(G)) {
-                for (var re = 0; re < G.length; re++)
-                  ze(G[re], t);
-                Object.freeze && Object.freeze(G);
+              if (ve(q)) {
+                for (var re = 0; re < q.length; re++)
+                  Ke(q[re], t);
+                Object.freeze && Object.freeze(q);
               } else
                 w("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
-              ze(G, t);
+              Ke(q, t);
         }
-        if (ae.call(l, "key")) {
-          var ee = P(t), K = Object.keys(l).filter(function(Et) {
+        if (se.call(i, "key")) {
+          var ee = P(t), H = Object.keys(i).filter(function(Et) {
             return Et !== "key";
-          }), ye = K.length > 0 ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Je[ee + ye]) {
-            var Ct = K.length > 0 ? "{" + K.join(": ..., ") + ": ...}" : "{}";
+          }), ye = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ge[ee + ye]) {
+            var Ct = H.length > 0 ? "{" + H.join(": ..., ") + ": ...}" : "{}";
             w(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ye, ee, Ct, ee), Je[ee + ye] = !0;
+  <%s key={someKey} {...props} />`, ye, ee, Ct, ee), Ge[ee + ye] = !0;
           }
         }
-        return t === i ? jt(O) : vt(O), O;
+        return t === l ? jt(F) : bt(F), F;
       }
     }
-    function gt(t, l, f) {
-      return Ge(t, l, f, !0);
+    function gt(t, i, f) {
+      return Je(t, i, f, !0);
     }
-    function Nt(t, l, f) {
-      return Ge(t, l, f, !1);
+    function Nt(t, i, f) {
+      return Je(t, i, f, !1);
     }
     var yt = Nt, wt = gt;
-    ie.Fragment = i, ie.jsx = yt, ie.jsxs = wt;
+    ie.Fragment = l, ie.jsx = yt, ie.jsxs = wt;
   }()), ie;
 }
 process.env.NODE_ENV === "production" ? Re.exports = St() : Re.exports = It();
 var e = Re.exports;
-const Zt = F(
-  ({ compact: r = !1, skin: n = "borderless", className: c, children: i }, o) => {
-    const a = [
-      c,
+const tr = S(
+  ({ compact: r = !1, skin: n = "borderless", className: o, children: l }, c) => {
+    const s = [
+      o,
       "pkt-accordion",
       r && "pkt-accordion--compact",
       n && `pkt-accordion--${n}`
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e.jsx("div", { "data-testid": "pkt-accordion", className: a, ref: o, children: i });
+    return /* @__PURE__ */ e.jsx("div", { "data-testid": "pkt-accordion", className: s, ref: c, children: l });
   }
 ), we = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', Ot = "https://punkt-cdn.oslo.kommune.no/11.14/icons/";
 function Ft(r) {
   return new Promise((n) => setTimeout(n, r));
 }
 const Ce = {}, Dt = async (r, n) => {
-  let c = 0;
-  for (; Ce[n + r + ".svg"] === "fetching" && (c++, !(c > 50)); )
+  let o = 0;
+  for (; Ce[n + r + ".svg"] === "fetching" && (o++, !(o > 50)); )
     await Ft(50);
   return localStorage.getItem(n + r + ".svg") ? Promise.resolve(localStorage.getItem(n + r + ".svg")) : typeof window.fetch == "function" ? (Ce[n + r + ".svg"] = "fetching", Promise.resolve(
-    fetch(n + r + ".svg").then((i) => i.ok ? i.text() : (console.error("Missing icon: " + n + r + ".svg"), we)).then((i) => (i !== we && localStorage.setItem(n + r + ".svg", i), Ce[n + r + ".svg"] = "fetched", i))
+    fetch(n + r + ".svg").then((l) => l.ok ? l.text() : (console.error("Missing icon: " + n + r + ".svg"), we)).then((l) => (l !== we && localStorage.setItem(n + r + ".svg", l), Ce[n + r + ".svg"] = "fetched", l))
   )) : Promise.resolve(we);
 }, At = {
   fetchIcon: async (r, n) => Dt(r, n || Ot)
-}, Lt = Rt(At), b = ({ name: r, path: n, className: c = "", ...i }) => {
-  const [o, a] = X(null), d = Pt(Lt);
+}, Lt = Rt(At), x = ({ name: r, path: n, className: o = "", ...l }) => {
+  const [c, s] = X(null), d = Pt(Lt);
   return oe(() => {
-    r ? d.fetchIcon(r, n).then(a) : a(null);
-  }, [r, n]), o ? /* @__PURE__ */ e.jsx(
+    r ? d.fetchIcon(r, n).then(s) : s(null);
+  }, [r, n]), c ? /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: `pkt-icon ${c}`,
-      dangerouslySetInnerHTML: { __html: o },
-      ...i
+      className: `pkt-icon ${o}`,
+      dangerouslySetInnerHTML: { __html: c },
+      ...l
     }
   ) : null;
 };
@@ -690,83 +690,83 @@ var et = { exports: {} };
 (function(r) {
   (function() {
     var n = {}.hasOwnProperty;
-    function c() {
-      for (var a = "", d = 0; d < arguments.length; d++) {
-        var s = arguments[d];
-        s && (a = o(a, i(s)));
+    function o() {
+      for (var s = "", d = 0; d < arguments.length; d++) {
+        var a = arguments[d];
+        a && (s = c(s, l(a)));
       }
-      return a;
+      return s;
     }
-    function i(a) {
-      if (typeof a == "string" || typeof a == "number")
-        return a;
-      if (typeof a != "object")
+    function l(s) {
+      if (typeof s == "string" || typeof s == "number")
+        return s;
+      if (typeof s != "object")
         return "";
-      if (Array.isArray(a))
-        return c.apply(null, a);
-      if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
-        return a.toString();
+      if (Array.isArray(s))
+        return o.apply(null, s);
+      if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
+        return s.toString();
       var d = "";
-      for (var s in a)
-        n.call(a, s) && a[s] && (d = o(d, s));
+      for (var a in s)
+        n.call(s, a) && s[a] && (d = c(d, a));
       return d;
     }
-    function o(a, d) {
-      return d ? a ? a + " " + d : a + d : a;
+    function c(s, d) {
+      return d ? s ? s + " " + d : s + d : s;
     }
-    r.exports ? (c.default = c, r.exports = c) : window.classNames = c;
+    r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
   })();
 })(et);
 var Ut = et.exports;
-const J = /* @__PURE__ */ Tt(Ut), Qt = F(
-  ({ title: r, className: n, children: c, toggleProps: i, defaultOpen: o = !1, id: a }, d) => {
-    const [s, p] = X(o), u = i ? i.isOpen : s, k = (g) => g ?? void 0, h = (g, E) => {
-      g.preventDefault(), i !== void 0 && i.onToggleClick(g, E), p(!u);
-    }, x = J(n, "pkt-accordion-item");
+const U = /* @__PURE__ */ Tt(Ut), rr = S(
+  ({ title: r, className: n, children: o, toggleProps: l, defaultOpen: c = !1, id: s }, d) => {
+    const [a, u] = X(c), p = l ? l.isOpen : a, k = (g) => g ?? void 0, h = (g, E) => {
+      g.preventDefault(), l !== void 0 && l.onToggleClick(g, E), u(!p);
+    }, v = U(n, "pkt-accordion-item");
     return /* @__PURE__ */ e.jsxs(
       "details",
       {
-        className: x,
+        className: v,
         ref: d,
-        id: a,
-        open: k(i ? i.isOpen : s),
+        id: s,
+        open: k(l ? l.isOpen : a),
         children: [
           /* @__PURE__ */ e.jsxs(
             "summary",
             {
               className: "pkt-accordion-item__title",
-              id: `pkt-accordion-item-summary-${a}`,
-              onClick: (g) => h(g, a),
+              id: `pkt-accordion-item-summary-${s}`,
+              onClick: (g) => h(g, s),
               children: [
                 r,
-                /* @__PURE__ */ e.jsx(b, { name: "chevron-thin-down", className: "pkt-accordion-item__icon", "aria-hidden": "true" })
+                /* @__PURE__ */ e.jsx(x, { name: "chevron-thin-down", className: "pkt-accordion-item__icon", "aria-hidden": "true" })
               ]
             }
           ),
-          /* @__PURE__ */ e.jsx("div", { id: `pkt-accordion-item-content-${a}`, role: "region", className: "pkt-accordion-item__content", children: c })
+          /* @__PURE__ */ e.jsx("div", { id: `pkt-accordion-item-content-${s}`, role: "region", className: "pkt-accordion-item__content", children: o })
         ]
       }
     );
   }
-), Bt = F(
+), Bt = S(
   ({
     children: r,
     className: n,
-    skin: c = "info",
-    closeAlert: i = !1,
-    onClose: o,
-    title: a,
+    skin: o = "info",
+    closeAlert: l = !1,
+    onClose: c,
+    title: s,
     date: d,
-    ariaLive: s = "polite",
-    compact: p = !1,
-    ...u
+    ariaLive: a = "polite",
+    compact: u = !1,
+    ...p
   }, k) => {
-    const h = [n, "pkt-alert", c && `pkt-alert--${c}`, p && "pkt-alert--compact"].filter(Boolean).join(" "), [x, g] = X(!0), E = () => {
-      g(!1), o && o();
+    const h = [n, "pkt-alert", o && `pkt-alert--${o}`, u && "pkt-alert--compact"].filter(Boolean).join(" "), [v, g] = X(!0), E = () => {
+      g(!1), c && c();
     };
-    return x ? /* @__PURE__ */ e.jsxs("div", { ...u, className: h, "aria-live": s, ref: k, children: [
-      /* @__PURE__ */ e.jsx(b, { className: "pkt-alert__icon", name: c === "info" ? "alert-information" : `alert-${c}` }),
-      i && /* @__PURE__ */ e.jsx("div", { className: "pkt-alert__close", children: /* @__PURE__ */ e.jsx(
+    return v ? /* @__PURE__ */ e.jsxs("div", { ...p, className: h, "aria-live": a, ref: k, children: [
+      /* @__PURE__ */ e.jsx(x, { className: "pkt-alert__icon", name: o === "info" ? "alert-information" : `alert-${o}` }),
+      l && /* @__PURE__ */ e.jsx("div", { className: "pkt-alert__close", children: /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
@@ -774,10 +774,10 @@ const J = /* @__PURE__ */ Tt(Ut), Qt = F(
           tabIndex: 0,
           "aria-label": "close",
           onClick: E,
-          children: /* @__PURE__ */ e.jsx(b, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
+          children: /* @__PURE__ */ e.jsx(x, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
         }
       ) }),
-      a && /* @__PURE__ */ e.jsx("div", { className: "pkt-alert__title", children: a }),
+      s && /* @__PURE__ */ e.jsx("div", { className: "pkt-alert__title", children: s }),
       /* @__PURE__ */ e.jsx("div", { className: "pkt-alert__text", children: r }),
       d && /* @__PURE__ */ e.jsxs("div", { className: "pkt-alert__date", children: [
         "Sist oppdatert: ",
@@ -785,77 +785,77 @@ const J = /* @__PURE__ */ Tt(Ut), Qt = F(
       ] })
     ] }) : null;
   }
-), er = F(
-  ({ href: r, text: n, onClick: c, className: i, ...o }, a) => {
+), nr = S(
+  ({ href: r, text: n, onClick: o, className: l, ...c }, s) => {
     const d = [
-      i,
+      l,
       "pkt-back-link"
-    ].filter(Boolean).join(" "), s = (p) => {
-      c && c(p);
+    ].filter(Boolean).join(" "), a = (u) => {
+      o && o(u);
     };
-    return /* @__PURE__ */ e.jsx("nav", { ref: a, className: d, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ e.jsxs("a", { href: r || "/", className: "pkt-link pkt-link--icon-left", onClick: s, ...o, children: [
-      /* @__PURE__ */ e.jsx(b, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
+    return /* @__PURE__ */ e.jsx("nav", { ref: s, className: d, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ e.jsxs("a", { href: r || "/", className: "pkt-link pkt-link--icon-left", onClick: a, ...c, children: [
+      /* @__PURE__ */ e.jsx(x, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
       /* @__PURE__ */ e.jsx("span", { className: "pkt-back-link__text", children: n || "Forsiden" })
     ] }) });
   }
-), tr = F(
-  ({ breadcrumbs: r, navigationType: n, className: c, ...i }, o) => {
-    const a = r.slice(0, 4), d = a[a.length - 2], s = [
-      c,
+), sr = S(
+  ({ breadcrumbs: r, navigationType: n, className: o, ...l }, c) => {
+    const s = r.slice(0, 4), d = s[s.length - 2], a = [
+      o,
       "pkt-breadcrumbs"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e.jsxs("nav", { ref: o, "aria-label": "brødsmulemeny", className: s, children: [
-      /* @__PURE__ */ e.jsx("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: a.map((p, u) => /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ e.jsxs("nav", { ref: c, "aria-label": "brødsmulemeny", className: a, children: [
+      /* @__PURE__ */ e.jsx("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: s.map((u, p) => /* @__PURE__ */ e.jsx(
         "li",
         {
           className: "pkt-breadcrumbs__item",
-          children: u === a.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ e.jsx("span", { className: "pkt-breadcrumbs__text", children: p.text }) }) : n === "router" ? /* @__PURE__ */ e.jsxs(
+          children: p === s.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ e.jsx("span", { className: "pkt-breadcrumbs__text", children: u.text }) }) : n === "router" ? /* @__PURE__ */ e.jsxs(
             qe,
             {
-              to: p.href,
+              to: u.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
-              ...i,
+              ...l,
               children: [
                 /* @__PURE__ */ e.jsx(
-                  b,
+                  x,
                   {
                     className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon",
                     name: "chevron-thin-right"
                   }
                 ),
-                /* @__PURE__ */ e.jsx("span", { className: "pkt-breadcrumbs__text", children: p.text })
+                /* @__PURE__ */ e.jsx("span", { className: "pkt-breadcrumbs__text", children: u.text })
               ]
             }
           ) : /* @__PURE__ */ e.jsxs(
             "a",
             {
-              href: p.href,
+              href: u.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
-              ...i,
+              ...l,
               children: [
                 /* @__PURE__ */ e.jsx(
-                  b,
+                  x,
                   {
                     className: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon",
                     name: "chevron-thin-right"
                   }
                 ),
-                /* @__PURE__ */ e.jsx("span", { className: "pkt-breadcrumbs__text", children: p.text })
+                /* @__PURE__ */ e.jsx("span", { className: "pkt-breadcrumbs__text", children: u.text })
               ]
             }
           )
         },
-        `breadcrumb-${u}`
+        `breadcrumb-${p}`
       )) }),
       n === "router" ? /* @__PURE__ */ e.jsxs(
         qe,
         {
           to: d.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
-          ...i,
+          ...l,
           children: [
             /* @__PURE__ */ e.jsx(
-              b,
+              x,
               {
                 className: "pkt-back-link__icon pkt-icon pkt-link__icon",
                 name: "chevron-thin-left"
@@ -869,10 +869,10 @@ const J = /* @__PURE__ */ Tt(Ut), Qt = F(
         {
           href: d.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
-          ...i,
+          ...l,
           children: [
             /* @__PURE__ */ e.jsx(
-              b,
+              x,
               {
                 className: "pkt-back-link__icon pkt-icon pkt-link__icon",
                 name: "chevron-thin-left"
@@ -884,72 +884,72 @@ const J = /* @__PURE__ */ Tt(Ut), Qt = F(
       )
     ] });
   }
-), ce = F(
+), ce = S(
   ({
     children: r,
     className: n,
-    iconName: c = "user",
-    secondIconName: i = "user",
-    size: o = "medium",
-    skin: a = "primary",
+    iconName: o = "user",
+    secondIconName: l = "user",
+    size: c = "medium",
+    skin: s = "primary",
     type: d = "button",
-    variant: s = "label-only",
-    color: p,
-    isLoading: u = !1,
+    variant: a = "label-only",
+    color: u,
+    isLoading: p = !1,
     ...k
   }, h) => {
-    const x = [
+    const v = [
       n,
       "pkt-btn",
-      o && `pkt-btn--${o}`,
-      a && `pkt-btn--${a}`,
+      c && `pkt-btn--${c}`,
       s && `pkt-btn--${s}`,
-      p && `pkt-btn--${p}`,
-      u && "pkt-btn--active"
+      a && `pkt-btn--${a}`,
+      u && `pkt-btn--${u}`,
+      p && "pkt-btn--active"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e.jsxs("button", { ...k, className: x, type: d, ref: h, children: [
-      u && /* @__PURE__ */ e.jsx(
-        b,
+    return /* @__PURE__ */ e.jsxs("button", { ...k, className: v, type: d, ref: h, children: [
+      p && /* @__PURE__ */ e.jsx(
+        x,
         {
           className: "pkt-btn__icon pkt-btn__spinner",
           name: "spinner-blue",
           path: "https://punkt-cdn.oslo.kommune.no/11.14/animations/"
         }
       ),
-      s !== "label-only" && /* @__PURE__ */ e.jsx(b, { className: "pkt-btn__icon", name: c }),
+      a !== "label-only" && /* @__PURE__ */ e.jsx(x, { className: "pkt-btn__icon", name: o }),
       /* @__PURE__ */ e.jsx("span", { className: "pkt-btn__text", children: r }),
-      s === "icons-right-and-left" && /* @__PURE__ */ e.jsx(b, { className: "pkt-btn__icon", name: i })
+      a === "icons-right-and-left" && /* @__PURE__ */ e.jsx(x, { className: "pkt-btn__icon", name: l })
     ] });
   }
 );
 ce.displayName = "PktButton";
-const Wt = F(
+const Wt = S(
   ({
     id: r,
     hasTile: n = !1,
-    disabled: c = !1,
-    label: i,
-    labelPosition: o = "right",
-    hideLabel: a = !1,
+    disabled: o = !1,
+    label: l,
+    labelPosition: c = "right",
+    hideLabel: s = !1,
     checkHelptext: d,
-    hasError: s = !1,
-    isSwitch: p = !1,
-    className: u,
+    hasError: a = !1,
+    isSwitch: u = !1,
+    className: p,
     ...k
   }, h) => {
-    const x = [u, "pkt-input-check"].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e.jsx("div", { className: x, children: /* @__PURE__ */ e.jsxs(
+    const v = [p, "pkt-input-check"].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e.jsx("div", { className: v, children: /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `pkt-input-check__input ${n ? "pkt-input-check__input--tile" : ""} ${c && n ? "pkt-input-check__input--tile-disabled" : ""}`,
+        className: `pkt-input-check__input ${n ? "pkt-input-check__input--tile" : ""} ${o && n ? "pkt-input-check__input--tile-disabled" : ""}`,
         children: [
-          i && o === "left" && /* @__PURE__ */ e.jsxs(
+          l && c === "left" && /* @__PURE__ */ e.jsxs(
             "label",
             {
-              className: `pkt-input-check__input-label ${a ? "pkt-sr-only" : ""}`,
+              className: `pkt-input-check__input-label ${s ? "pkt-sr-only" : ""}`,
               htmlFor: r,
               children: [
-                i,
+                l,
                 d && /* @__PURE__ */ e.jsx("div", { className: "pkt-input-check__input-helptext", children: d })
               ]
             }
@@ -958,21 +958,21 @@ const Wt = F(
             "input",
             {
               ref: h,
-              className: `pkt-input-check__input-checkbox ${s ? "pkt-input-check__input-checkbox--error" : ""}`,
+              className: `pkt-input-check__input-checkbox ${a ? "pkt-input-check__input-checkbox--error" : ""}`,
               type: "checkbox",
-              role: p ? "switch" : "checkbox",
+              role: u ? "switch" : "checkbox",
               id: r,
-              disabled: c,
+              disabled: o,
               ...k
             }
           ),
-          i && o === "right" && /* @__PURE__ */ e.jsxs(
+          l && c === "right" && /* @__PURE__ */ e.jsxs(
             "label",
             {
-              className: `pkt-input-check__input-label ${a ? "pkt-sr-only" : ""}`,
+              className: `pkt-input-check__input-label ${s ? "pkt-sr-only" : ""}`,
               htmlFor: r,
               children: [
-                i,
+                l,
                 d && /* @__PURE__ */ e.jsx("div", { className: "pkt-input-check__input-helptext", children: d })
               ]
             }
@@ -983,32 +983,32 @@ const Wt = F(
   }
 );
 Wt.displayName = "PktCheckbox";
-const rr = ({
+const ar = ({
   columnOne: r,
   columnTwo: n,
-  socialLinks: c,
-  className: i,
-  personvernOgInfoLink: o = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
-  tilgjengelighetLink: a = "https://www.oslo.kommune.no/tilgjengelighet/"
+  socialLinks: o,
+  className: l,
+  personvernOgInfoLink: c = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
+  tilgjengelighetLink: s = "https://www.oslo.kommune.no/tilgjengelighet/"
 }) => {
-  var s, p;
-  const d = [i, "pkt-footer"].filter(Boolean).join(" ");
+  var a, u;
+  const d = [l, "pkt-footer"].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsx("footer", { className: d, "data-mode": "dark", children: /* @__PURE__ */ e.jsxs("div", { className: "pkt-footer__container", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
         /* @__PURE__ */ e.jsx("h2", { className: "pkt-footer__title", children: r.title }),
         /* @__PURE__ */ e.jsxs("ul", { className: "pkt-footer__list", children: [
           r.text && /* @__PURE__ */ e.jsx("li", { className: "pkt-footer__text", children: r.text }),
-          (s = r.links) == null ? void 0 : s.map((u, k) => /* @__PURE__ */ e.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ e.jsxs(
+          (a = r.links) == null ? void 0 : a.map((p, k) => /* @__PURE__ */ e.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ e.jsxs(
             "a",
             {
-              className: `pkt-footer__link ${u.external ? "pkt-link--external" : ""}`,
-              href: u.href,
-              target: u.openInNewTab ? "_blank" : "_self",
-              rel: u.openInNewTab ? "noopener noreferrer" : void 0,
+              className: `pkt-footer__link ${p.external ? "pkt-link--external" : ""}`,
+              href: p.href,
+              target: p.openInNewTab ? "_blank" : "_self",
+              rel: p.openInNewTab ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ e.jsx(b, { className: "pkt-footer__link-icon", name: "chevron-right" }),
-                u.text
+                /* @__PURE__ */ e.jsx(x, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                p.text
               ]
             }
           ) }, `links-${k}`))
@@ -1018,16 +1018,16 @@ const rr = ({
         /* @__PURE__ */ e.jsx("h2", { className: "pkt-footer__title", children: n.title }),
         /* @__PURE__ */ e.jsxs("ul", { className: "pkt-footer__list", children: [
           n.text && /* @__PURE__ */ e.jsx("li", { className: "pkt-footer__text", children: n.text }),
-          (p = n.links) == null ? void 0 : p.map((u, k) => /* @__PURE__ */ e.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ e.jsxs(
+          (u = n.links) == null ? void 0 : u.map((p, k) => /* @__PURE__ */ e.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ e.jsxs(
             "a",
             {
-              className: `pkt-footer__link ${u.external ? "pkt-link--external" : ""}`,
-              href: u.href,
-              target: u.openInNewTab ? "_blank" : "_self",
-              rel: u.openInNewTab ? "noopener noreferrer" : void 0,
+              className: `pkt-footer__link ${p.external ? "pkt-link--external" : ""}`,
+              href: p.href,
+              target: p.openInNewTab ? "_blank" : "_self",
+              rel: p.openInNewTab ? "noopener noreferrer" : void 0,
               children: [
-                /* @__PURE__ */ e.jsx(b, { className: "pkt-footer__link-icon", name: "chevron-right" }),
-                u.text
+                /* @__PURE__ */ e.jsx(x, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                p.text
               ]
             }
           ) }, `links-${k}`))
@@ -1040,126 +1040,126 @@ const rr = ({
             "a",
             {
               className: "pkt-footer__link",
-              href: o,
+              href: c,
               children: [
-                /* @__PURE__ */ e.jsx(b, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+                /* @__PURE__ */ e.jsx(x, { className: "pkt-footer__link-icon", name: "chevron-right" }),
                 "Personvern og informasjonskapsler"
               ]
             }
           ) }),
-          /* @__PURE__ */ e.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ e.jsxs("a", { className: "pkt-footer__link", href: a, children: [
-            /* @__PURE__ */ e.jsx(b, { className: "pkt-footer__link-icon", name: "chevron-right" }),
+          /* @__PURE__ */ e.jsx("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ e.jsxs("a", { className: "pkt-footer__link", href: s, children: [
+            /* @__PURE__ */ e.jsx(x, { className: "pkt-footer__link-icon", name: "chevron-right" }),
             "Tilgjengelighet"
           ] }) })
         ] })
       ] })
     ] }),
-    c && /* @__PURE__ */ e.jsxs("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "pkt-footer__social-languages", children: c.filter((u) => u.language).map((u, k) => /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsxs("div", { className: "pkt-footer__social", "aria-label": "standard lenker", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "pkt-footer__social-languages", children: o.filter((p) => p.language).map((p, k) => /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "pkt-footer__social-language",
           children: /* @__PURE__ */ e.jsx(
             "a",
             {
-              href: u.href,
-              "aria-label": `til ${u.language} versjon av nettsiden`,
-              target: u.openInNewTab ? "_blank" : "_self",
-              rel: u.openInNewTab ? "noopener noreferrer" : void 0,
-              children: u.language
+              href: p.href,
+              "aria-label": `til ${p.language} versjon av nettsiden`,
+              target: p.openInNewTab ? "_blank" : "_self",
+              rel: p.openInNewTab ? "noopener noreferrer" : void 0,
+              children: p.language
             }
           )
         },
         `sociallinks-language-${k}`
       )) }),
-      /* @__PURE__ */ e.jsx("div", { className: "pkt-footer__social-icons", children: c.filter((u) => u.iconName).map((u, k) => /* @__PURE__ */ e.jsx(q.Fragment, { children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx("div", { className: "pkt-footer__social-icons", children: o.filter((p) => p.iconName).map((p, k) => /* @__PURE__ */ e.jsx(K.Fragment, { children: /* @__PURE__ */ e.jsx(
         "a",
         {
-          href: u.href,
-          "aria-label": `til ${u.iconName}`,
+          href: p.href,
+          "aria-label": `til ${p.iconName}`,
           className: "pkt-footer__social-icon-link",
-          target: u.openInNewTab ? "_blank" : "_self",
-          rel: u.openInNewTab ? "noopener noreferrer" : void 0,
-          children: /* @__PURE__ */ e.jsx(b, { className: "pkt-footer__social-icon", name: u.iconName })
+          target: p.openInNewTab ? "_blank" : "_self",
+          rel: p.openInNewTab ? "noopener noreferrer" : void 0,
+          children: /* @__PURE__ */ e.jsx(x, { className: "pkt-footer__social-icon", name: p.iconName })
         }
       ) }, `sociallinks-${k}`)) })
     ] })
   ] }) });
-}, nr = ({
+}, lr = ({
   links: r = [],
   personvernOgInfoLink: n = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
-  tilgjengelighetLink: c = "https://www.oslo.kommune.no/tilgjengelighet/",
-  className: i
+  tilgjengelighetLink: o = "https://www.oslo.kommune.no/tilgjengelighet/",
+  className: l
 }) => {
-  const o = [i, "pkt-footer-simple"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx("footer", { className: o, "data-mode": "dark", children: /* @__PURE__ */ e.jsx("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ e.jsxs("ul", { className: "pkt-footer-simple__list", children: [
-    r.map((a, d) => /* @__PURE__ */ e.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ e.jsxs(
+  const c = [l, "pkt-footer-simple"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e.jsx("footer", { className: c, "data-mode": "dark", children: /* @__PURE__ */ e.jsx("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ e.jsxs("ul", { className: "pkt-footer-simple__list", children: [
+    r.map((s, d) => /* @__PURE__ */ e.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ e.jsxs(
       "a",
       {
-        className: `pkt-footer-simple__link ${a.external ? " pkt-link--external" : ""}`,
-        href: a.href,
-        target: a.openInNewTab ? "_blank" : "_self",
-        rel: a.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__ */ e.jsx(
-            b,
+            x,
             {
               className: "pkt-footer-simple__link-icon",
               name: "chevron-right"
             }
           ),
-          a.text
+          s.text
         ]
       }
     ) }, d)),
     /* @__PURE__ */ e.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ e.jsxs("a", { className: "pkt-footer-simple__link", href: n, children: [
-      /* @__PURE__ */ e.jsx(b, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+      /* @__PURE__ */ e.jsx(x, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Personvern og informasjonskapsler"
     ] }) }),
-    /* @__PURE__ */ e.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ e.jsxs("a", { className: "pkt-footer-simple__link", href: c, children: [
-      /* @__PURE__ */ e.jsx(b, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
+    /* @__PURE__ */ e.jsx("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ e.jsxs("a", { className: "pkt-footer-simple__link", href: o, children: [
+      /* @__PURE__ */ e.jsx(x, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Tilgjengelighet"
     ] }) })
   ] }) }) });
-}, ar = F(
+}, ir = S(
   ({
     className: r,
     logoLink: n = "https://www.oslo.kommune.no/",
-    serviceName: c,
-    fixed: i = !0,
-    scrollToHide: o = !0,
-    user: a,
+    serviceName: o,
+    fixed: l = !0,
+    scrollToHide: c = !0,
+    user: s,
     userMenu: d,
-    representing: s,
-    userOptions: p,
-    userMenuFooter: u,
+    representing: a,
+    userOptions: u,
+    userMenuFooter: p,
     canChangeRepresentation: k = !0,
     showMenuButton: h = !1,
-    showLogOutButton: x = !1,
+    showLogOutButton: v = !1,
     openMenu: g,
     logOut: E,
-    changeRepresentation: S,
+    changeRepresentation: I,
     children: $,
     ...C
   }, w) => {
-    const v = q.useMemo(() => typeof (a == null ? void 0 : a.lastLoggedIn) == "string" ? a.lastLoggedIn : a != null && a.lastLoggedIn ? new Date(a.lastLoggedIn).toLocaleString("nb-NO", {
+    const b = K.useMemo(() => typeof (s == null ? void 0 : s.lastLoggedIn) == "string" ? s.lastLoggedIn : s != null && s.lastLoggedIn ? new Date(s.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : "", [a]), [I, Y] = q.useState(!1), [U, B] = q.useState(0), [H, W] = q.useState(!1), z = q.useRef(null);
-    q.useEffect(() => (document.addEventListener("mouseup", A), window.addEventListener("scroll", P), () => {
+    }) : "", [s]), [O, Y] = K.useState(!1), [B, W] = K.useState(0), [G, V] = K.useState(!1), J = K.useRef(null);
+    K.useEffect(() => (document.addEventListener("mouseup", A), window.addEventListener("scroll", P), () => {
       document.removeEventListener("mouseup", A), window.removeEventListener("scroll", P);
     }));
-    const M = () => {
-      W(!H);
+    const z = () => {
+      V(!G);
     }, A = (m) => {
-      z.current && !z.current.contains(m.target) && W(!1);
+      J.current && !J.current.contains(m.target) && V(!1);
     }, P = () => {
-      if (o) {
+      if (c) {
         const m = window.pageYOffset || document.documentElement.scrollTop;
-        if (m < 0 || Math.abs(m - U) < 60)
+        if (m < 0 || Math.abs(m - B) < 60)
           return;
-        Y(m > U), B(m);
+        Y(m > B), W(m);
       }
     };
     return /* @__PURE__ */ e.jsxs(
@@ -1169,16 +1169,16 @@ const rr = ({
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
-        className: J(r, "pkt-header", {
-          "pkt-header--fixed": i,
-          "pkt-header--scroll-to-hide": o,
-          "pkt-header--hidden": I
+        className: U(r, "pkt-header", {
+          "pkt-header--fixed": l,
+          "pkt-header--scroll-to-hide": c,
+          "pkt-header--hidden": O
         }),
         ref: w,
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "pkt-header__logo", children: [
             typeof n == "string" ? /* @__PURE__ */ e.jsx("a", { "aria-label": "Tilbake til forside", className: "pkt-header__logo-link", href: n, children: /* @__PURE__ */ e.jsx(
-              b,
+              x,
               {
                 name: "oslologo",
                 className: "pkt-header__logo-svg",
@@ -1192,7 +1192,7 @@ const rr = ({
                 className: "pkt-link-button pkt-link pkt-header__logo-link",
                 onClick: n,
                 children: /* @__PURE__ */ e.jsx(
-                  b,
+                  x,
                   {
                     name: "oslologo",
                     className: "pkt-header__logo-svg",
@@ -1202,7 +1202,7 @@ const rr = ({
                 )
               }
             ),
-            /* @__PURE__ */ e.jsx("span", { className: "pkt-header__logo-service", children: c })
+            /* @__PURE__ */ e.jsx("span", { className: "pkt-header__logo-service", children: o })
           ] }),
           /* @__PURE__ */ e.jsx("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ e.jsxs("ul", { className: "pkt-header__actions-row", children: [
             h && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
@@ -1216,12 +1216,12 @@ const rr = ({
                 children: "Meny"
               }
             ) }),
-            (a || s) && /* @__PURE__ */ e.jsxs(
+            (s || a) && /* @__PURE__ */ e.jsxs(
               "li",
               {
                 "data-testid": "usermenu",
-                className: `pkt-header--has-dropdown ${H && !I ? "pkt-header--open-dropdown" : ""}`,
-                ref: z,
+                className: `pkt-header--has-dropdown ${G && !O ? "pkt-header--open-dropdown" : ""}`,
+                ref: J,
                 children: [
                   /* @__PURE__ */ e.jsxs(
                     "button",
@@ -1230,67 +1230,67 @@ const rr = ({
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": H,
-                      onClick: M,
+                      "aria-expanded": G,
+                      onClick: z,
                       children: [
-                        /* @__PURE__ */ e.jsx(b, { name: "user", className: "pkt-btn__icon" }),
-                        /* @__PURE__ */ e.jsx("span", { className: "pkt-header__user-fullname", children: (s == null ? void 0 : s.name) || (a == null ? void 0 : a.name) }),
-                        /* @__PURE__ */ e.jsx("span", { className: "pkt-header__user-shortname", children: (s == null ? void 0 : s.shortname) || (a == null ? void 0 : a.shortname) }),
-                        /* @__PURE__ */ e.jsx(b, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
-                        /* @__PURE__ */ e.jsx(b, { name: "chevron-thin-up", className: "pkt-btn--open" })
+                        /* @__PURE__ */ e.jsx(x, { name: "user", className: "pkt-btn__icon" }),
+                        /* @__PURE__ */ e.jsx("span", { className: "pkt-header__user-fullname", children: (a == null ? void 0 : a.name) || (s == null ? void 0 : s.name) }),
+                        /* @__PURE__ */ e.jsx("span", { className: "pkt-header__user-shortname", children: (a == null ? void 0 : a.shortname) || (s == null ? void 0 : s.shortname) }),
+                        /* @__PURE__ */ e.jsx(x, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
+                        /* @__PURE__ */ e.jsx(x, { name: "chevron-thin-up", className: "pkt-btn--open" })
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsxs("ul", { id: "pktUserDropdown", className: "pkt-header__dropdown pkt-user-menu", children: [
-                    a && /* @__PURE__ */ e.jsxs("li", { children: [
+                    s && /* @__PURE__ */ e.jsxs("li", { children: [
                       /* @__PURE__ */ e.jsx("div", { className: "pkt-user-menu__label", children: "Pålogget som" }),
-                      /* @__PURE__ */ e.jsx("div", { className: "pkt-user-menu__name", children: a.name }),
-                      a.lastLoggedIn && /* @__PURE__ */ e.jsxs("div", { className: "pkt-user-menu__last-logged-in", children: [
+                      /* @__PURE__ */ e.jsx("div", { className: "pkt-user-menu__name", children: s.name }),
+                      s.lastLoggedIn && /* @__PURE__ */ e.jsxs("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ e.jsx("time", { children: v })
+                        /* @__PURE__ */ e.jsx("time", { children: b })
                       ] })
                     ] }),
                     d && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { className: "pkt-list", children: d.map((m, D) => /* @__PURE__ */ e.jsx("li", { children: typeof m.target == "string" ? /* @__PURE__ */ e.jsxs("a", { href: m.target, className: "pkt-link", children: [
-                      m.iconName && /* @__PURE__ */ e.jsx(b, { name: m.iconName, className: "pkt-link__icon" }),
+                      m.iconName && /* @__PURE__ */ e.jsx(x, { name: m.iconName, className: "pkt-link__icon" }),
                       m.title
                     ] }) : /* @__PURE__ */ e.jsxs("button", { className: "pkt-link-button pkt-link", onClick: m.target, children: [
-                      m.iconName && /* @__PURE__ */ e.jsx(b, { name: m.iconName, className: "pkt-link__icon" }),
+                      m.iconName && /* @__PURE__ */ e.jsx(x, { name: m.iconName, className: "pkt-link__icon" }),
                       m.title
                     ] }) }, `userMenu-${D}`)) }) }),
-                    (s || k) && /* @__PURE__ */ e.jsxs("li", { children: [
-                      s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                    (a || k) && /* @__PURE__ */ e.jsxs("li", { children: [
+                      a && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                         /* @__PURE__ */ e.jsx("div", { className: "pkt-user-menu__label", children: "Representerer" }),
-                        /* @__PURE__ */ e.jsx("div", { className: "pkt-user-menu__name", children: s.name }),
-                        s.orgNumber && /* @__PURE__ */ e.jsxs("div", { className: "pkt-user-menu__org-number", children: [
+                        /* @__PURE__ */ e.jsx("div", { className: "pkt-user-menu__name", children: a.name }),
+                        a.orgNumber && /* @__PURE__ */ e.jsxs("div", { className: "pkt-user-menu__org-number", children: [
                           "Org.nr. ",
-                          s.orgNumber
+                          a.orgNumber
                         ] })
                       ] }),
-                      /* @__PURE__ */ e.jsx("ul", { className: "pkt-list mt-size-16", children: k && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs("button", { className: "pkt-link-button pkt-link", onClick: S, children: [
-                        /* @__PURE__ */ e.jsx(b, { name: "cogwheel", className: "pkt-link__icon" }),
+                      /* @__PURE__ */ e.jsx("ul", { className: "pkt-list mt-size-16", children: k && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs("button", { className: "pkt-link-button pkt-link", onClick: I, children: [
+                        /* @__PURE__ */ e.jsx(x, { name: "cogwheel", className: "pkt-link__icon" }),
                         "Endre organisasjon"
                       ] }) }) })
                     ] }),
-                    /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { className: "pkt-list", children: (p || !x) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                      p == null ? void 0 : p.map((m, D) => /* @__PURE__ */ e.jsx("li", { children: typeof m.target == "string" ? /* @__PURE__ */ e.jsxs("a", { href: m.target, className: "pkt-link", children: [
-                        m.iconName && /* @__PURE__ */ e.jsx(b, { name: m.iconName, className: "pkt-link__icon" }),
+                    /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("ul", { className: "pkt-list", children: (u || !v) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                      u == null ? void 0 : u.map((m, D) => /* @__PURE__ */ e.jsx("li", { children: typeof m.target == "string" ? /* @__PURE__ */ e.jsxs("a", { href: m.target, className: "pkt-link", children: [
+                        m.iconName && /* @__PURE__ */ e.jsx(x, { name: m.iconName, className: "pkt-link__icon" }),
                         m.title
                       ] }) : /* @__PURE__ */ e.jsxs("button", { className: "pkt-link-button pkt-link", onClick: m.target, children: [
-                        m.iconName && /* @__PURE__ */ e.jsx(b, { name: m.iconName, className: "pkt-link__icon" }),
+                        m.iconName && /* @__PURE__ */ e.jsx(x, { name: m.iconName, className: "pkt-link__icon" }),
                         m.title
                       ] }) }, `userOptions-${D}`)),
-                      !x && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs("button", { className: "pkt-link-button pkt-link", onClick: E, children: [
-                        /* @__PURE__ */ e.jsx(b, { name: "exit", className: "pkt-link__icon" }),
+                      !v && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs("button", { className: "pkt-link-button pkt-link", onClick: E, children: [
+                        /* @__PURE__ */ e.jsx(x, { name: "exit", className: "pkt-link__icon" }),
                         "Logg ut"
                       ] }) })
                     ] }) }) }),
-                    u && /* @__PURE__ */ e.jsx("li", { className: "footer", children: /* @__PURE__ */ e.jsx("ul", { className: "pkt-list-horizontal bordered", children: u.map((m, D) => /* @__PURE__ */ e.jsx("li", { children: typeof m.target == "string" ? /* @__PURE__ */ e.jsx("a", { href: m.target, className: "pkt-link", children: m.title }) : /* @__PURE__ */ e.jsx("button", { className: "pkt-link-button pkt-link", onClick: m.target, children: m.title }) }, `userMenuFooter-${D}`)) }) })
+                    p && /* @__PURE__ */ e.jsx("li", { className: "footer", children: /* @__PURE__ */ e.jsx("ul", { className: "pkt-list-horizontal bordered", children: p.map((m, D) => /* @__PURE__ */ e.jsx("li", { children: typeof m.target == "string" ? /* @__PURE__ */ e.jsx("a", { href: m.target, className: "pkt-link", children: m.title }) : /* @__PURE__ */ e.jsx("button", { className: "pkt-link-button pkt-link", onClick: m.target, children: m.title }) }, `userMenuFooter-${D}`)) }) })
                   ] })
                 ]
               }
             ),
             $ && /* @__PURE__ */ e.jsx("li", { children: $ }),
-            x && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+            v && /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
               ce,
               {
                 className: "pkt-header__user-btn pkt-header__user-btn-logout",
@@ -1307,66 +1307,66 @@ const rr = ({
       }
     );
   }
-), Vt = q.forwardRef(
-  ({ label: r, id: n, children: c, ...i }, o) => /* @__PURE__ */ e.jsxs("div", { className: "pkt-form-group", children: [
+), Vt = K.forwardRef(
+  ({ label: r, id: n, children: o, ...l }, c) => /* @__PURE__ */ e.jsxs("div", { className: "pkt-form-group", children: [
     /* @__PURE__ */ e.jsx("label", { htmlFor: n, className: "pkt-form-label", children: r }),
-    /* @__PURE__ */ e.jsx("input", { className: "pkt-form-input", id: n, ...i, ref: o }),
-    c
+    /* @__PURE__ */ e.jsx("input", { className: "pkt-form-input", id: n, ...l, ref: c }),
+    o
   ] })
 );
 Vt.displayName = "PktInput";
-const me = F(
+const me = S(
   ({
     forId: r,
     label: n,
-    helptext: c,
-    helptextDropdown: i,
-    helptextDropdownButton: o,
-    optionalTag: a = !1,
+    helptext: o,
+    helptextDropdown: l,
+    helptextDropdownButton: c,
+    optionalTag: s = !1,
     optionalText: d = "Valgfritt",
-    requiredTag: s = !1,
-    requiredText: p = "Må fylles ut",
-    hasError: u,
+    requiredTag: a = !1,
+    requiredText: u = "Må fylles ut",
+    hasError: p,
     errorMessage: k,
     disabled: h,
-    inline: x,
+    inline: v,
     ariaDescribedby: g,
     useWrapper: E = !0,
-    children: S,
+    children: I,
     className: $,
     hasFieldset: C = !1
   }, w) => {
-    const [v, I] = X(!1), Y = () => {
-      I(!v);
-    }, U = () => a ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : s ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", B = a ? d : s ? p : "", H = h ? "pkt-inputwrapper--disabled" : "", W = x ? "pkt-inputwrapper--inline" : "", z = u ? "pkt-inputwrapper--error" : "", M = !!i && i !== "", A = o || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', P = C ? "fieldset" : M ? "div" : "label", m = C ? "legend" : M ? "h2" : "span", D = g || (c ? `${r}-helptext` : void 0);
-    return /* @__PURE__ */ e.jsxs("div", { className: ["pkt-inputwrapper", $, H, W, z].join(" "), ref: w, children: [
+    const [b, O] = X(!1), Y = () => {
+      O(!b);
+    }, B = () => s ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : a ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", W = s ? d : a ? u : "", G = h ? "pkt-inputwrapper--disabled" : "", V = v ? "pkt-inputwrapper--inline" : "", J = p ? "pkt-inputwrapper--error" : "", z = !!l && l !== "", A = c || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', P = C ? "fieldset" : z ? "div" : "label", m = C ? "legend" : z ? "h2" : "span", D = g || (o ? `${r}-helptext` : void 0);
+    return /* @__PURE__ */ e.jsxs("div", { className: ["pkt-inputwrapper", $, G, V, J].join(" "), ref: w, children: [
       E ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
         P,
         {
           htmlFor: C ? void 0 : r,
-          "aria-describedby": M ? void 0 : g,
+          "aria-describedby": z ? void 0 : g,
           className: `pkt-inputwrapper__label${C ? " pkt-inputwrapper__fieldset" : ""}`,
           children: [
             /* @__PURE__ */ e.jsxs(m, { id: `${r}-label`, className: `${C ? " pkt-inputwrapper__legend" : ""}`, children: [
               n,
-              B !== "" && /* @__PURE__ */ e.jsx("span", { className: U(), children: B })
+              W !== "" && /* @__PURE__ */ e.jsx("span", { className: B(), children: W })
             ] }),
-            c && /* @__PURE__ */ e.jsx(
+            o && /* @__PURE__ */ e.jsx(
               "div",
               {
                 className: "pkt-inputwrapper__helptext",
                 id: `${r}-helptext`,
-                dangerouslySetInnerHTML: { __html: c }
+                dangerouslySetInnerHTML: { __html: o }
               }
             ),
-            M && i !== "" && /* @__PURE__ */ e.jsxs("div", { className: "pkt-inputwrapper__helptext-expandable", children: [
+            z && l !== "" && /* @__PURE__ */ e.jsxs("div", { className: "pkt-inputwrapper__helptext-expandable", children: [
               /* @__PURE__ */ e.jsx(
                 ce,
                 {
                   skin: "tertiary",
                   size: "small",
                   variant: "icon-right",
-                  iconName: v ? "chevron-thin-up" : "chevron-thin-down",
+                  iconName: b ? "chevron-thin-up" : "chevron-thin-down",
                   className: "pkt-link pkt-link--icon-right",
                   onClick: Y,
                   children: /* @__PURE__ */ e.jsx("span", { dangerouslySetInnerHTML: { __html: A } })
@@ -1375,50 +1375,50 @@ const me = F(
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: `pkt-inputwrapper__helptext ${v ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
-                  children: /* @__PURE__ */ e.jsx("span", { dangerouslySetInnerHTML: { __html: i } })
+                  className: `pkt-inputwrapper__helptext ${b ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
+                  children: /* @__PURE__ */ e.jsx("span", { dangerouslySetInnerHTML: { __html: l } })
                 }
               ),
               !C && /* @__PURE__ */ e.jsx("label", { htmlFor: r, className: "pkt-sr-only", "aria-describedby": D, children: n })
             ] }),
-            /* @__PURE__ */ e.jsx(e.Fragment, { children: S })
+            /* @__PURE__ */ e.jsx(e.Fragment, { children: I })
           ]
         }
       ) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         !C && /* @__PURE__ */ e.jsx("label", { htmlFor: r, className: "pkt-sr-only", "aria-describedby": D, id: `${r}-label`, children: n }),
-        S
+        I
       ] }),
-      u && k && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Bt, { skin: "error", "aria-live": "assertive", id: `${r}-error`, compact: !0, children: k }) })
+      p && k && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Bt, { skin: "error", "aria-live": "assertive", id: `${r}-error`, compact: !0, children: k }) })
     ] });
   }
 );
 me.displayName = "PktInputWrapper";
-const Yt = F(
+const Mt = S(
   ({
     children: r,
     className: n,
-    iconName: c = "user",
-    openInNewTab: i = !1,
-    skin: o = "normal",
-    href: a = "#",
+    iconName: o = "user",
+    openInNewTab: l = !1,
+    skin: c = "normal",
+    href: s = "#",
     external: d = !1,
-    title: s,
-    ...p
-  }, u) => {
-    const k = [n, "pkt-linkcard", o && `pkt-linkcard--${o}`].filter(Boolean).join(" ");
+    title: a,
+    ...u
+  }, p) => {
+    const k = [n, "pkt-linkcard", c && `pkt-linkcard--${c}`].filter(Boolean).join(" ");
     return /* @__PURE__ */ e.jsxs(
       "a",
       {
-        ...p,
-        href: a,
+        ...u,
+        href: s,
         className: `pkt-linkcard pkt-link ${k}`,
-        target: i ? "_blank" : "_self",
-        rel: i ? "noopener noreferrer" : void 0,
-        ref: u,
+        target: l ? "_blank" : "_self",
+        rel: l ? "noopener noreferrer" : void 0,
+        ref: p,
         children: [
-          /* @__PURE__ */ e.jsx(b, { className: "pkt-link__icon", name: c }),
+          /* @__PURE__ */ e.jsx(x, { className: "pkt-link__icon", name: o }),
           /* @__PURE__ */ e.jsxs("div", { className: "pkt-linkcard__content", children: [
-            /* @__PURE__ */ e.jsx("div", { className: `pkt-linkcard__title ${d ? "pkt-link pkt-link--external" : ""}`, children: s }),
+            /* @__PURE__ */ e.jsx("div", { className: `pkt-linkcard__title ${d ? "pkt-link pkt-link--external" : ""}`, children: a }),
             /* @__PURE__ */ e.jsx("div", { className: "pkt-linkcard__text", children: r })
           ] })
         ]
@@ -1426,22 +1426,22 @@ const Yt = F(
     );
   }
 );
-Yt.displayName = "PktLinkCard";
-const sr = F(
+Mt.displayName = "PktLinkCard";
+const or = S(
   ({
     className: r,
     message: n,
-    size: c = "medium",
-    inline: i = !1,
-    isLoading: o = !0,
-    variant: a = "rainbow",
+    size: o = "medium",
+    inline: l = !1,
+    isLoading: c = !0,
+    variant: s = "rainbow",
     delay: d = 0,
-    children: s,
-    ...p
-  }, u) => {
-    const k = `pkt-loader pkt-loader--${c}`, [h, x] = X(!(d > 0));
+    children: a,
+    ...u
+  }, p) => {
+    const k = `pkt-loader pkt-loader--${o}`, [h, v] = X(!(d > 0));
     d > 0 && setTimeout(() => {
-      x(!0);
+      v(!0);
     }, d);
     const g = (E) => E === "shapes" ? "loader" : E === "blue" ? "spinner-blue" : "spinner";
     return /* @__PURE__ */ e.jsx(
@@ -1449,44 +1449,44 @@ const sr = F(
       {
         role: "status",
         "aria-live": "polite",
-        "aria-busy": o,
-        className: `pkt-loader--${i ? "inline" : "box"}  ${r || ""}`,
-        children: o ? /* @__PURE__ */ e.jsx(e.Fragment, { children: h ? /* @__PURE__ */ e.jsxs("div", { className: k, "data-testid": "pkt-loader", ref: u, ...p, children: [
+        "aria-busy": c,
+        className: `pkt-loader--${l ? "inline" : "box"}  ${r || ""}`,
+        children: c ? /* @__PURE__ */ e.jsx(e.Fragment, { children: h ? /* @__PURE__ */ e.jsxs("div", { className: k, "data-testid": "pkt-loader", ref: p, ...u, children: [
           /* @__PURE__ */ e.jsx(
-            b,
+            x,
             {
-              name: g(a),
+              name: g(s),
               "aria-label": "loading",
               path: "https://punkt-cdn.oslo.kommune.no/11.14/animations/",
-              className: `pkt-loader__svg pkt-loader__${a}`
+              className: `pkt-loader__svg pkt-loader__${s}`
             }
           ),
           n && /* @__PURE__ */ e.jsx("p", { children: n })
-        ] }) : null }) : s
+        ] }) : null }) : a
       }
     );
   }
-), lr = F(
+), cr = S(
   ({
     children: r,
     className: n,
-    compact: c = !1,
-    closable: i = !1,
-    skin: o = "beige",
-    title: a,
+    compact: o = !1,
+    closable: l = !1,
+    skin: c = "beige",
+    title: s,
     onClose: d,
-    ...s
-  }, p) => {
-    const [u, k] = X(!0), h = () => {
+    ...a
+  }, u) => {
+    const [p, k] = X(!0), h = () => {
       k(!1), d && d();
-    }, x = [
+    }, v = [
       n,
       "pkt-messagebox",
-      o && `pkt-messagebox--${o}`,
-      c && "pkt-messagebox--compact"
+      c && `pkt-messagebox--${c}`,
+      o && "pkt-messagebox--compact"
     ].filter(Boolean).join(" ");
-    return u ? /* @__PURE__ */ e.jsxs("div", { ...s, className: x, ref: p, children: [
-      i && /* @__PURE__ */ e.jsx("div", { className: "pkt-messagebox__close", children: /* @__PURE__ */ e.jsx(
+    return p ? /* @__PURE__ */ e.jsxs("div", { ...a, className: v, ref: u, children: [
+      l && /* @__PURE__ */ e.jsx("div", { className: "pkt-messagebox__close", children: /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
@@ -1494,10 +1494,10 @@ const sr = F(
           tabIndex: 0,
           "aria-label": "close",
           onClick: h,
-          children: /* @__PURE__ */ e.jsx(b, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
+          children: /* @__PURE__ */ e.jsx(x, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
         }
       ) }),
-      a && /* @__PURE__ */ e.jsx("div", { className: "pkt-messagebox__title", children: a }),
+      s && /* @__PURE__ */ e.jsx("div", { className: "pkt-messagebox__title", children: s }),
       /* @__PURE__ */ e.jsx("div", { className: "pkt-messagebox__text", children: r })
     ] }) : null;
   }
@@ -1505,157 +1505,157 @@ const sr = F(
 var L = [];
 for (var Ee = 0; Ee < 256; ++Ee)
   L.push((Ee + 256).toString(16).slice(1));
-function Mt(r, n = 0) {
+function Yt(r, n = 0) {
   return (L[r[n + 0]] + L[r[n + 1]] + L[r[n + 2]] + L[r[n + 3]] + "-" + L[r[n + 4]] + L[r[n + 5]] + "-" + L[r[n + 6]] + L[r[n + 7]] + "-" + L[r[n + 8]] + L[r[n + 9]] + "-" + L[r[n + 10]] + L[r[n + 11]] + L[r[n + 12]] + L[r[n + 13]] + L[r[n + 14]] + L[r[n + 15]]).toLowerCase();
 }
-var ke, Kt = new Uint8Array(16);
+var ke, zt = new Uint8Array(16);
 function Ht() {
   if (!ke && (ke = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !ke))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return ke(Kt);
+  return ke(zt);
 }
-var zt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var Kt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const Qe = {
-  randomUUID: zt
+  randomUUID: Kt
 };
-function Jt(r, n, c) {
+function Gt(r, n, o) {
   if (Qe.randomUUID && !n && !r)
     return Qe.randomUUID();
   r = r || {};
-  var i = r.random || (r.rng || Ht)();
-  if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, n) {
-    c = c || 0;
-    for (var o = 0; o < 16; ++o)
-      n[c + o] = i[o];
+  var l = r.random || (r.rng || Ht)();
+  if (l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, n) {
+    o = o || 0;
+    for (var c = 0; c < 16; ++c)
+      n[o + c] = l[c];
     return n;
   }
-  return Mt(i);
+  return Yt(l);
 }
-const ir = F(
+const pr = S(
   ({
     valueCurrent: r,
     valueMin: n = 0,
-    valueMax: c = 100,
-    skin: i = "dark-blue",
-    title: o,
-    titlePosition: a = "left",
+    valueMax: o = 100,
+    skin: l = "dark-blue",
+    title: c,
+    titlePosition: s = "left",
     statusType: d = "none",
-    statusPlacement: s = "following",
-    id: p,
-    ariaLabel: u,
+    statusPlacement: a = "following",
+    id: u,
+    ariaLabel: p,
     ariaLabelledby: k,
     role: h = "progressbar",
-    className: x,
+    className: v,
     ariaValueText: g,
     ...E
-  }, S) => {
-    const $ = $e(null), [C, w] = X(0), [v, I] = X(p);
+  }, I) => {
+    const $ = $e(null), [C, w] = X(0), [b, O] = X(u);
     oe(() => {
-      p || I(Jt());
-    }, [p]), oe(() => {
+      u || O(Gt());
+    }, [u]), oe(() => {
       if ($.current) {
         const m = $.current;
         w(m.getBoundingClientRect().width);
       }
     });
-    const Y = c - n, U = r / Y * 100, B = c !== 100 || n !== 0 ? Math.round(U) : r, H = `${r} av ${c}`, W = d !== "none", z = J("pkt-progressbar__bar", { [`pkt-progressbar__bar--${i}`]: i }), M = J("pkt-progressbar__title", {
-      "pkt-progressbar__title-center": a === "center"
-    }), A = J("pkt-progressbar__status", {
-      "pkt-progressbar__status--center": s === "center"
-    }), P = J({
-      "pkt-progressbar__status-placement--following": s === "following",
-      "pkt-progressbar__status-placement--center": s === "center",
-      "pkt-progressbar__status-placement--left": s === "left"
+    const Y = o - n, B = r / Y * 100, W = o !== 100 || n !== 0 ? Math.round(B) : r, G = `${r} av ${o}`, V = d !== "none", J = U("pkt-progressbar__bar", { [`pkt-progressbar__bar--${l}`]: l }), z = U("pkt-progressbar__title", {
+      "pkt-progressbar__title-center": s === "center"
+    }), A = U("pkt-progressbar__status", {
+      "pkt-progressbar__status--center": a === "center"
+    }), P = U({
+      "pkt-progressbar__status-placement--following": a === "following",
+      "pkt-progressbar__status-placement--center": a === "center",
+      "pkt-progressbar__status-placement--left": a === "left"
     });
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
         ...E,
-        ref: S,
-        className: J("pkt-progressbar__container", x),
-        id: v,
+        ref: I,
+        className: U("pkt-progressbar__container", v),
+        id: b,
         style: {
           "--pkt-progress-label-width": `${C}px`,
-          "--pkt-progress-width": `${B}%`
+          "--pkt-progress-width": `${W}%`
         },
         children: [
-          o && /* @__PURE__ */ e.jsx("p", { id: `${v}-title`, className: M, children: o }),
+          c && /* @__PURE__ */ e.jsx("p", { id: `${b}-title`, className: z, children: c }),
           /* @__PURE__ */ e.jsx(
             "div",
             {
               role: h,
               className: "pkt-progressbar__bar-wrapper",
               "aria-valuemin": n,
-              "aria-valuemax": c,
+              "aria-valuemax": o,
               "aria-valuenow": r,
-              "aria-labelledby": k || o && `${v}-title`,
-              "aria-label": u,
+              "aria-labelledby": k || c && `${b}-title`,
+              "aria-label": p,
               "aria-valuetext": g,
-              children: /* @__PURE__ */ e.jsx("div", { className: z })
+              children: /* @__PURE__ */ e.jsx("div", { className: J })
             }
           ),
-          W && /* @__PURE__ */ e.jsx("div", { className: A, children: /* @__PURE__ */ e.jsx("span", { className: P, ref: $, children: d === "percentage" ? `${B}%` : H }) })
+          V && /* @__PURE__ */ e.jsx("div", { className: A, children: /* @__PURE__ */ e.jsx("span", { className: P, ref: $, children: d === "percentage" ? `${W}%` : G }) })
         ]
       }
     );
   }
-), Gt = F(
+), Jt = S(
   ({
     id: r,
     name: n,
-    label: c,
-    className: i,
-    hasTile: o = !1,
-    disabled: a = !1,
+    label: o,
+    className: l,
+    hasTile: c = !1,
+    disabled: s = !1,
     checkHelptext: d,
-    hasError: s = !1,
-    ...p
-  }, u) => {
+    hasError: a = !1,
+    ...u
+  }, p) => {
     const k = [
-      i,
+      l,
       "pkt-input-check"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e.jsx("div", { className: k, children: /* @__PURE__ */ e.jsxs("div", { className: `pkt-input-check__input ${o ? "pkt-input-check__input--tile" : ""} ${a && o ? "pkt-input-check__input--tile-disabled" : ""}`, children: [
+    return /* @__PURE__ */ e.jsx("div", { className: k, children: /* @__PURE__ */ e.jsxs("div", { className: `pkt-input-check__input ${c ? "pkt-input-check__input--tile" : ""} ${s && c ? "pkt-input-check__input--tile-disabled" : ""}`, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: u,
-          className: `pkt-input-check__input-checkbox ${s ? "pkt-input-check__input-checkbox--error" : ""}`,
+          ref: p,
+          className: `pkt-input-check__input-checkbox ${a ? "pkt-input-check__input-checkbox--error" : ""}`,
           type: "radio",
           id: r,
-          disabled: a,
+          disabled: s,
           name: n,
-          ...p
+          ...u
         }
       ),
       /* @__PURE__ */ e.jsxs("label", { className: "pkt-input-check__input-label", htmlFor: r, children: [
-        c,
+        o,
         d && /* @__PURE__ */ e.jsx("div", { className: "pkt-input-check__input-helptext", children: d })
       ] })
     ] }) });
   }
 );
-Gt.displayName = "PktRadioButton";
-const or = F(
+Jt.displayName = "PktRadioButton";
+const ur = S(
   ({
     action: r,
     appearance: n = "local",
-    disabled: c = !1,
-    fullwidth: i = !1,
-    id: o,
-    label: a,
+    disabled: o = !1,
+    fullwidth: l = !1,
+    id: c,
+    label: s,
     method: d = "get",
-    name: s,
-    placeholder: p = "Søk…",
-    suggestions: u,
+    name: a,
+    placeholder: u = "Søk…",
+    suggestions: p,
     value: k = "",
     onSearch: h,
-    onSuggestionClick: x,
+    onSuggestionClick: v,
     ...g
   }, E) => {
-    const S = (v, I) => {
-      v ? v() : x && x(I);
-    }, $ = `pkt-searchinput pkt-searchinput--${n} ${i ? "pkt-searchinput--fullwidth" : ""}`, C = r ? "form" : "div", w = a ? "label" : "div";
+    const I = (b, O) => {
+      b ? b() : v && v(O);
+    }, $ = `pkt-searchinput pkt-searchinput--${n} ${l ? "pkt-searchinput--fullwidth" : ""}`, C = r ? "form" : "div", w = s ? "label" : "div";
     return /* @__PURE__ */ e.jsxs(
       C,
       {
@@ -1667,23 +1667,23 @@ const or = F(
         ref: E,
         ...g,
         children: [
-          /* @__PURE__ */ e.jsxs(w, { htmlFor: a ? o : void 0, className: a ? "pkt-inputwrapper__label" : "", children: [
-            a && /* @__PURE__ */ e.jsx(e.Fragment, { children: a }),
+          /* @__PURE__ */ e.jsxs(w, { htmlFor: s ? c : void 0, className: s ? "pkt-inputwrapper__label" : "", children: [
+            s && /* @__PURE__ */ e.jsx(e.Fragment, { children: s }),
             /* @__PURE__ */ e.jsxs("div", { className: n === "local" ? "pkt-input__container" : "pkt-searchinput__field", children: [
               /* @__PURE__ */ e.jsx(
                 "input",
                 {
-                  className: `pkt-input ${i ? "pkt-input--fullwidth" : ""}`,
+                  className: `pkt-input ${l ? "pkt-input--fullwidth" : ""}`,
                   type: "search",
-                  name: s || o,
-                  id: o,
-                  placeholder: p,
+                  name: a || c,
+                  id: c,
+                  placeholder: u,
                   defaultValue: k,
-                  disabled: c,
-                  onInput: h && ((v) => h(v.currentTarget.value)),
+                  disabled: o,
+                  onInput: h && ((b) => h(b.currentTarget.value)),
                   autoComplete: "off",
                   "aria-autocomplete": "list",
-                  "aria-controls": `${o}-suggestions`
+                  "aria-controls": `${c}-suggestions`
                 }
               ),
               /* @__PURE__ */ e.jsx(
@@ -1695,372 +1695,407 @@ const or = F(
                   skin: n === "local" ? "tertiary" : "primary",
                   color: n === "global" ? "yellow" : void 0,
                   type: "submit",
-                  disabled: c,
+                  disabled: o,
                   onClick: h && (() => h(k)),
-                  onKeyUp: h && ((v) => v.key === "Enter" && h(k)),
-                  children: a || p
+                  onKeyUp: h && ((b) => b.key === "Enter" && h(k)),
+                  children: s || u
                 }
               )
             ] })
           ] }),
-          u && /* @__PURE__ */ e.jsx("ul", { id: `${o}-suggestions`, className: "pkt-searchinput__suggestions", "aria-live": "assertive", children: u.map((v, I) => /* @__PURE__ */ e.jsx("li", { children: q.createElement(
-            v.href ? "a" : v.onClick ? "button" : "div",
+          p && /* @__PURE__ */ e.jsx("ul", { id: `${c}-suggestions`, className: "pkt-searchinput__suggestions", "aria-live": "assertive", children: p.map((b, O) => /* @__PURE__ */ e.jsx("li", { children: K.createElement(
+            b.href ? "a" : b.onClick ? "button" : "div",
             {
-              href: v.href,
-              className: `pkt-searchinput__suggestion ${v.onClick ? "pkt-link-button" : ""} ${v.href || v.onClick ? "pkt-searchinput__suggestion--has-hover" : ""}`,
-              type: v.onClick ? "button" : void 0,
-              onClick: () => S(v.onClick, I),
-              onKeyUp: () => S(v.onClick, I)
+              href: b.href,
+              className: `pkt-searchinput__suggestion ${b.onClick ? "pkt-link-button" : ""} ${b.href || b.onClick ? "pkt-searchinput__suggestion--has-hover" : ""}`,
+              type: b.onClick ? "button" : void 0,
+              onClick: () => I(b.onClick, O),
+              onKeyUp: () => I(b.onClick, O)
             },
             /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-              v.title && /* @__PURE__ */ e.jsx("h3", { className: "pkt-searchinput__suggestion-title", children: v.title }),
-              v.text && /* @__PURE__ */ e.jsx("p", { className: "pkt-searchinput__suggestion-text", children: v.text })
+              b.title && /* @__PURE__ */ e.jsx("h3", { className: "pkt-searchinput__suggestion-title", children: b.title }),
+              b.text && /* @__PURE__ */ e.jsx("p", { className: "pkt-searchinput__suggestion-text", children: b.text })
             ] })
-          ) }, `search-suggestion-${I}`)) })
+          ) }, `search-suggestion-${O}`)) })
         ]
       }
     );
   }
-), cr = F(
+), dr = S(
   ({
     ariaDescribedby: r,
     ariaLabelledby: n,
-    children: c,
-    className: i,
-    disabled: o = !1,
-    errorMessage: a,
+    children: o,
+    className: l,
+    disabled: c = !1,
+    errorMessage: s,
     hasError: d,
-    helptext: s,
-    helptextDropdown: p,
-    helptextDropdownButton: u,
+    helptext: a,
+    helptextDropdown: u,
+    helptextDropdownButton: p,
     id: k,
     inline: h = !1,
-    fullwidth: x = !1,
+    fullwidth: v = !1,
     label: g,
     name: E,
-    optionalTag: S = !1,
+    optionalTag: I = !1,
     optionalText: $,
     requiredTag: C = !1,
     requiredText: w,
-    ...v
-  }, I) => {
-    const Y = [i, "pkt-select"].join(" ");
+    ...b
+  }, O) => {
+    const Y = [l, "pkt-select"].join(" ");
     return /* @__PURE__ */ e.jsx(
       me,
       {
         className: Y,
         forId: k,
         label: g,
-        helptext: s,
-        helptextDropdown: p,
-        helptextDropdownButton: u,
-        optionalTag: S,
+        helptext: a,
+        helptextDropdown: u,
+        helptextDropdownButton: p,
+        optionalTag: I,
         optionalText: $,
         requiredTag: C,
         requiredText: w,
         hasError: d,
-        errorMessage: a,
-        disabled: o,
+        errorMessage: s,
+        disabled: c,
         inline: h,
         ariaDescribedby: r,
         children: /* @__PURE__ */ e.jsx(
           "select",
           {
-            ref: I,
-            className: `pkt-input ${x ? "pkt-input--fullwidth" : ""}`,
+            ref: O,
+            className: `pkt-input ${v ? "pkt-input--fullwidth" : ""}`,
             "aria-invalid": d,
             "aria-errormessage": `${k}-error`,
             "aria-labelledby": n || `${k}-label`,
-            disabled: o,
+            disabled: c,
             id: k,
             name: E || k,
-            ...v,
-            children: c
+            ...b,
+            children: o
           }
         )
       }
     );
   }
-), pr = ({
+), fr = S(
+  ({
+    activeStep: r,
+    className: n,
+    children: o,
+    hideNonActiveStepsContent: l = !0,
+    orientation: c = "vertical",
+    ...s
+  }, d) => {
+    const a = U(
+      n,
+      "pkt-stepper",
+      c === "horizontal" ? "pkt-stepper--horizontal" : "pkt-stepper--vertical"
+    ), u = K.Children.map(o, (p, k) => K.isValidElement(p) ? K.cloneElement(p, {
+      className: U(p.props.className, {
+        "pkt-step--hidden": l && k !== r
+      })
+    }) : p);
+    return /* @__PURE__ */ e.jsx("ol", { "data-testid": "pkt-stepper", className: a, ref: d, ...s, children: u });
+  }
+), qt = /* @__PURE__ */ e.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "7", style: { fill: "var(--pkt-color-grays-grey-200, #CCC)" } }) }), Xt = /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
+  /* @__PURE__ */ e.jsx("circle", { opacity: ".15", cx: "12", cy: "12", r: "12", fill: "#2A2859" }),
+  /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "6", fill: "#2A2859" })
+] }), Zt = /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
+  /* @__PURE__ */ e.jsx("path", { fill: "#2A2859", d: "M3 3h18v18H3z" }),
+  /* @__PURE__ */ e.jsx("path", { d: "m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z", fill: "#F1FDFF" })
+] }), kr = ({ children: r, className: n, status: o = "incomplete", title: l }) => /* @__PURE__ */ e.jsxs("li", { className: U("pkt-step", n, `pkt-step--${o}`), "data-testid": "pkt-step", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "pkt-step__line pkt-step__line--1" }),
+  /* @__PURE__ */ e.jsx("span", { className: "pkt-step__line pkt-step__line--2" }),
+  /* @__PURE__ */ e.jsx("span", { className: U("pkt-step__indicator"), children: o === "current" ? Xt : o === "completed" ? Zt : qt }),
+  /* @__PURE__ */ e.jsx("span", { className: "pkt-step__line pkt-step__line--3", role: "separator" }),
+  /* @__PURE__ */ e.jsxs("div", { className: "pkt-step__wrapper", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "pkt-step__title", children: l }),
+    /* @__PURE__ */ e.jsx("div", { className: "pkt-step__content", children: r })
+  ] })
+] }), mr = ({
   className: r,
   compact: n = !1,
-  skin: c = "basic",
-  responsiveView: i = !0,
-  children: o
+  skin: o = "basic",
+  responsiveView: l = !0,
+  children: c
 }) => /* @__PURE__ */ e.jsx(
   "table",
   {
     "data-testid": "pkt-table",
-    className: J(r, "pkt-table", {
-      "pkt-table--responsive": i,
+    className: U(r, "pkt-table", {
+      "pkt-table--responsive": l,
       "pkt-table--compact": n,
-      "pkt-table--basic": c === "basic",
-      "pkt-table--zebra-blue": c === "zebra-blue"
+      "pkt-table--basic": o === "basic",
+      "pkt-table--zebra-blue": o === "zebra-blue"
     }),
     role: "table",
-    children: o
+    children: c
   }
-), ur = ({ children: r, className: n, dataLabel: c }) => /* @__PURE__ */ e.jsx(
+), hr = ({ children: r, className: n, dataLabel: o }) => /* @__PURE__ */ e.jsx(
   "td",
   {
-    className: J(n, "pkt-table__data-cell", {}),
-    "data-label": c,
+    className: U(n, "pkt-table__data-cell", {}),
+    "data-label": o,
     role: "cell",
     "data-testid": "pkt-table__data-cell",
     children: r
   }
-), dr = ({ className: r, children: n }) => /* @__PURE__ */ e.jsx("th", { className: J(r, "pkt-table__header-cell", {}), role: "columnheader", children: n }), fr = ({ className: r, children: n }) => /* @__PURE__ */ e.jsx("thead", { className: J(r, "pkt-table__header", {}), role: "rowgroup", children: n }), kr = ({ className: r, children: n }) => /* @__PURE__ */ e.jsx("tr", { className: J(r, "pkt-table__row", {}), role: "row", children: n }), mr = ({ children: r, className: n }) => /* @__PURE__ */ e.jsx("tbody", { className: J(n, "pkt-table__body", {}), role: "rowgroup", children: r }), Pe = F(({
+), _r = ({ className: r, children: n }) => /* @__PURE__ */ e.jsx("th", { className: U(r, "pkt-table__header-cell", {}), role: "columnheader", children: n }), xr = ({ className: r, children: n }) => /* @__PURE__ */ e.jsx("thead", { className: U(r, "pkt-table__header", {}), role: "rowgroup", children: n }), vr = ({ className: r, children: n }) => /* @__PURE__ */ e.jsx("tr", { className: U(r, "pkt-table__row", {}), role: "row", children: n }), br = ({ children: r, className: n }) => /* @__PURE__ */ e.jsx("tbody", { className: U(n, "pkt-table__body", {}), role: "rowgroup", children: r }), Pe = S(({
   children: r,
   className: n,
-  skin: c = "blue",
-  textStyle: i = "normal-text",
-  size: o = "medium",
-  closeTag: a = !1,
+  skin: o = "blue",
+  textStyle: l = "normal-text",
+  size: c = "medium",
+  closeTag: s = !1,
   iconName: d = "",
-  type: s = "button",
-  ariaLabel: p = "close",
-  onClick: u = () => {
+  type: a = "button",
+  ariaLabel: u = "close",
+  onClick: p = () => {
   }
 }, k) => {
-  const [h, x] = X(!1), g = (C) => {
-    x(!0), u(C);
+  const [h, v] = X(!1), g = (C) => {
+    v(!0), p(C);
   }, E = [
     "pkt-tag",
-    o && `pkt-tag--${o}`,
     c && `pkt-tag--${c}`,
-    i && `pkt-tag--${i}`,
+    o && `pkt-tag--${o}`,
+    l && `pkt-tag--${l}`,
     n
-  ].filter(Boolean).join(" "), S = [
+  ].filter(Boolean).join(" "), I = [
     "pkt-tag",
     "pkt-btn",
     "pkt-btn--tertiary",
-    o && `pkt-tag--${o}`,
     c && `pkt-tag--${c}`,
-    i && `pkt-tag--${i}`,
-    d && a ? "pkt-btn--icons-right-and-left" : null,
-    a && !d ? "pkt-btn--icon-right" : null,
+    o && `pkt-tag--${o}`,
+    l && `pkt-tag--${l}`,
+    d && s ? "pkt-btn--icons-right-and-left" : null,
+    s && !d ? "pkt-btn--icon-right" : null,
     n
   ].filter(Boolean).join(" "), $ = !h;
-  return a && d ? /* @__PURE__ */ e.jsx(e.Fragment, { children: $ && /* @__PURE__ */ e.jsxs(
+  return s && d ? /* @__PURE__ */ e.jsx(e.Fragment, { children: $ && /* @__PURE__ */ e.jsxs(
     "button",
     {
-      className: S,
-      type: s,
-      "aria-label": p,
+      className: I,
+      type: a,
+      "aria-label": u,
       onClick: g,
       ref: k,
       children: [
-        /* @__PURE__ */ e.jsx(b, { className: "pkt-tag__icon", name: d }),
+        /* @__PURE__ */ e.jsx(x, { className: "pkt-tag__icon", name: d }),
         r,
-        /* @__PURE__ */ e.jsx(b, { className: "pkt-tag__close-btn", name: "close" })
+        /* @__PURE__ */ e.jsx(x, { className: "pkt-tag__close-btn", name: "close" })
       ]
     }
-  ) }) : a ? /* @__PURE__ */ e.jsx(e.Fragment, { children: $ && /* @__PURE__ */ e.jsxs(
+  ) }) : s ? /* @__PURE__ */ e.jsx(e.Fragment, { children: $ && /* @__PURE__ */ e.jsxs(
     "button",
     {
-      className: S,
-      type: s,
-      "aria-label": p,
+      className: I,
+      type: a,
+      "aria-label": u,
       onClick: g,
       ref: k,
       children: [
-        /* @__PURE__ */ e.jsx(b, { className: "pkt-tag__close-btn", name: "close" }),
+        /* @__PURE__ */ e.jsx(x, { className: "pkt-tag__close-btn", name: "close" }),
         r
       ]
     }
   ) }) : d ? /* @__PURE__ */ e.jsxs("span", { className: E, children: [
-    /* @__PURE__ */ e.jsx(b, { className: "pkt-tag__icon", name: d }),
+    /* @__PURE__ */ e.jsx(x, { className: "pkt-tag__icon", name: d }),
     r
   ] }) : /* @__PURE__ */ e.jsx("span", { className: E, children: r });
 });
 Pe.displayName = "PktTag";
-const hr = F(
-  ({ arrowNav: r = !0, tabs: n, onTabSelected: c }, i) => {
-    const o = $e([]);
+const jr = S(
+  ({ arrowNav: r = !0, tabs: n, onTabSelected: o }, l) => {
+    const c = $e([]);
     oe(() => {
-      o.current = o.current.slice(0, n.length);
+      c.current = c.current.slice(0, n.length);
     }, [n]);
-    const a = (s, p) => {
-      p.action && p.action(s), c && c(s);
-    }, d = (s, p) => {
-      var u, k;
-      r && (p.code === "ArrowLeft" && s !== 0 && ((u = o.current[s - 1]) == null || u.focus()), p.code === "ArrowRight" && s < n.length - 1 && ((k = o.current[s + 1]) == null || k.focus()), (p.code === "ArrowDown" || p.code === "Space") && a(s, n[s]));
+    const s = (a, u) => {
+      u.action && u.action(a), o && o(a);
+    }, d = (a, u) => {
+      var p, k;
+      r && (u.code === "ArrowLeft" && a !== 0 && ((p = c.current[a - 1]) == null || p.focus()), u.code === "ArrowRight" && a < n.length - 1 && ((k = c.current[a + 1]) == null || k.focus()), (u.code === "ArrowDown" || u.code === "Space") && s(a, n[a]));
     };
-    return /* @__PURE__ */ e.jsx("div", { className: "pkt-tabs", ref: i, children: /* @__PURE__ */ e.jsx("div", { className: "pkt-tabs__list", role: r ? "tablist" : "navigation", children: n.map((s, p) => /* @__PURE__ */ e.jsx($t, { children: s.href ? /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ e.jsx("div", { className: "pkt-tabs", ref: l, children: /* @__PURE__ */ e.jsx("div", { className: "pkt-tabs__list", role: r ? "tablist" : "navigation", children: n.map((a, u) => /* @__PURE__ */ e.jsx($t, { children: a.href ? /* @__PURE__ */ e.jsxs(
       "a",
       {
-        "aria-selected": !!s.active,
+        "aria-selected": !!a.active,
         role: r ? "tab" : void 0,
-        href: s.href,
-        "aria-controls": s.controls,
-        className: `pkt-tabs__link ${s.active ? "active" : ""}`,
-        onKeyUp: (u) => d(p, u),
-        onClick: () => a(p, s),
-        tabIndex: s.active || !r ? void 0 : -1,
-        ref: (u) => {
-          o.current[p] = u;
+        href: a.href,
+        "aria-controls": a.controls,
+        className: `pkt-tabs__link ${a.active ? "active" : ""}`,
+        onKeyUp: (p) => d(u, p),
+        onClick: () => s(u, a),
+        tabIndex: a.active || !r ? void 0 : -1,
+        ref: (p) => {
+          c.current[u] = p;
         },
         children: [
-          s.icon && /* @__PURE__ */ e.jsx(b, { name: s.icon, className: "pkt-icon--small" }),
-          s.text,
-          s.tag && /* @__PURE__ */ e.jsx(Pe, { skin: s.tag.skin, size: "small", children: s.tag.text })
+          a.icon && /* @__PURE__ */ e.jsx(x, { name: a.icon, className: "pkt-icon--small" }),
+          a.text,
+          a.tag && /* @__PURE__ */ e.jsx(Pe, { skin: a.tag.skin, size: "small", children: a.tag.text })
         ]
       }
     ) : /* @__PURE__ */ e.jsxs(
       "button",
       {
-        "aria-selected": !!s.active,
+        "aria-selected": !!a.active,
         role: r ? "tab" : void 0,
         type: "button",
-        "aria-controls": s.controls,
-        className: `pkt-tabs__button pkt-link-button ${s.active ? "active" : ""}`,
-        onKeyUp: (u) => d(p, u),
-        onClick: () => a(p, s),
-        tabIndex: s.active || !r ? void 0 : -1,
-        ref: (u) => {
-          o.current[p] = u;
+        "aria-controls": a.controls,
+        className: `pkt-tabs__button pkt-link-button ${a.active ? "active" : ""}`,
+        onKeyUp: (p) => d(u, p),
+        onClick: () => s(u, a),
+        tabIndex: a.active || !r ? void 0 : -1,
+        ref: (p) => {
+          c.current[u] = p;
         },
         children: [
-          s.icon && /* @__PURE__ */ e.jsx(b, { name: s.icon, className: "pkt-icon--small" }),
-          s.text,
-          s.tag && /* @__PURE__ */ e.jsx(Pe, { skin: s.tag.skin, size: "small", children: s.tag.text })
+          a.icon && /* @__PURE__ */ e.jsx(x, { name: a.icon, className: "pkt-icon--small" }),
+          a.text,
+          a.tag && /* @__PURE__ */ e.jsx(Pe, { skin: a.tag.skin, size: "small", children: a.tag.text })
         ]
       },
-      "b-" + p
-    ) }, p)) }) });
+      "b-" + u
+    ) }, u)) }) });
   }
-), _r = F(
+), gr = S(
   ({
     id: r,
     ariaDescribedby: n,
-    ariaLabelledby: c,
-    counter: i,
-    counterMaxLength: o,
-    className: a,
+    ariaLabelledby: o,
+    counter: l,
+    counterMaxLength: c,
+    className: s,
     disabled: d,
-    errorMessage: s,
-    hasError: p,
-    helptext: u,
+    errorMessage: a,
+    hasError: u,
+    helptext: p,
     helptextDropdown: k,
     helptextDropdownButton: h,
-    inline: x,
+    inline: v,
     fullwidth: g = !1,
     label: E,
-    name: S,
+    name: I,
     optionalTag: $ = !1,
     optionalText: C,
     requiredTag: w = !1,
-    requiredText: v,
-    placeholder: I,
+    requiredText: b,
+    placeholder: O,
     rows: Y,
-    useWrapper: U = !0,
-    onChange: B,
-    ...H
-  }, W) => {
-    const z = [a, "pkt-textinput", "pkt-textarea"].join(" "), M = c || `${r}-label`, A = $e(null), [P, m] = X(0), D = (Z) => {
+    useWrapper: B = !0,
+    onChange: W,
+    ...G
+  }, V) => {
+    const J = [s, "pkt-textinput", "pkt-textarea"].join(" "), z = o || `${r}-label`, A = $e(null), [P, m] = X(0), D = (Z) => {
       var Q, ne;
-      if (i && m(((ne = (Q = Z.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : ne.length) || 0), B)
-        return B(Z);
+      if (l && m(((ne = (Q = Z.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : ne.length) || 0), W)
+        return W(Z);
     };
     return oe(() => {
       var Z, Q;
-      typeof W == "function" && W(A.current), i && m(((Q = (Z = A == null ? void 0 : A.current) == null ? void 0 : Z.value) == null ? void 0 : Q.length) || 0);
-    }, [W]), /* @__PURE__ */ e.jsxs(
+      typeof V == "function" && V(A.current), l && m(((Q = (Z = A == null ? void 0 : A.current) == null ? void 0 : Z.value) == null ? void 0 : Q.length) || 0);
+    }, [V]), /* @__PURE__ */ e.jsxs(
       me,
       {
         ariaDescribedby: n,
-        className: z,
+        className: J,
         disabled: d,
-        errorMessage: s,
+        errorMessage: a,
         forId: r,
-        hasError: p,
-        helptext: u,
+        hasError: u,
+        helptext: p,
         helptextDropdown: k,
         helptextDropdownButton: h,
-        inline: x,
+        inline: v,
         label: E,
         optionalTag: $,
         optionalText: C,
         requiredTag: w,
-        requiredText: v,
-        useWrapper: U,
+        requiredText: b,
+        useWrapper: B,
         children: [
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
               ref: A,
-              className: `pkt-input ${g ? "pkt-input--fullwidth" : ""} ${o && P > o ? "pkt-input--counter-error" : ""}`,
-              name: S || r,
+              className: `pkt-input ${g ? "pkt-input--fullwidth" : ""} ${c && P > c ? "pkt-input--counter-error" : ""}`,
+              name: I || r,
               id: r,
-              placeholder: I,
+              placeholder: O,
               disabled: d,
               rows: Y,
-              "aria-labelledby": M,
-              "aria-invalid": p,
+              "aria-labelledby": z,
+              "aria-invalid": u,
               "aria-errormessage": `${r}-error`,
-              ...H,
+              ...G,
               onChange: D
             }
           ),
-          i && /* @__PURE__ */ e.jsxs("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
+          l && /* @__PURE__ */ e.jsxs("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
             P || 0,
-            o && `/${o}`
+            c && `/${c}`
           ] })
         ]
       }
     );
   }
-), br = F(
+), Nr = S(
   ({
     id: r,
     ariaDescribedby: n,
-    ariaLabelledby: c,
-    autocomplete: i = "off",
-    className: o,
-    disabled: a = !1,
+    ariaLabelledby: o,
+    autocomplete: l = "off",
+    className: c,
+    disabled: s = !1,
     errorMessage: d,
-    hasError: s = !1,
-    helptext: p,
-    helptextDropdown: u,
+    hasError: a = !1,
+    helptext: u,
+    helptextDropdown: p,
     helptextDropdownButton: k,
     iconNameRight: h,
-    inline: x = !1,
+    inline: v = !1,
     fullwidth: g = !1,
     label: E,
-    name: S,
+    name: I,
     optionalTag: $ = !1,
     optionalText: C,
     requiredTag: w = !1,
-    requiredText: v,
-    placeholder: I,
+    requiredText: b,
+    placeholder: O,
     prefix: Y,
-    suffix: U,
-    type: B = "text",
-    useWrapper: H = !0,
-    omitSearchIcon: W = !1,
-    value: z,
-    ...M
+    suffix: B,
+    type: W = "text",
+    useWrapper: G = !0,
+    omitSearchIcon: V = !1,
+    value: J,
+    ...z
   }, A) => {
-    const P = [o, "pkt-textinput"].join(" "), m = c || `${r}-label`, D = B === "search" && !h && !W;
+    const P = [c, "pkt-textinput"].join(" "), m = o || `${r}-label`, D = W === "search" && !h && !V;
     return /* @__PURE__ */ e.jsx(
       me,
       {
         ariaDescribedby: n,
         className: P,
-        disabled: a,
+        disabled: s,
         errorMessage: d,
         forId: r,
-        hasError: s,
-        helptext: p,
-        helptextDropdown: u,
+        hasError: a,
+        helptext: u,
+        helptextDropdown: p,
         helptextDropdownButton: k,
-        inline: x,
+        inline: v,
         label: E,
         optionalTag: $,
         optionalText: C,
         requiredTag: w,
-        requiredText: v,
-        useWrapper: H,
+        requiredText: b,
+        useWrapper: G,
         children: /* @__PURE__ */ e.jsxs("div", { className: "pkt-input__container", children: [
           Y && /* @__PURE__ */ e.jsx("div", { className: "pkt-input-prefix", children: Y }),
           /* @__PURE__ */ e.jsx(
@@ -2068,61 +2103,63 @@ const hr = F(
             {
               ref: A,
               className: `pkt-input ${g ? "pkt-input--fullwidth" : ""}`,
-              type: B,
-              name: S || r,
+              type: W,
+              name: I || r,
               id: r,
-              placeholder: I,
-              autoComplete: i,
-              value: z,
-              disabled: a,
-              "aria-invalid": s,
+              placeholder: O,
+              autoComplete: l,
+              value: J,
+              disabled: s,
+              "aria-invalid": a,
               "aria-errormessage": `${r}-error`,
               "aria-labelledby": m,
-              ...M
+              ...z
             }
           ),
-          U && /* @__PURE__ */ e.jsxs("p", { className: "pkt-input-suffix", children: [
-            U,
-            h && /* @__PURE__ */ e.jsx(b, { className: "pkt-input-suffix-icon", name: h }),
-            D && /* @__PURE__ */ e.jsx(b, { className: "pkt-input-suffix-icon", name: "magnifying-glass-big" })
+          B && /* @__PURE__ */ e.jsxs("p", { className: "pkt-input-suffix", children: [
+            B,
+            h && /* @__PURE__ */ e.jsx(x, { className: "pkt-input-suffix-icon", name: h }),
+            D && /* @__PURE__ */ e.jsx(x, { className: "pkt-input-suffix-icon", name: "magnifying-glass-big" })
           ] }),
-          !U && h && /* @__PURE__ */ e.jsx(b, { className: "pkt-input-icon", name: h }),
-          !U && D && /* @__PURE__ */ e.jsx(b, { className: "pkt-input-icon", name: "magnifying-glass-big" })
+          !B && h && /* @__PURE__ */ e.jsx(x, { className: "pkt-input-icon", name: h }),
+          !B && D && /* @__PURE__ */ e.jsx(x, { className: "pkt-input-icon", name: "magnifying-glass-big" })
         ] })
       }
     );
   }
 );
 export {
-  Zt as PktAccordion,
-  Qt as PktAccordionItem,
+  tr as PktAccordion,
+  rr as PktAccordionItem,
   Bt as PktAlert,
-  er as PktBackLink,
-  tr as PktBreadcrumbs,
+  nr as PktBackLink,
+  sr as PktBreadcrumbs,
   ce as PktButton,
   Wt as PktCheckbox,
-  rr as PktFooter,
-  nr as PktFooterSimple,
-  ar as PktHeader,
-  b as PktIcon,
+  ar as PktFooter,
+  lr as PktFooterSimple,
+  ir as PktHeader,
+  x as PktIcon,
   Lt as PktIconContext,
   Vt as PktInput,
   me as PktInputWrapper,
-  Yt as PktLinkCard,
-  sr as PktLoader,
-  lr as PktMessagebox,
-  ir as PktProgressbar,
-  Gt as PktRadioButton,
-  or as PktSearchInput,
-  cr as PktSelect,
-  pr as PktTable,
-  mr as PktTableBody,
-  ur as PktTableDataCell,
-  fr as PktTableHeader,
-  dr as PktTableHeaderCell,
-  kr as PktTableRow,
-  hr as PktTabs,
+  Mt as PktLinkCard,
+  or as PktLoader,
+  cr as PktMessagebox,
+  pr as PktProgressbar,
+  Jt as PktRadioButton,
+  ur as PktSearchInput,
+  dr as PktSelect,
+  kr as PktStep,
+  fr as PktStepper,
+  mr as PktTable,
+  br as PktTableBody,
+  hr as PktTableDataCell,
+  xr as PktTableHeader,
+  _r as PktTableHeaderCell,
+  vr as PktTableRow,
+  jr as PktTabs,
   Pe as PktTag,
-  _r as PktTextarea,
-  br as PktTextinput
+  gr as PktTextarea,
+  Nr as PktTextinput
 };