rk-designsystem 1.2.0 → 1.2.1

package/dist/componentlibrary.es.js

@@ -1,81 +1,84 @@
-import { jsx as n, jsxs as r, Fragment as Ce } from "react/jsx-runtime";
-import Ne, { forwardRef as ae, useState as Y, useContext as He, createContext as Xe, useEffect as z, useMemo as ue, useCallback as re, useRef as Je } from "react";
-import { Alert as Qe, Avatar as et, BadgePosition as tt, Badge as nt, Breadcrumbs as ot, BreadcrumbsItem as rt, BreadcrumbsLink as st, BreadcrumbsList as at, Button as Me, Card as it, CardBlock as lt, Checkbox as dt, useCheckboxGroup as ct, Fieldset as Ue, Chip as pt, Spinner as mt, Details as gt, Dialog as ut, Divider as ht, Dropdown as ft, DropdownButton as kt, DropdownHeading as vt, DropdownItem as bt, DropdownList as yt, DropdownTrigger as xt, DropdownTriggerContext as Tt, ErrorSummary as Ct, Field as wt, FieldCounter as St, FieldDescription as It, Heading as _t, Input as Dt, Label as At, Link as Lt, List as Nt, Pagination as Mt, PaginationButton as jt, PaginationItem as Ft, PaginationList as Bt, usePagination as Et, Paragraph as zt, Popover as $t, Radio as Pt, useRadioGroup as Rt, Search as Gt, SearchInput as Wt, SearchClear as Ht, SearchButton as Ut, Select as Vt, Skeleton as Ot, SkipLink as Kt, EXPERIMENTAL_Suggestion as qt, Switch as Yt, Table as Zt, Tabs as Xt, Tag as Jt, Textarea as Qt, Textfield as en, ToggleGroup as tn, Tooltip as nn, ValidationMessage as on } from "@digdir/designsystemet-react";
-import { startOfMonth as me, isValid as Ie, isSameMonth as Fe, startOfWeek as Ve, format as he, addDays as Oe, subMonths as rn, addMonths as sn, isSameDay as an, isToday as ln, eachDayOfInterval as dn } from "date-fns";
+import { jsx as n, jsxs as a, Fragment as Ce } from "react/jsx-runtime";
+import Ne, { forwardRef as ae, useState as Y, useContext as He, createContext as Xe, useEffect as $, useMemo as ue, useCallback as re, useRef as Je } from "react";
+import { Alert as Qe, Avatar as et, BadgePosition as tt, Badge as nt, Breadcrumbs as ot, BreadcrumbsItem as rt, BreadcrumbsLink as at, BreadcrumbsList as st, Button as Me, Card as it, CardBlock as lt, Checkbox as dt, useCheckboxGroup as ct, Fieldset as Ue, Chip as pt, Spinner as mt, Details as gt, Dialog as ut, Divider as ht, Dropdown as ft, DropdownButton as kt, DropdownHeading as vt, DropdownItem as bt, DropdownList as yt, DropdownTrigger as xt, DropdownTriggerContext as Tt, ErrorSummary as Ct, Field as wt, FieldCounter as St, FieldDescription as It, Heading as _t, Input as Dt, Label as At, Link as Lt, List as Nt, Pagination as Mt, PaginationButton as jt, PaginationItem as Ft, PaginationList as Bt, usePagination as Et, Paragraph as $t, Popover as Pt, Radio as zt, useRadioGroup as Rt, Search as Gt, SearchInput as Wt, SearchClear as Ht, SearchButton as Ut, Select as Vt, Skeleton as Ot, SkipLink as Kt, EXPERIMENTAL_Suggestion as qt, Switch as Yt, Table as Zt, Tabs as Xt, Tag as Jt, Textarea as Qt, Textfield as en, ToggleGroup as tn, Tooltip as nn, ValidationMessage as on } from "@digdir/designsystemet-react";
+import { startOfMonth as me, isValid as Ie, isSameMonth as Fe, startOfWeek as Ve, format as he, addDays as Oe, subMonths as rn, addMonths as an, isSameDay as sn, isToday as ln, eachDayOfInterval as dn } from "date-fns";
 import cn from "embla-carousel-react";
-import { ChevronLeftIcon as pn, ChevronRightIcon as mn, ChevronDownIcon as Be, XMarkIcon as _e, MagnifyingGlassIcon as Ee, MenuHamburgerIcon as ze, HeartIcon as gn } from "@navikt/aksel-icons";
+import { ChevronLeftIcon as pn, ChevronRightIcon as mn, ChevronDownIcon as Be, XMarkIcon as _e, MagnifyingGlassIcon as Ee, MenuHamburgerIcon as $e, HeartIcon as gn } from "@navikt/aksel-icons";
 const un = ae((t, e) => /* @__PURE__ */ n(Qe, { ref: e, ...t }));
 un.displayName = "Alert";
 const Ke = ae((t, e) => /* @__PURE__ */ n(et, { ref: e, ...t }));
 Ke.displayName = "Avatar";
 const hn = ae((t, e) => /* @__PURE__ */ n(nt, { ref: e, ...t }));
 hn.displayName = "Badge";
-const Sa = tt, Ia = ot, _a = at, Da = rt, Aa = st, de = Me;
+const Is = tt, _s = ot, Ds = st, As = rt, Ls = at, de = ae(function({ variant: e, shape: r, ...d }, h) {
+  const k = {};
+  return e !== void 0 && (k.variant = e), r === "pill" && (k["data-shape"] = "pill"), /* @__PURE__ */ n(Me, { ref: h, ...d, ...k });
+});
 de.displayName = "Button";
-const fn = it, La = lt;
+const fn = it, Ns = lt;
 fn.displayName = "Card";
-const kn = dt, vn = Ue, Na = ct;
+const kn = dt, vn = Ue, Ms = ct;
 kn.displayName = "Checkbox";
 vn.displayName = "Fieldset";
