npm - @oslokommune/punkt-react - Versions diffs - 8.0.0 → 8.0.2 - Mend

@oslokommune/punkt-react 8.0.0 → 8.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/CHANGELOG.md +40 -0
package/dist/inputwrapper/InputWrapper.d.ts +2 -0
package/dist/punkt-react.es.js +428 -418
package/dist/punkt-react.umd.js +12 -12
package/dist/textarea/Textarea.d.ts +3 -1
package/dist/textinput/Textinput.d.ts +3 -1
package/package.json +3 -2
package/src/components/inputwrapper/InputWrapper.tsx +5 -1
package/src/components/select/Select.tsx +6 -0
package/src/components/textarea/Textarea.tsx +9 -3
package/src/components/textinput/Textinput.tsx +8 -2

package/dist/punkt-react.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import * as _ from "react";
-import G, { useState as ie, useEffect as yt, forwardRef as H, useRef as ln } from "react";
+import * as b from "react";
+import q, { useState as ce, useEffect as yt, forwardRef as z, useRef as ln } from "react";
 function sn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Fe = { exports: {} }, oe = {};
+var $e = { exports: {} }, ie = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -16,9 +16,9 @@ var Fe = { exports: {} }, oe = {};
 var kt;
 function cn() {
   if (kt)
-    return oe;
+    return ie;
   kt = 1;
-  var e = G, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = q, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(c, f, d) {
     var h, v = {}, x = null, C = null;
     d !== void 0 && (x = "" + d), f.key !== void 0 && (x = "" + f.key), f.ref !== void 0 && (C = f.ref);
@@ -29,9 +29,9 @@ function cn() {
         v[h] === void 0 && (v[h] = f[h]);
     return { $$typeof: n, type: c, key: x, ref: C, props: v, _owner: a.current };
   }
-  return oe.Fragment = r, oe.jsx = s, oe.jsxs = s, oe;
+  return ie.Fragment = r, ie.jsx = s, ie.jsxs = s, ie;
 }
-var le = {};
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,24 +44,24 @@ var le = {};
 var vt;
 function un() {
   return vt || (vt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = G, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), O = Symbol.iterator, P = "@@iterator";
+    var e = q, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), O = Symbol.iterator, R = "@@iterator";
     function T(t) {
       if (t === null || typeof t != "object")
         return null;
-      var u = O && t[O] || t[P];
+      var u = O && t[O] || t[R];
       return typeof u == "function" ? u : null;
     }
-    var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var P = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function g(t) {
       {
         for (var u = arguments.length, p = new Array(u > 1 ? u - 1 : 0), k = 1; k < u; k++)
           p[k - 1] = arguments[k];
-        j("error", t, p);
+        F("error", t, p);
       }
     }
-    function j(t, u, p) {
+    function F(t, u, p) {
       {
-        var k = R.ReactDebugCurrentFrame, w = k.getStackAddendum();
+        var k = P.ReactDebugCurrentFrame, w = k.getStackAddendum();
         w !== "" && (u += "%s", p = p.concat([w]));
         var S = p.map(function(E) {
           return String(E);
@@ -69,23 +69,23 @@ function un() {
         S.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, S);
       }
     }
-    var $ = !1, M = !1, A = !1, z = !1, V = !1, W;
-    W = Symbol.for("react.module.reference");
-    function J(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === l || t === i || V || t === a || t === d || t === h || z || t === C || $ || M || A || typeof t == "object" && t !== null && (t.$$typeof === x || t.$$typeof === v || t.$$typeof === s || t.$$typeof === c || t.$$typeof === f || // This needs to include all possible module reference object
+    var $ = !1, A = !1, U = !1, G = !1, M = !1, K;
+    K = Symbol.for("react.module.reference");
+    function B(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === l || t === i || M || t === a || t === d || t === h || G || t === C || $ || A || U || typeof t == "object" && t !== null && (t.$$typeof === x || t.$$typeof === v || t.$$typeof === s || t.$$typeof === c || t.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      t.$$typeof === W || t.getModuleId !== void 0));
+      t.$$typeof === K || t.getModuleId !== void 0));
     }
-    function K(t, u, p) {
+    function W(t, u, p) {
       var k = t.displayName;
       if (k)
         return k;
       var w = u.displayName || u.name || "";
       return w !== "" ? p + "(" + w + ")" : p;
     }
-    function b(t) {
+    function _(t) {
       return t.displayName || "Context";
     }
     function D(t) {
@@ -113,12 +113,12 @@ function un() {
         switch (t.$$typeof) {
           case c:
             var u = t;
-            return b(u) + ".Consumer";
+            return _(u) + ".Consumer";
           case s:
             var p = t;
-            return b(p._context) + ".Provider";
+            return _(p._context) + ".Provider";
           case f:
-            return K(t, t.render, "ForwardRef");
+            return W(t, t.render, "ForwardRef");
           case v:
             var k = t.displayName || null;
             return k !== null ? k : D(t.type) || "Memo";
@@ -133,14 +133,14 @@ function un() {
         }
       return null;
     }
-    var B = Object.assign, Z = 0, Ge, Ke, qe, Xe, Ze, Qe, et;
+    var Y = Object.assign, H = 0, Q, oe, qe, Xe, Ze, Qe, et;
     function tt() {
     }
     tt.__reactDisabledLog = !0;
     function Ft() {
       {
-        if (Z === 0) {
-          Ge = console.log, Ke = console.info, qe = console.warn, Xe = console.error, Ze = console.group, Qe = console.groupCollapsed, et = console.groupEnd;
+        if (H === 0) {
+          Q = console.log, oe = console.info, qe = console.warn, Xe = console.error, Ze = console.group, Qe = console.groupCollapsed, et = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -157,77 +157,77 @@ function un() {
             groupEnd: t
           });
         }
-        Z++;
+        H++;
       }
     }
     function It() {
       {
-        if (Z--, Z === 0) {
+        if (H--, H === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, t, {
-              value: Ge
+            log: Y({}, t, {
+              value: Q
             }),
-            info: B({}, t, {
-              value: Ke
+            info: Y({}, t, {
+              value: oe
             }),
-            warn: B({}, t, {
+            warn: Y({}, t, {
               value: qe
             }),
-            error: B({}, t, {
+            error: Y({}, t, {
               value: Xe
             }),
-            group: B({}, t, {
+            group: Y({}, t, {
               value: Ze
             }),
-            groupCollapsed: B({}, t, {
+            groupCollapsed: Y({}, t, {
               value: Qe
             }),
-            groupEnd: B({}, t, {
+            groupEnd: Y({}, t, {
               value: et
             })
           });
         }
-        Z < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        H < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var xe = R.ReactCurrentDispatcher, we;
-    function ce(t, u, p) {
+    var Ce = P.ReactCurrentDispatcher, Re;
+    function fe(t, u, p) {
       {
-        if (we === void 0)
+        if (Re === void 0)
           try {
             throw Error();
           } catch (w) {
             var k = w.stack.trim().match(/\n( *(at )?)/);
-            we = k && k[1] || "";
+            Re = k && k[1] || "";
           }
         return `
-` + we + t;
+` + Re + t;
       }
     }
-    var Ce = !1, ue;
+    var Pe = !1, pe;
     {
       var $t = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new $t();
+      pe = new $t();
     }
     function nt(t, u) {
-      if (!t || Ce)
+      if (!t || Pe)
         return "";
       {
-        var p = ue.get(t);
+        var p = pe.get(t);
         if (p !== void 0)
           return p;
       }
       var k;
-      Ce = !0;
+      Pe = !0;
       var w = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = xe.current, xe.current = null, Ft();
+      S = Ce.current, Ce.current = null, Ft();
       try {
         if (u) {
           var E = function() {
@@ -240,50 +240,50 @@ function un() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(E, []);
-            } catch (q) {
-              k = q;
+            } catch (X) {
+              k = X;
             }
             Reflect.construct(t, [], E);
           } else {
             try {
               E.call();
-            } catch (q) {
-              k = q;
+            } catch (X) {
+              k = X;
             }
             t.call(E.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (q) {
-            k = q;
+          } catch (X) {
+            k = X;
           }
           t();
         }
-      } catch (q) {
-        if (q && k && typeof q.stack == "string") {
-          for (var N = q.stack.split(`
-`), U = k.stack.split(`
-`), L = N.length - 1, F = U.length - 1; L >= 1 && F >= 0 && N[L] !== U[F]; )
-            F--;
-          for (; L >= 1 && F >= 0; L--, F--)
-            if (N[L] !== U[F]) {
-              if (L !== 1 || F !== 1)
+      } catch (X) {
+        if (X && k && typeof X.stack == "string") {
+          for (var N = X.stack.split(`
+`), V = k.stack.split(`
+`), j = N.length - 1, L = V.length - 1; j >= 1 && L >= 0 && N[j] !== V[L]; )
+            L--;
+          for (; j >= 1 && L >= 0; j--, L--)
+            if (N[j] !== V[L]) {
+              if (j !== 1 || L !== 1)
                 do
-                  if (L--, F--, F < 0 || N[L] !== U[F]) {
-                    var Y = `
-` + N[L].replace(" at new ", " at ");
-                    return t.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", t.displayName)), typeof t == "function" && ue.set(t, Y), Y;
+                  if (j--, L--, L < 0 || N[j] !== V[L]) {
+                    var J = `
+` + N[j].replace(" at new ", " at ");
+                    return t.displayName && J.includes("<anonymous>") && (J = J.replace("<anonymous>", t.displayName)), typeof t == "function" && pe.set(t, J), J;
                   }
-                while (L >= 1 && F >= 0);
+                while (j >= 1 && L >= 0);
               break;
             }
         }
       } finally {
-        Ce = !1, xe.current = S, It(), Error.prepareStackTrace = w;
+        Pe = !1, Ce.current = S, It(), Error.prepareStackTrace = w;
       }
-      var ne = t ? t.displayName || t.name : "", ht = ne ? ce(ne) : "";
-      return typeof t == "function" && ue.set(t, ht), ht;
+      var re = t ? t.displayName || t.name : "", ht = re ? fe(re) : "";
+      return typeof t == "function" && pe.set(t, ht), ht;
     }
     function At(t, u, p) {
       return nt(t, !1);
@@ -292,64 +292,64 @@ function un() {
       var u = t.prototype;
       return !!(u && u.isReactComponent);
     }
-    function fe(t, u, p) {
+    function de(t, u, p) {
       if (t == null)
         return "";
       if (typeof t == "function")
         return nt(t, Ut(t));
       if (typeof t == "string")
-        return ce(t);
+        return fe(t);
       switch (t) {
         case d:
-          return ce("Suspense");
+          return fe("Suspense");
         case h:
-          return ce("SuspenseList");
+          return fe("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case f:
             return At(t.render);
           case v:
-            return fe(t.type, u, p);
+            return de(t.type, u, p);
           case x: {
             var k = t, w = k._payload, S = k._init;
             try {
-              return fe(S(w), u, p);
+              return de(S(w), u, p);
             } catch {
             }
           }
         }
       return "";
     }
-    var pe = Object.prototype.hasOwnProperty, rt = {}, at = R.ReactDebugCurrentFrame;
-    function de(t) {
+    var me = Object.prototype.hasOwnProperty, rt = {}, at = P.ReactDebugCurrentFrame;
+    function he(t) {
       if (t) {
-        var u = t._owner, p = fe(t.type, t._source, u ? u.type : null);
+        var u = t._owner, p = de(t.type, t._source, u ? u.type : null);
         at.setExtraStackFrame(p);
       } else
         at.setExtraStackFrame(null);
     }
     function Vt(t, u, p, k, w) {
       {
-        var S = Function.call.bind(pe);
+        var S = Function.call.bind(me);
         for (var E in t)
           if (S(t, E)) {
             var N = void 0;
             try {
               if (typeof t[E] != "function") {
-                var U = Error((k || "React class") + ": " + p + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw U.name = "Invariant Violation", U;
+                var V = Error((k || "React class") + ": " + p + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw V.name = "Invariant Violation", V;
               }
               N = t[E](u, E, k, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (L) {
-              N = L;
+            } catch (j) {
+              N = j;
             }
-            N && !(N instanceof Error) && (de(w), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", k || "React class", p, E, typeof N), de(null)), N instanceof Error && !(N.message in rt) && (rt[N.message] = !0, de(w), g("Failed %s type: %s", p, N.message), de(null));
+            N && !(N instanceof Error) && (he(w), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", k || "React class", p, E, typeof N), he(null)), N instanceof Error && !(N.message in rt) && (rt[N.message] = !0, he(w), g("Failed %s type: %s", p, N.message), he(null));
           }
       }
     }
     var Wt = Array.isArray;
-    function Re(t) {
+    function Se(t) {
       return Wt(t);
     }
     function Mt(t) {
@@ -372,15 +372,15 @@ function un() {
       if (Bt(t))
         return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Mt(t)), ot(t);
     }
-    var ae = R.ReactCurrentOwner, Yt = {
+    var le = P.ReactCurrentOwner, Yt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, it, st, Pe;
-    Pe = {};
+    }, it, st, Oe;
+    Oe = {};
     function Jt(t) {
-      if (pe.call(t, "ref")) {
+      if (me.call(t, "ref")) {
         var u = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (u && u.isReactWarning)
           return !1;
@@ -388,7 +388,7 @@ function un() {
       return t.ref !== void 0;
     }
     function Ht(t) {
-      if (pe.call(t, "key")) {
+      if (me.call(t, "key")) {
         var u = Object.getOwnPropertyDescriptor(t, "key").get;
         if (u && u.isReactWarning)
           return !1;
@@ -396,9 +396,9 @@ function un() {
       return t.key !== void 0;
     }
     function zt(t, u) {
-      if (typeof t.ref == "string" && ae.current && u && ae.current.stateNode !== u) {
-        var p = D(ae.current.type);
-        Pe[p] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(ae.current.type), t.ref), Pe[p] = !0);
+      if (typeof t.ref == "string" && le.current && u && le.current.stateNode !== u) {
+        var p = D(le.current.type);
+        Oe[p] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(le.current.type), t.ref), Oe[p] = !0);
       }
     }
     function Gt(t, u) {
@@ -454,39 +454,39 @@ function un() {
     };
     function Xt(t, u, p, k, w) {
       {
-        var S, E = {}, N = null, U = null;
-        p !== void 0 && (lt(p), N = "" + p), Ht(u) && (lt(u.key), N = "" + u.key), Jt(u) && (U = u.ref, zt(u, w));
+        var S, E = {}, N = null, V = null;
+        p !== void 0 && (lt(p), N = "" + p), Ht(u) && (lt(u.key), N = "" + u.key), Jt(u) && (V = u.ref, zt(u, w));
         for (S in u)
-          pe.call(u, S) && !Yt.hasOwnProperty(S) && (E[S] = u[S]);
+          me.call(u, S) && !Yt.hasOwnProperty(S) && (E[S] = u[S]);
         if (t && t.defaultProps) {
-          var L = t.defaultProps;
-          for (S in L)
-            E[S] === void 0 && (E[S] = L[S]);
+          var j = t.defaultProps;
+          for (S in j)
+            E[S] === void 0 && (E[S] = j[S]);
         }
-        if (N || U) {
-          var F = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          N && Gt(E, F), U && Kt(E, F);
+        if (N || V) {
+          var L = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          N && Gt(E, L), V && Kt(E, L);
         }
-        return qt(t, N, U, w, k, ae.current, E);
+        return qt(t, N, V, w, k, le.current, E);
       }
     }
-    var Se = R.ReactCurrentOwner, ct = R.ReactDebugCurrentFrame;
-    function te(t) {
+    var Te = P.ReactCurrentOwner, ct = P.ReactDebugCurrentFrame;
+    function ne(t) {
       if (t) {
-        var u = t._owner, p = fe(t.type, t._source, u ? u.type : null);
+        var u = t._owner, p = de(t.type, t._source, u ? u.type : null);
         ct.setExtraStackFrame(p);
       } else
         ct.setExtraStackFrame(null);
     }
-    var Oe;
-    Oe = !1;
-    function Te(t) {
+    var je;
+    je = !1;
+    function De(t) {
       return typeof t == "object" && t !== null && t.$$typeof === n;
     }
     function ut() {
       {
-        if (Se.current) {
-          var t = D(Se.current.type);
+        if (Te.current) {
+          var t = D(Te.current.type);
           if (t)
             return `
@@ -529,25 +529,25 @@ Check the top-level render call using <` + p + ">.");
           return;
         ft[p] = !0;
         var k = "";
-        t && t._owner && t._owner !== Se.current && (k = " It was passed a child from " + D(t._owner.type) + "."), te(t), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, k), te(null);
+        t && t._owner && t._owner !== Te.current && (k = " It was passed a child from " + D(t._owner.type) + "."), ne(t), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, k), ne(null);
       }
     }
     function dt(t, u) {
       {
         if (typeof t != "object")
           return;
-        if (Re(t))
+        if (Se(t))
           for (var p = 0; p < t.length; p++) {
             var k = t[p];
-            Te(k) && pt(k, u);
+            De(k) && pt(k, u);
           }
-        else if (Te(t))
+        else if (De(t))
           t._store && (t._store.validated = !0);
         else if (t) {
           var w = T(t);
           if (typeof w == "function" && w !== t.entries)
             for (var S = w.call(t), E; !(E = S.next()).done; )
-              Te(E.value) && pt(E.value, u);
+              De(E.value) && pt(E.value, u);
         }
       }
     }
@@ -568,8 +568,8 @@ Check the top-level render call using <` + p + ">.");
         if (p) {
           var k = D(u);
           Vt(p, t.props, "prop", k, t);
-        } else if (u.PropTypes !== void 0 && !Oe) {
-          Oe = !0;
+        } else if (u.PropTypes !== void 0 && !je) {
+          je = !0;
           var w = D(u);
           g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
         }
@@ -581,41 +581,41 @@ Check the top-level render call using <` + p + ">.");
         for (var u = Object.keys(t.props), p = 0; p < u.length; p++) {
           var k = u[p];
           if (k !== "children" && k !== "key") {
-            te(t), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), te(null);
+            ne(t), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), ne(null);
             break;
           }
         }
-        t.ref !== null && (te(t), g("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
+        t.ref !== null && (ne(t), g("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
       }
     }
     function mt(t, u, p, k, w, S) {
       {
-        var E = J(t);
+        var E = B(t);
         if (!E) {
           var N = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (N += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var U = Zt(w);
-          U ? N += U : N += ut();
-          var L;
-          t === null ? L = "null" : Re(t) ? L = "array" : t !== void 0 && t.$$typeof === n ? (L = "<" + (D(t.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : L = typeof t, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, N);
+          var V = Zt(w);
+          V ? N += V : N += ut();
+          var j;
+          t === null ? j = "null" : Se(t) ? j = "array" : t !== void 0 && t.$$typeof === n ? (j = "<" + (D(t.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : j = typeof t, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, N);
         }
-        var F = Xt(t, u, p, w, S);
-        if (F == null)
-          return F;
+        var L = Xt(t, u, p, w, S);
+        if (L == null)
+          return L;
         if (E) {
-          var Y = u.children;
-          if (Y !== void 0)
+          var J = u.children;
+          if (J !== void 0)
             if (k)
-              if (Re(Y)) {
-                for (var ne = 0; ne < Y.length; ne++)
-                  dt(Y[ne], t);
-                Object.freeze && Object.freeze(Y);
+              if (Se(J)) {
+                for (var re = 0; re < J.length; re++)
+                  dt(J[re], t);
+                Object.freeze && Object.freeze(J);
               } else
                 g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              dt(Y, t);
+              dt(J, t);
         }
-        return t === l ? tn(F) : en(F), F;
+        return t === l ? tn(L) : en(L), L;
       }
     }
     function nn(t, u, p) {
@@ -625,17 +625,17 @@ Check the top-level render call using <` + p + ">.");
       return mt(t, u, p, !1);
     }
     var an = rn, on = nn;
-    le.Fragment = l, le.jsx = an, le.jsxs = on;
-  }()), le;
+    se.Fragment = l, se.jsx = an, se.jsxs = on;
+  }()), se;
 }
-process.env.NODE_ENV === "production" ? Fe.exports = cn() : Fe.exports = un();
-var Me = Fe.exports;
-const X = Me.Fragment, o = Me.jsx, m = Me.jsxs, je = {}, fn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
+process.env.NODE_ENV === "production" ? $e.exports = cn() : $e.exports = un();
+var Ye = $e.exports;
+const Z = Ye.Fragment, o = Ye.jsx, m = Ye.jsxs, Le = {}, fn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
 function pn(e, n) {
-  return !je[e] && typeof window.fetch == "function" && (je[e] = window.fetch(n + e + ".svg").then((r) => r.ok ? r.text() : (console.error("Missing icon: " + n + e + ".svg"), fn)).then((r) => r)), Promise.resolve(je[e]);
+  return !Le[e] && typeof window.fetch == "function" && (Le[e] = window.fetch(n + e + ".svg").then((r) => r.ok ? r.text() : (console.error("Missing icon: " + n + e + ".svg"), fn)).then((r) => r)), Promise.resolve(Le[e]);
 }
 const y = ({ name: e, path: n, className: r = "", ...l }) => {
-  const a = "https://punkt-cdn.oslo.kommune.no/8.0/icons/", [i, s] = ie(null);
+  const a = "https://punkt-cdn.oslo.kommune.no/8.0/icons/", [i, s] = ce(null);
   return yt(() => {
     if (!e)
       return;
@@ -648,7 +648,7 @@ const y = ({ name: e, path: n, className: r = "", ...l }) => {
       ...l
     }
   ) : null;
-}, dn = H(
+}, dn = z(
   ({
     children: e,
     className: n,
@@ -660,7 +660,7 @@ const y = ({ name: e, path: n, className: r = "", ...l }) => {
     ariaLive: c = "polite",
     ...f
   }, d) => {
-    const h = [n, "pkt-alert", r && `pkt-alert--${r}`].filter(Boolean).join(" "), [v, x] = ie(!0), C = () => {
+    const h = [n, "pkt-alert", r && `pkt-alert--${r}`].filter(Boolean).join(" "), [v, x] = ce(!0), C = () => {
       x(!1), a && a();
     };
     return v ? /* @__PURE__ */ m("div", { ...f, className: h, "aria-live": c, ref: d, children: [
@@ -690,7 +690,7 @@ const y = ({ name: e, path: n, className: r = "", ...l }) => {
       ] })
     ] }) : null;
   }
-), nr = H(
+), nr = z(
   ({ href: e, text: n, onClick: r, className: l, ...a }, i) => {
     const s = [
       l,
@@ -714,15 +714,15 @@ const y = ({ name: e, path: n, className: r = "", ...l }) => {
  *
  * @license MIT
  */
-function Ie() {
-  return Ie = Object.assign ? Object.assign.bind() : function(e) {
+function Ae() {
+  return Ae = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
       for (var l in r)
         Object.prototype.hasOwnProperty.call(r, l) && (e[l] = r[l]);
     }
     return e;
-  }, Ie.apply(this, arguments);
+  }, Ae.apply(this, arguments);
 }
 var _t;
 (function(e) {
@@ -732,7 +732,7 @@ function I(e, n) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(n);
 }
-function ge(e, n) {
+function ye(e, n) {
   if (!e) {
     typeof console < "u" && console.warn(n);
     try {
@@ -741,7 +741,7 @@ function ge(e, n) {
     }
   }
 }
-function $e(e) {
+function Ue(e) {
   let {
     pathname: n = "/",
     search: r = "",
@@ -763,7 +763,7 @@ var bt;
 (function(e) {
   e.data = "data", e.deferred = "deferred", e.redirect = "redirect", e.error = "error";
 })(bt || (bt = {}));
-function Ae(e, n) {
+function Ve(e, n) {
   if (n === "/")
     return e;
   if (!e.toLowerCase().startsWith(n.toLowerCase()))
@@ -790,7 +790,7 @@ function hn(e, n) {
     a === ".." ? r.length > 1 && r.pop() : a !== "." && r.push(a);
   }), r.length > 1 ? r.join("/") : "/";
 }
-function De(e, n, r, l) {
+function Fe(e, n, r, l) {
   return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + n + "` field [" + JSON.stringify(l) + "].  Please separate it out to the ") + ("`to." + r + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
 }
 function xt(e) {
@@ -799,7 +799,7 @@ function xt(e) {
 function wt(e, n, r, l) {
   l === void 0 && (l = !1);
   let a;
-  typeof e == "string" ? a = Et(e) : (a = Ie({}, e), I(!a.pathname || !a.pathname.includes("?"), De("?", "pathname", "search", a)), I(!a.pathname || !a.pathname.includes("#"), De("#", "pathname", "hash", a)), I(!a.search || !a.search.includes("#"), De("#", "search", "hash", a)));
+  typeof e == "string" ? a = Et(e) : (a = Ae({}, e), I(!a.pathname || !a.pathname.includes("?"), Fe("?", "pathname", "search", a)), I(!a.pathname || !a.pathname.includes("#"), Fe("#", "pathname", "hash", a)), I(!a.search || !a.search.includes("#"), Fe("#", "search", "hash", a)));
   let i = e === "" || a.pathname === "", s = i ? "/" : a.pathname, c;
   if (l || s == null)
     c = r;
@@ -816,7 +816,7 @@ function wt(e, n, r, l) {
   let f = mn(a, c), d = s && s !== "/" && s.endsWith("/"), h = (i || s === ".") && r.endsWith("/");
   return !f.pathname.endsWith("/") && (d || h) && (f.pathname += "/"), f;
 }
-const Be = (e) => e.join("/").replace(/\/\/+/g, "/"), kn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, vn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, Ct = ["post", "put", "patch", "delete"];
+const Je = (e) => e.join("/").replace(/\/\/+/g, "/"), kn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, vn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, Ct = ["post", "put", "patch", "delete"];
 new Set(Ct);
 const _n = ["get", ...Ct];
 new Set(_n);
@@ -830,39 +830,39 @@ new Set(_n);
  *
  * @license MIT
  */
-function Ue() {
-  return Ue = Object.assign ? Object.assign.bind() : function(e) {
+function We() {
+  return We = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
       for (var l in r)
         Object.prototype.hasOwnProperty.call(r, l) && (e[l] = r[l]);
     }
     return e;
-  }, Ue.apply(this, arguments);
+  }, We.apply(this, arguments);
 }
-const Ne = /* @__PURE__ */ _.createContext(null);
-process.env.NODE_ENV !== "production" && (Ne.displayName = "DataRouter");
-const Rt = /* @__PURE__ */ _.createContext(null);
+const Ee = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (Ee.displayName = "DataRouter");
+const Rt = /* @__PURE__ */ b.createContext(null);
 process.env.NODE_ENV !== "production" && (Rt.displayName = "DataRouterState");
-const bn = /* @__PURE__ */ _.createContext(null);
+const bn = /* @__PURE__ */ b.createContext(null);
 process.env.NODE_ENV !== "production" && (bn.displayName = "Await");
-const Q = /* @__PURE__ */ _.createContext(null);
-process.env.NODE_ENV !== "production" && (Q.displayName = "Navigation");
-const Ye = /* @__PURE__ */ _.createContext(null);
-process.env.NODE_ENV !== "production" && (Ye.displayName = "Location");
-const re = /* @__PURE__ */ _.createContext({
+const ee = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (ee.displayName = "Navigation");
+const He = /* @__PURE__ */ b.createContext(null);
+process.env.NODE_ENV !== "production" && (He.displayName = "Location");
+const ae = /* @__PURE__ */ b.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
-process.env.NODE_ENV !== "production" && (re.displayName = "Route");
-const gn = /* @__PURE__ */ _.createContext(null);
+process.env.NODE_ENV !== "production" && (ae.displayName = "Route");
+const gn = /* @__PURE__ */ b.createContext(null);
 process.env.NODE_ENV !== "production" && (gn.displayName = "RouteError");
 function Nn(e, n) {
   let {
     relative: r
   } = n === void 0 ? {} : n;
-  Je() || (process.env.NODE_ENV !== "production" ? I(
+  ze() || (process.env.NODE_ENV !== "production" ? I(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -871,95 +871,95 @@ function Nn(e, n) {
   let {
     basename: l,
     navigator: a
-  } = _.useContext(Q), {
+  } = b.useContext(ee), {
     hash: i,
     pathname: s,
     search: c
-  } = ye(e, {
+  } = xe(e, {
     relative: r
   }), f = s;
-  return l !== "/" && (f = s === "/" ? l : Be([l, s])), a.createHref({
+  return l !== "/" && (f = s === "/" ? l : Je([l, s])), a.createHref({
     pathname: f,
     search: c,
     hash: i
   });
 }
-function Je() {
-  return _.useContext(Ye) != null;
+function ze() {
+  return b.useContext(He) != null;
 }
-function se() {
-  return Je() || (process.env.NODE_ENV !== "production" ? I(
+function ue() {
+  return ze() || (process.env.NODE_ENV !== "production" ? I(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useLocation() may be used only in the context of a <Router> component."
-  ) : I(!1)), _.useContext(Ye).location;
+  ) : I(!1)), b.useContext(He).location;
 }
 const Pt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
 function St(e) {
-  _.useContext(Q).static || _.useLayoutEffect(e);
+  b.useContext(ee).static || b.useLayoutEffect(e);
 }
 function yn() {
   let {
     isDataRoute: e
-  } = _.useContext(re);
+  } = b.useContext(ae);
   return e ? Rn() : En();
 }
 function En() {
-  Je() || (process.env.NODE_ENV !== "production" ? I(
+  ze() || (process.env.NODE_ENV !== "production" ? I(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
   ) : I(!1));
-  let e = _.useContext(Ne), {
+  let e = b.useContext(Ee), {
     basename: n,
     navigator: r
-  } = _.useContext(Q), {
+  } = b.useContext(ee), {
     matches: l
-  } = _.useContext(re), {
+  } = b.useContext(ae), {
     pathname: a
-  } = se(), i = JSON.stringify(xt(l).map((f) => f.pathnameBase)), s = _.useRef(!1);
+  } = ue(), i = JSON.stringify(xt(l).map((f) => f.pathnameBase)), s = b.useRef(!1);
   return St(() => {
     s.current = !0;
-  }), _.useCallback(function(f, d) {
-    if (d === void 0 && (d = {}), process.env.NODE_ENV !== "production" && ge(s.current, Pt), !s.current)
+  }), b.useCallback(function(f, d) {
+    if (d === void 0 && (d = {}), process.env.NODE_ENV !== "production" && ye(s.current, Pt), !s.current)
       return;
     if (typeof f == "number") {
       r.go(f);
       return;
     }
     let h = wt(f, JSON.parse(i), a, d.relative === "path");
-    e == null && n !== "/" && (h.pathname = h.pathname === "/" ? n : Be([n, h.pathname])), (d.replace ? r.replace : r.push)(h, d.state, d);
+    e == null && n !== "/" && (h.pathname = h.pathname === "/" ? n : Je([n, h.pathname])), (d.replace ? r.replace : r.push)(h, d.state, d);
   }, [n, r, i, a, e]);
 }
-function ye(e, n) {
+function xe(e, n) {
   let {
     relative: r
   } = n === void 0 ? {} : n, {
     matches: l
-  } = _.useContext(re), {
+  } = b.useContext(ae), {
     pathname: a
-  } = se(), i = JSON.stringify(xt(l).map((s) => s.pathnameBase));
-  return _.useMemo(() => wt(e, JSON.parse(i), a, r === "path"), [e, i, a, r]);
+  } = ue(), i = JSON.stringify(xt(l).map((s) => s.pathnameBase));
+  return b.useMemo(() => wt(e, JSON.parse(i), a, r === "path"), [e, i, a, r]);
 }
-var Ve;
+var Me;
 (function(e) {
   e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate";
-})(Ve || (Ve = {}));
-var ve;
+})(Me || (Me = {}));
+var be;
 (function(e) {
   e.UseBlocker = "useBlocker", e.UseLoaderData = "useLoaderData", e.UseActionData = "useActionData", e.UseRouteError = "useRouteError", e.UseNavigation = "useNavigation", e.UseRouteLoaderData = "useRouteLoaderData", e.UseMatches = "useMatches", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e.UseRouteId = "useRouteId";
-})(ve || (ve = {}));
+})(be || (be = {}));
 function Ot(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
 }
 function xn(e) {
-  let n = _.useContext(Ne);
+  let n = b.useContext(Ee);
   return n || (process.env.NODE_ENV !== "production" ? I(!1, Ot(e)) : I(!1)), n;
 }
 function wn(e) {
-  let n = _.useContext(re);
+  let n = b.useContext(ae);
   return n || (process.env.NODE_ENV !== "production" ? I(!1, Ot(e)) : I(!1)), n;
 }
 function Tt(e) {
@@ -967,16 +967,16 @@ function Tt(e) {
   return r.route.id || (process.env.NODE_ENV !== "production" ? I(!1, e + ' can only be used on routes that contain a unique "id"') : I(!1)), r.route.id;
 }
 function Cn() {
-  return Tt(ve.UseRouteId);
+  return Tt(be.UseRouteId);
 }
 function Rn() {
   let {
     router: e
-  } = xn(Ve.UseNavigateStable), n = Tt(ve.UseNavigateStable), r = _.useRef(!1);
+  } = xn(Me.UseNavigateStable), n = Tt(be.UseNavigateStable), r = b.useRef(!1);
   return St(() => {
     r.current = !0;
-  }), _.useCallback(function(a, i) {
-    i === void 0 && (i = {}), process.env.NODE_ENV !== "production" && ge(r.current, Pt), r.current && (typeof a == "number" ? e.navigate(a) : e.navigate(a, Ue({
+  }), b.useCallback(function(a, i) {
+    i === void 0 && (i = {}), process.env.NODE_ENV !== "production" && ye(r.current, Pt), r.current && (typeof a == "number" ? e.navigate(a) : e.navigate(a, We({
       fromRouteId: n
     }, i)));
   }, [e, n]);
@@ -997,17 +997,17 @@ new Promise(() => {
  *
  * @license MIT
  */
-function ee() {
-  return ee = Object.assign ? Object.assign.bind() : function(e) {
+function te() {
+  return te = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
       for (var l in r)
         Object.prototype.hasOwnProperty.call(r, l) && (e[l] = r[l]);
     }
     return e;
-  }, ee.apply(this, arguments);
+  }, te.apply(this, arguments);
 }
-function He(e, n) {
+function Ge(e, n) {
   if (e == null)
     return {};
   var r = {}, l = Object.keys(e), a, i;
@@ -1015,18 +1015,18 @@ function He(e, n) {
     a = l[i], !(n.indexOf(a) >= 0) && (r[a] = e[a]);
   return r;
 }
-const he = "get", ke = "application/x-www-form-urlencoded";
-function Ee(e) {
+const ve = "get", _e = "application/x-www-form-urlencoded";
+function we(e) {
   return e != null && typeof e.tagName == "string";
 }
 function Pn(e) {
-  return Ee(e) && e.tagName.toLowerCase() === "button";
+  return we(e) && e.tagName.toLowerCase() === "button";
 }
 function Sn(e) {
-  return Ee(e) && e.tagName.toLowerCase() === "form";
+  return we(e) && e.tagName.toLowerCase() === "form";
 }
 function On(e) {
-  return Ee(e) && e.tagName.toLowerCase() === "input";
+  return we(e) && e.tagName.toLowerCase() === "input";
 }
 function Tn(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
@@ -1036,35 +1036,35 @@ function jn(e, n) {
   (!n || n === "_self") && // Let browser handle "target=_blank" etc.
   !Tn(e);
 }
-let me = null;
+let ke = null;
 function Dn() {
-  if (me === null)
+  if (ke === null)
     try {
       new FormData(
         document.createElement("form"),
         // @ts-expect-error if FormData supports the submitter parameter, this will throw
         0
-      ), me = !1;
+      ), ke = !1;
     } catch {
-      me = !0;
+      ke = !0;
     }
-  return me;
+  return ke;
 }
 const Ln = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
-function Le(e) {
-  return e != null && !Ln.has(e) ? (process.env.NODE_ENV !== "production" && ge(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + ke + '"')), null) : e;
+function Ie(e) {
+  return e != null && !Ln.has(e) ? (process.env.NODE_ENV !== "production" && ye(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + _e + '"')), null) : e;
 }
 function Fn(e, n) {
   let r, l, a, i, s;
   if (Sn(e)) {
     let c = e.getAttribute("action");
-    l = c ? Ae(c, n) : null, r = e.getAttribute("method") || he, a = Le(e.getAttribute("enctype")) || ke, i = new FormData(e);
+    l = c ? Ve(c, n) : null, r = e.getAttribute("method") || ve, a = Ie(e.getAttribute("enctype")) || _e, i = new FormData(e);
   } else if (Pn(e) || On(e) && (e.type === "submit" || e.type === "image")) {
     let c = e.form;
     if (c == null)
       throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
     let f = e.getAttribute("formaction") || c.getAttribute("action");
-    if (l = f ? Ae(f, n) : null, r = e.getAttribute("formmethod") || c.getAttribute("method") || he, a = Le(e.getAttribute("formenctype")) || Le(c.getAttribute("enctype")) || ke, i = new FormData(c, e), !Dn()) {
+    if (l = f ? Ve(f, n) : null, r = e.getAttribute("formmethod") || c.getAttribute("method") || ve, a = Ie(e.getAttribute("formenctype")) || Ie(c.getAttribute("enctype")) || _e, i = new FormData(c, e), !Dn()) {
       let {
         name: d,
         type: h,
@@ -1077,9 +1077,9 @@ function Fn(e, n) {
         d && i.append(d, v);
     }
   } else {
-    if (Ee(e))
+    if (we(e))
       throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    r = he, l = null, a = ke, s = e;
+    r = ve, l = null, a = _e, s = e;
   }
   return i && a === "text/plain" && (s = i, i = void 0), {
     action: l,
@@ -1091,7 +1091,7 @@ function Fn(e, n) {
 }
 const In = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset"], $n = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"], An = ["reloadDocument", "replace", "method", "action", "onSubmit", "submit", "relative", "preventScrollReset"];
 process.env.NODE_ENV;
-const Un = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Vn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, _e = /* @__PURE__ */ _.forwardRef(function(n, r) {
+const Un = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Vn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ge = /* @__PURE__ */ b.forwardRef(function(n, r) {
   let {
     onClick: l,
     relative: a,
@@ -1101,17 +1101,17 @@ const Un = typeof window < "u" && typeof window.document < "u" && typeof window.
     target: f,
     to: d,
     preventScrollReset: h
-  } = n, v = He(n, In), {
+  } = n, v = Ge(n, In), {
     basename: x
-  } = _.useContext(Q), C, O = !1;
+  } = b.useContext(ee), C, O = !1;
   if (typeof d == "string" && Vn.test(d) && (C = d, Un))
     try {
-      let g = new URL(window.location.href), j = d.startsWith("//") ? new URL(g.protocol + d) : new URL(d), $ = Ae(j.pathname, x);
-      j.origin === g.origin && $ != null ? d = $ + j.search + j.hash : O = !0;
+      let g = new URL(window.location.href), F = d.startsWith("//") ? new URL(g.protocol + d) : new URL(d), $ = Ve(F.pathname, x);
+      F.origin === g.origin && $ != null ? d = $ + F.search + F.hash : O = !0;
     } catch {
-      process.env.NODE_ENV !== "production" && ge(!1, '<Link to="' + d + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
+      process.env.NODE_ENV !== "production" && ye(!1, '<Link to="' + d + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
-  let P = Nn(d, {
+  let R = Nn(d, {
     relative: a
   }), T = Jn(d, {
     replace: s,
@@ -1120,21 +1120,21 @@ const Un = typeof window < "u" && typeof window.document < "u" && typeof window.
     preventScrollReset: h,
     relative: a
   });
-  function R(g) {
+  function P(g) {
     l && l(g), g.defaultPrevented || T(g);
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ _.createElement("a", ee({}, v, {
-      href: C || P,
-      onClick: O || i ? l : R,
+    /* @__PURE__ */ b.createElement("a", te({}, v, {
+      href: C || R,
+      onClick: O || i ? l : P,
       ref: r,
       target: f
     }))
   );
 });
-process.env.NODE_ENV !== "production" && (_e.displayName = "Link");
-const Wn = /* @__PURE__ */ _.forwardRef(function(n, r) {
+process.env.NODE_ENV !== "production" && (ge.displayName = "Link");
+const Wn = /* @__PURE__ */ b.forwardRef(function(n, r) {
   let {
     "aria-current": l = "page",
     caseSensitive: a = !1,
@@ -1143,66 +1143,66 @@ const Wn = /* @__PURE__ */ _.forwardRef(function(n, r) {
     style: c,
     to: f,
     children: d
-  } = n, h = He(n, $n), v = ye(f, {
+  } = n, h = Ge(n, $n), v = xe(f, {
     relative: h.relative
-  }), x = se(), C = _.useContext(Rt), {
+  }), x = ue(), C = b.useContext(Rt), {
     navigator: O
-  } = _.useContext(Q), P = O.encodeLocation ? O.encodeLocation(v).pathname : v.pathname, T = x.pathname, R = C && C.navigation && C.navigation.location ? C.navigation.location.pathname : null;
-  a || (T = T.toLowerCase(), R = R ? R.toLowerCase() : null, P = P.toLowerCase());
-  let g = T === P || !s && T.startsWith(P) && T.charAt(P.length) === "/", j = R != null && (R === P || !s && R.startsWith(P) && R.charAt(P.length) === "/"), $ = g ? l : void 0, M;
-  typeof i == "function" ? M = i({
+  } = b.useContext(ee), R = O.encodeLocation ? O.encodeLocation(v).pathname : v.pathname, T = x.pathname, P = C && C.navigation && C.navigation.location ? C.navigation.location.pathname : null;
+  a || (T = T.toLowerCase(), P = P ? P.toLowerCase() : null, R = R.toLowerCase());
+  let g = T === R || !s && T.startsWith(R) && T.charAt(R.length) === "/", F = P != null && (P === R || !s && P.startsWith(R) && P.charAt(R.length) === "/"), $ = g ? l : void 0, A;
+  typeof i == "function" ? A = i({
     isActive: g,
-    isPending: j
-  }) : M = [i, g ? "active" : null, j ? "pending" : null].filter(Boolean).join(" ");
-  let A = typeof c == "function" ? c({
+    isPending: F
+  }) : A = [i, g ? "active" : null, F ? "pending" : null].filter(Boolean).join(" ");
+  let U = typeof c == "function" ? c({
     isActive: g,
-    isPending: j
+    isPending: F
   }) : c;
-  return /* @__PURE__ */ _.createElement(_e, ee({}, h, {
+  return /* @__PURE__ */ b.createElement(ge, te({}, h, {
     "aria-current": $,
-    className: M,
+    className: A,
     ref: r,
-    style: A,
+    style: U,
     to: f
   }), typeof d == "function" ? d({
     isActive: g,
-    isPending: j
+    isPending: F
   }) : d);
 });
 process.env.NODE_ENV !== "production" && (Wn.displayName = "NavLink");
-const Mn = /* @__PURE__ */ _.forwardRef((e, n) => {
+const Mn = /* @__PURE__ */ b.forwardRef((e, n) => {
   let r = zn();
-  return /* @__PURE__ */ _.createElement(jt, ee({}, e, {
+  return /* @__PURE__ */ b.createElement(jt, te({}, e, {
     submit: r,
     ref: n
   }));
 });
 process.env.NODE_ENV !== "production" && (Mn.displayName = "Form");
-const jt = /* @__PURE__ */ _.forwardRef((e, n) => {
+const jt = /* @__PURE__ */ b.forwardRef((e, n) => {
   let {
     reloadDocument: r,
     replace: l,
-    method: a = he,
+    method: a = ve,
     action: i,
     onSubmit: s,
     submit: c,
     relative: f,
     preventScrollReset: d
-  } = e, h = He(e, An), v = a.toLowerCase() === "get" ? "get" : "post", x = Gn(i, {
+  } = e, h = Ge(e, An), v = a.toLowerCase() === "get" ? "get" : "post", x = Gn(i, {
     relative: f
   }), C = (O) => {
     if (s && s(O), O.defaultPrevented)
       return;
     O.preventDefault();
-    let P = O.nativeEvent.submitter, T = (P == null ? void 0 : P.getAttribute("formmethod")) || a;
-    c(P || O.currentTarget, {
+    let R = O.nativeEvent.submitter, T = (R == null ? void 0 : R.getAttribute("formmethod")) || a;
+    c(R || O.currentTarget, {
       method: T,
       replace: l,
       relative: f,
       preventScrollReset: d
     });
   };
-  return /* @__PURE__ */ _.createElement("form", ee({
+  return /* @__PURE__ */ b.createElement("form", te({
     ref: n,
     method: v,
     action: x,
@@ -1211,10 +1211,10 @@ const jt = /* @__PURE__ */ _.forwardRef((e, n) => {
 });
 process.env.NODE_ENV !== "production" && (jt.displayName = "FormImpl");
 process.env.NODE_ENV;
-var We;
+var Be;
 (function(e) {
   e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher";
-})(We || (We = {}));
+})(Be || (Be = {}));
 var Nt;
 (function(e) {
   e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
@@ -1223,7 +1223,7 @@ function Bn(e) {
   return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
 }
 function Yn(e) {
-  let n = _.useContext(Ne);
+  let n = b.useContext(Ee);
   return n || (process.env.NODE_ENV !== "production" ? I(!1, Bn(e)) : I(!1)), n;
 }
 function Jn(e, n) {
@@ -1233,13 +1233,13 @@ function Jn(e, n) {
     state: a,
     preventScrollReset: i,
     relative: s
-  } = n === void 0 ? {} : n, c = yn(), f = se(), d = ye(e, {
+  } = n === void 0 ? {} : n, c = yn(), f = ue(), d = xe(e, {
     relative: s
   });
-  return _.useCallback((h) => {
+  return b.useCallback((h) => {
     if (jn(h, r)) {
       h.preventDefault();
-      let v = l !== void 0 ? l : $e(f) === $e(d);
+      let v = l !== void 0 ? l : Ue(f) === Ue(d);
       c(e, {
         replace: v,
         state: a,
@@ -1256,10 +1256,10 @@ function Hn() {
 function zn() {
   let {
     router: e
-  } = Yn(We.UseSubmit), {
+  } = Yn(Be.UseSubmit), {
     basename: n
-  } = _.useContext(Q), r = Cn();
-  return _.useCallback(function(l, a) {
+  } = b.useContext(ee), r = Cn();
+  return b.useCallback(function(l, a) {
     a === void 0 && (a = {}), Hn();
     let {
       action: i,
@@ -1284,18 +1284,18 @@ function Gn(e, n) {
     relative: r
   } = n === void 0 ? {} : n, {
     basename: l
-  } = _.useContext(Q), a = _.useContext(re);
+  } = b.useContext(ee), a = b.useContext(ae);
   a || (process.env.NODE_ENV !== "production" ? I(!1, "useFormAction must be used inside a RouteContext") : I(!1));
-  let [i] = a.matches.slice(-1), s = ee({}, ye(e || ".", {
+  let [i] = a.matches.slice(-1), s = te({}, xe(e || ".", {
     relative: r
-  })), c = se();
+  })), c = ue();
   if (e == null && (s.search = c.search, s.hash = c.hash, i.route.index)) {
     let f = new URLSearchParams(s.search);
     f.delete("index"), s.search = f.toString() ? "?" + f.toString() : "";
   }
-  return (!e || e === ".") && i.route.index && (s.search = s.search ? s.search.replace(/^\?/, "?index&") : "?index"), l !== "/" && (s.pathname = s.pathname === "/" ? l : Be([l, s.pathname])), $e(s);
+  return (!e || e === ".") && i.route.index && (s.search = s.search ? s.search.replace(/^\?/, "?index&") : "?index"), l !== "/" && (s.pathname = s.pathname === "/" ? l : Je([l, s.pathname])), Ue(s);
 }
-const rr = H(
+const rr = z(
   ({ breadcrumbs: e, navigationType: n, className: r, ...l }, a) => {
     const i = e.slice(0, 4), s = i[i.length - 2], c = [
       r,
@@ -1307,7 +1307,7 @@ const rr = H(
         {
           className: "pkt-breadcrumbs__item",
           children: d === i.length - 1 ? /* @__PURE__ */ o("span", { className: "pkt-breadcrumbs__label", "aria-current": "true", children: /* @__PURE__ */ o("span", { className: "pkt-breadcrumbs__text", children: f.text }) }) : n === "router" ? /* @__PURE__ */ m(
-            _e,
+            ge,
             {
               to: f.href,
               className: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link",
@@ -1345,7 +1345,7 @@ const rr = H(
         `breadcrumb-${d}`
       )) }),
       n === "router" ? /* @__PURE__ */ m(
-        _e,
+        ge,
         {
           to: s.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
@@ -1381,7 +1381,7 @@ const rr = H(
       )
     ] });
   }
-), be = H(
+), Ne = z(
   ({
     children: e,
     className: n,
@@ -1409,7 +1409,7 @@ const rr = H(
     ] });
   }
 );
-be.displayName = "PktButton";
+Ne.displayName = "PktButton";
 const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
   var i, s;
   const a = [l, "pkt-footer"].filter(Boolean).join(" ");
@@ -1492,7 +1492,7 @@ const ar = ({ columnOne: e, columnTwo: n, socialLinks: r, className: l }) => {
         },
         `sociallinks-language-${f}`
       )) }),
-      /* @__PURE__ */ o("div", { className: "pkt-footer__social-icons", children: r.filter((c) => c.iconName).map((c, f) => /* @__PURE__ */ o(G.Fragment, { children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o("div", { className: "pkt-footer__social-icons", children: r.filter((c) => c.iconName).map((c, f) => /* @__PURE__ */ o(q.Fragment, { children: /* @__PURE__ */ o(
         "a",
         {
           href: c.href,
@@ -1577,7 +1577,7 @@ var Dt = { exports: {} };
   })();
 })(Dt);
 var Kn = Dt.exports;
-const Lt = /* @__PURE__ */ sn(Kn), lr = H(
+const Lt = /* @__PURE__ */ sn(Kn), lr = z(
   ({
     logoLink: e = "https://www.oslo.kommune.no/",
     serviceName: n,
@@ -1594,32 +1594,32 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = H(
     openMenu: x,
     logOut: C,
     changeRepresentation: O,
-    ...P
+    ...R
   }, T) => {
-    const R = G.useMemo(() => typeof (a == null ? void 0 : a.lastLoggedIn) == "string" ? a.lastLoggedIn : a != null && a.lastLoggedIn ? new Date(a.lastLoggedIn).toLocaleString("nb-NO", {
+    const P = q.useMemo(() => typeof (a == null ? void 0 : a.lastLoggedIn) == "string" ? a.lastLoggedIn : a != null && a.lastLoggedIn ? new Date(a.lastLoggedIn).toLocaleString("nb-NO", {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : "", [a]), [g, j] = G.useState(!1), [$, M] = G.useState(0), [A, z] = G.useState(!1), V = G.useRef(null);
-    G.useEffect(() => (document.addEventListener("mouseup", J), window.addEventListener("scroll", K), () => {
-      document.removeEventListener("mouseup", J), window.removeEventListener("scroll", K);
+    }) : "", [a]), [g, F] = q.useState(!1), [$, A] = q.useState(0), [U, G] = q.useState(!1), M = q.useRef(null);
+    q.useEffect(() => (document.addEventListener("mouseup", B), window.addEventListener("scroll", W), () => {
+      document.removeEventListener("mouseup", B), window.removeEventListener("scroll", W);
     }));
-    const W = () => {
-      z(!A);
-    }, J = (b) => {
-      V.current && !V.current.contains(b.target) && z(!1);
-    }, K = () => {
+    const K = () => {
+      G(!U);
+    }, B = (_) => {
+      M.current && !M.current.contains(_.target) && G(!1);
+    }, W = () => {
       if (l) {
-        const b = window.pageYOffset || document.documentElement.scrollTop;
-        if (b < 0 || Math.abs(b - $) < 60)
+        const _ = window.pageYOffset || document.documentElement.scrollTop;
+        if (_ < 0 || Math.abs(_ - $) < 60)
           return;
-        j(b > $), M(b);
+        F(_ > $), A(_);
       }
     };
     return /* @__PURE__ */ m(
       "header",
       {
-        ...P,
+        ...R,
         id: "pkt-header",
         "data-testid": "pkt-header",
         "aria-label": "Topp",
@@ -1660,7 +1660,7 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = H(
           ] }),
           /* @__PURE__ */ o("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ m("ul", { className: "pkt-header__actions-row", children: [
             h && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-              be,
+              Ne,
               {
                 className: "pkt-header__menu-btn",
                 skin: "secondary",
@@ -1674,8 +1674,8 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = H(
               "li",
               {
                 "data-testid": "usermenu",
-                className: `pkt-header--has-dropdown ${A && !g ? "pkt-header--open-dropdown" : ""}`,
-                ref: V,
+                className: `pkt-header--has-dropdown ${U && !g ? "pkt-header--open-dropdown" : ""}`,
+                ref: M,
                 children: [
                   /* @__PURE__ */ m(
                     "button",
@@ -1684,8 +1684,8 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = H(
                       type: "button",
                       role: "button",
                       "aria-controls": "pktUserDropdown",
-                      "aria-expanded": A,
-                      onClick: W,
+                      "aria-expanded": U,
+                      onClick: K,
                       children: [
                         /* @__PURE__ */ o(y, { name: "user", className: "pkt-btn__icon" }),
                         /* @__PURE__ */ o("span", { className: "pkt-header__user-fullname", children: (s == null ? void 0 : s.name) || (a == null ? void 0 : a.name) }),
@@ -1701,18 +1701,18 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = H(
                       /* @__PURE__ */ o("div", { className: "pkt-user-menu__name", children: a.name }),
                       a.lastLoggedIn && /* @__PURE__ */ m("div", { className: "pkt-user-menu__last-logged-in", children: [
                         "Sist pålogget: ",
-                        /* @__PURE__ */ o("time", { children: R })
+                        /* @__PURE__ */ o("time", { children: P })
                       ] })
                     ] }),
-                    i && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("ul", { className: "pkt-list", children: i.map((b, D) => /* @__PURE__ */ o("li", { children: typeof b.target == "string" ? /* @__PURE__ */ m("a", { href: b.target, className: "pkt-link", children: [
-                      b.iconName && /* @__PURE__ */ o(y, { name: b.iconName, className: "pkt-link__icon" }),
-                      b.title
-                    ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: b.target, children: [
-                      b.iconName && /* @__PURE__ */ o(y, { name: b.iconName, className: "pkt-link__icon" }),
-                      b.title
+                    i && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("ul", { className: "pkt-list", children: i.map((_, D) => /* @__PURE__ */ o("li", { children: typeof _.target == "string" ? /* @__PURE__ */ m("a", { href: _.target, className: "pkt-link", children: [
+                      _.iconName && /* @__PURE__ */ o(y, { name: _.iconName, className: "pkt-link__icon" }),
+                      _.title
+                    ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: _.target, children: [
+                      _.iconName && /* @__PURE__ */ o(y, { name: _.iconName, className: "pkt-link__icon" }),
+                      _.title
                     ] }) }, `userMenu-${D}`)) }) }),
                     (s || d) && /* @__PURE__ */ m("li", { children: [
-                      s && /* @__PURE__ */ m(X, { children: [
+                      s && /* @__PURE__ */ m(Z, { children: [
                         /* @__PURE__ */ o("div", { className: "pkt-user-menu__label", children: "Representerer" }),
                         /* @__PURE__ */ o("div", { className: "pkt-user-menu__name", children: s.name }),
                         s.orgNumber && /* @__PURE__ */ m("div", { className: "pkt-user-menu__org-number", children: [
@@ -1732,26 +1732,26 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = H(
                         }
                       ) }) })
                     ] }),
-                    /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("ul", { className: "pkt-list", children: (c || !v) && /* @__PURE__ */ m(X, { children: [
-                      c == null ? void 0 : c.map((b, D) => /* @__PURE__ */ o("li", { children: typeof b.target == "string" ? /* @__PURE__ */ m("a", { href: b.target, className: "pkt-link", children: [
-                        b.iconName && /* @__PURE__ */ o(y, { name: b.iconName, className: "pkt-link__icon" }),
-                        b.title
-                      ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: b.target, children: [
-                        b.iconName && /* @__PURE__ */ o(y, { name: b.iconName, className: "pkt-link__icon" }),
-                        b.title
+                    /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("ul", { className: "pkt-list", children: (c || !v) && /* @__PURE__ */ m(Z, { children: [
+                      c == null ? void 0 : c.map((_, D) => /* @__PURE__ */ o("li", { children: typeof _.target == "string" ? /* @__PURE__ */ m("a", { href: _.target, className: "pkt-link", children: [
+                        _.iconName && /* @__PURE__ */ o(y, { name: _.iconName, className: "pkt-link__icon" }),
+                        _.title
+                      ] }) : /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: _.target, children: [
+                        _.iconName && /* @__PURE__ */ o(y, { name: _.iconName, className: "pkt-link__icon" }),
+                        _.title
                       ] }) }, `userOptions-${D}`)),
                       !v && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ m("button", { className: "pkt-link-button pkt-link", onClick: C, children: [
                         /* @__PURE__ */ o(y, { name: "exit", className: "pkt-link__icon" }),
                         "Logg ut"
                       ] }) })
                     ] }) }) }),
-                    f && /* @__PURE__ */ o("li", { className: "footer", children: /* @__PURE__ */ o("ul", { className: "pkt-list-horizontal bordered", children: f.map((b, D) => /* @__PURE__ */ o("li", { children: typeof b.target == "string" ? /* @__PURE__ */ o("a", { href: b.target, className: "pkt-link", children: b.title }) : /* @__PURE__ */ o("button", { className: "pkt-link-button pkt-link", onClick: b.target, children: b.title }) }, `userMenuFooter-${D}`)) }) })
+                    f && /* @__PURE__ */ o("li", { className: "footer", children: /* @__PURE__ */ o("ul", { className: "pkt-list-horizontal bordered", children: f.map((_, D) => /* @__PURE__ */ o("li", { children: typeof _.target == "string" ? /* @__PURE__ */ o("a", { href: _.target, className: "pkt-link", children: _.title }) : /* @__PURE__ */ o("button", { className: "pkt-link-button pkt-link", onClick: _.target, children: _.title }) }, `userMenuFooter-${D}`)) }) })
                   ] })
                 ]
               }
             ),
             v && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-              be,
+              Ne,
               {
                 className: "pkt-header__user-btn pkt-header__user-btn-logout",
                 iconName: "exit",
@@ -1767,7 +1767,7 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = H(
       }
     );
   }
-), qn = G.forwardRef(
+), qn = q.forwardRef(
   ({ label: e, id: n, children: r, ...l }, a) => /* @__PURE__ */ m("div", { className: "pkt-form-group", children: [
     /* @__PURE__ */ o("label", { htmlFor: n, className: "pkt-form-label", children: e }),
     /* @__PURE__ */ o("input", { className: "pkt-form-input", id: n, ...l, ref: a }),
@@ -1775,7 +1775,7 @@ const Lt = /* @__PURE__ */ sn(Kn), lr = H(
   ] })
 );
 qn.displayName = "PktInput";
-const ze = H(
+const Ke = z(
   ({
     forId: e,
     label: n,
@@ -1783,85 +1783,87 @@ const ze = H(
     helptextDropdown: l,
     helptextDropdownButton: a,
     optional: i,
-    required: s,
-    hasError: c,
-    errorMessage: f,
-    disabled: d,
-    inline: h,
-    ariaDescribedby: v,
-    useWrapper: x = !0,
-    children: C,
-    className: O
+    optionalText: s = "Valgfritt",
+    required: c,
+    requiredText: f = "Må fylles ut",
+    hasError: d,
+    errorMessage: h,
+    disabled: v,
+    inline: x,
+    ariaDescribedby: C,
+    useWrapper: O = !0,
+    children: R,
+    className: T
   }, P) => {
-    const [T, R] = ie(!1), g = () => {
-      R(!T);
-    }, j = () => i ? "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" : "", $ = i ? "Valgfritt" : s ? "Må fylles ut" : "", M = d ? "pkt-inputwrapper--disabled" : "", A = h ? "pkt-inputwrapper--inline" : "", z = c ? "pkt-inputwrapper--error" : "", V = !!l && l !== "", W = a || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', J = V ? "div" : "label", K = V ? "h2" : "span", b = v || (r ? `${e}-helptext` : void 0);
+    const [g, F] = ce(!1), $ = () => {
+      F(!g);
+    }, A = () => i ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : c ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", U = i ? s : c ? f : "", G = v ? "pkt-inputwrapper--disabled" : "", M = x ? "pkt-inputwrapper--inline" : "", K = d ? "pkt-inputwrapper--error" : "", B = !!l && l !== "", W = a || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', _ = B ? "div" : "label", D = B ? "h2" : "span", Y = C || (r ? `${e}-helptext` : void 0);
     return /* @__PURE__ */ m(
       "div",
       {
-        className: ["pkt-inputwrapper", O, M, A, z].join(
+        className: ["pkt-inputwrapper", T, G, M, K].join(
           " "
         ),
         ref: P,
         children: [
-          x ? /* @__PURE__ */ m(X, { children: [
+          O ? /* @__PURE__ */ m(Z, { children: [
             /* @__PURE__ */ o(
-              J,
+              _,
               {
                 htmlFor: e,
                 className: "pkt-inputwrapper__label",
-                "aria-describedby": V ? "" : v,
-                children: /* @__PURE__ */ m(K, { id: `${e}-label`, children: [
+                "aria-describedby": B ? "" : C,
+                children: /* @__PURE__ */ m(D, { id: `${e}-label`, children: [
                   n,
-                  $ !== "" && /* @__PURE__ */ o("span", { className: j(), children: $ })
+                  U !== "" && /* @__PURE__ */ o("span", { className: A(), children: U })
                 ] })
               }
             ),
             r && /* @__PURE__ */ o("div", { className: "pkt-inputwrapper__helptext", id: `${e}-helptext`, children: r }),
-            V && l !== "" && /* @__PURE__ */ m("div", { children: [
+            B && l !== "" && /* @__PURE__ */ m("div", { children: [
               /* @__PURE__ */ o(
-                be,
+                Ne,
                 {
                   skin: "tertiary",
                   size: "small",
                   variant: "icon-right",
-                  iconName: T ? "chevron-thin-up" : "chevron-thin-down",
+                  iconName: g ? "chevron-thin-up" : "chevron-thin-down",
                   className: "pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",
-                  onClick: g,
+                  onClick: $,
                   children: /* @__PURE__ */ o("span", { dangerouslySetInnerHTML: { __html: W } })
                 }
               ),
               /* @__PURE__ */ o(
                 "div",
                 {
-                  className: `pkt-inputwrapper__helptext ${T ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
+                  className: `pkt-inputwrapper__helptext ${g ? "pkt-inputwrapper__helptext-expandable-open" : "pkt-inputwrapper__helptext-expandable-closed"}`,
                   children: /* @__PURE__ */ o("span", { dangerouslySetInnerHTML: { __html: l } })
                 }
               ),
-              /* @__PURE__ */ o("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": b, children: n })
+              /* @__PURE__ */ o("label", { htmlFor: e, className: "pkt-sr-only", "aria-describedby": Y, children: n })
             ] }),
-            /* @__PURE__ */ o(X, { children: C })
-          ] }) : /* @__PURE__ */ m(X, { children: [
+            /* @__PURE__ */ o(Z, { children: R })
+          ] }) : /* @__PURE__ */ m(Z, { children: [
             /* @__PURE__ */ o(
               "label",
               {
                 htmlFor: e,
                 className: "pkt-sr-only",
-                "aria-describedby": b,
+                "aria-describedby": Y,
                 id: `${e}-label`,
                 children: n
               }
             ),
-            C
+            R
           ] }),
-          c && /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(dn, { skin: "error", "aria-live": "assertive", children: f }) })
+          d && /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(dn, { skin: "error", "aria-live": "assertive", children: h }) })
         ]
       }
     );
   }
 );
-ze.displayName = "PktInputWrapper";
-const Xn = H(
+Ke.displayName = "PktInputWrapper";
+const Xn = z(
   ({
     children: e,
     className: n,
@@ -1905,17 +1907,17 @@ const ir = ({
     /* @__PURE__ */ o("div", { className: "pkt-messagebox__title", children: r }),
     /* @__PURE__ */ o("div", { className: "pkt-messagebox__text", children: e })
   ] });
-}, Zn = H(
+}, Zn = z(
   ({ id: e, name: n, label: r, value: l, ...a }, i) => /* @__PURE__ */ m("div", { className: "pkt-form-group", children: [
     /* @__PURE__ */ o("input", { type: "radio", className: "pkt-form-check-input", id: e, name: n, value: l, ref: i, ...a }),
     /* @__PURE__ */ o("label", { className: "pkt-form-label", htmlFor: e, children: r })
   ] })
 );
 Zn.displayName = "PktRadio";
-const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
+const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(Z, { children: [
   /* @__PURE__ */ o("p", { children: e }),
   /* @__PURE__ */ o("div", { className: "pkt-form-group", children: n })
-] }), Qn = ({ isResponsive: e, children: n }) => e ? /* @__PURE__ */ o("div", { className: "pkt-table-container", children: n }) : /* @__PURE__ */ o(X, { children: n }), cr = ({
+] }), Qn = ({ isResponsive: e, children: n }) => e ? /* @__PURE__ */ o("div", { className: "pkt-table-container", children: n }) : /* @__PURE__ */ o(Z, { children: n }), cr = ({
   isResponsive: e,
   modifiers: { info: n = !1, success: r = !1, strong: l = !1, shadow: a = !1 } = {},
   children: i
@@ -1930,7 +1932,7 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
     }),
     children: i
   }
-) }), ur = ({ children: e }) => /* @__PURE__ */ o("td", { className: "pkt-table__th", children: e }), fr = ({ children: e }) => /* @__PURE__ */ o("th", { className: "pkt-table__th", children: e }), er = H(({
+) }), ur = ({ children: e }) => /* @__PURE__ */ o("td", { className: "pkt-table__th", children: e }), fr = ({ children: e }) => /* @__PURE__ */ o("th", { className: "pkt-table__th", children: e }), er = z(({
   children: e,
   className: n,
   skin: r = "blue",
@@ -1943,15 +1945,15 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
   onClick: d = () => {
   }
 }, h) => {
-  const [v, x] = ie(!1), C = (R) => {
-    x(!0), d(R);
+  const [v, x] = ce(!1), C = (P) => {
+    x(!0), d(P);
   }, O = [
     "pkt-tag",
     a && `pkt-tag--${a}`,
     r && `pkt-tag--${r}`,
     l && `pkt-tag--${l}`,
     n
-  ].filter(Boolean).join(" "), P = [
+  ].filter(Boolean).join(" "), R = [
     "pkt-tag",
     "pkt-btn",
     "pkt-btn--tertiary",
@@ -1962,10 +1964,10 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
     i && !s ? "pkt-btn--icon-right" : null,
     n
   ].filter(Boolean).join(" "), T = !v;
-  return i && s ? /* @__PURE__ */ o(X, { children: T && /* @__PURE__ */ m(
+  return i && s ? /* @__PURE__ */ o(Z, { children: T && /* @__PURE__ */ m(
     "button",
     {
-      className: P,
+      className: R,
       type: c,
       "aria-label": f,
       onClick: C,
@@ -1976,10 +1978,10 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
         /* @__PURE__ */ o(y, { className: "pkt-tag__close-btn", name: "close" })
       ]
     }
-  ) }) : i ? /* @__PURE__ */ o(X, { children: T && /* @__PURE__ */ m(
+  ) }) : i ? /* @__PURE__ */ o(Z, { children: T && /* @__PURE__ */ m(
     "button",
     {
-      className: P,
+      className: R,
       type: c,
       "aria-label": f,
       onClick: C,
@@ -1995,7 +1997,7 @@ const sr = ({ label: e, children: n }) => /* @__PURE__ */ m(X, { children: [
   ] }) : /* @__PURE__ */ o("span", { className: O, children: e });
 });
 er.displayName = "PktTag";
-const pr = H(
+const pr = z(
   ({
     id: e,
     ariaDescribedby: n,
@@ -2012,27 +2014,29 @@ const pr = H(
     inline: x,
     label: C,
     name: O,
-    optional: P,
-    placeholder: T,
-    required: R,
-    rows: g,
-    useWrapper: j,
-    onChange: $,
-    ...M
-  }, A) => {
-    const z = [i, "pkt-textinput", "pkt-textarea"].join(" "), V = r || `${e}-label`, W = ln(null), [J, K] = ie(0), b = (D) => {
-      var B, Z;
-      if (l && K(((Z = (B = D.currentTarget) == null ? void 0 : B.value) == null ? void 0 : Z.length) || 0), $)
-        return $(D);
+    optional: R = !1,
+    optionalText: T,
+    required: P = !1,
+    requiredText: g,
+    placeholder: F,
+    rows: $,
+    useWrapper: A,
+    onChange: U,
+    ...G
+  }, M) => {
+    const K = [i, "pkt-textinput", "pkt-textarea"].join(" "), B = r || `${e}-label`, W = ln(null), [_, D] = ce(0), Y = (H) => {
+      var Q, oe;
+      if (l && D(((oe = (Q = H.currentTarget) == null ? void 0 : Q.value) == null ? void 0 : oe.length) || 0), U)
+        return U(H);
     };
     return yt(() => {
-      var D, B;
-      typeof A == "function" && A(W.current), l && K(((B = (D = W == null ? void 0 : W.current) == null ? void 0 : D.value) == null ? void 0 : B.length) || 0);
-    }, [A]), /* @__PURE__ */ m(
-      ze,
+      var H, Q;
+      typeof M == "function" && M(W.current), l && D(((Q = (H = W == null ? void 0 : W.current) == null ? void 0 : H.value) == null ? void 0 : Q.length) || 0);
+    }, [M]), /* @__PURE__ */ m(
+      Ke,
       {
         ariaDescribedby: n,
-        className: z,
+        className: K,
         disabled: s,
         errorMessage: c,
         forId: e,
@@ -2042,36 +2046,38 @@ const pr = H(
         helptextDropdownButton: v,
         inline: x,
         label: C,
-        optional: P,
-        required: R,
-        useWrapper: j,
+        optional: R,
+        optionalText: T,
+        required: P,
+        requiredText: g,
+        useWrapper: A,
         children: [
           /* @__PURE__ */ o(
             "textarea",
             {
               ref: W,
-              className: `pkt-input ${a && J > a ? "pkt-input--counter-error" : ""}`,
+              className: `pkt-input ${a && _ > a ? "pkt-input--counter-error" : ""}`,
               name: O || e,
               id: e,
-              placeholder: T,
+              placeholder: F,
               disabled: s,
-              rows: g,
-              "aria-labelledby": V,
+              rows: $,
+              "aria-labelledby": B,
               "aria-invalid": f,
-              "aria-required": R,
-              ...M,
-              onChange: b
+              "aria-required": P,
+              ...G,
+              onChange: Y
             }
           ),
           l && /* @__PURE__ */ m("div", { className: "pkt-input__counter", "aria-live": "polite", "aria-atomic": !0, children: [
-            J || 0,
+            _ || 0,
             a && `/${a}`
           ] })
         ]
       }
     );
   }
-), dr = H(
+), dr = z(
   ({
     id: e,
     ariaDescribedby: n,
@@ -2088,19 +2094,21 @@ const pr = H(
     inline: x = !1,
     label: C,
     name: O,
-    optional: P = !1,
-    placeholder: T,
-    prefix: R,
-    required: g = !1,
-    suffix: j,
-    type: $ = "text",
-    useWrapper: M = !0,
-    value: A,
-    ...z
-  }, V) => {
-    const W = [a, "pkt-textinput"].join(" "), J = r || `${e}-label`;
+    optional: R = !1,
+    optionalText: T,
+    required: P = !1,
+    requiredText: g,
+    placeholder: F,
+    prefix: $,
+    suffix: A,
+    type: U = "text",
+    useWrapper: G = !0,
+    value: M,
+    ...K
+  }, B) => {
+    const W = [a, "pkt-textinput"].join(" "), _ = r || `${e}-label`;
     return /* @__PURE__ */ o(
-      ze,
+      Ke,
       {
         ariaDescribedby: n,
         className: W,
@@ -2113,34 +2121,36 @@ const pr = H(
         helptextDropdownButton: h,
         inline: x,
         label: C,
-        optional: P,
-        required: g,
-        useWrapper: M,
+        optional: R,
+        optionalText: T,
+        required: P,
+        requiredText: g,
+        useWrapper: G,
         children: /* @__PURE__ */ m("div", { className: "pkt-input__container", children: [
-          R && /* @__PURE__ */ o("div", { className: "pkt-input-prefix", children: R }),
+          $ && /* @__PURE__ */ o("div", { className: "pkt-input-prefix", children: $ }),
           /* @__PURE__ */ o(
             "input",
             {
-              ref: V,
+              ref: B,
               className: "pkt-input",
-              type: $,
+              type: U,
               name: O || e,
               id: e,
-              placeholder: T,
+              placeholder: F,
               autoComplete: l,
-              value: A,
+              value: M,
               disabled: i,
-              "aria-required": g,
+              "aria-required": P,
               "aria-invalid": c,
-              "aria-labelledby": J,
-              ...z
+              "aria-labelledby": _,
+              ...K
             }
           ),
-          j && /* @__PURE__ */ m("p", { className: "pkt-input-suffix", children: [
-            j,
+          A && /* @__PURE__ */ m("p", { className: "pkt-input-suffix", children: [
+            A,
             v && /* @__PURE__ */ o(y, { className: "pkt-input-suffix-icon", name: v })
           ] }),
-          !j && v && /* @__PURE__ */ o(y, { className: "pkt-input-icon", name: v })
+          !A && v && /* @__PURE__ */ o(y, { className: "pkt-input-icon", name: v })
         ] })
       }
     );
@@ -2150,13 +2160,13 @@ export {
   dn as PktAlert,
   nr as PktBackLink,
   rr as PktBreadcrumbs,
-  be as PktButton,
+  Ne as PktButton,
   ar as PktFooter,
   or as PktFooterSimple,
   lr as PktHeader,
   y as PktIcon,
   qn as PktInput,
-  ze as PktInputWrapper,
+  Ke as PktInputWrapper,
   Xn as PktLinkCard,
   ir as PktMessagebox,
   Zn as PktRadio,