@oslokommune/punkt-react 11.2.2 → 11.3.0

package/dist/punkt-react.es.js

@@ -20,17 +20,17 @@ function mn() {
     return ce;
   vt = 1;
   var e = H, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(s, p, u) {
+  function s(c, p, u) {
     var d, k = {}, _ = null, P = null;
     u !== void 0 && (_ = "" + u), p.key !== void 0 && (_ = "" + p.key), p.ref !== void 0 && (P = p.ref);
     for (d in p)
       i.call(p, d) && !o.hasOwnProperty(d) && (k[d] = p[d]);
-    if (s && s.defaultProps)
-      for (d in p = s.defaultProps, p)
+    if (c && c.defaultProps)
+      for (d in p = c.defaultProps, p)
         k[d] === void 0 && (k[d] = p[d]);
-    return { $$typeof: n, type: s, key: _, ref: P, props: k, _owner: r.current };
+    return { $$typeof: n, type: c, key: _, ref: P, props: k, _owner: r.current };
   }
-  return ce.Fragment = a, ce.jsx = c, ce.jsxs = c, ce;
+  return ce.Fragment = a, ce.jsx = s, ce.jsxs = s, ce;
 }
 var ue = {};
 /**
@@ -45,7 +45,7 @@ var ue = {};
 var _t;
 function hn() {
   return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = H, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), s = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), R = Symbol.iterator, T = "@@iterator";
+    var e = H, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), R = Symbol.iterator, T = "@@iterator";
     function j(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -73,7 +73,7 @@ function hn() {
     var O = !1, U = !1, A = !1, V = !1, K = !1, W;
     W = Symbol.for("react.module.reference");
     function G(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === o || K || t === r || t === u || t === d || V || t === P || O || U || A || typeof t == "object" && t !== null && (t.$$typeof === _ || t.$$typeof === k || t.$$typeof === c || t.$$typeof === s || t.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === i || t === o || K || t === r || t === u || t === d || V || t === P || O || U || A || typeof t == "object" && t !== null && (t.$$typeof === _ || t.$$typeof === k || t.$$typeof === s || t.$$typeof === c || t.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -112,10 +112,10 @@ function hn() {
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case s:
+          case c:
             var f = t;
             return g(f) + ".Consumer";
-          case c:
+          case s:
             var m = t;
             return g(m._context) + ".Provider";
           case p:
@@ -631,12 +631,12 @@ Check the top-level render call using <` + m + ">.");
 }
 process.env.NODE_ENV === "production" ? Ve.exports = mn() : Ve.exports = hn();
 var Je = Ve.exports;
-const X = Je.Fragment, l = Je.jsx, h = Je.jsxs, Fe = {}, kn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', vn = "https://punkt-cdn.oslo.kommune.no/11.2/icons/", _n = (e, n) => (!Fe[e] && typeof window.fetch == "function" && (Fe[e] = window.fetch(n + e + ".svg").then((a) => a.ok ? a.text() : (console.error("Missing icon: " + n + e + ".svg"), kn)).then((a) => a)), Promise.resolve(Fe[e])), bn = {
+const X = Je.Fragment, l = Je.jsx, h = Je.jsxs, Fe = {}, kn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', vn = "https://punkt-cdn.oslo.kommune.no/11.3/icons/", _n = (e, n) => (!Fe[e] && typeof window.fetch == "function" && (Fe[e] = window.fetch(n + e + ".svg").then((a) => a.ok ? a.text() : (console.error("Missing icon: " + n + e + ".svg"), kn)).then((a) => a)), Promise.resolve(Fe[e])), bn = {
   fetchIcon: async (e, n) => _n(e, n || vn)
 }, gn = un(bn), E = ({ name: e, path: n, className: a = "", ...i }) => {
-  const [r, o] = de(null), c = pn(gn);
+  const [r, o] = de(null), s = pn(gn);
   return Ke(() => {
-    e ? c.fetchIcon(e, n).then(o) : o(null);
+    e ? s.fetchIcon(e, n).then(o) : o(null);
   }, [e, n]), r ? /* @__PURE__ */ l(
     "span",
     {
@@ -653,20 +653,20 @@ const X = Je.Fragment, l = Je.jsx, h = Je.jsxs, Fe = {}, kn = '<svg xmlns="http:
     closeAlert: i = !1,
     onClose: r,
     title: o,
-    date: c,
-    ariaLive: s = "polite",
-    slim: p = !1,
+    date: s,
+    ariaLive: c = "polite",
+    compact: p = !1,
     ...u
   }, d) => {
     const k = [
       n,
       "pkt-alert",
       a && `pkt-alert--${a}`,
-      p && "pkt-alert--slim"
+      p && "pkt-alert--compact"
     ].filter(Boolean).join(" "), [_, P] = de(!0), R = () => {
       P(!1), r && r();
     };
-    return _ ? /* @__PURE__ */ h("div", { ...u, className: k, "aria-live": s, ref: d, children: [
+    return _ ? /* @__PURE__ */ h("div", { ...u, className: k, "aria-live": c, ref: d, children: [
       /* @__PURE__ */ l(
         E,
         {
@@ -687,19 +687,19 @@ const X = Je.Fragment, l = Je.jsx, h = Je.jsxs, Fe = {}, kn = '<svg xmlns="http:
       ) }),
       o && /* @__PURE__ */ l("div", { className: "pkt-alert__title", children: o }),
       /* @__PURE__ */ l("div", { className: "pkt-alert__text", children: e }),
-      c && /* @__PURE__ */ h("div", { className: "pkt-alert__date", children: [
+      s && /* @__PURE__ */ h("div", { className: "pkt-alert__date", children: [
         "Sist oppdatert: ",
-        c
+        s
       ] })
     ] }) : null;
   }
 ), vr = M(
   ({ href: e, text: n, onClick: a, className: i, ...r }, o) => {
-    const c = [
+    const s = [
       i,
       "pkt-back-link"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l("nav", { ref: o, className: c, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ h("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: () => {
+    return /* @__PURE__ */ l("nav", { ref: o, className: s, "aria-label": "Gå tilbake et steg", children: /* @__PURE__ */ h("a", { href: e || "/", className: "pkt-link pkt-link--icon-left", onClick: () => {
       a && a();
     }, ...r, children: [
       /* @__PURE__ */ l(E, { className: "pkt-back-link__icon pkt-icon pkt-link__icon", name: "chevron-thin-left", "aria-hidden": "true" }),
@@ -775,7 +775,7 @@ function Nt(e, n) {
   let [a, i] = yn(e.path, e.caseSensitive, e.end), r = n.match(a);
   if (!r)
     return null;
-  let o = r[0], c = o.replace(/(.)\/+$/, "$1"), s = r.slice(1);
+  let o = r[0], s = o.replace(/(.)\/+$/, "$1"), c = r.slice(1);
   return {
     params: i.reduce((u, d, k) => {
       let {
@@ -783,21 +783,21 @@ function Nt(e, n) {
         isOptional: P
       } = d;
       if (_ === "*") {
-        let T = s[k] || "";
-        c = o.slice(0, o.length - T.length).replace(/(.)\/+$/, "$1");
+        let T = c[k] || "";
+        s = o.slice(0, o.length - T.length).replace(/(.)\/+$/, "$1");
       }
-      const R = s[k];
+      const R = c[k];
       return P && !R ? u[_] = void 0 : u[_] = wn(R || "", _), u;
     }, {}),
     pathname: o,
-    pathnameBase: c,
+    pathnameBase: s,
     pattern: e
   };
 }
 function yn(e, n, a) {
   n === void 0 && (n = !1), a === void 0 && (a = !0), le(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
-  let i = [], r = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:(\w+)(\?)?/g, (c, s, p) => (i.push({
-    paramName: s,
+  let i = [], r = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:(\w+)(\?)?/g, (s, c, p) => (i.push({
+    paramName: c,
     isOptional: p != null
   }), p ? "/?([^\\/]+)?" : "/([^\\/]+)"));
   return e.endsWith("*") ? (i.push({
@@ -852,29 +852,29 @@ function Ct(e, n, a, i) {
   i === void 0 && (i = !1);
   let r;
   typeof e == "string" ? r = Et(e) : (r = We({}, e), I(!r.pathname || !r.pathname.includes("?"), Ue("?", "pathname", "search", r)), I(!r.pathname || !r.pathname.includes("#"), Ue("#", "pathname", "hash", r)), I(!r.search || !r.search.includes("#"), Ue("#", "search", "hash", r)));
-  let o = e === "" || r.pathname === "", c = o ? "/" : r.pathname, s;
-  if (c == null)
-    s = a;
+  let o = e === "" || r.pathname === "", s = o ? "/" : r.pathname, c;
+  if (s == null)
+    c = a;
   else if (i) {
     let k = n.length === 0 ? [] : n[n.length - 1].replace(/^\//, "").split("/");
-    if (c.startsWith("..")) {
-      let _ = c.split("/");
+    if (s.startsWith("..")) {
+      let _ = s.split("/");
       for (; _[0] === ".."; )
         _.shift(), k.pop();
       r.pathname = _.join("/");
     }
-    s = "/" + k.join("/");
+    c = "/" + k.join("/");
   } else {
     let k = n.length - 1;
-    if (c.startsWith("..")) {
-      let _ = c.split("/");
+    if (s.startsWith("..")) {
+      let _ = s.split("/");
       for (; _[0] === ".."; )
         _.shift(), k -= 1;
       r.pathname = _.join("/");
     }
-    s = k >= 0 ? n[k] : "/";
+    c = k >= 0 ? n[k] : "/";
   }
-  let p = En(r, s), u = c && c !== "/" && c.endsWith("/"), d = (o || c === ".") && a.endsWith("/");
+  let p = En(r, c), u = s && s !== "/" && s.endsWith("/"), d = (o || s === ".") && a.endsWith("/");
   return !p.pathname.endsWith("/") && (u || d) && (p.pathname += "/"), p;
 }
 const ze = (e) => e.join("/").replace(/\/\/+/g, "/"), Rn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Pn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, Rt = ["post", "put", "patch", "delete"];
@@ -934,14 +934,14 @@ function $n(e, n) {
     navigator: r
   } = N.useContext(Q), {
     hash: o,
-    pathname: c,
-    search: s
+    pathname: s,
+    search: c
   } = he(e, {
     relative: a
-  }), p = c;
-  return i !== "/" && (p = c === "/" ? i : ze([i, c])), r.createHref({
+  }), p = s;
+  return i !== "/" && (p = s === "/" ? i : ze([i, s])), r.createHref({
     pathname: p,
-    search: s,
+    search: c,
     hash: o
   });
 }
@@ -981,19 +981,19 @@ function Dn() {
     matches: r
   } = N.useContext(ie), {
     pathname: o
-  } = me(), c = JSON.stringify(xt(r, a.v7_relativeSplatPath)), s = N.useRef(!1);
+  } = me(), s = JSON.stringify(xt(r, a.v7_relativeSplatPath)), c = N.useRef(!1);
   return Tt(() => {
-    s.current = !0;
+    c.current = !0;
   }), N.useCallback(function(u, d) {
-    if (d === void 0 && (d = {}), process.env.NODE_ENV !== "production" && le(s.current, St), !s.current)
+    if (d === void 0 && (d = {}), process.env.NODE_ENV !== "production" && le(c.current, St), !c.current)
       return;
     if (typeof u == "number") {
       i.go(u);
       return;
     }
-    let k = Ct(u, JSON.parse(c), o, d.relative === "path");
+    let k = Ct(u, JSON.parse(s), o, d.relative === "path");
     e == null && n !== "/" && (k.pathname = k.pathname === "/" ? n : ze([n, k.pathname])), (d.replace ? i.replace : i.push)(k, d.state, d);
-  }, [n, i, c, o, e]);
+  }, [n, i, s, o, e]);
 }
 function he(e, n) {
   let {
@@ -1004,8 +1004,8 @@ function he(e, n) {
     matches: r
   } = N.useContext(ie), {
     pathname: o
-  } = me(), c = JSON.stringify(xt(r, i.v7_relativeSplatPath));
-  return N.useMemo(() => Ct(e, JSON.parse(c), o, a === "path"), [e, c, o, a]);
+  } = me(), s = JSON.stringify(xt(r, i.v7_relativeSplatPath));
+  return N.useMemo(() => Ct(e, JSON.parse(s), o, a === "path"), [e, s, o, a]);
 }
 var Ot = /* @__PURE__ */ function(e) {
   return e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e;
@@ -1112,16 +1112,16 @@ function Ae(e) {
   return e != null && !Kn.has(e) ? (process.env.NODE_ENV !== "production" && le(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + we + '"')), null) : e;
 }
 function Jn(e, n) {
-  let a, i, r, o, c;
+  let a, i, r, o, s;
   if (Vn(e)) {
-    let s = e.getAttribute("action");
-    i = s ? pe(s, n) : null, a = e.getAttribute("method") || ye, r = Ae(e.getAttribute("enctype")) || we, o = new FormData(e);
+    let c = e.getAttribute("action");
+    i = c ? pe(c, n) : null, a = e.getAttribute("method") || ye, r = Ae(e.getAttribute("enctype")) || we, o = new FormData(e);
   } else if (An(e) || Wn(e) && (e.type === "submit" || e.type === "image")) {
-    let s = e.form;
-    if (s == null)
+    let c = e.form;
+    if (c == null)
       throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
-    let p = e.getAttribute("formaction") || s.getAttribute("action");
-    if (i = p ? pe(p, n) : null, a = e.getAttribute("formmethod") || s.getAttribute("method") || ye, r = Ae(e.getAttribute("formenctype")) || Ae(s.getAttribute("enctype")) || we, o = new FormData(s, e), !Yn()) {
+    let p = e.getAttribute("formaction") || c.getAttribute("action");
+    if (i = p ? pe(p, n) : null, a = e.getAttribute("formmethod") || c.getAttribute("method") || ye, r = Ae(e.getAttribute("formenctype")) || Ae(c.getAttribute("enctype")) || we, o = new FormData(c, e), !Yn()) {
       let {
         name: u,
         type: d,
@@ -1136,14 +1136,14 @@ function Jn(e, n) {
   } else {
     if (Re(e))
       throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    a = ye, i = null, r = we, c = e;
+    a = ye, i = null, r = we, s = e;
   }
-  return o && r === "text/plain" && (c = o, o = void 0), {
+  return o && r === "text/plain" && (s = o, o = void 0), {
     action: i,
     method: a.toLowerCase(),
     encType: r,
     formData: o,
-    body: c
+    body: s
   };
 }
 const zn = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "unstable_viewTransition"], Gn = ["aria-current", "caseSensitive", "className", "end", "style", "to", "unstable_viewTransition", "children"], qn = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "unstable_viewTransition"], Dt = /* @__PURE__ */ N.createContext({
@@ -1158,8 +1158,8 @@ const Xn = typeof window < "u" && typeof window.document < "u" && typeof window.
     onClick: i,
     relative: r,
     reloadDocument: o,
-    replace: c,
-    state: s,
+    replace: s,
+    state: c,
     target: p,
     to: u,
     preventScrollReset: d,
@@ -1177,8 +1177,8 @@ const Xn = typeof window < "u" && typeof window.document < "u" && typeof window.
   let j = $n(u, {
     relative: r
   }), y = nr(u, {
-    replace: c,
-    state: s,
+    replace: s,
+    state: c,
     target: p,
     preventScrollReset: d,
     relative: r,
@@ -1203,8 +1203,8 @@ const Qn = /* @__PURE__ */ N.forwardRef(function(n, a) {
     "aria-current": i = "page",
     caseSensitive: r = !1,
     className: o = "",
-    end: c = !1,
-    style: s,
+    end: s = !1,
+    style: c,
     to: p,
     unstable_viewTransition: u,
     children: d
@@ -1217,13 +1217,13 @@ const Qn = /* @__PURE__ */ N.forwardRef(function(n, a) {
   sr(_) && u === !0, y = T.encodeLocation ? T.encodeLocation(_).pathname : _.pathname, w = P.pathname, v = R && R.navigation && R.navigation.location ? R.navigation.location.pathname : null;
   r || (w = w.toLowerCase(), v = v ? v.toLowerCase() : null, y = y.toLowerCase());
   const O = y !== "/" && y.endsWith("/") ? y.length - 1 : y.length;
-  let U = w === y || !c && w.startsWith(y) && w.charAt(O) === "/", A = v != null && (v === y || !c && v.startsWith(y) && v.charAt(y.length) === "/"), V = {
+  let U = w === y || !s && w.startsWith(y) && w.charAt(O) === "/", A = v != null && (v === y || !s && v.startsWith(y) && v.charAt(y.length) === "/"), V = {
     isActive: U,
     isPending: A,
     isTransitioning: j
   }, K = U ? i : void 0, W;
   typeof o == "function" ? W = o(V) : W = [o, U ? "active" : null, A ? "pending" : null, j ? "transitioning" : null].filter(Boolean).join(" ");
-  let G = typeof s == "function" ? s(V) : s;
+  let G = typeof c == "function" ? c(V) : c;
   return /* @__PURE__ */ N.createElement(Ee, ae({}, k, {
     "aria-current": K,
     className: W,
@@ -1240,8 +1240,8 @@ const er = /* @__PURE__ */ N.forwardRef((e, n) => {
     navigate: i,
     reloadDocument: r,
     replace: o,
-    state: c,
-    method: s = ye,
+    state: s,
+    method: c = ye,
     action: p,
     onSubmit: u,
     relative: d,
@@ -1249,17 +1249,17 @@ const er = /* @__PURE__ */ N.forwardRef((e, n) => {
     unstable_viewTransition: _
   } = e, P = Xe(e, qn), R = ir(), T = or(p, {
     relative: d
-  }), j = s.toLowerCase() === "get" ? "get" : "post", y = (w) => {
+  }), j = c.toLowerCase() === "get" ? "get" : "post", y = (w) => {
     if (u && u(w), w.defaultPrevented)
       return;
     w.preventDefault();
-    let v = w.nativeEvent.submitter, O = (v == null ? void 0 : v.getAttribute("formmethod")) || s;
+    let v = w.nativeEvent.submitter, O = (v == null ? void 0 : v.getAttribute("formmethod")) || c;
     R(v || w.currentTarget, {
       fetcherKey: a,
       method: O,
       navigate: i,
       replace: o,
-      state: c,
+      state: s,
       relative: d,
       preventScrollReset: k,
       unstable_viewTransition: _
@@ -1295,10 +1295,10 @@ function nr(e, n) {
     replace: i,
     state: r,
     preventScrollReset: o,
-    relative: c,
-    unstable_viewTransition: s
+    relative: s,
+    unstable_viewTransition: c
   } = n === void 0 ? {} : n, p = jn(), u = me(), d = he(e, {
-    relative: c
+    relative: s
   });
   return N.useCallback((k) => {
     if (Mn(k, a)) {
@@ -1308,11 +1308,11 @@ function nr(e, n) {
         replace: _,
         state: r,
         preventScrollReset: o,
-        relative: c,
-        unstable_viewTransition: s
+        relative: s,
+        unstable_viewTransition: c
       });
     }
-  }, [u, p, d, i, r, a, e, o, c, s]);
+  }, [u, p, d, i, r, a, e, o, s, c]);
 }
 function rr() {
   if (typeof document > "u")
@@ -1329,8 +1329,8 @@ function ir() {
     r === void 0 && (r = {}), rr();
     let {
       action: o,
-      method: c,
-      encType: s,
+      method: s,
+      encType: c,
       formData: p,
       body: u
     } = Jn(i, n);
@@ -1340,8 +1340,8 @@ function ir() {
         preventScrollReset: r.preventScrollReset,
         formData: p,
         body: u,
-        formMethod: r.method || c,
-        formEncType: r.encType || s,
+        formMethod: r.method || s,
+        formEncType: r.encType || c,
         unstable_flushSync: r.unstable_flushSync
       });
     } else
@@ -1349,8 +1349,8 @@ function ir() {
         preventScrollReset: r.preventScrollReset,
         formData: p,
         body: u,
-        formMethod: r.method || c,
-        formEncType: r.encType || s,
+        formMethod: r.method || s,
+        formEncType: r.encType || c,
         replace: r.replace,
         state: r.state,
         fromRouteId: a,
@@ -1366,15 +1366,15 @@ function or(e, n) {
     basename: i
   } = N.useContext(Q), r = N.useContext(ie);
   r || (process.env.NODE_ENV !== "production" ? I(!1, "useFormAction must be used inside a RouteContext") : I(!1));
-  let [o] = r.matches.slice(-1), c = ae({}, he(e || ".", {
+  let [o] = r.matches.slice(-1), s = ae({}, he(e || ".", {
     relative: a
-  })), s = me();
+  })), c = me();
   if (e == null) {
-    c.search = s.search;
-    let p = new URLSearchParams(c.search);
-    p.has("index") && p.get("index") === "" && (p.delete("index"), c.search = p.toString() ? "?" + p.toString() : "");
+    s.search = c.search;
+    let p = new URLSearchParams(s.search);
+    p.has("index") && p.get("index") === "" && (p.delete("index"), s.search = p.toString() ? "?" + p.toString() : "");
   }
-  return (!e || e === ".") && o.route.index && (c.search = c.search ? c.search.replace(/^\?/, "?index&") : "?index"), i !== "/" && (c.pathname = c.pathname === "/" ? i : ze([i, c.pathname])), Be(c);
+  return (!e || e === ".") && o.route.index && (s.search = s.search ? s.search.replace(/^\?/, "?index&") : "?index"), i !== "/" && (s.pathname = s.pathname === "/" ? i : ze([i, s.pathname])), Be(s);
 }
 function sr(e, n) {
   n === void 0 && (n = {});
@@ -1387,16 +1387,16 @@ function sr(e, n) {
   });
   if (!a.isTransitioning)
     return !1;
-  let o = pe(a.currentLocation.pathname, i) || a.currentLocation.pathname, c = pe(a.nextLocation.pathname, i) || a.nextLocation.pathname;
-  return Nt(r.pathname, c) != null || Nt(r.pathname, o) != null;
+  let o = pe(a.currentLocation.pathname, i) || a.currentLocation.pathname, s = pe(a.nextLocation.pathname, i) || a.nextLocation.pathname;
+  return Nt(r.pathname, s) != null || Nt(r.pathname, o) != null;
 }
 const _r = M(
   ({ breadcrumbs: e, navigationType: n, className: a, ...i }, r) => {
-    const o = e.slice(0, 4), c = o[o.length - 2], s = [
+    const o = e.slice(0, 4), s = o[o.length - 2], c = [
       a,
       "pkt-breadcrumbs"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ h("nav", { ref: r, "aria-label": "brødsmulemeny", className: s, children: [
+    return /* @__PURE__ */ h("nav", { ref: r, "aria-label": "brødsmulemeny", className: c, children: [
       /* @__PURE__ */ l("ol", { className: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop", children: o.map((p, u) => /* @__PURE__ */ l(
         "li",
         {
@@ -1442,7 +1442,7 @@ const _r = M(
       n === "router" ? /* @__PURE__ */ h(
         Ee,
         {
-          to: c.href,
+          to: s.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
           ...i,
           children: [
@@ -1453,13 +1453,13 @@ const _r = M(
                 name: "chevron-thin-left"
               }
             ),
-            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: c.text })
+            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: s.text })
           ]
         }
       ) : /* @__PURE__ */ h(
         "a",
         {
-          href: c.href,
+          href: s.href,
           className: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile",
           ...i,
           children: [
@@ -1470,7 +1470,7 @@ const _r = M(
                 name: "chevron-thin-left"
               }
             ),
-            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: c.text })
+            /* @__PURE__ */ l("span", { className: "pkt-breadcrumbs__text", children: s.text })
           ]
         }
       )
@@ -1484,8 +1484,8 @@ const _r = M(
     secondIconName: i = "user",
     size: r = "medium",
     skin: o = "primary",
-    type: c = "button",
-    variant: s = "label-only",
+    type: s = "button",
+    variant: c = "label-only",
     color: p,
     ...u
   }, d) => {
@@ -1494,13 +1494,13 @@ const _r = M(
       "pkt-btn",
       r && `pkt-btn--${r}`,
       o && `pkt-btn--${o}`,
-      s && `pkt-btn--${s}`,
+      c && `pkt-btn--${c}`,
       p && `pkt-btn--${p}`
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ h("button", { ...u, className: k, type: c, ref: d, children: [
-      s !== "label-only" && /* @__PURE__ */ l(E, { className: "pkt-btn__icon", name: a }),
+    return /* @__PURE__ */ h("button", { ...u, className: k, type: s, ref: d, children: [
+      c !== "label-only" && /* @__PURE__ */ l(E, { className: "pkt-btn__icon", name: a }),
       /* @__PURE__ */ l("span", { className: "pkt-btn__text", children: e }),
-      s === "icons-right-and-left" && /* @__PURE__ */ l(E, { className: "pkt-btn__icon", name: i })
+      c === "icons-right-and-left" && /* @__PURE__ */ l(E, { className: "pkt-btn__icon", name: i })
     ] });
   }
 );
@@ -1513,11 +1513,11 @@ const cr = M(
     label: i,
     checkHelptext: r,
     hasError: o = !1,
-    className: c,
-    ...s
+    className: s,
+    ...c
   }, p) => {
     const u = [
-      c,
+      s,
       "pkt-input-check"
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ l("div", { className: u, children: /* @__PURE__ */ h("div", { className: `pkt-input-check__input ${n ? "pkt-input-check__input--tile" : ""} ${a && n ? "pkt-input-check__input--tile-disabled" : ""}`, children: [
@@ -1529,7 +1529,7 @@ const cr = M(
           type: "checkbox",
           id: e,
           disabled: a,
-          ...s
+          ...c
         }
       ),
       /* @__PURE__ */ h("label", { className: "pkt-input-check__input-label", htmlFor: e, children: [
@@ -1548,15 +1548,15 @@ const br = ({
   personvernOgInfoLink: r = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
   tilgjengelighetLink: o = "https://www.oslo.kommune.no/tilgjengelighet/"
 }) => {
-  var s, p;
-  const c = [i, "pkt-footer"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ l("footer", { className: c, "data-mode": "dark", children: /* @__PURE__ */ h("div", { className: "pkt-footer__container", children: [
+  var c, p;
+  const s = [i, "pkt-footer"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("footer", { className: s, "data-mode": "dark", children: /* @__PURE__ */ h("div", { className: "pkt-footer__container", children: [
     /* @__PURE__ */ h("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
       /* @__PURE__ */ h("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
         /* @__PURE__ */ l("h2", { className: "pkt-footer__title", children: e.title }),
         /* @__PURE__ */ h("ul", { className: "pkt-footer__list", children: [
           e.text && /* @__PURE__ */ l("li", { className: "pkt-footer__text", children: e.text }),
-          (s = e.links) == null ? void 0 : s.map((u, d) => /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ h(
+          (c = e.links) == null ? void 0 : c.map((u, d) => /* @__PURE__ */ l("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ h(
             "a",
             {
               className: `pkt-footer__link ${u.external ? "pkt-link--external" : ""}`,
@@ -1650,7 +1650,7 @@ const br = ({
 }) => {
   const r = [i, "pkt-footer-simple"].filter(Boolean).join(" ");
   return /* @__PURE__ */ l("footer", { className: r, "data-mode": "dark", children: /* @__PURE__ */ l("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ h("ul", { className: "pkt-footer-simple__list", children: [
-    e.map((o, c) => /* @__PURE__ */ l("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ h(
+    e.map((o, s) => /* @__PURE__ */ l("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ h(
       "a",
       {
         className: `pkt-footer-simple__link ${o.external ? " pkt-link--external" : ""}`,
@@ -1668,7 +1668,7 @@ const br = ({
           o.text
         ]
       }
-    ) }, c)),
+    ) }, s)),
     /* @__PURE__ */ l("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ h("a", { className: "pkt-footer-simple__link", href: n, children: [
       /* @__PURE__ */ l(E, { className: "pkt-footer-simple__link-icon", name: "chevron-right" }),
       "Personvern og informasjonskapsler"
@@ -1692,15 +1692,15 @@ var It = { exports: {} };
       for (var i = [], r = 0; r < arguments.length; r++) {
         var o = arguments[r];
         if (o) {
-          var c = typeof o;
-          if (c === "string" || c === "number")
+          var s = typeof o;
+          if (s === "string" || s === "number")
             i.push(o);
           else if (Array.isArray(o)) {
             if (o.length) {
-              var s = a.apply(null, o);
-              s && i.push(s);
+              var c = a.apply(null, o);
+              c && i.push(c);
             }
-          } else if (c === "object") {
+          } else if (s === "object") {
             if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
               i.push(o.toString());
               continue;
@@ -1724,8 +1724,8 @@ const Ft = /* @__PURE__ */ dn(ur), Nr = M(
     scrollToHide: i = !0,
     user: r,
     userMenu: o,
-    representing: c,
-    userOptions: s,
+    representing: s,
+    userOptions: c,
     userMenuFooter: p,
     canChangeRepresentation: u = !0,
     showMenuButton: d = !1,
@@ -1776,7 +1776,7 @@ const Ft = /* @__PURE__ */ dn(ur), Nr = M(
                 name: "oslologo",
                 className: "pkt-header__logo-svg",
                 "aria-hidden": "true",
-                path: "https://punkt-cdn.oslo.kommune.no/11.2/logos/"
+                path: "https://punkt-cdn.oslo.kommune.no/11.3/logos/"
               }
             ) }) : /* @__PURE__ */ l(
               "button",
@@ -1790,7 +1790,7 @@ const Ft = /* @__PURE__ */ dn(ur), Nr = M(
                     name: "oslologo",
                     className: "pkt-header__logo-svg",
                     "aria-hidden": "true",
-                    path: "https://punkt-cdn.oslo.kommune.no/11.2/logos/"
+                    path: "https://punkt-cdn.oslo.kommune.no/11.3/logos/"
                   }
                 )
               }
@@ -1809,7 +1809,7 @@ const Ft = /* @__PURE__ */ dn(ur), Nr = M(
                 children: "Meny"
               }
             ) }),
-            (r || c) && /* @__PURE__ */ h(
+            (r || s) && /* @__PURE__ */ h(
               "li",
               {
                 "data-testid": "usermenu",
@@ -1827,8 +1827,8 @@ const Ft = /* @__PURE__ */ dn(ur), Nr = M(
                       onClick: W,
                       children: [
                         /* @__PURE__ */ l(E, { name: "user", className: "pkt-btn__icon" }),
-                        /* @__PURE__ */ l("span", { className: "pkt-header__user-fullname", children: (c == null ? void 0 : c.name) || (r == null ? void 0 : r.name) }),
-                        /* @__PURE__ */ l("span", { className: "pkt-header__user-shortname", children: (c == null ? void 0 : c.shortname) || (r == null ? void 0 : r.shortname) }),
+                        /* @__PURE__ */ l("span", { className: "pkt-header__user-fullname", children: (s == null ? void 0 : s.name) || (r == null ? void 0 : r.name) }),
+                        /* @__PURE__ */ l("span", { className: "pkt-header__user-shortname", children: (s == null ? void 0 : s.shortname) || (r == null ? void 0 : r.shortname) }),
                         /* @__PURE__ */ l(E, { name: "chevron-thin-down", className: "pkt-btn--closed" }),
                         /* @__PURE__ */ l(E, { name: "chevron-thin-up", className: "pkt-btn--open" })
                       ]
@@ -1850,13 +1850,13 @@ const Ft = /* @__PURE__ */ dn(ur), Nr = M(
                       g.iconName && /* @__PURE__ */ l(E, { name: g.iconName, className: "pkt-link__icon" }),
                       g.title
                     ] }) }, `userMenu-${D}`)) }) }),
-                    (c || u) && /* @__PURE__ */ h("li", { children: [
-                      c && /* @__PURE__ */ h(X, { children: [
+                    (s || u) && /* @__PURE__ */ h("li", { children: [
+                      s && /* @__PURE__ */ h(X, { children: [
                         /* @__PURE__ */ l("div", { className: "pkt-user-menu__label", children: "Representerer" }),
-                        /* @__PURE__ */ l("div", { className: "pkt-user-menu__name", children: c.name }),
-                        c.orgNumber && /* @__PURE__ */ h("div", { className: "pkt-user-menu__org-number", children: [
+                        /* @__PURE__ */ l("div", { className: "pkt-user-menu__name", children: s.name }),
+                        s.orgNumber && /* @__PURE__ */ h("div", { className: "pkt-user-menu__org-number", children: [
                           "Org.nr. ",
-                          c.orgNumber
+                          s.orgNumber
                         ] })
                       ] }),
                       /* @__PURE__ */ l("ul", { className: "pkt-list mt-size-16", children: u && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ h(
@@ -1871,8 +1871,8 @@ const Ft = /* @__PURE__ */ dn(ur), Nr = M(
                         }
                       ) }) })
                     ] }),
-                    /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("ul", { className: "pkt-list", children: (s || !k) && /* @__PURE__ */ h(X, { children: [
-                      s == null ? void 0 : s.map((g, D) => /* @__PURE__ */ l("li", { children: typeof g.target == "string" ? /* @__PURE__ */ h("a", { href: g.target, className: "pkt-link", children: [
+                    /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("ul", { className: "pkt-list", children: (c || !k) && /* @__PURE__ */ h(X, { children: [
+                      c == null ? void 0 : c.map((g, D) => /* @__PURE__ */ l("li", { children: typeof g.target == "string" ? /* @__PURE__ */ h("a", { href: g.target, className: "pkt-link", children: [
                         g.iconName && /* @__PURE__ */ l(E, { name: g.iconName, className: "pkt-link__icon" }),
                         g.title
                       ] }) : /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: g.target, children: [
@@ -1922,8 +1922,8 @@ const Pe = M(
     helptextDropdown: i,
     helptextDropdownButton: r,
     optionalTag: o = !1,
-    optionalText: c = "Valgfritt",
-    requiredTag: s = !1,
+    optionalText: s = "Valgfritt",
+    requiredTag: c = !1,
     requiredText: p = "Må fylles ut",
     hasError: u,
     errorMessage: d,
@@ -1937,7 +1937,7 @@ const Pe = M(
   }, w) => {
     const [v, O] = de(!1), U = () => {
       O(!v);
-    }, A = () => o ? "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" : "", V = o ? c : s ? p : "", K = k ? "pkt-inputwrapper--disabled" : "", W = _ ? "pkt-inputwrapper--inline" : "", G = u ? "pkt-inputwrapper--error" : "", J = !!i && i !== "", g = r || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', D = y ? "fieldset" : J ? "div" : "label", Y = y ? "legend" : J ? "h2" : "span", z = P || (a ? `${e}-helptext` : void 0);
+    }, A = () => o ? "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" : "", V = o ? s : c ? p : "", K = k ? "pkt-inputwrapper--disabled" : "", W = _ ? "pkt-inputwrapper--inline" : "", G = u ? "pkt-inputwrapper--error" : "", J = !!i && i !== "", g = r || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>', D = y ? "fieldset" : J ? "div" : "label", Y = y ? "legend" : J ? "h2" : "span", z = P || (a ? `${e}-helptext` : void 0);
     return /* @__PURE__ */ h(
       "div",
       {
@@ -2010,7 +2010,7 @@ const Pe = M(
             ),
             T
           ] }),
-          u && d && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Nn, { skin: "error", "aria-live": "assertive", id: `${e}-error`, slim: !0, children: d }) })
+          u && d && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Nn, { skin: "error", "aria-live": "assertive", id: `${e}-error`, compact: !0, children: d }) })
         ]
       }
     );
@@ -2025,8 +2025,8 @@ const fr = M(
     openInNewTab: i = !1,
     skin: r = "normal",
     href: o = "#",
-    external: c = !1,
-    title: s,
+    external: s = !1,
+    title: c,
     ...p
   }, u) => {
     const d = [n, "pkt-linkcard", r && `pkt-linkcard--${r}`].filter(Boolean).join(" ");
@@ -2042,7 +2042,7 @@ const fr = M(
         children: [
           /* @__PURE__ */ l(E, { className: "pkt-link__icon", name: a }),
           /* @__PURE__ */ h("div", { className: "pkt-linkcard__content", children: [
-            /* @__PURE__ */ l("div", { className: `pkt-linkcard__title ${c ? "pkt-link pkt-link--external" : ""}`, children: s }),
+            /* @__PURE__ */ l("div", { className: `pkt-linkcard__title ${s ? "pkt-link pkt-link--external" : ""}`, children: c }),
             /* @__PURE__ */ l("div", { className: "pkt-linkcard__text", children: e })
           ] })
         ]
@@ -2053,14 +2053,20 @@ const fr = M(
 fr.displayName = "PktLinkCard";
 const yr = ({
   children: e,
-  skin: n = "beige",
-  title: a,
-  className: i,
-  ...r
+  className: n,
+  compact: a = !1,
+  skin: i = "beige",
+  title: r,
+  ...o
 }) => {
-  const o = ["pkt-messagebox", n && `pkt-messagebox--${n}`, i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h("div", { ...r, className: o, children: [
-    a && /* @__PURE__ */ l("div", { className: "pkt-messagebox__title", children: a }),
+  const s = [
+    n,
+    "pkt-messagebox",
+    i && `pkt-messagebox--${i}`,
+    a && "pkt-messagebox--compact"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("div", { ...o, className: s, children: [
+    r && /* @__PURE__ */ l("div", { className: "pkt-messagebox__title", children: r }),
     /* @__PURE__ */ l("div", { className: "pkt-messagebox__text", children: e })
   ] });
 }, dr = M(
@@ -2071,8 +2077,8 @@ const yr = ({
     className: i,
     hasTile: r = !1,
     disabled: o = !1,
-    checkHelptext: c,
-    hasError: s = !1,
+    checkHelptext: s,
+    hasError: c = !1,
     ...p
   }, u) => {
     const d = [
@@ -2084,7 +2090,7 @@ const yr = ({
         "input",
         {
           ref: u,
-          className: `pkt-input-check__input-checkbox ${s ? "pkt-input-check__input-checkbox--error" : ""}`,
+          className: `pkt-input-check__input-checkbox ${c ? "pkt-input-check__input-checkbox--error" : ""}`,
           type: "radio",
           id: e,
           disabled: o,
@@ -2094,7 +2100,7 @@ const yr = ({
       ),
       /* @__PURE__ */ h("label", { className: "pkt-input-check__input-label", htmlFor: e, children: [
         a,
-        c && /* @__PURE__ */ l("div", { className: "pkt-input-check__input-helptext", children: c })
+        s && /* @__PURE__ */ l("div", { className: "pkt-input-check__input-helptext", children: s })
       ] })
     ] }) });
   }
@@ -2108,8 +2114,8 @@ const wr = M(
     fullwidth: i = !1,
     id: r,
     label: o,
-    method: c = "get",
-    name: s,
+    method: s = "get",
+    name: c,
     placeholder: p = "Søk…",
     suggestions: u,
     value: d = "",
@@ -2126,7 +2132,7 @@ const wr = M(
         className: j,
         onSubmit: k && (() => k(d)),
         action: e || void 0,
-        method: e ? c : void 0,
+        method: e ? s : void 0,
         role: "search",
         ref: R,
         ...P,
@@ -2148,7 +2154,7 @@ const wr = M(
                         {
                           className: `pkt-input ${i ? "pkt-input--fullwidth" : ""}`,
                           type: "search",
-                          name: s || r,
+                          name: c || r,
                           id: r,
                           placeholder: p,
                           value: d,
@@ -2214,8 +2220,8 @@ const wr = M(
     className: i,
     disabled: r = !1,
     errorMessage: o,
-    hasError: c,
-    helptext: s,
+    hasError: s,
+    helptext: c,
     helptextDropdown: p,
     helptextDropdownButton: u,
     id: d,
@@ -2236,14 +2242,14 @@ const wr = M(
         className: U,
         forId: d,
         label: P,
-        helptext: s,
+        helptext: c,
         helptextDropdown: p,
         helptextDropdownButton: u,
         optionalTag: T,
         optionalText: j,
         requiredTag: y,
         requiredText: w,
-        hasError: c,
+        hasError: s,
         errorMessage: o,
         disabled: r,
         inline: k,
@@ -2253,7 +2259,7 @@ const wr = M(
           {
             ref: O,
             className: `pkt-input ${_ ? "pkt-input--fullwidth" : ""}`,
-            "aria-invalid": c,
+            "aria-invalid": s,
             "aria-errormessage": `${d}-error`,
             "aria-labelledby": n || `${d}-label`,
             disabled: r,
@@ -2288,8 +2294,8 @@ const wr = M(
   textStyle: i = "normal-text",
   size: r = "medium",
   closeTag: o = !1,
-  iconName: c = "",
-  type: s = "button",
+  iconName: s = "",
+  type: c = "button",
   ariaLabel: p = "close",
   onClick: u = () => {
   }
@@ -2309,20 +2315,20 @@ const wr = M(
     r && `pkt-tag--${r}`,
     a && `pkt-tag--${a}`,
     i && `pkt-tag--${i}`,
-    c && o ? "pkt-btn--icons-right-and-left" : null,
-    o && !c ? "pkt-btn--icon-right" : null,
+    s && o ? "pkt-btn--icons-right-and-left" : null,
+    o && !s ? "pkt-btn--icon-right" : null,
     n
   ].filter(Boolean).join(" "), j = !k;
-  return o && c ? /* @__PURE__ */ l(X, { children: j && /* @__PURE__ */ h(
+  return o && s ? /* @__PURE__ */ l(X, { children: j && /* @__PURE__ */ h(
     "button",
     {
       className: T,
-      type: s,
+      type: c,
       "aria-label": p,
       onClick: P,
       ref: d,
       children: [
-        /* @__PURE__ */ l(E, { className: "pkt-tag__icon", name: c }),
+        /* @__PURE__ */ l(E, { className: "pkt-tag__icon", name: s }),
         e,
         /* @__PURE__ */ l(E, { className: "pkt-tag__close-btn", name: "close" })
       ]
@@ -2331,7 +2337,7 @@ const wr = M(
     "button",
     {
       className: T,
-      type: s,
+      type: c,
       "aria-label": p,
       onClick: P,
       ref: d,
@@ -2340,8 +2346,8 @@ const wr = M(
         e
       ]
     }
-  ) }) : c ? /* @__PURE__ */ h("span", { className: R, children: [
-    /* @__PURE__ */ l(E, { className: "pkt-tag__icon", name: c }),
+  ) }) : s ? /* @__PURE__ */ h("span", { className: R, children: [
+    /* @__PURE__ */ l(E, { className: "pkt-tag__icon", name: s }),
     e
   ] }) : /* @__PURE__ */ l("span", { className: R, children: e });
 });
@@ -2352,50 +2358,50 @@ const Pr = M(
     Ke(() => {
       r.current = r.current.slice(0, n.length);
     }, [n]);
-    const o = (s, p) => {
-      p.action && p.action(s), a && a(s);
-    }, c = (s, p) => {
+    const o = (c, p) => {
+      p.action && p.action(c), a && a(c);
+    }, s = (c, p) => {
       var u, d;
-      e && (p.code === "ArrowLeft" && s !== 0 && ((u = r.current[s - 1]) == null || u.focus()), p.code === "ArrowRight" && s < n.length - 1 && ((d = r.current[s + 1]) == null || d.focus()), (p.code === "ArrowDown" || p.code === "Space") && o(s, n[s]));
+      e && (p.code === "ArrowLeft" && c !== 0 && ((u = r.current[c - 1]) == null || u.focus()), p.code === "ArrowRight" && c < n.length - 1 && ((d = r.current[c + 1]) == null || d.focus()), (p.code === "ArrowDown" || p.code === "Space") && o(c, n[c]));
     };
-    return /* @__PURE__ */ l("div", { className: "pkt-tabs", ref: i, children: /* @__PURE__ */ l("div", { className: "pkt-tabs__list", role: e ? "tablist" : "navigation", children: n.map((s, p) => /* @__PURE__ */ l(fn, { children: s.href ? /* @__PURE__ */ h(
+    return /* @__PURE__ */ l("div", { className: "pkt-tabs", ref: i, children: /* @__PURE__ */ l("div", { className: "pkt-tabs__list", role: e ? "tablist" : "navigation", children: n.map((c, p) => /* @__PURE__ */ l(fn, { children: c.href ? /* @__PURE__ */ h(
       "a",
       {
-        "aria-selected": !!s.active,
+        "aria-selected": !!c.active,
         role: e ? "tab" : void 0,
-        href: s.href,
-        "aria-controls": s.controls,
-        className: `pkt-tabs__link ${s.active ? "active" : ""}`,
-        onKeyUp: (u) => c(p, u),
-        onClick: () => o(p, s),
-        tabIndex: s.active || !e ? void 0 : -1,
+        href: c.href,
+        "aria-controls": c.controls,
+        className: `pkt-tabs__link ${c.active ? "active" : ""}`,
+        onKeyUp: (u) => s(p, u),
+        onClick: () => o(p, c),
+        tabIndex: c.active || !e ? void 0 : -1,
         ref: (u) => {
           r.current[p] = u;
         },
         children: [
-          s.icon && /* @__PURE__ */ l(E, { name: s.icon, className: "pkt-icon--small" }),
-          s.text,
-          s.tag && /* @__PURE__ */ l(Ye, { skin: s.tag.skin, size: "small", children: s.tag.text })
+          c.icon && /* @__PURE__ */ l(E, { name: c.icon, className: "pkt-icon--small" }),
+          c.text,
+          c.tag && /* @__PURE__ */ l(Ye, { skin: c.tag.skin, size: "small", children: c.tag.text })
         ]
       }
     ) : /* @__PURE__ */ h(
       "button",
       {
-        "aria-selected": !!s.active,
+        "aria-selected": !!c.active,
         role: e ? "tab" : void 0,
         type: "button",
-        "aria-controls": s.controls,
-        className: `pkt-tabs__button pkt-link-button ${s.active ? "active" : ""}`,
-        onKeyUp: (u) => c(p, u),
-        onClick: () => o(p, s),
-        tabIndex: s.active || !e ? void 0 : -1,
+        "aria-controls": c.controls,
+        className: `pkt-tabs__button pkt-link-button ${c.active ? "active" : ""}`,
+        onKeyUp: (u) => s(p, u),
+        onClick: () => o(p, c),
+        tabIndex: c.active || !e ? void 0 : -1,
         ref: (u) => {
           r.current[p] = u;
         },
         children: [
-          s.icon && /* @__PURE__ */ l(E, { name: s.icon, className: "pkt-icon--small" }),
-          s.text,
-          s.tag && /* @__PURE__ */ l(Ye, { skin: s.tag.skin, size: "small", children: s.tag.text })
+          c.icon && /* @__PURE__ */ l(E, { name: c.icon, className: "pkt-icon--small" }),
+          c.text,
+          c.tag && /* @__PURE__ */ l(Ye, { skin: c.tag.skin, size: "small", children: c.tag.text })
         ]
       },
       "b-" + p
@@ -2409,8 +2415,8 @@ const Pr = M(
     counter: i,
     counterMaxLength: r,
     className: o,
-    disabled: c,
-    errorMessage: s,
+    disabled: s,
+    errorMessage: c,
     hasError: p,
     helptext: u,
     helptextDropdown: d,
@@ -2442,8 +2448,8 @@ const Pr = M(
       {
         ariaDescribedby: n,
         className: G,
-        disabled: c,
-        errorMessage: s,
+        disabled: s,
+        errorMessage: c,
         forId: e,
         hasError: p,
         helptext: u,
@@ -2465,7 +2471,7 @@ const Pr = M(
               name: T || e,
               id: e,
               placeholder: O,
-              disabled: c,
+              disabled: s,
               rows: U,
               "aria-labelledby": J,
               "aria-invalid": p,
@@ -2490,8 +2496,8 @@ const Pr = M(
     autocomplete: i = "off",
     className: r,
     disabled: o = !1,
-    errorMessage: c,
-    hasError: s = !1,
+    errorMessage: s,
+    hasError: c = !1,
     helptext: p,
     helptextDropdown: u,
     helptextDropdownButton: d,
@@ -2520,9 +2526,9 @@ const Pr = M(
         ariaDescribedby: n,
         className: D,
         disabled: o,
-        errorMessage: c,
+        errorMessage: s,
         forId: e,
-        hasError: s,
+        hasError: c,
         helptext: p,
         helptextDropdown: u,
         helptextDropdownButton: d,
@@ -2547,7 +2553,7 @@ const Pr = M(
               autoComplete: i,
               value: G,
               disabled: o,
-              "aria-invalid": s,
+              "aria-invalid": c,
               "aria-errormessage": `${e}-error`,
               "aria-labelledby": Y,
               ...J