-const Ma = pt;
+const js = pt;
 function De(t) {
   return (e = {}) => {
-    const s = e.width ? String(e.width) : t.defaultWidth;
-    return t.formats[s] || t.formats[t.defaultWidth];
+    const r = e.width ? String(e.width) : t.defaultWidth;
+    return t.formats[r] || t.formats[t.defaultWidth];
   };
 }
 function fe(t) {
-  return (e, s) => {
-    const c = s != null && s.context ? String(s.context) : "standalone";
-    let f;
-    if (c === "formatting" && t.formattingValues) {
-      const u = t.defaultFormattingWidth || t.defaultWidth, x = s != null && s.width ? String(s.width) : u;
-      f = t.formattingValues[x] || t.formattingValues[u];
+  return (e, r) => {
+    const d = r != null && r.context ? String(r.context) : "standalone";
+    let h;
+    if (d === "formatting" && t.formattingValues) {
+      const u = t.defaultFormattingWidth || t.defaultWidth, x = r != null && r.width ? String(r.width) : u;
+      h = t.formattingValues[x] || t.formattingValues[u];
     } else {
-      const u = t.defaultWidth, x = s != null && s.width ? String(s.width) : t.defaultWidth;
-      f = t.values[x] || t.values[u];
+      const u = t.defaultWidth, x = r != null && r.width ? String(r.width) : t.defaultWidth;
+      h = t.values[x] || t.values[u];
     }
-    const y = t.argumentCallback ? t.argumentCallback(e) : e;
-    return f[y];
+    const k = t.argumentCallback ? t.argumentCallback(e) : e;
+    return h[k];
   };
 }
 function ke(t) {
-  return (e, s = {}) => {
-    const c = s.width, f = c && t.matchPatterns[c] || t.matchPatterns[t.defaultMatchWidth], y = e.match(f);
-    if (!y)
+  return (e, r = {}) => {
+    const d = r.width, h = d && t.matchPatterns[d] || t.matchPatterns[t.defaultMatchWidth], k = e.match(h);
+    if (!k)
       return null;
-    const u = y[0], x = c && t.parsePatterns[c] || t.parsePatterns[t.defaultParseWidth], F = Array.isArray(x) ? yn(x, (w) => w.test(u)) : (
+    const u = k[0], x = d && t.parsePatterns[d] || t.parsePatterns[t.defaultParseWidth], F = Array.isArray(x) ? yn(x, (w) => w.test(u)) : (
       // [TODO] -- I challenge you to fix the type
       bn(x, (w) => w.test(u))
     );
     let C;
-    C = t.valueCallback ? t.valueCallback(F) : F, C = s.valueCallback ? (
+    C = t.valueCallback ? t.valueCallback(F) : F, C = r.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      s.valueCallback(C)
+      r.valueCallback(C)
     ) : C;
     const U = e.slice(u.length);
     return { value: C, rest: U };
   };
 }
 function bn(t, e) {
-  for (const s in t)
-    if (Object.prototype.hasOwnProperty.call(t, s) && e(t[s]))
-      return s;
+  for (const r in t)
+    if (Object.prototype.hasOwnProperty.call(t, r) && e(t[r]))
+      return r;
 }
 function yn(t, e) {
-  for (let s = 0; s < t.length; s++)
-    if (e(t[s]))
-      return s;
+  for (let r = 0; r < t.length; r++)
+    if (e(t[r]))
+      return r;
 }
 function xn(t) {
-  return (e, s = {}) => {
-    const c = e.match(t.matchPattern);
-    if (!c) return null;
-    const f = c[0], y = e.match(t.parsePattern);
-    if (!y) return null;
-    let u = t.valueCallback ? t.valueCallback(y[0]) : y[0];
-    u = s.valueCallback ? s.valueCallback(u) : u;
-    const x = e.slice(f.length);
+  return (e, r = {}) => {
+    const d = e.match(t.matchPattern);
+    if (!d) return null;
+    const h = d[0], k = e.match(t.parsePattern);
+    if (!k) return null;
+    let u = t.valueCallback ? t.valueCallback(k[0]) : k[0];
+    u = r.valueCallback ? r.valueCallback(u) : u;
+    const x = e.slice(h.length);
     return { value: u, rest: x };
   };
 }
@@ -141,10 +144,10 @@ const Tn = {
     one: "nesten ett år",
     other: "nesten {{count}} år"
   }
-}, Cn = (t, e, s) => {
-  let c;
-  const f = Tn[t];
-  return typeof f == "string" ? c = f : e === 1 ? c = f.one : c = f.other.replace("{{count}}", String(e)), s != null && s.addSuffix ? s.comparison && s.comparison > 0 ? "om " + c : c + " siden" : c;
+}, Cn = (t, e, r) => {
+  let d;
+  const h = Tn[t];
+  return typeof h == "string" ? d = h : e === 1 ? d = h.one : d = h.other.replace("{{count}}", String(e)), r != null && r.addSuffix ? r.comparison && r.comparison > 0 ? "om " + d : d + " siden" : d;
 }, wn = {
   full: "EEEE d. MMMM y",
   long: "d. MMMM y",
@@ -180,7 +183,7 @@ const Tn = {
   tomorrow: "'i morgen kl.' p",
   nextWeek: "EEEE 'kl.' p",
   other: "P"
-}, An = (t, e, s, c) => Dn[t], Ln = {
+}, An = (t, e, r, d) => Dn[t], Ln = {
   narrow: ["f.Kr.", "e.Kr."],
   abbreviated: ["f.Kr.", "e.Kr."],
   wide: ["før Kristus", "etter Kristus"]
@@ -285,7 +288,7 @@ const Tn = {
     values: Fn,
     defaultWidth: "wide"
   })
-}, zn = /^(\d+)\.?/i, $n = /\d+/i, Pn = {
+}, $n = /^(\d+)\.?/i, Pn = /\d+/i, zn = {
   narrow: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
   abbreviated: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
   wide: /^(før Kristus|før vår tid|etter Kristus|vår tid)/i
@@ -353,12 +356,12 @@ const Tn = {
   }
 }, Yn = {
   ordinalNumber: xn({
-    matchPattern: zn,
-    parsePattern: $n,
+    matchPattern: $n,
+    parsePattern: Pn,
     valueCallback: (t) => parseInt(t, 10)
   }),
   era: ke({
-    matchPatterns: Pn,
+    matchPatterns: zn,
     defaultMatchWidth: "wide",
     parsePatterns: Rn,
     defaultParseWidth: "any"
@@ -399,7 +402,7 @@ const Tn = {
     weekStartsOn: 1,
     firstWeekContainsDate: 4
   }
-}, qe = ({ title: t, ...e }) => /* @__PURE__ */ r(
+}, qe = ({ title: t, ...e }) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -425,7 +428,7 @@ const Tn = {
   }
 );
 qe.displayName = "ChevronLeftIcon";
-const Ye = ({ title: t, ...e }) => /* @__PURE__ */ r(
+const Ye = ({ title: t, ...e }) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -451,7 +454,7 @@ const Ye = ({ title: t, ...e }) => /* @__PURE__ */ r(
   }
 );
 Ye.displayName = "ChevronRightIcon";
-const Zn = "_calendarContainer_htlea_1", Xn = "_calendarHeader_htlea_16", Jn = "_monthYear_htlea_23", Qn = "_navigationButtons_htlea_34", eo = "_grid_htlea_43", to = "_dayNameCell_htlea_51", no = "_dateCell_htlea_69", oo = "_dateNumberContainer_htlea_95", ro = "_otherMonth_htlea_108", so = "_disabled_htlea_108", ao = "_selectedDate_htlea_134", ee = {
+const Zn = "_calendarContainer_htlea_1", Xn = "_calendarHeader_htlea_16", Jn = "_monthYear_htlea_23", Qn = "_navigationButtons_htlea_34", eo = "_grid_htlea_43", to = "_dayNameCell_htlea_51", no = "_dateCell_htlea_69", oo = "_dateNumberContainer_htlea_95", ro = "_otherMonth_htlea_108", ao = "_disabled_htlea_108", so = "_selectedDate_htlea_134", ee = {
   calendarContainer: Zn,
   calendarHeader: Xn,
   monthYear: Jn,
@@ -461,8 +464,8 @@ const Zn = "_calendarContainer_htlea_1", Xn = "_calendarHeader_htlea_16", Jn = "
   dateCell: no,
   dateNumberContainer: oo,
   otherMonth: ro,
-  disabled: so,
-  selectedDate: ao
+  disabled: ao,
+  selectedDate: so
 }, io = {
   NO: {
     // Header
@@ -2548,19 +2551,19 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       openDatePicker: "Open date picker"
     }
   }
-}, je = Xe(void 0), ja = ({ children: t }) => {
-  const [e, s] = Y("NO"), c = (f) => {
-    const y = f.split(".");
+}, je = Xe(void 0), Fs = ({ children: t }) => {
+  const [e, r] = Y("NO"), d = (h) => {
+    const k = h.split(".");
     let u = io[e];
-    for (const x of y) {
+    for (const x of k) {
       if (u[x] === void 0)
-        return console.warn(`Translation missing for key: ${f} in language: ${e}`), f;
+        return console.warn(`Translation missing for key: ${h} in language: ${e}`), h;
       u = u[x];
     }
     return u;
   };
-  return /* @__PURE__ */ n(je.Provider, { value: { language: e, setLanguage: s, t: c }, children: t });
-}, Fa = () => {
+  return /* @__PURE__ */ n(je.Provider, { value: { language: e, setLanguage: r, t: d }, children: t });
+}, Bs = () => {
   const t = He(je);
   if (t === void 0)
     throw new Error("useLanguage must be used within a LanguageProvider");
@@ -2627,75 +2630,75 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     })[e] || e
   } : t;
 }, lo = (t) => {
-  const e = me(t), s = Ve(e, { locale: ge }), c = Oe(s, 41);
-  return dn({ start: s, end: c });
-}, $e = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), co = ({
+  const e = me(t), r = Ve(e, { locale: ge }), d = Oe(r, 41);
+  return dn({ start: r, end: d });
+}, Pe = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), co = ({
   initialDate: t = /* @__PURE__ */ new Date(),
   selectedDate: e = null,
   // Prop for valgt dato
-  onDateSelect: s,
-  "data-color": c,
+  onDateSelect: r,
+  "data-color": d,
   // <-- Destrukturert
-  "data-size": f
+  "data-size": h
   // <-- Destrukturert
 }) => {
-  const { t: y } = ye();
-  z(() => {
-    const d = "rk-datepicker-inline-styles";
-    if (typeof document > "u" || document.getElementById(d)) return;
-    const D = po(ee), S = document.createElement("style");
-    S.id = d, S.textContent = D, document.head.appendChild(S);
+  const { t: k } = ye();
+  $(() => {
+    const c = "rk-datepicker-inline-styles";
+    if (typeof document > "u" || document.getElementById(c)) return;
+    const A = po(ee), S = document.createElement("style");
+    S.id = c, S.textContent = A, document.head.appendChild(S);
   }, []);
   const [u, x] = Y(
     me(e && Ie(e) ? e : t)
   );
-  z(() => {
+  $(() => {
     if (e && Ie(e)) {
-      const d = me(e);
-      Fe(d, u) || x(d);
+      const c = me(e);
+      Fe(c, u) || x(c);
     }
   }, [e]);
   const F = ue(() => me(/* @__PURE__ */ new Date()), []), C = ue(() => !1, [u, F]), U = ue(
     () => lo(u),
     [u]
   ), w = ue(() => {
-    const d = Ve(/* @__PURE__ */ new Date(), { locale: ge });
-    return Array.from({ length: 7 }).map((D, S) => {
-      const R = he(Oe(d, S), "EEEEEE", { locale: ge });
-      return $e(R);
+    const c = Ve(/* @__PURE__ */ new Date(), { locale: ge });
+    return Array.from({ length: 7 }).map((A, S) => {
+      const R = he(Oe(c, S), "EEEEEE", { locale: ge });
+      return Pe(R);
     });
-  }, []), $ = re(() => {
-    C || x((d) => me(rn(d, 1)));
+  }, []), P = re(() => {
+    C || x((c) => me(rn(c, 1)));
   }, [C]), M = re(() => {
-    x((d) => me(sn(d, 1)));
+    x((c) => me(an(c, 1)));
   }, []), l = re(
-    (d) => {
-      s && s(d);
+    (c) => {
+      r && r(c);
     },
-    [s]
+    [r]
   ), te = re(
-    (d, D) => {
-      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(D));
+    (c, A) => {
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), l(A));
     },
     [l]
-  ), P = he(u, "MMMM", { locale: ge }), B = he(u, "yyyy", { locale: ge }), X = `${$e(P)} ${B}`;
-  return /* @__PURE__ */ r(
+  ), z = he(u, "MMMM", { locale: ge }), B = he(u, "yyyy", { locale: ge }), X = `${Pe(z)} ${B}`;
+  return /* @__PURE__ */ a(
     "div",
     {
       className: ee.calendarContainer,
-      "data-color": c,
-      "data-size": f,
+      "data-color": d,
+      "data-size": h,
       children: [
-        /* @__PURE__ */ r("div", { className: ee.calendarHeader, children: [
+        /* @__PURE__ */ a("div", { className: ee.calendarHeader, children: [
           /* @__PURE__ */ n("span", { className: ee.monthYear, children: X }),
-          /* @__PURE__ */ r("div", { className: ee.navigationButtons, children: [
+          /* @__PURE__ */ a("div", { className: ee.navigationButtons, children: [
             /* @__PURE__ */ n(
               Me,
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: $,
-                "aria-label": y("datePicker.previousMonth"),
+                onClick: P,
+                "aria-label": k("datePicker.previousMonth"),
                 disabled: C,
                 children: /* @__PURE__ */ n(qe, {})
               }
@@ -2706,17 +2709,17 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
                 variant: "tertiary",
                 icon: !0,
                 onClick: M,
-                "aria-label": y("datePicker.nextMonth"),
+                "aria-label": k("datePicker.nextMonth"),
                 children: /* @__PURE__ */ n(Ye, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ n("div", { className: ee.grid, children: w.map((d) => /* @__PURE__ */ n("div", { className: ee.dayNameCell, children: d }, d)) }),
-        /* @__PURE__ */ n("div", { className: ee.grid, children: U.map((d) => {
-          const D = Fe(d, u), S = e && Ie(e) && an(d, e), R = ln(d), A = [
+        /* @__PURE__ */ n("div", { className: ee.grid, children: w.map((c) => /* @__PURE__ */ n("div", { className: ee.dayNameCell, children: c }, c)) }),
+        /* @__PURE__ */ n("div", { className: ee.grid, children: U.map((c) => {
+          const A = Fe(c, u), S = e && Ie(e) && sn(c, e), R = ln(c), I = [
             ee.dateCell,
-            D ? "" : ee.otherMonth,
+            A ? "" : ee.otherMonth,
             S ? ee.selectedDate : "",
             // Utheving basert på prop
             R && !S ? ee.todayDate : ""
@@ -2724,16 +2727,16 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
           return /* @__PURE__ */ n(
             "div",
             {
-              className: A,
-              onClick: () => l(d),
-              onKeyDown: (G) => te(G, d),
+              className: I,
+              onClick: () => l(c),
+              onKeyDown: (G) => te(G, c),
               role: "button",
               tabIndex: 0,
               "aria-pressed": S ?? !1,
-              "aria-label": he(d, "PPP", { locale: ge }),
-              children: /* @__PURE__ */ n("span", { className: ee.dateNumberContainer, children: he(d, "d") })
+              "aria-label": he(c, "PPP", { locale: ge }),
+              children: /* @__PURE__ */ n("span", { className: ee.dateNumberContainer, children: he(c, "d") })
             },
-            d.toISOString()
+            c.toISOString()
           );
         }) })
       ]
@@ -2909,33 +2912,33 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
   inputWrapperError: fo,
   suffixButton: ko,
   suffixButtonInteractive: vo
-}, Pe = (t) => {
-  const e = t.slice(0, 2), s = t.slice(2, 4), c = t.slice(4, 8);
-  return t.length > 4 ? `${e}.${s}.${c}` : t.length > 2 ? `${e}.${s}` : t.length > 0 ? e : "";
+}, ze = (t) => {
+  const e = t.slice(0, 2), r = t.slice(2, 4), d = t.slice(4, 8);
+  return t.length > 4 ? `${e}.${r}.${d}` : t.length > 2 ? `${e}.${r}` : t.length > 0 ? e : "";
 }, Re = (t) => (t || "").replace(/\D/g, ""), Ge = (t) => {
   let e = t;
   if (e.length >= 2) {
-    const s = parseInt(e.substring(0, 2), 10);
-    !isNaN(s) && s > 31 && (e = "31" + e.substring(2));
+    const r = parseInt(e.substring(0, 2), 10);
+    !isNaN(r) && r > 31 && (e = "31" + e.substring(2));
   }
   if (e.length >= 4) {
-    const s = parseInt(e.substring(2, 4), 10);
-    !isNaN(s) && s > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
+    const r = parseInt(e.substring(2, 4), 10);
+    !isNaN(r) && r > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
   }
   return e.slice(0, 8);
 }, bo = ae(
   (t, e) => {
-    const { t: s } = ye();
-    z(() => {
+    const { t: r } = ye();
+    $(() => {
       const N = "rk-dateinput-inline-styles";
       if (typeof document > "u" || document.getElementById(N)) return;
       const ie = yo(le), se = document.createElement("style");
       se.id = N, se.textContent = ie, document.head.appendChild(se);
     }, []);
     const {
-      label: c,
-      suffixIcon: f,
-      onSuffixClick: y,
+      label: d,
+      suffixIcon: h,
+      onSuffixClick: k,
       className: u,
       // For ytre fieldset
       inputWrapperClassName: x,
@@ -2945,20 +2948,20 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
       value: C,
       defaultValue: U,
       onChange: w,
-      readOnly: $,
+      readOnly: P,
       placeholder: M = "dd.mm.åååå",
       id: l,
       name: te,
-      required: P,
+      required: z,
       disabled: B,
       onClick: X,
-      onFocus: d,
+      onFocus: c,
       // Send ekstern onFocus videre
-      onBlur: D,
+      onBlur: A,
       // Send ekstern onBlur videre
       autoComplete: S = "off",
       "aria-label": R,
-      "aria-labelledby": A,
+      "aria-labelledby": I,
       description: G,
       error: O,
       // Bruk error-prop for styling
@@ -2967,33 +2970,33 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
       "data-size": W,
       // <-- Destrukturering
       ...L
-    } = t, g = C !== void 0, h = Je(null);
+    } = t, g = C !== void 0, f = Je(null);
     Ne.useImperativeHandle(
       e,
-      () => h.current
+      () => f.current
     );
-    const v = re(
+    const b = re(
       (N) => {
         const ie = Re(N), se = Ge(ie);
-        return Pe(se);
+        return ze(se);
       },
       []
-    ), [b, ne] = Y(
-      () => v(C ?? U)
+    ), [y, ne] = Y(
+      () => b(C ?? U)
     );
-    z(() => {
+    $(() => {
       if (g) {
-        const N = v(C);
-        N !== b && (ne(N), h.current && h.current.value !== N && (h.current.value = N));
+        const N = b(C);
+        N !== y && (ne(N), f.current && f.current.value !== N && (f.current.value = N));
       }
-    }, [C, g, b, v]);
+    }, [C, g, y, b]);
     const Q = re(
       (N) => {
-        const ie = N.target, se = ie.value, pe = b, we = Re(se).slice(0, 8), i = Ge(we), p = Pe(i);
-        let k = 0;
+        const ie = N.target, se = ie.value, pe = y, we = Re(se).slice(0, 8), i = Ge(we), p = ze(i);
+        let v = 0;
         const q = i.length;
-        q <= 2 ? k = q : q <= 4 ? k = q + 1 : k = q + 2, k = Math.min(k, p.length), requestAnimationFrame(() => {
-          if (h.current && (ne(p), h.current.value = p, h.current.setSelectionRange(k, k), (p !== pe || g) && w)) {
+        q <= 2 ? v = q : q <= 4 ? v = q + 1 : v = q + 2, v = Math.min(v, p.length), requestAnimationFrame(() => {
+          if (f.current && (ne(p), f.current.value = p, f.current.setSelectionRange(v, v), (p !== pe || g) && w)) {
             const Se = {
               ...N,
               target: { ...ie, value: p }
@@ -3002,8 +3005,8 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
           }
         });
       },
-      [b, g, w, v]
-    ), I = [le.fieldset, u].filter(Boolean).join(" "), j = [
+      [y, g, w, b]
+    ), _ = [le.fieldset, u].filter(Boolean).join(" "), j = [
       le.inputWrapper,
       x,
       O ? le.inputWrapperError : ""
@@ -3011,61 +3014,61 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
       F
     ].filter(Boolean).join(" "), T = [
       le.suffixButton,
-      y ? le.suffixButtonInteractive : ""
+      k ? le.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
-    !c && !R && !A && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const Z = c && typeof c == "string" ? A || `${l}-label` : void 0, ce = G ? `${l}-desc` : void 0, m = O ? `${l}-err` : void 0, _ = [ce, m].filter(Boolean).join(" ") || void 0;
+    !d && !R && !I && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
+    const Z = d && typeof d == "string" ? I || `${l}-label` : void 0, ce = G ? `${l}-desc` : void 0, m = O ? `${l}-err` : void 0, D = [ce, m].filter(Boolean).join(" ") || void 0;
     return (
       // --- Bruk data-color og data-size på den ytre wrapperen ---
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ a(
         "div",
         {
-          className: I,
+          className: _,
           "data-color": J,
           "data-size": W,
           children: [
-            c && typeof c == "string" ? /* @__PURE__ */ n("label", { id: Z, htmlFor: l, children: c }) : c,
+            d && typeof d == "string" ? /* @__PURE__ */ n("label", { id: Z, htmlFor: l, children: d }) : d,
             G && /* @__PURE__ */ n("p", { id: ce, className: le.description, children: G }),
-            /* @__PURE__ */ r("div", { className: j, children: [
+            /* @__PURE__ */ a("div", { className: j, children: [
               /* @__PURE__ */ n(
                 "input",
                 {
-                  ref: h,
+                  ref: f,
                   type: "text",
                   inputMode: "numeric",
                   pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
                   maxLength: 10,
-                  value: b,
-                  readOnly: $,
+                  value: y,
+                  readOnly: P,
                   placeholder: M,
                   id: l,
                   name: te,
-                  required: P,
+                  required: z,
                   disabled: B,
                   onClick: X,
                   onChange: Q,
-                  onFocus: d,
-                  onBlur: D,
+                  onFocus: c,
+                  onBlur: A,
                   autoComplete: S,
                   "aria-label": R,
                   "aria-labelledby": Z,
-                  "aria-describedby": _,
+                  "aria-describedby": D,
                   "aria-invalid": !!O,
                   className: K,
                   ...L
                 }
               ),
-              f && /* @__PURE__ */ n(
+              h && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: T,
-                  onClick: B ? void 0 : y,
-                  tabIndex: y && !B ? 0 : -1,
-                  "aria-hidden": !y,
+                  onClick: B ? void 0 : k,
+                  tabIndex: k && !B ? 0 : -1,
+                  "aria-hidden": !k,
                   disabled: B,
-                  "aria-label": y ? s("dateInput.openDatePicker") : void 0,
-                  children: f
+                  "aria-label": k ? r("dateInput.openDatePicker") : void 0,
+                  children: h
                 }
               )
             ] }),
@@ -3186,13 +3189,13 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
   dots: jo,
   dot: Fo,
   dotActive: Bo
-}, Eo = mt, zo = ({
+}, Eo = mt, $o = ({
   images: t,
   autoPlay: e = !1,
-  autoDelay: s = 5,
-  showArrows: c = !0,
-  showDots: f = !0,
-  variant: y,
+  autoDelay: r = 5,
+  showArrows: d = !0,
+  showDots: h = !0,
+  variant: k,
   slidesPerView: u = 1,
   slideSpacing: x = 16,
   cornerRadius: F = 0,
@@ -3200,53 +3203,53 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
   "data-size": U
 }) => {
   const { t: w } = ye();
-  z(() => {
-    const h = "rk-carousel-inline-styles";
-    if (typeof document > "u" || document.getElementById(h)) return;
-    const v = $o(H), b = document.createElement("style");
-    b.id = h, b.textContent = v, document.head.appendChild(b);
+  $(() => {
+    const f = "rk-carousel-inline-styles";
+    if (typeof document > "u" || document.getElementById(f)) return;
+    const b = Po(H), y = document.createElement("style");
+    y.id = f, y.textContent = b, document.head.appendChild(y);
   }, []);
-  const $ = {
+  const P = {
     loop: !0,
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [M, l] = cn($), [te, P] = Y(0), [B, X] = Y([]), [d, D] = Y([]);
-  z(() => {
-    D(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
+  }, [M, l] = cn(P), [te, z] = Y(0), [B, X] = Y([]), [c, A] = Y([]);
+  $(() => {
+    A(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
   }, [t]);
-  const S = re((h) => {
-    D((v) => {
-      const b = [...v];
-      return b[h] = !0, b;
+  const S = re((f) => {
+    A((b) => {
+      const y = [...b];
+      return y[f] = !0, y;
     });
-  }, []), R = ue(() => s * 1e3, [s]), A = re(() => {
-    l && P(l.selectedScrollSnap());
-  }, [l]), G = re((h) => l && l.scrollTo(h), [l]), O = re(() => l && l.scrollPrev(), [l]), J = re(() => l && l.scrollNext(), [l]);
-  z(() => {
+  }, []), R = ue(() => r * 1e3, [r]), I = re(() => {
+    l && z(l.selectedScrollSnap());
+  }, [l]), G = re((f) => l && l.scrollTo(f), [l]), O = re(() => l && l.scrollPrev(), [l]), J = re(() => l && l.scrollNext(), [l]);
+  $(() => {
     if (l)
-      return l.on("select", A), l.on("reInit", A), X(l.scrollSnapList()), () => {
-        l.off("select", A), l.off("reInit", A);
+      return l.on("select", I), l.on("reInit", I), X(l.scrollSnapList()), () => {
+        l.off("select", I), l.off("reInit", I);
       };
-  }, [l, A]), z(() => {
+  }, [l, I]), $(() => {
     l && (l.reInit(), X(l.scrollSnapList()));
-  }, [l, t, u, x]), z(() => {
+  }, [l, t, u, x]), $(() => {
     if (!e || !l || !t || t.length <= 1) return;
-    const h = window.setInterval(() => {
+    const f = window.setInterval(() => {
       l.canScrollNext() && l.scrollNext();
     }, R);
     return () => {
-      window.clearInterval(h);
+      window.clearInterval(f);
     };
   }, [e, R, l, t]);
   const W = Math.max(1, u), L = `${100 / W}%`, g = x / 2;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: H.carouselContainer,
       "data-color": C,
       "data-size": U,
-      "data-variant": y,
+      "data-variant": k,
       children: [
         /* @__PURE__ */ n("div", { className: H.viewport, ref: M, children: /* @__PURE__ */ n(
           "div",
@@ -3256,7 +3259,7 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
               marginLeft: `-${g}px`,
               marginRight: `-${g}px`
             },
-            children: t && t.length > 0 ? t.map((h, v) => /* @__PURE__ */ n(
+            children: t && t.length > 0 ? t.map((f, b) => /* @__PURE__ */ n(
               "div",
               {
                 className: H.slide,
@@ -3268,30 +3271,30 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
                   overflow: "hidden"
                   // Ensure radius clips content
                 },
-                children: /* @__PURE__ */ r("div", { className: H.slideInner, style: { borderRadius: `${F}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !d[v] && /* @__PURE__ */ n("div", { className: H.loaderOverlay, children: /* @__PURE__ */ n(Eo, { "aria-label": w("carousel.loading") }) }),
+                children: /* @__PURE__ */ a("div", { className: H.slideInner, style: { borderRadius: `${F}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
+                  !c[b] && /* @__PURE__ */ n("div", { className: H.loaderOverlay, children: /* @__PURE__ */ n(Eo, { "aria-label": w("carousel.loading") }) }),
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      className: `${H.image} ${d[v] ? H.loaded : H.loadingImage}`,
-                      src: h.src,
-                      alt: h.alt,
-                      loading: v < W ? "eager" : "lazy",
+                      className: `${H.image} ${c[b] ? H.loaded : H.loadingImage}`,
+                      src: f.src,
+                      alt: f.alt,
+                      loading: b < W ? "eager" : "lazy",
                       crossOrigin: "anonymous",
-                      onLoad: () => S(v),
-                      onError: (b) => {
-                        b.target.style.display = "none", S(v);
+                      onLoad: () => S(b),
+                      onError: (y) => {
+                        y.target.style.display = "none", S(b);
                       }
                     }
                   )
                 ] })
               },
-              `image-${v}-${h.src}`
+              `image-${b}-${f.src}`
             )) : /* @__PURE__ */ n("div", { className: H.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ n("div", { className: H.empty, children: "Ingen bilder" }) })
           }
         ) }),
-        (c || f && t && t.length > 1) && /* @__PURE__ */ r("div", { className: H.controls, "aria-hidden": "false", children: [
-          c && /* @__PURE__ */ r("div", { className: H.arrows, children: [
+        (d || h && t && t.length > 1) && /* @__PURE__ */ a("div", { className: H.controls, "aria-hidden": "false", children: [
+          d && /* @__PURE__ */ a("div", { className: H.arrows, children: [
             /* @__PURE__ */ n(
               de,
               {
@@ -3315,19 +3318,19 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
               }
             )
           ] }),
-          f && t && t.length > 1 && /* @__PURE__ */ n("div", { className: H.dots, role: "tablist", "aria-label": w("carousel.imagePosition"), children: B.map((h, v) => {
-            const b = v === te;
+          h && t && t.length > 1 && /* @__PURE__ */ n("div", { className: H.dots, role: "tablist", "aria-label": w("carousel.imagePosition"), children: B.map((f, b) => {
+            const y = b === te;
             return /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `${H.dot} ${b ? H.dotActive : ""}`,
-                onClick: () => G(v),
-                "aria-label": `${w("carousel.goToImage")} ${v + 1}`,
-                "aria-selected": b,
+                className: `${H.dot} ${y ? H.dotActive : ""}`,
+                onClick: () => G(b),
+                "aria-label": `${w("carousel.goToImage")} ${b + 1}`,
+                "aria-selected": y,
                 role: "tab"
               },
-              `dot-${v}`
+              `dot-${b}`
             );
           }) })
         ] })
@@ -3335,8 +3338,8 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
     }
   );
 };
-zo.displayName = "Carousel";
-function $o(t) {
+$o.displayName = "Carousel";
+function Po(t) {
   return `
 .${t.carouselContainer} {
   position: relative;
@@ -3508,8 +3511,8 @@ function $o(t) {
 }
 `;
 }
-const Po = "_crossCorner_1caiu_1", Ro = "_shape_1caiu_6", Ae = {
-  crossCorner: Po,
+const zo = "_crossCorner_1caiu_1", Ro = "_shape_1caiu_6", Ae = {
+  crossCorner: zo,
   shape: Ro
 };
 function Go(t) {
@@ -3552,34 +3555,34 @@ const Wo = {
   ({
     position: t = "top-left",
     size: e = "md",
-    className: s,
-    "aria-label": c,
-    "aria-hidden": f = !0,
-    "data-color": y,
+    className: r,
+    "aria-label": d,
+    "aria-hidden": h = !0,
+    "data-color": k,
     "data-size": u,
     ...x
   }, F) => {
-    z(() => {
+    $(() => {
       const w = "rk-crosscorner-inline-styles";
       if (typeof document > "u" || document.getElementById(w)) return;
-      const $ = Go(Ae), M = document.createElement("style");
-      M.id = w, M.textContent = $, document.head.appendChild(M);
+      const P = Go(Ae), M = document.createElement("style");
+      M.id = w, M.textContent = P, document.head.appendChild(M);
     }, []);
     const C = Wo[e], U = Ho[t];
     return /* @__PURE__ */ n(
       "svg",
       {
         ref: F,
-        className: `${Ae.crossCorner} ${s || ""}`,
+        className: `${Ae.crossCorner} ${r || ""}`,
         width: C,
         height: C,
         viewBox: "0 0 68 68",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        "aria-label": c,
-        "aria-hidden": f,
-        role: f ? void 0 : "img",
-        "data-color": y,
+        "aria-label": d,
+        "aria-hidden": h,
+        role: h ? void 0 : "img",
+        "data-color": k,
         "data-size": u,
         style: {
           transform: U ? `rotate(${U}deg)` : void 0
@@ -3597,85 +3600,90 @@ const Wo = {
   }
 );
 ve.displayName = "CrossCorner";
-const Ba = gt, Ea = ut, za = ht, V = ft, $a = xt, Pa = Tt, Ra = vt, Ga = yt, Wa = bt, Ha = kt, Ua = Ct, Va = wt, Uo = It, Vo = St;
+const Es = gt, $s = ut, Ps = ht, V = ft, zs = xt, Rs = Tt, Gs = vt, Ws = yt, Hs = bt, Us = kt, Vs = Ct, Os = wt, Uo = It, Vo = St;
 Uo.displayName = "Field.Description";
 Vo.displayName = "Field.Counter";
-const Oa = Ue, Oo = ae((t, e) => /* @__PURE__ */ n(_t, { ref: e, ...t }));
+const Ks = Ue, Oo = ae((t, e) => /* @__PURE__ */ n(_t, { ref: e, ...t }));
 Oo.displayName = "Heading";
 const Ze = Dt;
 Ze.displayName = "Input";
 const Ko = ae((t, e) => /* @__PURE__ */ n(At, { ref: e, ...t }));
 Ko.displayName = "Label";
-const oe = Lt, Ka = Nt, qo = Mt, qa = Bt, Ya = Ft, Za = jt, Xa = Et;
+const oe = Lt, qs = Nt, qo = Mt, Ys = Bt, Zs = Ft, Xs = jt, Js = Et;
 qo.displayName = "Pagination";
 const be = ae(
-  (t, e) => /* @__PURE__ */ n(zt, { ref: e, ...t })
+  (t, e) => /* @__PURE__ */ n($t, { ref: e, ...t })
 );
 be.displayName = "Paragraph";
-const Ja = $t, Qa = Pt, ei = Rt, xe = Object.assign(Gt, {
+const Qs = Pt, ei = zt, ti = Rt, xe = Object.assign(Gt, {
   Button: Ut,
   ClearButton: Ht,
   Input: Wt
-}), ti = Vt, ni = Ot, oi = Kt, Yo = qt;
+}), ni = Vt, oi = Ot, ri = Kt, Yo = qt;
 Yo.displayName = "Suggestion";
-const Le = Yt, ri = Zt, Te = Xt, si = Jt, ai = Qt, Zo = en, ii = tn, li = nn, Xo = ae((t, e) => /* @__PURE__ */ n(on, { ref: e, ...t }));
-Xo.displayName = "ValidationMessage";
-const Jo = "_header_pzuss_1", Qo = "_languageSwitch_pzuss_37", er = "_searchOverlay_pzuss_41", tr = "_headerExtension_pzuss_46", nr = "_headerExtensionTinted_pzuss_75", or = "_languageLabel_pzuss_83", rr = "_languageLink_pzuss_88", sr = "_extensionContent_pzuss_93", ar = "_extensionDivider_pzuss_98", ir = "_extensionContentWrapper_pzuss_103", lr = "_headerInner_pzuss_199", dr = "_logoWrapper_pzuss_216", cr = "_logo_pzuss_216", pr = "_secondaryLogoWrapper_pzuss_239", mr = "_slotComponent_pzuss_248", gr = "_slotContainer_pzuss_258", ur = "_slotText_pzuss_266", hr = "_secondaryLogo_pzuss_239", fr = "_redCrossLogo_pzuss_293", kr = "_primaryLogo_pzuss_299", vr = "_navItems_pzuss_303", br = "_navLink_pzuss_312", yr = "_actions_pzuss_325", xr = "_ctaButton_pzuss_333", Tr = "_themeToggle_pzuss_338", Cr = "_userInfo_pzuss_343", wr = "_userName_pzuss_349", Sr = "_loginLink_pzuss_356", Ir = "_loginText_pzuss_365", _r = "_underline_pzuss_372", Dr = "_searchButtonWrapper_pzuss_378", Ar = "_buttonText_pzuss_382", Lr = "_menuButton_pzuss_387", Nr = "_menuOverlay_pzuss_426", Mr = "_searchContent_pzuss_460", jr = "_menuContent_pzuss_470", Fr = "_menuLeftColumn_pzuss_479", Br = "_menuRightColumn_pzuss_485", Er = "_slotContent_pzuss_499", zr = "_navList_pzuss_512", $r = "_menuUtilities_pzuss_519", Pr = "_menuBrand_pzuss_526", Rr = "_suggestionsSection_pzuss_530", Gr = "_suggestionsTitle_pzuss_536", Wr = "_searchResults_pzuss_545", Hr = "_resultList_pzuss_551", Ur = "_resultItem_pzuss_557", Vr = "_resultLink_pzuss_565", Or = "_suggestionIcon_pzuss_579", Kr = "_suggestionText_pzuss_592", qr = "_highlightedText_pzuss_599", Yr = "_remainingText_pzuss_604", Zr = "_viewAllLink_pzuss_617", Xr = "_noResults_pzuss_652", a = {
-  header: Jo,
-  languageSwitch: Qo,
-  searchOverlay: er,
-  headerExtension: tr,
-  headerExtensionTinted: nr,
-  languageLabel: or,
-  languageLink: rr,
+const Le = Yt, ai = Zt, Te = Xt, Zo = ae(function({ shape: e, ...r }, d) {
+  const h = {};
+  return e === "rounded" && (h["data-shape"] = "rounded"), /* @__PURE__ */ n(Jt, { ref: d, ...r, ...h });
+});
+Zo.displayName = "Tag";
+const si = Qt, Xo = en, ii = tn, li = nn, Jo = ae((t, e) => /* @__PURE__ */ n(on, { ref: e, ...t }));
+Jo.displayName = "ValidationMessage";
+const Qo = "_header_p2hri_1", er = "_languageSwitch_p2hri_37", tr = "_searchOverlay_p2hri_41", nr = "_headerExtension_p2hri_46", or = "_headerExtensionTinted_p2hri_75", rr = "_languageLabel_p2hri_83", ar = "_languageLink_p2hri_88", sr = "_extensionContent_p2hri_93", ir = "_extensionDivider_p2hri_98", lr = "_extensionContentWrapper_p2hri_103", dr = "_headerInner_p2hri_199", cr = "_logoWrapper_p2hri_216", pr = "_logo_p2hri_216", mr = "_secondaryLogoWrapper_p2hri_239", gr = "_slotComponent_p2hri_248", ur = "_slotContainer_p2hri_258", hr = "_slotText_p2hri_266", fr = "_secondaryLogo_p2hri_239", kr = "_redCrossLogo_p2hri_293", vr = "_primaryLogo_p2hri_299", br = "_navItems_p2hri_303", yr = "_navLink_p2hri_312", xr = "_actions_p2hri_325", Tr = "_ctaButton_p2hri_333", Cr = "_themeToggle_p2hri_338", wr = "_userInfo_p2hri_343", Sr = "_userName_p2hri_349", Ir = "_loginLink_p2hri_356", _r = "_loginText_p2hri_365", Dr = "_underline_p2hri_372", Ar = "_searchButtonWrapper_p2hri_378", Lr = "_buttonText_p2hri_382", Nr = "_menuButton_p2hri_387", Mr = "_menuOverlay_p2hri_410", jr = "_searchContent_p2hri_444", Fr = "_menuContent_p2hri_454", Br = "_menuLeftColumn_p2hri_463", Er = "_menuRightColumn_p2hri_469", $r = "_slotContent_p2hri_483", Pr = "_navList_p2hri_496", zr = "_menuUtilities_p2hri_503", Rr = "_menuBrand_p2hri_510", Gr = "_suggestionsSection_p2hri_514", Wr = "_suggestionsTitle_p2hri_520", Hr = "_searchResults_p2hri_529", Ur = "_resultList_p2hri_535", Vr = "_resultItem_p2hri_541", Or = "_resultLink_p2hri_549", Kr = "_suggestionIcon_p2hri_563", qr = "_suggestionText_p2hri_576", Yr = "_highlightedText_p2hri_583", Zr = "_remainingText_p2hri_588", Xr = "_viewAllLink_p2hri_601", Jr = "_noResults_p2hri_636", s = {
+  header: Qo,
+  languageSwitch: er,
+  searchOverlay: tr,
+  headerExtension: nr,
+  headerExtensionTinted: or,
+  languageLabel: rr,
+  languageLink: ar,
   extensionContent: sr,
-  extensionDivider: ar,
-  extensionContentWrapper: ir,
-  headerInner: lr,
-  logoWrapper: dr,
-  logo: cr,
-  secondaryLogoWrapper: pr,
-  slotComponent: mr,
-  slotContainer: gr,
-  slotText: ur,
-  secondaryLogo: hr,
-  redCrossLogo: fr,
-  primaryLogo: kr,
-  navItems: vr,
-  navLink: br,
-  actions: yr,
-  ctaButton: xr,
-  themeToggle: Tr,
-  userInfo: Cr,
-  userName: wr,
-  loginLink: Sr,
-  loginText: Ir,
-  underline: _r,
-  searchButtonWrapper: Dr,
-  buttonText: Ar,
-  menuButton: Lr,
-  menuOverlay: Nr,
-  searchContent: Mr,
-  menuContent: jr,
-  menuLeftColumn: Fr,
-  menuRightColumn: Br,
-  slotContent: Er,
-  navList: zr,
-  menuUtilities: $r,
-  menuBrand: Pr,
-  suggestionsSection: Rr,
-  suggestionsTitle: Gr,
-  searchResults: Wr,
-  resultList: Hr,
-  resultItem: Ur,
-  resultLink: Vr,
-  suggestionIcon: Or,
-  suggestionText: Kr,
-  highlightedText: qr,
-  remainingText: Yr,
-  viewAllLink: Zr,
-  noResults: Xr
-}, Jr = [
+  extensionDivider: ir,
+  extensionContentWrapper: lr,
+  headerInner: dr,
+  logoWrapper: cr,
+  logo: pr,
+  secondaryLogoWrapper: mr,
+  slotComponent: gr,
+  slotContainer: ur,
+  slotText: hr,
+  secondaryLogo: fr,
+  redCrossLogo: kr,
+  primaryLogo: vr,
+  navItems: br,
+  navLink: yr,
+  actions: xr,
+  ctaButton: Tr,
+  themeToggle: Cr,
+  userInfo: wr,
+  userName: Sr,
+  loginLink: Ir,
+  loginText: _r,
+  underline: Dr,
+  searchButtonWrapper: Ar,
+  buttonText: Lr,
+  menuButton: Nr,
+  menuOverlay: Mr,
+  searchContent: jr,
+  menuContent: Fr,
+  menuLeftColumn: Br,
+  menuRightColumn: Er,
+  slotContent: $r,
+  navList: Pr,
+  menuUtilities: zr,
+  menuBrand: Rr,
+  suggestionsSection: Gr,
+  suggestionsTitle: Wr,
+  searchResults: Hr,
+  resultList: Ur,
+  resultItem: Vr,
+  resultLink: Or,
+  suggestionIcon: Kr,
+  suggestionText: qr,
+  highlightedText: Yr,
+  remainingText: Zr,
+  viewAllLink: Xr,
+  noResults: Jr
+}, Qr = [
   // Pages
   { id: "home", title: "Hjem", category: "Page", path: "home", description: "Forsiden" },
   { id: "components", title: "Komponenter", category: "Page", path: "components", description: "Oversikt over alle komponenter" },
@@ -3739,47 +3747,47 @@ const Jo = "_header_pzuss_1", Qo = "_languageSwitch_pzuss_37", er = "_searchOver
   { id: "progression", title: "Progresjon", category: "Code", path: "code/progression", description: "Fra design til ferdig komponent" },
   { id: "metadata-files", title: "Metadata filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
 ];
-function Qr(t) {
+function ea(t) {
   return t.split(/\s+/).map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase();
 }
 const di = ({
   "data-color": t = "primary",
   activePage: e,
-  setPage: s,
-  children: c,
-  showUser: f = !0,
-  showSearch: y = !0,
+  setPage: r,
+  children: d,
+  showUser: h = !0,
+  showSearch: k = !0,
   showLogin: u = !0,
   showCta: x = !1,
   ctaLabel: F,
   ctaIcon: C = /* @__PURE__ */ n(gn, { "aria-hidden": !0 }),
   onCtaClick: U,
   showThemeToggle: w = !1,
-  secondaryLogo: $ = !1,
+  secondaryLogo: P = !1,
   secondaryLogoSrc: M,
   secondaryLogoSrcDark: l,
   secondaryLogoAlt: te = "Secondary Logo",
-  navItems: P,
+  navItems: z,
   showNavItems: B = !0,
   showMenuButton: X = !0,
-  showHeaderExtension: d = !1,
-  showModeToggle: D = !1,
+  showHeaderExtension: c = !1,
+  showModeToggle: A = !1,
   showLanguageSwitch: S = !1,
   extensionColor: R,
-  buttonStyle: A = "default",
+  buttonStyle: I = "default",
   userName: G,
   userInitials: O,
   userAvatarSrc: J,
   onUserClick: W
 }) => {
-  const [L, g] = Y(!1), [h, v] = Y(!1), [b, ne] = Y(""), [Q, I] = Y("light"), { language: j, setLanguage: K, t: T } = ye(), [Z, ce] = Y(!1);
-  z(() => {
+  const [L, g] = Y(!1), [f, b] = Y(!1), [y, ne] = Y(""), [Q, _] = Y("light"), { language: j, setLanguage: K, t: T } = ye(), [Z, ce] = Y(!1);
+  $(() => {
     const i = "rk-header-inline-styles";
     if (typeof document > "u" || document.getElementById(i)) return;
-    const p = es(a), k = document.createElement("style");
-    k.id = i, k.textContent = p, document.head.appendChild(k);
+    const p = ta(s), v = document.createElement("style");
+    v.id = i, v.textContent = p, document.head.appendChild(v);
   }, []);
-  const m = () => /* @__PURE__ */ r(
+  const m = () => /* @__PURE__ */ a(
     "svg",
     {
       width: "170",
@@ -3789,7 +3797,7 @@ const di = ({
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": !0,
       focusable: "false",
-      className: a.redCrossLogo,
+      className: s.redCrossLogo,
       children: [
         /* @__PURE__ */ n("path", { d: "M76.1036 48.1397C77.8925 47.8781 79.6984 47.7525 81.5061 47.7639C84.1713 47.7639 86.0396 48.1669 87.3182 49.1857C87.8735 49.639 88.3149 50.2176 88.6067 50.8744C88.8984 51.5312 89.0323 52.2479 88.9974 52.9665C88.9839 53.9451 88.6724 54.896 88.1049 55.691C87.5373 56.4861 86.7411 57.087 85.8235 57.4129V57.4944C87.0796 58.006 87.7684 59.2104 88.2231 60.8722C88.7813 62.9097 89.3441 65.2688 89.6907 65.9661H85.5309C85.2382 65.4544 84.7835 63.9829 84.2793 61.7597C83.7751 59.5365 83.0097 58.8527 81.344 58.8527H80.1284V65.9661H76.1036V48.1397ZM80.1284 55.9141H81.7312C83.7526 55.9141 84.9546 54.8954 84.9546 53.3151C84.9546 51.6534 83.8336 50.8202 81.9698 50.7931C81.3532 50.7814 80.7368 50.8268 80.1284 50.9289V55.9141Z", fill: "#1E1E1E" }),
         /* @__PURE__ */ n("path", { d: "M97.8528 52.5633C98.9439 52.5351 100.026 52.7744 101.004 53.2606L102.256 51.4087L103.669 52.4003L102.467 54.2115C103.188 54.8589 103.758 55.6585 104.137 56.5531C104.515 57.4478 104.692 58.4154 104.655 59.3869C104.655 64.0506 101.243 66.2738 97.8573 66.2738C96.7852 66.2984 95.7234 66.059 94.7644 65.5765L93.4543 67.4556L92.1037 66.387L93.2787 64.6438C91.8651 63.4892 91.0277 61.7233 91.0277 59.414C91.0277 55.2891 93.7965 52.5543 97.8213 52.5543L97.8528 52.5633ZM99.2934 55.9411C98.8798 55.6237 98.3731 55.4533 97.8528 55.4566C95.7458 55.4566 94.949 57.5757 94.949 59.4005C94.9265 60.126 95.0909 60.845 95.4262 61.4878L95.4802 61.515L99.2934 55.9411ZM96.4932 62.8552C96.8653 63.1843 97.3486 63.3576 97.8438 63.3397C99.6446 63.3397 100.748 61.7821 100.748 59.4774C100.76 58.7777 100.625 58.0833 100.351 57.4399L100.27 57.4127L96.4932 62.8552Z", fill: "#1E1E1E" }),
@@ -3804,107 +3812,107 @@ const di = ({
       ]
     }
   );
-  z(() => {
-    g(!1), v(!1), ne("");
-  }, [e]), z(() => {
+  $(() => {
+    g(!1), b(!1), ne("");
+  }, [e]), $(() => {
     if (!(typeof document > "u") && L && Z) {
       const i = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = i;
       };
     }
-  }, [L, Z]), z(() => {
+  }, [L, Z]), $(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u") return;
-    const i = window.matchMedia("(max-width: 850px)"), p = (k) => ce("matches" in k ? k.matches : i.matches);
+    const i = window.matchMedia("(max-width: 850px)"), p = (v) => ce("matches" in v ? v.matches : i.matches);
     return p(i), i.addEventListener ? i.addEventListener("change", p) : i.addListener(p), () => {
       i.removeEventListener ? i.removeEventListener("change", p) : i.removeListener(p);
     };
-  }, []), z(() => {
+  }, []), $(() => {
     if (typeof document > "u") return;
-    const i = document.querySelector(`.${a.header}`);
+    const i = document.querySelector(`.${s.header}`);
     if (!i) return;
     const p = () => {
       const q = i.offsetHeight;
       document.documentElement.style.setProperty("--header-height-mobile", `${q}px`);
     };
     p(), window.addEventListener("resize", p);
-    const k = new ResizeObserver(() => {
+    const v = new ResizeObserver(() => {
       p();
     });
-    return k.observe(i), () => {
-      window.removeEventListener("resize", p), k.disconnect();
+    return v.observe(i), () => {
+      window.removeEventListener("resize", p), v.disconnect();
     };
-  }, [Z]), z(() => {
+  }, [Z]), $(() => {
     if (typeof document > "u") return;
-    const i = document.querySelector(`.${a.logoWrapper}`);
+    const i = document.querySelector(`.${s.logoWrapper}`);
     if (!i) return;
     const p = () => {
-      const k = i.offsetWidth;
-      document.documentElement.style.setProperty("--rk-logo-width", `${k}px`);
+      const v = i.offsetWidth;
+      document.documentElement.style.setProperty("--rk-logo-width", `${v}px`);
     };
     return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
-  }, [Z]), z(() => {
-    if (typeof document > "u" || !h) {
+  }, [Z]), $(() => {
+    if (typeof document > "u" || !f) {
       document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
       return;
     }
-    const i = document.querySelector(`.${a.searchOverlay}`);
+    const i = document.querySelector(`.${s.searchOverlay}`);
     if (!i) return;
     const p = () => {
       const q = i.offsetHeight;
       document.documentElement.style.setProperty("--rk-search-overlay-height", `${q}px`);
     };
     requestAnimationFrame(p), window.addEventListener("resize", p);
-    const k = new ResizeObserver(p);
-    return k.observe(i), () => {
-      window.removeEventListener("resize", p), k.disconnect();
+    const v = new ResizeObserver(p);
+    return v.observe(i), () => {
+      window.removeEventListener("resize", p), v.disconnect();
     };
-  }, [h]);
-  const _ = () => {
+  }, [f]);
+  const D = () => {
     const i = Q === "light" ? "dark" : "light";
-    I(i), document.documentElement.setAttribute("data-color-scheme", i);
+    _(i), document.documentElement.setAttribute("data-color-scheme", i);
   }, N = (i) => {
-    s && (i.preventDefault(), s("home")), g(!1), v(!1);
+    r && (i.preventDefault(), r("home")), g(!1), b(!1);
   }, ie = () => {
-    g(!L), h && v(!1), !L && typeof document < "u" && requestAnimationFrame(() => {
-      const i = document.querySelector(`.${a.header}`);
+    g(!L), f && b(!1), !L && typeof document < "u" && requestAnimationFrame(() => {
+      const i = document.querySelector(`.${s.header}`);
       if (i) {
         const p = i.offsetHeight;
         document.documentElement.style.setProperty("--header-height-mobile", `${p}px`);
       }
     });
   }, se = () => {
-    v(!h), L && g(!1);
+    b(!f), L && g(!1);
   }, pe = ue(() => {
-    if (!b.trim()) return [];
-    const i = b.toLowerCase();
-    return Jr.filter(
+    if (!y.trim()) return [];
+    const i = y.toLowerCase();
+    return Qr.filter(
       (p) => p.title.toLowerCase().startsWith(i)
     );
-  }, [b]), we = (i) => {
-    s && s(i), v(!1), ne("");
+  }, [y]), we = (i) => {
+    r && r(i), b(!1), ne("");
   };
-  return /* @__PURE__ */ r("header", { className: a.header, "data-open": L ? "true" : "false", "data-color": t, "data-button-style": A, children: [
-    d && /* @__PURE__ */ n("div", { className: `${a.headerExtension}${R === "tinted" ? ` ${a.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": R, children: /* @__PURE__ */ r("div", { className: a.extensionContentWrapper, children: [
-      D && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ a("header", { className: s.header, "data-open": L ? "true" : "false", "data-color": t, "data-button-style": I, children: [
+    c && /* @__PURE__ */ n("div", { className: `${s.headerExtension}${R === "tinted" ? ` ${s.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": R, children: /* @__PURE__ */ a("div", { className: s.extensionContentWrapper, children: [
+      A && /* @__PURE__ */ n("div", { className: s.extensionContent, children: /* @__PURE__ */ n(
         Le,
         {
           "data-size": "sm",
           checked: Q === "dark",
-          onChange: _,
+          onChange: D,
           label: T("header.darkMode"),
           color: "neutral",
           "data-color-scheme": "light"
         }
       ) }),
-      D && S && /* @__PURE__ */ n("div", { className: a.extensionDivider }),
-      S && /* @__PURE__ */ r("div", { className: a.languageSwitch, children: [
-        /* @__PURE__ */ n("span", { className: a.languageLabel, children: T("header.language") }),
-        /* @__PURE__ */ r(V.TriggerContext, { children: [
-          /* @__PURE__ */ r(
+      A && S && /* @__PURE__ */ n("div", { className: s.extensionDivider }),
+      S && /* @__PURE__ */ a("div", { className: s.languageSwitch, children: [
+        /* @__PURE__ */ n("span", { className: s.languageLabel, children: T("header.language") }),
+        /* @__PURE__ */ a(V.TriggerContext, { children: [
+          /* @__PURE__ */ a(
             V.Trigger,
             {
-              className: a.languageLink,
+              className: s.languageLink,
               "aria-label": T("header.selectLanguage"),
               style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
               children: [
@@ -3919,7 +3927,7 @@ const di = ({
             {
               "data-color-scheme": Q,
               placement: "bottom-end",
-              children: /* @__PURE__ */ r(V.List, { children: [
+              children: /* @__PURE__ */ a(V.List, { children: [
                 /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => K("NO"), children: "Norsk (NO)" }) }),
                 /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => K("EN"), children: "English (EN)" }) })
               ] })
@@ -3928,77 +3936,77 @@ const di = ({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ r("div", { className: a.headerInner, children: [
-      /* @__PURE__ */ r("div", { className: a.logoWrapper, children: [
+    /* @__PURE__ */ a("div", { className: s.headerInner, children: [
+      /* @__PURE__ */ a("div", { className: s.logoWrapper, children: [
         /* @__PURE__ */ n(
           oe,
           {
             href: "/",
-            className: `${a.logo} ${a.primaryLogo}`,
+            className: `${s.logo} ${s.primaryLogo}`,
             "aria-label": T("header.homeAriaLabel"),
             onClick: N,
             children: /* @__PURE__ */ n(m, {})
           }
         ),
-        /* @__PURE__ */ n("div", { className: a.secondaryLogoWrapper, children: $ && M ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: s.secondaryLogoWrapper, children: P && M ? /* @__PURE__ */ n(
           "img",
           {
             src: Q === "dark" && l ? l : M,
             alt: te,
-            className: a.secondaryLogo
+            className: s.secondaryLogo
           }
-        ) : $ ? /* @__PURE__ */ n("div", { className: a.slotComponent, children: /* @__PURE__ */ n("div", { className: a.slotContainer, children: /* @__PURE__ */ n("p", { className: a.slotText, children: "SLOT" }) }) }) : null })
+        ) : P ? /* @__PURE__ */ n("div", { className: s.slotComponent, children: /* @__PURE__ */ n("div", { className: s.slotContainer, children: /* @__PURE__ */ n("p", { className: s.slotText, children: "SLOT" }) }) }) : null })
       ] }),
-      B && P && P.length > 0 && !Z && /* @__PURE__ */ n("nav", { className: a.navItems, children: P.map((i, p) => /* @__PURE__ */ n(
+      B && z && z.length > 0 && !Z && /* @__PURE__ */ n("nav", { className: s.navItems, children: z.map((i, p) => /* @__PURE__ */ n(
         oe,
         {
           href: i.href,
-          className: a.navLink,
-          onClick: (k) => {
-            s && (k.preventDefault(), s(i.href));
+          className: s.navLink,
+          onClick: (v) => {
+            r && (v.preventDefault(), r(i.href));
           },
           children: i.label
         },
         p
       )) }),
-      /* @__PURE__ */ r("div", { className: a.actions, children: [
-        x && /* @__PURE__ */ r(
+      /* @__PURE__ */ a("div", { className: s.actions, children: [
+        x && /* @__PURE__ */ a(
           de,
           {
             variant: "primary",
             "data-color": "main",
             "data-size": "md",
-            className: a.ctaButton,
+            className: s.ctaButton,
             onClick: U,
             children: [
               C,
-              /* @__PURE__ */ n("span", { className: C ? a.buttonText : void 0, children: F || T("header.supportUs") })
+              /* @__PURE__ */ n("span", { className: C ? s.buttonText : void 0, children: F || T("header.supportUs") })
             ]
           }
         ),
-        !d && w && /* @__PURE__ */ n("div", { className: a.themeToggle, children: /* @__PURE__ */ n(
+        !c && w && /* @__PURE__ */ n("div", { className: s.themeToggle, children: /* @__PURE__ */ n(
           Le,
           {
             checked: Q === "dark",
-            onChange: _,
+            onChange: D,
             "aria-label": T("header.toggleTheme")
           }
         ) }),
-        f && (() => {
-          const i = G ?? "Frodo Baggins", p = O ?? (G ? Qr(G) : "FB"), k = !!W;
-          return /* @__PURE__ */ r(
+        h && (() => {
+          const i = G ?? "Frodo Baggins", p = O ?? (G ? ea(G) : "FB"), v = !!W;
+          return /* @__PURE__ */ a(
             "div",
             {
-              className: a.userInfo,
+              className: s.userInfo,
               onClick: W,
-              role: k ? "button" : void 0,
-              tabIndex: k ? 0 : void 0,
-              onKeyDown: k ? (q) => {
+              role: v ? "button" : void 0,
+              tabIndex: v ? 0 : void 0,
+              onKeyDown: v ? (q) => {
                 (q.key === "Enter" || q.key === " ") && (q.preventDefault(), W == null || W());
               } : void 0,
-              style: k ? { cursor: "pointer" } : void 0,
+              style: v ? { cursor: "pointer" } : void 0,
               children: [
-                /* @__PURE__ */ n(be, { "data-size": "md", className: a.userName, children: i }),
+                /* @__PURE__ */ n(be, { "data-size": "md", className: s.userName, children: i }),
                 /* @__PURE__ */ n(
                   Ke,
                   {
@@ -4020,57 +4028,59 @@ const di = ({
             }
           );
         })(),
-        u && /* @__PURE__ */ r("a", { href: "#", className: a.loginLink, children: [
-          /* @__PURE__ */ n(be, { "data-size": "md", className: a.loginText, children: T("header.login") }),
-          /* @__PURE__ */ n("div", { className: a.underline })
+        u && /* @__PURE__ */ a("a", { href: "#", className: s.loginLink, children: [
+          /* @__PURE__ */ n(be, { "data-size": "md", className: s.loginText, children: T("header.login") }),
+          /* @__PURE__ */ n("div", { className: s.underline })
         ] }),
-        y && /* @__PURE__ */ n("div", { className: a.searchButtonWrapper, children: /* @__PURE__ */ r(
+        k && /* @__PURE__ */ n("div", { className: s.searchButtonWrapper, children: /* @__PURE__ */ a(
           de,
           {
             variant: "secondary",
-            "data-color": A === "soft" ? "neutral" : "main",
+            shape: I === "soft" ? "pill" : void 0,
+            "data-color": I === "soft" ? "neutral" : "main",
             "data-size": "md",
             onClick: se,
-            "aria-expanded": h,
-            "aria-label": T(h ? "header.closeSearch" : "header.openSearch"),
+            "aria-expanded": f,
+            "aria-label": T(f ? "header.closeSearch" : "header.openSearch"),
             children: [
-              h ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(h ? "header.close" : "header.search") })
+              f ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }),
+              /* @__PURE__ */ n("span", { className: s.buttonText, children: T(f ? "header.close" : "header.search") })
             ]
           }
         ) }),
         (X || Z) && /* @__PURE__ */ n(
           de,
           {
-            variant: "primary",
+            variant: I === "soft" ? "soft" : "primary",
+            shape: I === "soft" ? "pill" : void 0,
             "data-color": "main",
             "data-size": "md",
             onClick: ie,
             "aria-expanded": L,
             "aria-label": T(L ? "header.closeMenu" : "header.openMenu"),
-            className: a.menuButton,
-            children: A === "soft" ? /* @__PURE__ */ r(Ce, { children: [
-              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(L ? "header.close" : "header.menu") }),
-              L ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(ze, { "aria-hidden": !0 })
-            ] }) : /* @__PURE__ */ r(Ce, { children: [
-              L ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n(ze, { "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: a.buttonText, children: T(L ? "header.close" : "header.menu") })
+            className: s.menuButton,
+            children: I === "soft" ? /* @__PURE__ */ a(Ce, { children: [
+              /* @__PURE__ */ n("span", { className: s.buttonText, children: T(L ? "header.close" : "header.menu") }),
+              L ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n($e, { "aria-hidden": !0 })
+            ] }) : /* @__PURE__ */ a(Ce, { children: [
+              L ? /* @__PURE__ */ n(_e, { "aria-hidden": !0 }) : /* @__PURE__ */ n($e, { "aria-hidden": !0 }),
+              /* @__PURE__ */ n("span", { className: s.buttonText, children: T(L ? "header.close" : "header.menu") })
             ] })
           }
         )
       ] })
     ] }),
-    L && /* @__PURE__ */ n("div", { className: a.menuOverlay, children: /* @__PURE__ */ r("div", { className: a.menuContent, children: [
-      /* @__PURE__ */ n("div", { className: a.menuLeftColumn }),
-      /* @__PURE__ */ r("div", { className: a.menuRightColumn, children: [
-        Z && (S || D) && /* @__PURE__ */ r("div", { className: a.menuUtilities, children: [
-          S && /* @__PURE__ */ r("div", { className: a.languageSwitch, children: [
-            /* @__PURE__ */ n("span", { className: a.languageLabel, children: T("header.language") }),
-            /* @__PURE__ */ r(V.TriggerContext, { children: [
-              /* @__PURE__ */ r(
+    L && /* @__PURE__ */ n("div", { className: s.menuOverlay, children: /* @__PURE__ */ a("div", { className: s.menuContent, children: [
+      /* @__PURE__ */ n("div", { className: s.menuLeftColumn }),
+      /* @__PURE__ */ a("div", { className: s.menuRightColumn, children: [
+        Z && (S || A) && /* @__PURE__ */ a("div", { className: s.menuUtilities, children: [
+          S && /* @__PURE__ */ a("div", { className: s.languageSwitch, children: [
+            /* @__PURE__ */ n("span", { className: s.languageLabel, children: T("header.language") }),
+            /* @__PURE__ */ a(V.TriggerContext, { children: [
+              /* @__PURE__ */ a(
                 V.Trigger,
                 {
-                  className: a.languageLink,
+                  className: s.languageLink,
                   "aria-label": T("header.selectLanguage"),
                   style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
                   children: [
@@ -4085,7 +4095,7 @@ const di = ({
                 {
                   "data-color-scheme": Q,
                   placement: "bottom-start",
-                  children: /* @__PURE__ */ r(V.List, { children: [
+                  children: /* @__PURE__ */ a(V.List, { children: [
                     /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => K("NO"), children: "Norsk (NO)" }) }),
                     /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => K("EN"), children: "English (EN)" }) })
                   ] })
@@ -4093,80 +4103,80 @@ const di = ({
               )
             ] })
           ] }),
-          D && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
+          A && /* @__PURE__ */ n("div", { className: s.extensionContent, children: /* @__PURE__ */ n(
             Le,
             {
               "data-size": "sm",
               checked: Q === "dark",
-              onChange: _,
+              onChange: D,
               label: T("header.darkMode"),
               color: "neutral",
               "data-color-scheme": "light"
             }
           ) })
         ] }),
-        /* @__PURE__ */ r("div", { className: a.slotContent, children: [
-          c,
-          Z && B && P && P.length > 0 && /* @__PURE__ */ n("nav", { className: a.navList, children: P.map((i, p) => /* @__PURE__ */ n(
+        /* @__PURE__ */ a("div", { className: s.slotContent, children: [
+          d,
+          Z && B && z && z.length > 0 && /* @__PURE__ */ n("nav", { className: s.navList, children: z.map((i, p) => /* @__PURE__ */ n(
             oe,
             {
               href: i.href,
-              className: a.navLink,
-              onClick: (k) => {
-                s && (k.preventDefault(), s(i.href));
+              className: s.navLink,
+              onClick: (v) => {
+                r && (v.preventDefault(), r(i.href));
               },
               children: i.label
             },
             p
           )) })
         ] }),
-        Z && /* @__PURE__ */ n("div", { className: a.menuBrand, children: /* @__PURE__ */ n(m, {}) })
+        Z && /* @__PURE__ */ n("div", { className: s.menuBrand, children: /* @__PURE__ */ n(m, {}) })
       ] })
     ] }) }),
-    h && /* @__PURE__ */ n("div", { className: a.searchOverlay, children: /* @__PURE__ */ r("div", { className: a.searchContent, children: [
-      /* @__PURE__ */ r(xe, { children: [
+    f && /* @__PURE__ */ n("div", { className: s.searchOverlay, children: /* @__PURE__ */ a("div", { className: s.searchContent, children: [
+      /* @__PURE__ */ a(xe, { children: [
         /* @__PURE__ */ n(
           xe.Input,
           {
             "aria-label": T("header.search"),
             placeholder: T("header.searchPlaceholder"),
-            value: b,
+            value: y,
             onChange: (i) => ne(i.target.value)
           }
         ),
         /* @__PURE__ */ n(xe.Button, { "aria-label": T("header.search") }),
         /* @__PURE__ */ n(xe.ClearButton, { onClick: () => ne(""), "aria-label": T("header.clearSearch") })
       ] }),
-      b && /* @__PURE__ */ n("div", { className: a.searchResults, children: pe.length > 0 ? /* @__PURE__ */ r("div", { className: a.suggestionsSection, children: [
-        /* @__PURE__ */ n("h3", { className: a.suggestionsTitle, children: T("header.suggestions") }),
-        /* @__PURE__ */ n("ul", { className: a.resultList, children: pe.slice(0, 5).map((i) => /* @__PURE__ */ n("li", { className: a.resultItem, children: /* @__PURE__ */ r(
+      y && /* @__PURE__ */ n("div", { className: s.searchResults, children: pe.length > 0 ? /* @__PURE__ */ a("div", { className: s.suggestionsSection, children: [
+        /* @__PURE__ */ n("h3", { className: s.suggestionsTitle, children: T("header.suggestions") }),
+        /* @__PURE__ */ n("ul", { className: s.resultList, children: pe.slice(0, 5).map((i) => /* @__PURE__ */ n("li", { className: s.resultItem, children: /* @__PURE__ */ a(
           "button",
           {
-            className: a.resultLink,
+            className: s.resultLink,
             onClick: () => we(i.path),
             children: [
-              /* @__PURE__ */ n("span", { className: a.suggestionIcon, children: /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }) }),
-              /* @__PURE__ */ n("span", { className: a.suggestionText, children: (() => {
-                const p = i.title.toLowerCase().indexOf(b.toLowerCase());
-                if (p === -1) return /* @__PURE__ */ n("span", { className: a.remainingText, children: i.title });
-                const k = i.title.slice(0, p), q = i.title.slice(p, p + b.length), Se = i.title.slice(p + b.length);
-                return /* @__PURE__ */ r(Ce, { children: [
-                  /* @__PURE__ */ n("span", { className: a.remainingText, children: k }),
-                  /* @__PURE__ */ n("span", { className: a.highlightedText, children: q }),
-                  /* @__PURE__ */ n("span", { className: a.remainingText, children: Se })
+              /* @__PURE__ */ n("span", { className: s.suggestionIcon, children: /* @__PURE__ */ n(Ee, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ n("span", { className: s.suggestionText, children: (() => {
+                const p = i.title.toLowerCase().indexOf(y.toLowerCase());
+                if (p === -1) return /* @__PURE__ */ n("span", { className: s.remainingText, children: i.title });
+                const v = i.title.slice(0, p), q = i.title.slice(p, p + y.length), Se = i.title.slice(p + y.length);
+                return /* @__PURE__ */ a(Ce, { children: [
+                  /* @__PURE__ */ n("span", { className: s.remainingText, children: v }),
+                  /* @__PURE__ */ n("span", { className: s.highlightedText, children: q }),
+                  /* @__PURE__ */ n("span", { className: s.remainingText, children: Se })
                 ] });
               })() })
             ]
           }
         ) }, i.id)) }),
-        pe.length > 5 && /* @__PURE__ */ r(
+        pe.length > 5 && /* @__PURE__ */ a(
           oe,
           {
             href: "#",
             "data-color": "neutral",
-            className: a.viewAllLink,
+            className: s.viewAllLink,
             onClick: (i) => {
-              i.preventDefault(), s && s(`search/${b}`), v(!1), ne("");
+              i.preventDefault(), r && r(`search/${y}`), b(!1), ne("");
             },
             children: [
               T("header.viewAll"),
@@ -4176,16 +4186,16 @@ const di = ({
             ]
           }
         )
-      ] }) : /* @__PURE__ */ n("div", { className: a.noResults, children: /* @__PURE__ */ r(be, { children: [
+      ] }) : /* @__PURE__ */ n("div", { className: s.noResults, children: /* @__PURE__ */ a(be, { children: [
         T("header.noResults"),
         ' "',
-        b,
+        y,
         '"'
       ] }) }) })
     ] }) })
   ] });
 };
-function es(t) {
+function ta(t) {
   const e = t;
   return `
 .${e.header} {
@@ -4283,26 +4293,11 @@ function es(t) {
 .${e.header}[data-button-style="soft"] .${e.actions} { gap: var(--ds-size-2); }
 .${e.header}[data-button-style="soft"] .${e.searchButtonWrapper} .ds-button,
 .${e.header}[data-button-style="soft"] .${e.menuButton} {
-  height: var(--ds-size-12, 48px);
-  padding: 0 var(--ds-size-4, 16px);
-  gap: var(--ds-size-2, 8px);
-  border-radius: 9999px;
+  --dsc-button-padding: 0 var(--ds-size-4);
+  height: var(--ds-size-12);
 }
 .${e.header}[data-button-style="soft"] .${e.searchButtonWrapper} .${e.buttonText},
 .${e.header}[data-button-style="soft"] .${e.menuButton} .${e.buttonText} { margin-left: 0; }
-.${e.header}[data-button-style="soft"] .${e.menuButton} {
-  background-color: var(--ds-color-primary-color-red-surface-tinted, #FAE4E2);
-  color: var(--ds-color-primary-color-red-text-default);
-  border-color: transparent;
-}
-.${e.header}[data-button-style="soft"] .${e.menuButton}:hover {
-  background-color: var(--ds-color-primary-color-red-surface-hover, #F6D2CF);
-  border-color: transparent;
-}
-.${e.header}[data-button-style="soft"] .${e.menuButton}:active {
-  background-color: var(--ds-color-primary-color-red-surface-active, #F2BDB9);
-  border-color: transparent;
-}
 .${e.menuOverlay}, .${e.searchOverlay} {
   position: absolute; top: 100%; left: 0; width: 100%;
   background-color: var(--ds-color-neutral-background-default);
@@ -4373,97 +4368,97 @@ function es(t) {
 }
 `;
 }
-const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_mainContainer_1l5de_25", rs = "_crossCornerTopRight_1l5de_35", ss = "_crossCornerBottomLeft_1l5de_42", as = "_contentRow_1l5de_50", is = "_newsletterSection_1l5de_60", ls = "_newsletterDescription_1l5de_67", ds = "_newsletterForm_1l5de_76", cs = "_newsletterInputGroup_1l5de_82", ps = "_newsletterInput_1l5de_82", ms = "_consentText_1l5de_93", gs = "_linksSection_1l5de_103", us = "_linksColumn_1l5de_109", hs = "_linksTitle_1l5de_116", fs = "_linksList_1l5de_127", ks = "_footerLink_1l5de_136", vs = "_divider_1l5de_158", bs = "_contactSection_1l5de_166", ys = "_contactColumn_1l5de_173", xs = "_contactTitle_1l5de_181", Ts = "_contactContent_1l5de_190", Cs = "_copyrightSection_1l5de_204", ws = "_copyrightText_1l5de_209", Ss = "_whiteSection_1l5de_219", Is = "_whiteContainer_1l5de_224", _s = "_whiteContent_1l5de_232", Ds = "_logo_1l5de_240", As = "_redCrossLogo_1l5de_254", Ls = "_slotLarge_1l5de_260", Ns = "_contentRowContact_1l5de_315", Ms = "_socialLinksSection_1l5de_325", js = "_socialLinksTitle_1l5de_332", Fs = "_socialLinksList_1l5de_343", Bs = "_socialLink_1l5de_325", Es = "_socialLinkIcon_1l5de_376", zs = "_contactPersonsSection_1l5de_391", $s = "_contactPersonsTitle_1l5de_398", Ps = "_contactPersonsGrid_1l5de_409", Rs = "_contactPersonCard_1l5de_415", Gs = "_contactPersonName_1l5de_422", Ws = "_contactPersonRole_1l5de_431", Hs = "_contactPersonDetails_1l5de_440", Us = "_contactPersonLabel_1l5de_447", Vs = "_contactPersonEmail_1l5de_451", Os = "_contactPersonPhone_1l5de_452", Ks = "_contactPersonAddress_1l5de_453", qs = "_bottomRowContact_1l5de_474", Ys = "_legalLinksRow_1l5de_483", Zs = "_legalLink_1l5de_483", o = {
-  footer: ts,
-  mainSection: ns,
-  mainContainer: os,
-  crossCornerTopRight: rs,
-  crossCornerBottomLeft: ss,
-  contentRow: as,
-  newsletterSection: is,
-  newsletterDescription: ls,
-  newsletterForm: ds,
-  newsletterInputGroup: cs,
-  newsletterInput: ps,
-  consentText: ms,
-  linksSection: gs,
-  linksColumn: us,
-  linksTitle: hs,
-  linksList: fs,
-  footerLink: ks,
-  divider: vs,
-  contactSection: bs,
-  contactColumn: ys,
-  contactTitle: xs,
-  contactContent: Ts,
-  copyrightSection: Cs,
-  copyrightText: ws,
-  whiteSection: Ss,
-  whiteContainer: Is,
-  whiteContent: _s,
-  logo: Ds,
-  redCrossLogo: As,
-  slotLarge: Ls,
-  contentRowContact: Ns,
-  socialLinksSection: Ms,
-  socialLinksTitle: js,
-  socialLinksList: Fs,
-  socialLink: Bs,
-  socialLinkIcon: Es,
-  contactPersonsSection: zs,
-  contactPersonsTitle: $s,
-  contactPersonsGrid: Ps,
-  contactPersonCard: Rs,
-  contactPersonName: Gs,
-  contactPersonRole: Ws,
-  contactPersonDetails: Hs,
-  contactPersonLabel: Us,
-  contactPersonEmail: Vs,
-  contactPersonPhone: Os,
-  contactPersonAddress: Ks,
-  bottomRowContact: qs,
-  legalLinksRow: Ys,
-  legalLink: Zs
+const na = "_footer_1l5de_1", oa = "_mainSection_1l5de_7", ra = "_mainContainer_1l5de_25", aa = "_crossCornerTopRight_1l5de_35", sa = "_crossCornerBottomLeft_1l5de_42", ia = "_contentRow_1l5de_50", la = "_newsletterSection_1l5de_60", da = "_newsletterDescription_1l5de_67", ca = "_newsletterForm_1l5de_76", pa = "_newsletterInputGroup_1l5de_82", ma = "_newsletterInput_1l5de_82", ga = "_consentText_1l5de_93", ua = "_linksSection_1l5de_103", ha = "_linksColumn_1l5de_109", fa = "_linksTitle_1l5de_116", ka = "_linksList_1l5de_127", va = "_footerLink_1l5de_136", ba = "_divider_1l5de_158", ya = "_contactSection_1l5de_166", xa = "_contactColumn_1l5de_173", Ta = "_contactTitle_1l5de_181", Ca = "_contactContent_1l5de_190", wa = "_copyrightSection_1l5de_204", Sa = "_copyrightText_1l5de_209", Ia = "_whiteSection_1l5de_219", _a = "_whiteContainer_1l5de_224", Da = "_whiteContent_1l5de_232", Aa = "_logo_1l5de_240", La = "_redCrossLogo_1l5de_254", Na = "_slotLarge_1l5de_260", Ma = "_contentRowContact_1l5de_315", ja = "_socialLinksSection_1l5de_325", Fa = "_socialLinksTitle_1l5de_332", Ba = "_socialLinksList_1l5de_343", Ea = "_socialLink_1l5de_325", $a = "_socialLinkIcon_1l5de_376", Pa = "_contactPersonsSection_1l5de_391", za = "_contactPersonsTitle_1l5de_398", Ra = "_contactPersonsGrid_1l5de_409", Ga = "_contactPersonCard_1l5de_415", Wa = "_contactPersonName_1l5de_422", Ha = "_contactPersonRole_1l5de_431", Ua = "_contactPersonDetails_1l5de_440", Va = "_contactPersonLabel_1l5de_447", Oa = "_contactPersonEmail_1l5de_451", Ka = "_contactPersonPhone_1l5de_452", qa = "_contactPersonAddress_1l5de_453", Ya = "_bottomRowContact_1l5de_474", Za = "_legalLinksRow_1l5de_483", Xa = "_legalLink_1l5de_483", o = {
+  footer: na,
+  mainSection: oa,
+  mainContainer: ra,
+  crossCornerTopRight: aa,
+  crossCornerBottomLeft: sa,
+  contentRow: ia,
+  newsletterSection: la,
+  newsletterDescription: da,
+  newsletterForm: ca,
+  newsletterInputGroup: pa,
+  newsletterInput: ma,
+  consentText: ga,
+  linksSection: ua,
+  linksColumn: ha,
+  linksTitle: fa,
+  linksList: ka,
+  footerLink: va,
+  divider: ba,
+  contactSection: ya,
+  contactColumn: xa,
+  contactTitle: Ta,
+  contactContent: Ca,
+  copyrightSection: wa,
+  copyrightText: Sa,
+  whiteSection: Ia,
+  whiteContainer: _a,
+  whiteContent: Da,
+  logo: Aa,
+  redCrossLogo: La,
+  slotLarge: Na,
+  contentRowContact: Ma,
+  socialLinksSection: ja,
+  socialLinksTitle: Fa,
+  socialLinksList: Ba,
+  socialLink: Ea,
+  socialLinkIcon: $a,
+  contactPersonsSection: Pa,
+  contactPersonsTitle: za,
+  contactPersonsGrid: Ra,
+  contactPersonCard: Ga,
+  contactPersonName: Wa,
+  contactPersonRole: Ha,
+  contactPersonDetails: Ua,
+  contactPersonLabel: Va,
+  contactPersonEmail: Oa,
+  contactPersonPhone: Ka,
+  contactPersonAddress: qa,
+  bottomRowContact: Ya,
+  legalLinksRow: Za,
+  legalLink: Xa
 }, ci = ({
   "data-color": t = "neutral",
   variant: e = "default",
-  showCrossCorners: s = !1,
-  newsletterDescription: c = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
-  newsletterPlaceholder: f = "Input tekst",
-  newsletterButtonText: y = "Meld deg på",
+  showCrossCorners: r = !1,
+  newsletterDescription: d = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
+  newsletterPlaceholder: h = "Input tekst",
+  newsletterButtonText: k = "Meld deg på",
   newsletterConsentText: u,
   onNewsletterSubmit: x,
   hideNewsletter: F = !1,
   shortcutsLinks: C,
   linksLinks: U,
   shortcutsTitle: w,
-  linksTitle: $,
+  linksTitle: P,
   visitingAddress: M = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
   organizationNumber: l = "XXX XXX XXX",
   email: te = "post@redcross.no",
-  showPrimaryLogo: P = !0,
+  showPrimaryLogo: z = !0,
   primaryLogoSrc: B,
   primaryLogoAlt: X = "Røde Kors Logo",
-  whiteSectionSlot: d,
-  socialLinks: D = [],
+  whiteSectionSlot: c,
+  socialLinks: A = [],
   contactPersons: S = [],
   legalLinks: R = [],
-  socialLinksTitle: A,
+  socialLinksTitle: I,
   contactPersonsTitle: G
 } = {}) => {
-  const O = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = ye(), [W, L] = Ne.useState(""), g = (m, _) => {
+  const O = (/* @__PURE__ */ new Date()).getFullYear(), { t: J } = ye(), [W, L] = Ne.useState(""), g = (m, D) => {
     const N = J(m);
-    return N === m ? _ : N;
+    return N === m ? D : N;
   };
   Ne.useEffect(() => {
     const m = "rk-footer-inline-styles";
     if (typeof document > "u" || document.getElementById(m)) return;
-    const _ = Xs(o), N = document.createElement("style");
-    N.id = m, N.textContent = _, document.head.appendChild(N);
+    const D = Ja(o), N = document.createElement("style");
+    N.id = m, N.textContent = D, document.head.appendChild(N);
   }, []);
-  const h = (m) => {
+  const f = (m) => {
     m.preventDefault(), x == null || x(W);
-  }, v = () => /* @__PURE__ */ r(
+  }, b = () => /* @__PURE__ */ a(
     "svg",
     {
       width: "170",
@@ -4487,7 +4482,7 @@ const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_mainContainer_
         /* @__PURE__ */ n("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
       ]
     }
-  ), b = [
+  ), y = [
     { label: g("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
     { label: g("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
     { label: g("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
@@ -4499,34 +4494,34 @@ const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_mainContainer_
     { label: g("footer.legal.press", "For presse"), href: "#" },
     { label: g("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
     { label: g("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
-  ], Q = /* @__PURE__ */ r(Ce, { children: [
+  ], Q = /* @__PURE__ */ a(Ce, { children: [
     'Ved å trykke "',
-    y,
+    k,
     '" samtykker du til å motta nyhetsbrev.',
     /* @__PURE__ */ n("br", {}),
     "Du kan når som helst ",
     /* @__PURE__ */ n(oe, { href: "#", children: "melde deg av" }),
     " nyhetsbrevet uten kostnad."
-  ] }), I = C || b, j = U || ne, K = () => /* @__PURE__ */ r("div", { className: o.socialLinksSection, children: [
-    A && /* @__PURE__ */ n("h3", { className: o.socialLinksTitle, children: A }),
-    /* @__PURE__ */ n("ul", { className: o.socialLinksList, children: D.map((m, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ r(oe, { href: m.href, className: o.socialLink, children: [
+  ] }), _ = C || y, j = U || ne, K = () => /* @__PURE__ */ a("div", { className: o.socialLinksSection, children: [
+    I && /* @__PURE__ */ n("h3", { className: o.socialLinksTitle, children: I }),
+    /* @__PURE__ */ n("ul", { className: o.socialLinksList, children: A.map((m, D) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ a(oe, { href: m.href, className: o.socialLink, children: [
       /* @__PURE__ */ n("span", { className: o.socialLinkIcon, children: m.icon }),
       m.label
-    ] }) }, _)) })
-  ] }), T = ({ person: m }) => /* @__PURE__ */ r("div", { className: o.contactPersonCard, children: [
+    ] }) }, D)) })
+  ] }), T = ({ person: m }) => /* @__PURE__ */ a("div", { className: o.contactPersonCard, children: [
     /* @__PURE__ */ n("p", { className: o.contactPersonName, children: m.name }),
     /* @__PURE__ */ n("p", { className: o.contactPersonRole, children: m.role }),
-    /* @__PURE__ */ r("div", { className: o.contactPersonDetails, children: [
-      /* @__PURE__ */ r("p", { className: o.contactPersonEmail, children: [
-        /* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
+    /* @__PURE__ */ a("div", { className: o.contactPersonDetails, children: [
+      /* @__PURE__ */ a("p", { className: o.contactPersonEmail, children: [
+        /* @__PURE__ */ a("span", { className: o.contactPersonLabel, children: [
           g("footer.contact.email", "E-post"),
           ":"
         ] }),
         " ",
         /* @__PURE__ */ n(oe, { href: `mailto:${m.email}`, children: m.email })
       ] }),
-      m.phone && /* @__PURE__ */ r("p", { className: o.contactPersonPhone, children: [
-        /* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
+      m.phone && /* @__PURE__ */ a("p", { className: o.contactPersonPhone, children: [
+        /* @__PURE__ */ a("span", { className: o.contactPersonLabel, children: [
           g("footer.contact.phone", "Telefon"),
           ":"
         ] }),
@@ -4535,46 +4530,46 @@ const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_mainContainer_
       ] }),
       m.address && /* @__PURE__ */ n("p", { className: o.contactPersonAddress, children: m.address })
     ] })
-  ] }), Z = () => /* @__PURE__ */ r("div", { className: o.contactPersonsSection, children: [
+  ] }), Z = () => /* @__PURE__ */ a("div", { className: o.contactPersonsSection, children: [
     G && /* @__PURE__ */ n("h3", { className: o.contactPersonsTitle, children: G }),
-    /* @__PURE__ */ n("div", { className: o.contactPersonsGrid, children: S.map((m, _) => /* @__PURE__ */ n(T, { person: m }, _)) })
-  ] }), ce = () => /* @__PURE__ */ n("ul", { className: o.legalLinksRow, children: R.map((m, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.legalLink, children: m.label }) }, _)) });
-  return e === "contact" ? /* @__PURE__ */ r("footer", { className: o.footer, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
-      s && /* @__PURE__ */ n("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
-      /* @__PURE__ */ r("div", { className: o.contentRowContact, children: [
-        D.length > 0 && /* @__PURE__ */ n(K, {}),
+    /* @__PURE__ */ n("div", { className: o.contactPersonsGrid, children: S.map((m, D) => /* @__PURE__ */ n(T, { person: m }, D)) })
+  ] }), ce = () => /* @__PURE__ */ n("ul", { className: o.legalLinksRow, children: R.map((m, D) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.legalLink, children: m.label }) }, D)) });
+  return e === "contact" ? /* @__PURE__ */ a("footer", { className: o.footer, "data-color": t, children: [
+    /* @__PURE__ */ n("div", { className: o.mainSection, children: /* @__PURE__ */ a("div", { className: o.mainContainer, children: [
+      r && /* @__PURE__ */ n("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
+      /* @__PURE__ */ a("div", { className: o.contentRowContact, children: [
+        A.length > 0 && /* @__PURE__ */ n(K, {}),
         S.length > 0 && /* @__PURE__ */ n(Z, {})
       ] }),
       /* @__PURE__ */ n("div", { className: o.divider }),
-      /* @__PURE__ */ r("div", { className: o.contactSection, children: [
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
+      /* @__PURE__ */ a("div", { className: o.contactSection, children: [
+        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
           /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((m, _) => /* @__PURE__ */ n("p", { children: m }, _)) })
+          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((m, D) => /* @__PURE__ */ n("p", { children: m }, D)) })
         ] }),
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
+        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
           /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.organizationNumber", "Organisasjonsnummer") }),
           /* @__PURE__ */ n("p", { className: o.contactContent, children: l })
         ] }),
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
+        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
           /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.email", "E-post") }),
           /* @__PURE__ */ n("p", { className: o.contactContent, children: te })
         ] })
       ] }),
       /* @__PURE__ */ n("div", { className: o.divider }),
-      /* @__PURE__ */ r("div", { className: o.bottomRowContact, children: [
+      /* @__PURE__ */ a("div", { className: o.bottomRowContact, children: [
         R.length > 0 && /* @__PURE__ */ n(ce, {}),
-        /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
+        /* @__PURE__ */ a("p", { className: o.copyrightText, children: [
           "© ",
           O,
           " ",
           g("footer.copyright", "Rødekors")
         ] })
       ] }),
-      s && /* @__PURE__ */ n("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ n(ve, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
+      r && /* @__PURE__ */ n("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ n(ve, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
     ] }) }),
-    /* @__PURE__ */ n("div", { className: o.whiteSection, children: /* @__PURE__ */ n("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
-      P && (B ? /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { className: o.whiteSection, children: /* @__PURE__ */ n("div", { className: o.whiteContainer, children: /* @__PURE__ */ a("div", { className: o.whiteContent, children: [
+      z && (B ? /* @__PURE__ */ n(
         "img",
         {
           src: B,
@@ -4582,67 +4577,67 @@ const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_mainContainer_
           className: o.logo,
           loading: "lazy"
         }
-      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(v, {}) })),
-      d && /* @__PURE__ */ n("div", { className: o.slotLarge, children: d })
+      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(b, {}) })),
+      c && /* @__PURE__ */ n("div", { className: o.slotLarge, children: c })
     ] }) }) })
-  ] }) : /* @__PURE__ */ r("footer", { className: o.footer, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
-      s && /* @__PURE__ */ n("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
-      /* @__PURE__ */ r("div", { className: o.contentRow, children: [
-        !F && /* @__PURE__ */ r("div", { className: o.newsletterSection, children: [
-          /* @__PURE__ */ n("p", { className: o.newsletterDescription, children: c }),
-          /* @__PURE__ */ n("form", { className: o.newsletterForm, onSubmit: h, children: /* @__PURE__ */ r("div", { className: o.newsletterInputGroup, children: [
+  ] }) : /* @__PURE__ */ a("footer", { className: o.footer, "data-color": t, children: [
+    /* @__PURE__ */ n("div", { className: o.mainSection, children: /* @__PURE__ */ a("div", { className: o.mainContainer, children: [
+      r && /* @__PURE__ */ n("div", { className: o.crossCornerTopRight, children: /* @__PURE__ */ n(ve, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
+      /* @__PURE__ */ a("div", { className: o.contentRow, children: [
+        !F && /* @__PURE__ */ a("div", { className: o.newsletterSection, children: [
+          /* @__PURE__ */ n("p", { className: o.newsletterDescription, children: d }),
+          /* @__PURE__ */ n("form", { className: o.newsletterForm, onSubmit: f, children: /* @__PURE__ */ a("div", { className: o.newsletterInputGroup, children: [
             /* @__PURE__ */ n(
               Ze,
               {
                 type: "email",
-                placeholder: f,
+                placeholder: h,
                 value: W,
                 onChange: (m) => L(m.target.value),
                 className: o.newsletterInput
               }
             ),
-            /* @__PURE__ */ n(de, { type: "submit", variant: "primary", "data-color": "neutral", children: y })
+            /* @__PURE__ */ n(de, { type: "submit", variant: "primary", "data-color": "neutral", children: k })
           ] }) }),
           /* @__PURE__ */ n("p", { className: o.consentText, children: u || Q })
         ] }),
-        /* @__PURE__ */ r("div", { className: o.linksSection, children: [
-          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": w || g("footer.shortcuts", "Snarveier"), children: [
+        /* @__PURE__ */ a("div", { className: o.linksSection, children: [
+          /* @__PURE__ */ a("nav", { className: o.linksColumn, "aria-label": w || g("footer.shortcuts", "Snarveier"), children: [
             /* @__PURE__ */ n("h3", { className: o.linksTitle, children: w || g("footer.shortcuts", "Snarveier") }),
-            /* @__PURE__ */ n("ul", { className: o.linksList, children: I.map((m, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.footerLink, children: m.label }) }, _)) })
+            /* @__PURE__ */ n("ul", { className: o.linksList, children: _.map((m, D) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.footerLink, children: m.label }) }, D)) })
           ] }),
-          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": $ || g("footer.links", "Lenker"), children: [
-            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: $ || g("footer.links", "Lenker") }),
-            /* @__PURE__ */ n("ul", { className: o.linksList, children: j.map((m, _) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.footerLink, children: m.label }) }, _)) })
+          /* @__PURE__ */ a("nav", { className: o.linksColumn, "aria-label": P || g("footer.links", "Lenker"), children: [
+            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: P || g("footer.links", "Lenker") }),
+            /* @__PURE__ */ n("ul", { className: o.linksList, children: j.map((m, D) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(oe, { href: m.href, className: o.footerLink, children: m.label }) }, D)) })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ n("div", { className: o.divider }),
-      /* @__PURE__ */ r("div", { className: o.contactSection, children: [
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
+      /* @__PURE__ */ a("div", { className: o.contactSection, children: [
+        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
           /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((m, _) => /* @__PURE__ */ n("p", { children: m }, _)) })
+          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((m, D) => /* @__PURE__ */ n("p", { children: m }, D)) })
         ] }),
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
+        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
           /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.organizationNumber", "Organisasjonsnummer") }),
           /* @__PURE__ */ n("p", { className: o.contactContent, children: l })
         ] }),
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
+        /* @__PURE__ */ a("div", { className: o.contactColumn, children: [
           /* @__PURE__ */ n("h4", { className: o.contactTitle, children: g("footer.contact.email", "E-post") }),
           /* @__PURE__ */ n("p", { className: o.contactContent, children: te })
         ] })
       ] }),
       /* @__PURE__ */ n("div", { className: o.divider }),
-      /* @__PURE__ */ n("div", { className: o.copyrightSection, children: /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
+      /* @__PURE__ */ n("div", { className: o.copyrightSection, children: /* @__PURE__ */ a("p", { className: o.copyrightText, children: [
         "© ",
         O,
         " ",
         g("footer.copyright", "Rødekors")
       ] }) }),
-      s && /* @__PURE__ */ n("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ n(ve, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
+      r && /* @__PURE__ */ n("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ n(ve, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
     ] }) }),
-    /* @__PURE__ */ n("div", { className: o.whiteSection, children: /* @__PURE__ */ n("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
-      P && (B ? /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { className: o.whiteSection, children: /* @__PURE__ */ n("div", { className: o.whiteContainer, children: /* @__PURE__ */ a("div", { className: o.whiteContent, children: [
+      z && (B ? /* @__PURE__ */ n(
         "img",
         {
           src: B,
@@ -4650,12 +4645,12 @@ const ts = "_footer_1l5de_1", ns = "_mainSection_1l5de_7", os = "_mainContainer_
           className: o.logo,
           loading: "lazy"
         }
-      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(v, {}) })),
-      d && /* @__PURE__ */ n("div", { className: o.slotLarge, children: d })
+      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(b, {}) })),
+      c && /* @__PURE__ */ n("div", { className: o.slotLarge, children: c })
     ] }) }) })
   ] });
 };
-function Xs(t) {
+function Ja(t) {
   const e = t;
   return `
 .${e.footer} {
@@ -5080,24 +5075,24 @@ function Xs(t) {
 }
 `;
 }
-const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_35", ta = "_amountSection_1hxqz_47", na = "_amountLabel_1hxqz_55", oa = "_amountButtons_1hxqz_64", ra = "_customAmountField_1hxqz_75", sa = "_impactRow_1hxqz_80", aa = "_heartIcon_1hxqz_88", ia = "_impactText_1hxqz_102", la = "_impactAmount_1hxqz_112", da = "_actionsSection_1hxqz_117", ca = "_vippsButton_1hxqz_127", pa = "_vippsButtonLabel_1hxqz_157", ma = "_vippsLogo_1hxqz_166", ga = "_avtalegiroLink_1hxqz_179", ua = "_tabHeartIcon_1hxqz_184", E = {
-  donor: Js,
-  tabsWrapper: Qs,
-  content: ea,
-  amountSection: ta,
-  amountLabel: na,
-  amountButtons: oa,
-  customAmountField: ra,
-  impactRow: sa,
-  heartIcon: aa,
-  impactText: ia,
-  impactAmount: la,
-  actionsSection: da,
-  vippsButton: ca,
-  vippsButtonLabel: pa,
-  vippsLogo: ma,
-  avtalegiroLink: ga,
-  tabHeartIcon: ua
+const Qa = "_donor_1hxqz_1", es = "_tabsWrapper_1hxqz_14", ts = "_content_1hxqz_35", ns = "_amountSection_1hxqz_47", os = "_amountLabel_1hxqz_55", rs = "_amountButtons_1hxqz_64", as = "_customAmountField_1hxqz_75", ss = "_impactRow_1hxqz_80", is = "_heartIcon_1hxqz_88", ls = "_impactText_1hxqz_102", ds = "_impactAmount_1hxqz_112", cs = "_actionsSection_1hxqz_117", ps = "_vippsButton_1hxqz_127", ms = "_vippsButtonLabel_1hxqz_157", gs = "_vippsLogo_1hxqz_166", us = "_avtalegiroLink_1hxqz_179", hs = "_tabHeartIcon_1hxqz_184", E = {
+  donor: Qa,
+  tabsWrapper: es,
+  content: ts,
+  amountSection: ns,
+  amountLabel: os,
+  amountButtons: rs,
+  customAmountField: as,
+  impactRow: ss,
+  heartIcon: is,
+  impactText: ls,
+  impactAmount: ds,
+  actionsSection: cs,
+  vippsButton: ps,
+  vippsButtonLabel: ms,
+  vippsLogo: gs,
+  avtalegiroLink: us,
+  tabHeartIcon: hs
 }, We = () => /* @__PURE__ */ n(
   "svg",
   {
@@ -5116,7 +5111,7 @@ const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_
       }
     )
   }
-), ha = () => /* @__PURE__ */ n(
+), fs = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "16",
@@ -5134,7 +5129,7 @@ const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_
       }
     )
   }
-), fa = () => /* @__PURE__ */ n(
+), ks = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "64",
@@ -5152,125 +5147,125 @@ const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_
       }
     )
   }
-), ka = [
+), vs = [
   { value: 220, label: "220 kr" },
   { value: 345, label: "345 kr" },
   { value: 660, label: "660 kr" }
 ], pi = ({
   "data-color": t = "primary",
-  amounts: e = ka,
-  defaultAmount: s = 345,
-  oneTimeLabel: c = "En gang",
-  monthlyLabel: f = "Hver måned",
-  customAmountPlaceholder: y = "Valgfritt beløp",
+  amounts: e = vs,
+  defaultAmount: r = 345,
+  oneTimeLabel: d = "En gang",
+  monthlyLabel: h = "Hver måned",
+  customAmountPlaceholder: k = "Valgfritt beløp",
   amountLabel: u = "Velg ønsket beløp:",
   impactMessage: x = "En gave på {amount} bidrar til ...",
   vippsButtonLabel: F = "Gi med",
   avtalegiroLabel: C = "Gi med avtalegiro",
   avtalegiroHref: U = "#",
   currencySuffix: w = "kr",
-  onVippsClick: $,
+  onVippsClick: P,
   onAvtalegiroClick: M,
   onAmountChange: l,
   showVippsButton: te = !0,
-  showAvtalegiroLink: P = !0,
+  showAvtalegiroLink: z = !0,
   showImpactMessage: B = !0,
   heartVariant: X = "outlined"
 }) => {
-  const [d, D] = Y("monthly"), [S, R] = Y(s), [A, G] = Y(""), [O, J] = Y(!1);
-  z(() => {
-    const I = "rk-donor-inline-styles";
-    if (typeof document > "u" || document.getElementById(I)) return;
-    const j = va(E), K = document.createElement("style");
-    K.id = I, K.textContent = j, document.head.appendChild(K);
+  const [c, A] = Y("monthly"), [S, R] = Y(r), [I, G] = Y(""), [O, J] = Y(!1);
+  $(() => {
+    const _ = "rk-donor-inline-styles";
+    if (typeof document > "u" || document.getElementById(_)) return;
+    const j = bs(E), K = document.createElement("style");
+    K.id = _, K.textContent = j, document.head.appendChild(K);
   }, []);
-  const W = O && A ? parseInt(A, 10) || 0 : S, L = (I) => {
-    R(I), J(!1), G(""), l == null || l(I, d);
-  }, g = (I) => {
-    const j = I.target.value;
+  const W = O && I ? parseInt(I, 10) || 0 : S, L = (_) => {
+    R(_), J(!1), G(""), l == null || l(_, c);
+  }, g = (_) => {
+    const j = _.target.value;
     G(j), J(!0);
     const K = parseInt(j, 10);
-    K > 0 && (l == null || l(K, d));
-  }, h = () => {
+    K > 0 && (l == null || l(K, c));
+  }, f = () => {
     J(!0);
-  }, v = (I) => {
-    const j = I;
-    D(j), l == null || l(W, j);
-  }, b = () => {
-    $ == null || $(W, d);
+  }, b = (_) => {
+    const j = _;
+    A(j), l == null || l(W, j);
+  }, y = () => {
+    P == null || P(W, c);
   }, ne = () => {
     M == null || M();
   }, Q = () => {
-    const I = `${W} ${w}`, j = x.split("{amount}");
-    return /* @__PURE__ */ r("span", { children: [
+    const _ = `${W} ${w}`, j = x.split("{amount}");
+    return /* @__PURE__ */ a("span", { children: [
       j[0],
-      /* @__PURE__ */ n("span", { className: E.impactAmount, children: I }),
+      /* @__PURE__ */ n("span", { className: E.impactAmount, children: _ }),
       j[1] || ""
     ] });
   };
-  return /* @__PURE__ */ r("div", { className: E.donor, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: E.tabsWrapper, children: /* @__PURE__ */ n(Te, { defaultValue: "monthly", onChange: v, "data-size": "md", children: /* @__PURE__ */ r(Te.List, { children: [
-      /* @__PURE__ */ n(Te.Tab, { value: "one-time", children: c }),
-      /* @__PURE__ */ r(Te.Tab, { value: "monthly", children: [
+  return /* @__PURE__ */ a("div", { className: E.donor, "data-color": t, children: [
+    /* @__PURE__ */ n("div", { className: E.tabsWrapper, children: /* @__PURE__ */ n(Te, { defaultValue: "monthly", onChange: b, "data-size": "md", children: /* @__PURE__ */ a(Te.List, { children: [
+      /* @__PURE__ */ n(Te.Tab, { value: "one-time", children: d }),
+      /* @__PURE__ */ a(Te.Tab, { value: "monthly", children: [
         /* @__PURE__ */ n("span", { className: E.tabHeartIcon, children: /* @__PURE__ */ n(We, {}) }),
-        f
+        h
       ] })
     ] }) }) }),
-    /* @__PURE__ */ r("div", { className: E.content, children: [
-      /* @__PURE__ */ r("div", { className: E.amountSection, children: [
+    /* @__PURE__ */ a("div", { className: E.content, children: [
+      /* @__PURE__ */ a("div", { className: E.amountSection, children: [
         /* @__PURE__ */ n(be, { className: E.amountLabel, "data-size": "sm", children: u }),
-        /* @__PURE__ */ n("div", { className: E.amountButtons, children: e.map((I) => {
-          const j = !O && S === I.value;
+        /* @__PURE__ */ n("div", { className: E.amountButtons, children: e.map((_) => {
+          const j = !O && S === _.value;
           return /* @__PURE__ */ n(
             de,
             {
               variant: j ? "primary" : "secondary",
               "data-color": j ? "accent" : "neutral",
-              onClick: () => L(I.value),
-              children: I.label
+              onClick: () => L(_.value),
+              children: _.label
             },
-            I.value
+            _.value
           );
         }) }),
         /* @__PURE__ */ n("div", { className: E.customAmountField, children: /* @__PURE__ */ n(
-          Zo,
+          Xo,
           {
-            "aria-label": y,
-            placeholder: y,
-            value: A,
+            "aria-label": k,
+            placeholder: k,
+            value: I,
             onChange: g,
-            onFocus: h,
+            onFocus: f,
             type: "number",
             min: 1
           }
         ) })
       ] }),
-      B && /* @__PURE__ */ r("div", { className: E.impactRow, children: [
-        /* @__PURE__ */ n("div", { className: E.heartIcon, children: X === "filled" ? /* @__PURE__ */ n(We, {}) : /* @__PURE__ */ n(ha, {}) }),
+      B && /* @__PURE__ */ a("div", { className: E.impactRow, children: [
+        /* @__PURE__ */ n("div", { className: E.heartIcon, children: X === "filled" ? /* @__PURE__ */ n(We, {}) : /* @__PURE__ */ n(fs, {}) }),
         /* @__PURE__ */ n("p", { className: E.impactText, children: Q() })
       ] }),
-      /* @__PURE__ */ r("div", { className: E.actionsSection, children: [
-        te && /* @__PURE__ */ r(
+      /* @__PURE__ */ a("div", { className: E.actionsSection, children: [
+        te && /* @__PURE__ */ a(
           "button",
           {
             className: E.vippsButton,
-            onClick: b,
+            onClick: y,
             type: "button",
             "aria-label": `${F} Vipps`,
             children: [
               /* @__PURE__ */ n("span", { className: E.vippsButtonLabel, children: F }),
-              /* @__PURE__ */ n("span", { className: E.vippsLogo, children: /* @__PURE__ */ n(fa, {}) })
+              /* @__PURE__ */ n("span", { className: E.vippsLogo, children: /* @__PURE__ */ n(ks, {}) })
             ]
           }
         ),
-        P && /* @__PURE__ */ n(
+        z && /* @__PURE__ */ n(
           oe,
           {
             href: U,
             "data-color": "neutral",
             className: E.avtalegiroLink,
-            onClick: (I) => {
-              M && (I.preventDefault(), ne());
+            onClick: (_) => {
+              M && (_.preventDefault(), ne());
             },
             children: C
           }
@@ -5279,7 +5274,7 @@ const Js = "_donor_1hxqz_1", Qs = "_tabsWrapper_1hxqz_14", ea = "_content_1hxqz_
     ] })
   ] });
 };
-function va(t) {
+function bs(t) {
   return `
 .${t.donor} {
   border-radius: 16px;
@@ -5448,69 +5443,69 @@ export {
   un as Alert,
   Ke as Avatar,
   hn as Badge,
-  Sa as BadgePosition,
-  Ia as Breadcrumbs,
-  Da as BreadcrumbsItem,
-  Aa as BreadcrumbsLink,
-  _a as BreadcrumbsList,
+  Is as BadgePosition,
+  _s as Breadcrumbs,
+  As as BreadcrumbsItem,
+  Ls as BreadcrumbsLink,
+  Ds as BreadcrumbsList,
   de as Button,
   fn as Card,
-  La as CardBlock,
-  zo as Carousel,
+  Ns as CardBlock,
+  $o as Carousel,
   kn as Checkbox,
-  Ma as Chip,
+  js as Chip,
   ve as CrossCorner,
   bo as DateInput,
   co as DatePicker,
-  Ba as Details,
-  Ea as Dialog,
-  za as Divider,
+  Es as Details,
+  $s as Dialog,
+  Ps as Divider,
   pi as Donor,
   V as Dropdown,
-  Ha as DropdownButton,
-  Ra as DropdownHeading,
-  Wa as DropdownItem,
-  Ga as DropdownList,
-  $a as DropdownTrigger,
-  Pa as DropdownTriggerContext,
-  Ua as ErrorSummary,
-  Va as Field,
+  Us as DropdownButton,
+  Gs as DropdownHeading,
+  Hs as DropdownItem,
+  Ws as DropdownList,
+  zs as DropdownTrigger,
+  Rs as DropdownTriggerContext,
+  Vs as ErrorSummary,
+  Os as Field,
   Vo as FieldCounter,
   Uo as FieldDescription,
-  Oa as Fieldset,
+  Ks as Fieldset,
   ci as Footer,
   di as Header,
   Oo as Heading,
   Ze as Input,
   Ko as Label,
-  ja as LanguageProvider,
+  Fs as LanguageProvider,
   oe as Link,
-  Ka as List,
+  qs as List,
   qo as Pagination,
-  Za as PaginationButton,
-  Ya as PaginationItem,
-  qa as PaginationList,
+  Xs as PaginationButton,
+  Zs as PaginationItem,
+  Ys as PaginationList,
   be as Paragraph,
-  Ja as Popover,
-  Qa as Radio,
+  Qs as Popover,
+  ei as Radio,
   xe as Search,
-  ti as Select,
-  ni as SkeletonLoader,
-  oi as SkipLink,
+  ni as Select,
+  oi as SkeletonLoader,
+  ri as SkipLink,
   Eo as Spinner,
   Yo as Suggestion,
   Le as Switch,
-  ri as Table,
+  ai as Table,
   Te as Tabs,
-  si as Tag,
-  ai as Textarea,
-  Zo as Textfield,
+  Zo as Tag,
+  si as Textarea,
+  Xo as Textfield,
   ii as ToggleGroup,
   li as Tooltip,
-  Xo as ValidationMessage,
-  Na as useCheckboxGroup,
-  Fa as useLanguage,
+  Jo as ValidationMessage,
+  Ms as useCheckboxGroup,
+  Bs as useLanguage,
   ye as useLanguageOptional,
-  Xa as usePagination,
-  ei as useRadioGroup
+  Js as usePagination,
+  ti as useRadioGroup
 };