rk-designsystem 1.1.128 → 1.1.129

package/dist/componentlibrary.es.js

@@ -1,60 +1,60 @@
 import { jsx as n, jsxs as r, Fragment as Re } from "react/jsx-runtime";
-import _e, { forwardRef as te, useState as K, createContext as Ze, useContext as Ge, useEffect as $, useMemo as pe, useCallback as ee, useRef as Xe } from "react";
-import { Alert as Je, Avatar as Qe, BadgePosition as et, Badge as tt, Breadcrumbs as nt, BreadcrumbsList as ot, BreadcrumbsItem as rt, BreadcrumbsLink as st, Button as De, Card as at, CardBlock as it, Checkbox as lt, useCheckboxGroup as dt, Fieldset as We, Chip as ct, Spinner as pt, Details as mt, Dialog as gt, Divider as ut, Dropdown as ht, DropdownTrigger as ft, DropdownTriggerContext as kt, DropdownHeading as vt, DropdownList as bt, DropdownItem as yt, DropdownButton as xt, ErrorSummary as Tt, Field as Ct, FieldDescription as wt, FieldCounter as St, Heading as It, Input as _t, Label as Dt, Link as At, List as Lt, Pagination as Nt, PaginationList as Mt, PaginationItem as jt, PaginationButton as Ft, usePagination as Et, Paragraph as Bt, Popover as zt, Radio as $t, useRadioGroup as Pt, Search as Rt, SearchInput as Gt, SearchClear as Wt, SearchButton as Ht, Select as Ut, Skeleton as Vt, SkipLink as Ot, EXPERIMENTAL_Suggestion as Kt, Switch as qt, Table as Yt, Tabs as Zt, Tag as Xt, Textarea as Jt, Textfield as Qt, ToggleGroup as en, Tooltip as tn, ValidationMessage as nn } from "@digdir/designsystemet-react";
-import { startOfMonth as de, isValid as Ce, isSameMonth as Ne, startOfWeek as He, format as ue, addDays as Ue, subMonths as on, addMonths as rn, isSameDay as sn, isToday as an, eachDayOfInterval as ln } from "date-fns";
+import De, { forwardRef as re, useState as q, createContext as Ze, useContext as Ge, useEffect as z, useMemo as ue, useCallback as oe, useRef as Xe } from "react";
+import { Alert as Je, Avatar as Qe, BadgePosition as et, Badge as tt, Breadcrumbs as nt, BreadcrumbsList as ot, BreadcrumbsItem as rt, BreadcrumbsLink as st, Button as Ae, Card as at, CardBlock as it, Checkbox as lt, useCheckboxGroup as dt, Fieldset as We, Chip as ct, Spinner as pt, Details as mt, Dialog as gt, Divider as ut, Dropdown as ht, DropdownTrigger as ft, DropdownTriggerContext as kt, DropdownHeading as vt, DropdownList as bt, DropdownItem as yt, DropdownButton as xt, ErrorSummary as Tt, Field as Ct, FieldDescription as wt, FieldCounter as St, Heading as It, Input as _t, Label as Dt, Link as At, List as Lt, Pagination as Nt, PaginationList as Mt, PaginationItem as jt, PaginationButton as Ft, usePagination as Et, Paragraph as Bt, Popover as zt, Radio as Pt, useRadioGroup as $t, Search as Rt, SearchInput as Gt, SearchClear as Wt, SearchButton as Ht, Select as Ut, Skeleton as Vt, SkipLink as Ot, EXPERIMENTAL_Suggestion as Kt, Switch as qt, Table as Yt, Tabs as Zt, Tag as Xt, Textarea as Jt, Textfield as Qt, ToggleGroup as en, Tooltip as tn, ValidationMessage as nn } from "@digdir/designsystemet-react";
+import { startOfMonth as me, isValid as we, isSameMonth as Ne, startOfWeek as He, format as he, addDays as Ue, subMonths as on, addMonths as rn, isSameDay as sn, isToday as an, eachDayOfInterval as ln } from "date-fns";
 import dn from "embla-carousel-react";
 import { ChevronLeftIcon as cn, ChevronRightIcon as pn, ChevronDownIcon as Me, XMarkIcon as je, MagnifyingGlassIcon as Fe, MenuHamburgerIcon as mn, HeartIcon as gn } from "@navikt/aksel-icons";
-const un = te((t, e) => /* @__PURE__ */ n(Je, { ref: e, ...t }));
+const un = re((t, e) => /* @__PURE__ */ n(Je, { ref: e, ...t }));
 un.displayName = "Alert";
-const Ve = te((t, e) => /* @__PURE__ */ n(Qe, { ref: e, ...t }));
+const Ve = re((t, e) => /* @__PURE__ */ n(Qe, { ref: e, ...t }));
 Ve.displayName = "Avatar";
-const hn = te((t, e) => /* @__PURE__ */ n(tt, { ref: e, ...t }));
+const hn = re((t, e) => /* @__PURE__ */ n(tt, { ref: e, ...t }));
 hn.displayName = "Badge";
-const wa = et, Sa = nt, Ia = ot, _a = rt, Da = st, oe = De;
-oe.displayName = "Button";
-const fn = at, Aa = it;
+const Sa = et, Ia = nt, _a = ot, Da = rt, Aa = st, ie = Ae;
+ie.displayName = "Button";
+const fn = at, La = it;
 fn.displayName = "Card";
-const kn = lt, vn = We, La = dt;
+const kn = lt, vn = We, Na = dt;
 kn.displayName = "Checkbox";
 vn.displayName = "Fieldset";
-const Na = ct;
-function we(t) {
+const Ma = ct;
+function Se(t) {
   return (e = {}) => {
     const s = e.width ? String(e.width) : t.defaultWidth;
     return t.formats[s] || t.formats[t.defaultWidth];
   };
 }
-function he(t) {
+function fe(t) {
   return (e, s) => {
-    const c = s != null && s.context ? String(s.context) : "standalone";
-    let h;
-    if (c === "formatting" && t.formattingValues) {
-      const u = t.defaultFormattingWidth || t.defaultWidth, v = s != null && s.width ? String(s.width) : u;
-      h = t.formattingValues[v] || t.formattingValues[u];
+    const p = s != null && s.context ? String(s.context) : "standalone";
+    let k;
+    if (p === "formatting" && t.formattingValues) {
+      const u = t.defaultFormattingWidth || t.defaultWidth, x = s != null && s.width ? String(s.width) : u;
+      k = t.formattingValues[x] || t.formattingValues[u];
     } else {
-      const u = t.defaultWidth, v = s != null && s.width ? String(s.width) : t.defaultWidth;
-      h = t.values[v] || t.values[u];
+      const u = t.defaultWidth, x = s != null && s.width ? String(s.width) : t.defaultWidth;
+      k = t.values[x] || t.values[u];
     }
-    const k = t.argumentCallback ? t.argumentCallback(e) : e;
-    return h[k];
+    const y = t.argumentCallback ? t.argumentCallback(e) : e;
+    return k[y];
   };
 }
-function fe(t) {
+function ke(t) {
   return (e, s = {}) => {
-    const c = s.width, h = c && t.matchPatterns[c] || t.matchPatterns[t.defaultMatchWidth], k = e.match(h);
-    if (!k)
+    const p = s.width, k = p && t.matchPatterns[p] || t.matchPatterns[t.defaultMatchWidth], y = e.match(k);
+    if (!y)
       return null;
-    const u = k[0], v = c && t.parsePatterns[c] || t.parsePatterns[t.defaultParseWidth], F = Array.isArray(v) ? yn(v, (S) => S.test(u)) : (
+    const u = y[0], x = p && t.parsePatterns[p] || t.parsePatterns[t.defaultParseWidth], F = Array.isArray(x) ? yn(x, (w) => w.test(u)) : (
       // [TODO] -- I challenge you to fix the type
-      bn(v, (S) => S.test(u))
+      bn(x, (w) => w.test(u))
     );
     let C;
     C = t.valueCallback ? t.valueCallback(F) : F, C = s.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
       s.valueCallback(C)
     ) : C;
-    const H = e.slice(u.length);
-    return { value: C, rest: H };
+    const U = e.slice(u.length);
+    return { value: C, rest: U };
   };
 }
 function bn(t, e) {
@@ -69,14 +69,14 @@ function yn(t, e) {
 }
 function xn(t) {
   return (e, s = {}) => {
-    const c = e.match(t.matchPattern);
-    if (!c) return null;
-    const h = c[0], k = e.match(t.parsePattern);
-    if (!k) return null;
-    let u = t.valueCallback ? t.valueCallback(k[0]) : k[0];
+    const p = e.match(t.matchPattern);
+    if (!p) return null;
+    const k = p[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 v = e.slice(h.length);
-    return { value: u, rest: v };
+    const x = e.slice(k.length);
+    return { value: u, rest: x };
   };
 }
 const Tn = {
@@ -142,9 +142,9 @@ const Tn = {
     other: "nesten {{count}} år"
   }
 }, Cn = (t, e, s) => {
-  let c;
-  const h = Tn[t];
-  return typeof h == "string" ? c = h : e === 1 ? c = h.one : c = h.other.replace("{{count}}", String(e)), s != null && s.addSuffix ? s.comparison && s.comparison > 0 ? "om " + c : c + " siden" : c;
+  let p;
+  const k = Tn[t];
+  return typeof k == "string" ? p = k : e === 1 ? p = k.one : p = k.other.replace("{{count}}", String(e)), s != null && s.addSuffix ? s.comparison && s.comparison > 0 ? "om " + p : p + " siden" : p;
 }, wn = {
   full: "EEEE d. MMMM y",
   long: "d. MMMM y",
@@ -161,15 +161,15 @@ const Tn = {
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 }, _n = {
-  date: we({
+  date: Se({
     formats: wn,
     defaultWidth: "full"
   }),
-  time: we({
+  time: Se({
     formats: Sn,
     defaultWidth: "full"
   }),
-  dateTime: we({
+  dateTime: Se({
     formats: In,
     defaultWidth: "full"
   })
@@ -180,7 +180,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, s, p) => Dn[t], Ln = {
   narrow: ["f.Kr.", "e.Kr."],
   abbreviated: ["f.Kr.", "e.Kr."],
   wide: ["før Kristus", "etter Kristus"]
@@ -264,28 +264,28 @@ const Tn = {
   }
 }, En = (t, e) => Number(t) + ".", Bn = {
   ordinalNumber: En,
-  era: he({
+  era: fe({
     values: Ln,
     defaultWidth: "wide"
   }),
-  quarter: he({
+  quarter: fe({
     values: Nn,
     defaultWidth: "wide",
     argumentCallback: (t) => t - 1
   }),
-  month: he({
+  month: fe({
     values: Mn,
     defaultWidth: "wide"
   }),
-  day: he({
+  day: fe({
     values: jn,
     defaultWidth: "wide"
   }),
-  dayPeriod: he({
+  dayPeriod: fe({
     values: Fn,
     defaultWidth: "wide"
   })
-}, zn = /^(\d+)\.?/i, $n = /\d+/i, Pn = {
+}, zn = /^(\d+)\.?/i, Pn = /\d+/i, $n = {
   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
@@ -354,41 +354,41 @@ const Tn = {
 }, Yn = {
   ordinalNumber: xn({
     matchPattern: zn,
-    parsePattern: $n,
+    parsePattern: Pn,
     valueCallback: (t) => parseInt(t, 10)
   }),
-  era: fe({
-    matchPatterns: Pn,
+  era: ke({
+    matchPatterns: $n,
     defaultMatchWidth: "wide",
     parsePatterns: Rn,
     defaultParseWidth: "any"
   }),
-  quarter: fe({
+  quarter: ke({
     matchPatterns: Gn,
     defaultMatchWidth: "wide",
     parsePatterns: Wn,
     defaultParseWidth: "any",
     valueCallback: (t) => t + 1
   }),
-  month: fe({
+  month: ke({
     matchPatterns: Hn,
     defaultMatchWidth: "wide",
     parsePatterns: Un,
     defaultParseWidth: "any"
   }),
-  day: fe({
+  day: ke({
     matchPatterns: Vn,
     defaultMatchWidth: "wide",
     parsePatterns: On,
     defaultParseWidth: "any"
   }),
-  dayPeriod: fe({
+  dayPeriod: ke({
     matchPatterns: Kn,
     defaultMatchWidth: "any",
     parsePatterns: qn,
     defaultParseWidth: "any"
   })
-}, ce = {
+}, ge = {
   code: "nb",
   formatDistance: Cn,
   formatLong: _n,
@@ -451,7 +451,7 @@ const Ke = ({ title: t, ...e }) => /* @__PURE__ */ r(
   }
 );
 Ke.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", X = {
+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", J = {
   calendarContainer: Zn,
   calendarHeader: Xn,
   monthYear: Jn,
@@ -530,6 +530,34 @@ const Zn = "_calendarContainer_htlea_1", Xn = "_calendarHeader_htlea_16", Jn = "
       featureFont: "Source Sans 3 inkludert",
       featureComponent: "Nye komponentvarianter",
       featureSeeAll: "Se alle oppdateringer",
+      // Interactive Showcase
+      showcase: {
+        eyebrow: "Designsystemet i bruk",
+        title: "Fra idé til kode",
+        lead: "Designsystemet fungerer både i Figma og i React. Se hvordan en komponent settes sammen visuelt, og hvordan den samme komposisjonen skrives ut i kode.",
+        designRow: {
+          kicker: "01 · Design",
+          heading: "Komponér visuelt",
+          body: "Alle komponentene finnes som ferdige byggeklosser i Figma. Dra dem inn på lerretet, kombinér dem, og finn et uttrykk som fungerer — før en eneste linje kode er skrevet."
+        },
+        codeRow: {
+          kicker: "02 · Kode",
+          heading: "Samme komposisjon i React",
+          body: "Det du bygger i Figma kan gjenskapes i React med de samme komponentene. Props, tokens og struktur er delt mellom de to verdenene, så designet og koden holder seg i takt."
+        },
+        canvasTitle: "Lerret",
+        fileName: "ProfileCard.tsx",
+        palette: {
+          title: "Komponenter",
+          avatar: "Avatar",
+          heading: "Overskrift",
+          button: "Button",
+          tag: "Tag"
+        },
+        labels: {
+          save: "Lagre"
+        }
+      },
       // Visual elements (cards)
       profile: "Profil",
       name: "Navn Navnesen",
@@ -1418,6 +1446,23 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         githubIssuesLink: "https://github.com/norwegianredcross/DesignSystem/issues"
       }
     },
+    // Tokens Page
+    tokensPage: {
+      title: "Designtokens",
+      description: "Alle designtokens tilgjengelig fra theme.css. Disse CSS-variablene kan brukes i hele applikasjonen.",
+      categoriesLabel: "Kategorier",
+      categories: {
+        colors: "Farger",
+        sizes: "Størrelser og avstand",
+        typography: "Typografi",
+        borders: "Kantlinjer",
+        shadows: "Skygger",
+        effects: "Effekter",
+        other: "Annet"
+      },
+      copyTokenLabel: "Kopier {name} til utklippstavlen",
+      colorPreviewLabel: "Fargeforhåndsvisning: {value}"
+    },
     // Footer
     footer: {
       shortcuts: "Snarveier",
@@ -1526,6 +1571,34 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       featureFont: "Source Sans 3 included",
       featureComponent: "New component variants",
       featureSeeAll: "See all updates",
+      // Interactive Showcase
+      showcase: {
+        eyebrow: "The design system in action",
+        title: "From idea to code",
+        lead: "The design system works in both Figma and React. Watch how a component gets assembled visually, and how the same composition is written out in code.",
+        designRow: {
+          kicker: "01 · Design",
+          heading: "Compose visually",
+          body: "Every component ships as a ready-made building block in Figma. Drag them onto the canvas, combine them, and find the right expression — before a single line of code is written."
+        },
+        codeRow: {
+          kicker: "02 · Code",
+          heading: "The same composition in React",
+          body: "What you build in Figma can be recreated in React with the exact same components. Props, tokens and structure are shared between both worlds, so design and code stay in lockstep."
+        },
+        canvasTitle: "Canvas",
+        fileName: "ProfileCard.tsx",
+        palette: {
+          title: "Components",
+          avatar: "Avatar",
+          heading: "Heading",
+          button: "Button",
+          tag: "Tag"
+        },
+        labels: {
+          save: "Save"
+        }
+      },
       // Visual elements (cards)
       profile: "Profile",
       name: "Name Namerson",
@@ -2416,6 +2489,23 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         githubIssuesLink: "https://github.com/norwegianredcross/DesignSystem/issues"
       }
     },
+    // Tokens Page
+    tokensPage: {
+      title: "Design Tokens",
+      description: "All design tokens available from theme.css. These CSS custom properties can be used throughout your application.",
+      categoriesLabel: "Categories",
+      categories: {
+        colors: "Colors",
+        sizes: "Sizes & Spacing",
+        typography: "Typography",
+        borders: "Borders",
+        shadows: "Shadows",
+        effects: "Effects",
+        other: "Other"
+      },
+      copyTokenLabel: "Copy {name} to clipboard",
+      colorPreviewLabel: "Color preview: {value}"
+    },
     // Footer
     footer: {
       shortcuts: "Shortcuts",
@@ -2458,25 +2548,25 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       openDatePicker: "Open date picker"
     }
   }
-}, Ae = Ze(void 0), Ma = ({ children: t }) => {
-  const [e, s] = K("NO"), c = (h) => {
-    const k = h.split(".");
+}, Le = Ze(void 0), ja = ({ children: t }) => {
+  const [e, s] = q("NO"), p = (k) => {
+    const y = k.split(".");
     let u = io[e];
-    for (const v of k) {
-      if (u[v] === void 0)
-        return console.warn(`Translation missing for key: ${h} in language: ${e}`), h;
-      u = u[v];
+    for (const x of y) {
+      if (u[x] === void 0)
+        return console.warn(`Translation missing for key: ${k} in language: ${e}`), k;
+      u = u[x];
     }
     return u;
   };
-  return /* @__PURE__ */ n(Ae.Provider, { value: { language: e, setLanguage: s, t: c }, children: t });
-}, ja = () => {
-  const t = Ge(Ae);
+  return /* @__PURE__ */ n(Le.Provider, { value: { language: e, setLanguage: s, t: p }, children: t });
+}, Fa = () => {
+  const t = Ge(Le);
   if (t === void 0)
     throw new Error("useLanguage must be used within a LanguageProvider");
   return t;
-}, be = () => {
-  const t = Ge(Ae);
+}, ye = () => {
+  const t = Ge(Le);
   return t === void 0 ? {
     language: "NO",
     setLanguage: () => {
@@ -2537,111 +2627,111 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
     })[e] || e
   } : t;
 }, lo = (t) => {
-  const e = de(t), s = He(e, { locale: ce }), c = Ue(s, 41);
-  return ln({ start: s, end: c });
+  const e = me(t), s = He(e, { locale: ge }), p = Ue(s, 41);
+  return ln({ start: s, end: p });
 }, Ee = (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,
+  "data-color": p,
   // <-- Destrukturert
-  "data-size": h
+  "data-size": k
   // <-- Destrukturert
 }) => {
-  const { t: k } = be();
-  $(() => {
+  const { t: y } = ye();
+  z(() => {
     const d = "rk-datepicker-inline-styles";
     if (typeof document > "u" || document.getElementById(d)) return;
-    const L = po(X), I = document.createElement("style");
-    I.id = d, I.textContent = L, document.head.appendChild(I);
+    const A = po(J), S = document.createElement("style");
+    S.id = d, S.textContent = A, document.head.appendChild(S);
   }, []);
-  const [u, v] = K(
-    de(e && Ce(e) ? e : t)
+  const [u, x] = q(
+    me(e && we(e) ? e : t)
   );
-  $(() => {
-    if (e && Ce(e)) {
-      const d = de(e);
-      Ne(d, u) || v(d);
+  z(() => {
+    if (e && we(e)) {
+      const d = me(e);
+      Ne(d, u) || x(d);
     }
   }, [e]);
-  const F = pe(() => de(/* @__PURE__ */ new Date()), []), C = pe(() => !1, [u, F]), H = pe(
+  const F = ue(() => me(/* @__PURE__ */ new Date()), []), C = ue(() => !1, [u, F]), U = ue(
     () => lo(u),
     [u]
-  ), S = pe(() => {
-    const d = He(/* @__PURE__ */ new Date(), { locale: ce });
-    return Array.from({ length: 7 }).map((L, I) => {
-      const G = ue(Ue(d, I), "EEEEEE", { locale: ce });
-      return Ee(G);
+  ), w = ue(() => {
+    const d = He(/* @__PURE__ */ new Date(), { locale: ge });
+    return Array.from({ length: 7 }).map((A, S) => {
+      const R = he(Ue(d, S), "EEEEEE", { locale: ge });
+      return Ee(R);
     });
-  }, []), P = ee(() => {
-    C || v((d) => de(on(d, 1)));
-  }, [C]), M = ee(() => {
-    v((d) => de(rn(d, 1)));
-  }, []), l = ee(
+  }, []), P = oe(() => {
+    C || x((d) => me(on(d, 1)));
+  }, [C]), j = oe(() => {
+    x((d) => me(rn(d, 1)));
+  }, []), l = oe(
     (d) => {
       s && s(d);
     },
     [s]
-  ), J = ee(
-    (d, L) => {
-      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(L));
+  ), Q = oe(
+    (d, A) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(A));
     },
     [l]
-  ), R = ue(u, "MMMM", { locale: ce }), E = ue(u, "yyyy", { locale: ce }), Y = `${Ee(R)} ${E}`;
+  ), $ = he(u, "MMMM", { locale: ge }), E = he(u, "yyyy", { locale: ge }), Z = `${Ee($)} ${E}`;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: X.calendarContainer,
-      "data-color": c,
-      "data-size": h,
+      className: J.calendarContainer,
+      "data-color": p,
+      "data-size": k,
       children: [
-        /* @__PURE__ */ r("div", { className: X.calendarHeader, children: [
-          /* @__PURE__ */ n("span", { className: X.monthYear, children: Y }),
-          /* @__PURE__ */ r("div", { className: X.navigationButtons, children: [
+        /* @__PURE__ */ r("div", { className: J.calendarHeader, children: [
+          /* @__PURE__ */ n("span", { className: J.monthYear, children: Z }),
+          /* @__PURE__ */ r("div", { className: J.navigationButtons, children: [
             /* @__PURE__ */ n(
-              De,
+              Ae,
               {
                 variant: "tertiary",
                 icon: !0,
                 onClick: P,
-                "aria-label": k("datePicker.previousMonth"),
+                "aria-label": y("datePicker.previousMonth"),
                 disabled: C,
                 children: /* @__PURE__ */ n(Oe, {})
               }
             ),
             /* @__PURE__ */ n(
-              De,
+              Ae,
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: M,
-                "aria-label": k("datePicker.nextMonth"),
+                onClick: j,
+                "aria-label": y("datePicker.nextMonth"),
                 children: /* @__PURE__ */ n(Ke, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ n("div", { className: X.grid, children: S.map((d) => /* @__PURE__ */ n("div", { className: X.dayNameCell, children: d }, d)) }),
-        /* @__PURE__ */ n("div", { className: X.grid, children: H.map((d) => {
-          const L = Ne(d, u), I = e && Ce(e) && sn(d, e), G = an(d), b = [
-            X.dateCell,
-            L ? "" : X.otherMonth,
-            I ? X.selectedDate : "",
+        /* @__PURE__ */ n("div", { className: J.grid, children: w.map((d) => /* @__PURE__ */ n("div", { className: J.dayNameCell, children: d }, d)) }),
+        /* @__PURE__ */ n("div", { className: J.grid, children: U.map((d) => {
+          const A = Ne(d, u), S = e && we(e) && sn(d, e), R = an(d), L = [
+            J.dateCell,
+            A ? "" : J.otherMonth,
+            S ? J.selectedDate : "",
             // Utheving basert på prop
-            G && !I ? X.todayDate : ""
+            R && !S ? J.todayDate : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ n(
             "div",
             {
-              className: b,
+              className: L,
               onClick: () => l(d),
-              onKeyDown: (B) => J(B, d),
+              onKeyDown: (O) => Q(O, d),
               role: "button",
               tabIndex: 0,
-              "aria-pressed": I ?? !1,
-              "aria-label": ue(d, "PPP", { locale: ce }),
-              children: /* @__PURE__ */ n("span", { className: X.dateNumberContainer, children: ue(d, "d") })
+              "aria-pressed": S ?? !1,
+              "aria-label": he(d, "PPP", { locale: ge }),
+              children: /* @__PURE__ */ n("span", { className: J.dateNumberContainer, children: he(d, "d") })
             },
             d.toISOString()
           );
@@ -2811,7 +2901,7 @@ function po(t) {
 }
 `;
 }
-const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7_21", ho = "_inputWrapper_16fx7_30", fo = "_inputWrapperError_16fx7_42", ko = "_suffixButton_16fx7_80", vo = "_suffixButtonInteractive_16fx7_100", ne = {
+const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7_21", ho = "_inputWrapper_16fx7_30", fo = "_inputWrapperError_16fx7_42", ko = "_suffixButton_16fx7_80", vo = "_suffixButtonInteractive_16fx7_100", ae = {
   fieldset: mo,
   description: go,
   error: uo,
@@ -2820,9 +2910,9 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
   suffixButton: ko,
   suffixButtonInteractive: vo
 }, Be = (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) => (t || "").replace(/\D/g, ""), $e = (t) => {
+  const e = t.slice(0, 2), s = t.slice(2, 4), p = t.slice(4, 8);
+  return t.length > 4 ? `${e}.${s}.${p}` : t.length > 2 ? `${e}.${s}` : t.length > 0 ? e : "";
+}, ze = (t) => (t || "").replace(/\D/g, ""), Pe = (t) => {
   let e = t;
   if (e.length >= 2) {
     const s = parseInt(e.substring(0, 2), 10);
@@ -2833,153 +2923,153 @@ const mo = "_fieldset_16fx7_2", go = "_description_16fx7_14", uo = "_error_16fx7
     !isNaN(s) && s > 12 && (e = e.substring(0, 2) + "12" + e.substring(4));
   }
   return e.slice(0, 8);
-}, bo = te(
+}, bo = re(
   (t, e) => {
-    const { t: s } = be();
-    $(() => {
-      const a = "rk-dateinput-inline-styles";
-      if (typeof document > "u" || document.getElementById(a)) return;
-      const g = yo(ne), T = document.createElement("style");
-      T.id = a, T.textContent = g, document.head.appendChild(T);
+    const { t: s } = ye();
+    z(() => {
+      const M = "rk-dateinput-inline-styles";
+      if (typeof document > "u" || document.getElementById(M)) return;
+      const se = yo(ae), te = document.createElement("style");
+      te.id = M, te.textContent = se, document.head.appendChild(te);
     }, []);
     const {
-      label: c,
-      suffixIcon: h,
-      onSuffixClick: k,
+      label: p,
+      suffixIcon: k,
+      onSuffixClick: y,
       className: u,
       // For ytre fieldset
-      inputWrapperClassName: v,
+      inputWrapperClassName: x,
       // For input wrapper div
       inputClassName: F,
       // For selve input-elementet
       value: C,
-      defaultValue: H,
-      onChange: S,
+      defaultValue: U,
+      onChange: w,
       readOnly: P,
-      placeholder: M = "dd.mm.åååå",
+      placeholder: j = "dd.mm.åååå",
       id: l,
-      name: J,
-      required: R,
+      name: Q,
+      required: $,
       disabled: E,
-      onClick: Y,
+      onClick: Z,
       onFocus: d,
       // Send ekstern onFocus videre
-      onBlur: L,
+      onBlur: A,
       // Send ekstern onBlur videre
-      autoComplete: I = "off",
-      "aria-label": G,
-      "aria-labelledby": b,
-      description: B,
-      error: D,
+      autoComplete: S = "off",
+      "aria-label": R,
+      "aria-labelledby": L,
+      description: O,
+      error: G,
       // Bruk error-prop for styling
-      "data-color": U,
+      "data-color": K,
       // <-- Destrukturering
-      "data-size": A,
+      "data-size": _,
       // <-- Destrukturering
-      ...Z
-    } = t, m = C !== void 0, y = Xe(null);
-    _e.useImperativeHandle(
+      ...ee
+    } = t, c = C !== void 0, v = Xe(null);
+    De.useImperativeHandle(
       e,
-      () => y.current
+      () => v.current
     );
-    const x = ee(
-      (a) => {
-        const g = ze(a), T = $e(g);
-        return Be(T);
+    const h = oe(
+      (M) => {
+        const se = ze(M), te = Pe(se);
+        return Be(te);
       },
       []
-    ), [w, f] = K(
-      () => x(C ?? H)
+    ), [T, Y] = q(
+      () => h(C ?? U)
     );
-    $(() => {
-      if (m) {
-        const a = x(C);
-        a !== w && (f(a), y.current && y.current.value !== a && (y.current.value = a));
+    z(() => {
+      if (c) {
+        const M = h(C);
+        M !== T && (Y(M), v.current && v.current.value !== M && (v.current.value = M));
       }
-    }, [C, m, w, x]);
-    const O = ee(
-      (a) => {
-        const g = a.target, T = g.value, re = w, Te = ze(T).slice(0, 8), Le = $e(Te), le = Be(Le);
-        let se = 0;
-        const ge = Le.length;
-        ge <= 2 ? se = ge : ge <= 4 ? se = ge + 1 : se = ge + 2, se = Math.min(se, le.length), requestAnimationFrame(() => {
-          if (y.current && (f(le), y.current.value = le, y.current.setSelectionRange(se, se), (le !== re || m) && S)) {
+    }, [C, c, T, h]);
+    const le = oe(
+      (M) => {
+        const se = M.target, te = se.value, Ce = T, i = ze(te).slice(0, 8), g = Pe(i), b = Be(g);
+        let W = 0;
+        const ce = g.length;
+        ce <= 2 ? W = ce : ce <= 4 ? W = ce + 1 : W = ce + 2, W = Math.min(W, b.length), requestAnimationFrame(() => {
+          if (v.current && (Y(b), v.current.value = b, v.current.setSelectionRange(W, W), (b !== Ce || c) && w)) {
             const Ye = {
-              ...a,
-              target: { ...g, value: le }
+              ...M,
+              target: { ...se, value: b }
             };
-            S(Ye, le);
+            w(Ye, b);
           }
         });
       },
-      [w, m, S, x]
-    ), _ = [ne.fieldset, u].filter(Boolean).join(" "), j = [
-      ne.inputWrapper,
-      v,
-      D ? ne.inputWrapperError : ""
-    ].filter(Boolean).join(" "), q = [
+      [T, c, w, h]
+    ), I = [ae.fieldset, u].filter(Boolean).join(" "), D = [
+      ae.inputWrapper,
+      x,
+      G ? ae.inputWrapperError : ""
+    ].filter(Boolean).join(" "), f = [
       F
-    ].filter(Boolean).join(" "), me = [
-      ne.suffixButton,
-      k ? ne.suffixButtonInteractive : ""
+    ].filter(Boolean).join(" "), X = [
+      ae.suffixButton,
+      y ? ae.suffixButtonInteractive : ""
     ].filter(Boolean).join(" ");
-    !c && !G && !b && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const ae = c && typeof c == "string" ? b || `${l}-label` : void 0, ie = B ? `${l}-desc` : void 0, p = D ? `${l}-err` : void 0, N = [ie, p].filter(Boolean).join(" ") || void 0;
+    !p && !R && !L && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
+    const pe = p && typeof p == "string" ? L || `${l}-label` : void 0, de = O ? `${l}-desc` : void 0, m = G ? `${l}-err` : void 0, N = [de, m].filter(Boolean).join(" ") || void 0;
     return (
       // --- Bruk data-color og data-size på den ytre wrapperen ---
       /* @__PURE__ */ r(
         "div",
         {
-          className: _,
-          "data-color": U,
-          "data-size": A,
+          className: I,
+          "data-color": K,
+          "data-size": _,
           children: [
-            c && typeof c == "string" ? /* @__PURE__ */ n("label", { id: ae, htmlFor: l, children: c }) : c,
-            B && /* @__PURE__ */ n("p", { id: ie, className: ne.description, children: B }),
-            /* @__PURE__ */ r("div", { className: j, children: [
+            p && typeof p == "string" ? /* @__PURE__ */ n("label", { id: pe, htmlFor: l, children: p }) : p,
+            O && /* @__PURE__ */ n("p", { id: de, className: ae.description, children: O }),
+            /* @__PURE__ */ r("div", { className: D, children: [
               /* @__PURE__ */ n(
                 "input",
                 {
-                  ref: y,
+                  ref: v,
                   type: "text",
                   inputMode: "numeric",
                   pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
                   maxLength: 10,
-                  value: w,
+                  value: T,
                   readOnly: P,
-                  placeholder: M,
+                  placeholder: j,
                   id: l,
-                  name: J,
-                  required: R,
+                  name: Q,
+                  required: $,
                   disabled: E,
-                  onClick: Y,
-                  onChange: O,
+                  onClick: Z,
+                  onChange: le,
                   onFocus: d,
-                  onBlur: L,
-                  autoComplete: I,
-                  "aria-label": G,
-                  "aria-labelledby": ae,
+                  onBlur: A,
+                  autoComplete: S,
+                  "aria-label": R,
+                  "aria-labelledby": pe,
                   "aria-describedby": N,
-                  "aria-invalid": !!D,
-                  className: q,
-                  ...Z
+                  "aria-invalid": !!G,
+                  className: f,
+                  ...ee
                 }
               ),
-              h && /* @__PURE__ */ n(
+              k && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: me,
-                  onClick: E ? void 0 : k,
-                  tabIndex: k && !E ? 0 : -1,
-                  "aria-hidden": !k,
+                  className: X,
+                  onClick: E ? void 0 : y,
+                  tabIndex: y && !E ? 0 : -1,
+                  "aria-hidden": !y,
                   disabled: E,
-                  "aria-label": k ? s("dateInput.openDatePicker") : void 0,
-                  children: h
+                  "aria-label": y ? s("dateInput.openDatePicker") : void 0,
+                  children: k
                 }
               )
             ] }),
-            D && /* @__PURE__ */ n("p", { id: p, className: ne.error, role: "alert", children: D })
+            G && /* @__PURE__ */ n("p", { id: m, className: ae.error, role: "alert", children: G })
           ]
         }
       )
@@ -3080,7 +3170,7 @@ function yo(t) {
 }
 `;
 }
-const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slides_eo3g5_20", wo = "_slide_eo3g5_20", So = "_slideInner_eo3g5_40", Io = "_loaderOverlay_eo3g5_48", _o = "_image_eo3g5_58", Do = "_loaded_eo3g5_69", Ao = "_loading_eo3g5_73", Lo = "_empty_eo3g5_81", No = "_controls_eo3g5_87", Mo = "_arrows_eo3g5_97", jo = "_dots_eo3g5_107", Fo = "_dot_eo3g5_107", Eo = "_dotActive_eo3g5_133", W = {
+const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slides_eo3g5_20", wo = "_slide_eo3g5_20", So = "_slideInner_eo3g5_40", Io = "_loaderOverlay_eo3g5_48", _o = "_image_eo3g5_58", Do = "_loaded_eo3g5_69", Ao = "_loading_eo3g5_73", Lo = "_empty_eo3g5_81", No = "_controls_eo3g5_87", Mo = "_arrows_eo3g5_97", jo = "_dots_eo3g5_107", Fo = "_dot_eo3g5_107", Eo = "_dotActive_eo3g5_133", H = {
   carouselContainer: xo,
   viewport: To,
   slides: Co,
@@ -3100,144 +3190,144 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
   images: t,
   autoPlay: e = !1,
   autoDelay: s = 5,
-  showArrows: c = !0,
-  showDots: h = !0,
-  variant: k,
+  showArrows: p = !0,
+  showDots: k = !0,
+  variant: y,
   slidesPerView: u = 1,
-  slideSpacing: v = 16,
+  slideSpacing: x = 16,
   cornerRadius: F = 0,
   "data-color": C,
-  "data-size": H
+  "data-size": U
 }) => {
-  const { t: S } = be();
-  $(() => {
-    const y = "rk-carousel-inline-styles";
-    if (typeof document > "u" || document.getElementById(y)) return;
-    const x = $o(W), w = document.createElement("style");
-    w.id = y, w.textContent = x, document.head.appendChild(w);
+  const { t: w } = ye();
+  z(() => {
+    const v = "rk-carousel-inline-styles";
+    if (typeof document > "u" || document.getElementById(v)) return;
+    const h = Po(H), T = document.createElement("style");
+    T.id = v, T.textContent = h, document.head.appendChild(T);
   }, []);
   const P = {
     loop: !0,
     align: "start",
     containScroll: "trimSnaps",
     slidesToScroll: 1
-  }, [M, l] = dn(P), [J, R] = K(0), [E, Y] = K([]), [d, L] = K([]);
-  $(() => {
-    L(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
+  }, [j, l] = dn(P), [Q, $] = q(0), [E, Z] = q([]), [d, A] = q([]);
+  z(() => {
+    A(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
   }, [t]);
-  const I = ee((y) => {
-    L((x) => {
-      const w = [...x];
-      return w[y] = !0, w;
+  const S = oe((v) => {
+    A((h) => {
+      const T = [...h];
+      return T[v] = !0, T;
     });
-  }, []), G = pe(() => s * 1e3, [s]), b = ee(() => {
-    l && R(l.selectedScrollSnap());
-  }, [l]), B = ee((y) => l && l.scrollTo(y), [l]), D = ee(() => l && l.scrollPrev(), [l]), U = ee(() => l && l.scrollNext(), [l]);
-  $(() => {
+  }, []), R = ue(() => s * 1e3, [s]), L = oe(() => {
+    l && $(l.selectedScrollSnap());
+  }, [l]), O = oe((v) => l && l.scrollTo(v), [l]), G = oe(() => l && l.scrollPrev(), [l]), K = oe(() => l && l.scrollNext(), [l]);
+  z(() => {
     if (l)
-      return l.on("select", b), l.on("reInit", b), Y(l.scrollSnapList()), () => {
-        l.off("select", b), l.off("reInit", b);
+      return l.on("select", L), l.on("reInit", L), Z(l.scrollSnapList()), () => {
+        l.off("select", L), l.off("reInit", L);
       };
-  }, [l, b]), $(() => {
-    l && (l.reInit(), Y(l.scrollSnapList()));
-  }, [l, t, u, v]), $(() => {
+  }, [l, L]), z(() => {
+    l && (l.reInit(), Z(l.scrollSnapList()));
+  }, [l, t, u, x]), z(() => {
     if (!e || !l || !t || t.length <= 1) return;
-    const y = window.setInterval(() => {
+    const v = window.setInterval(() => {
       l.canScrollNext() && l.scrollNext();
-    }, G);
+    }, R);
     return () => {
-      window.clearInterval(y);
+      window.clearInterval(v);
     };
-  }, [e, G, l, t]);
-  const A = Math.max(1, u), Z = `${100 / A}%`, m = v / 2;
+  }, [e, R, l, t]);
+  const _ = Math.max(1, u), ee = `${100 / _}%`, c = x / 2;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: W.carouselContainer,
+      className: H.carouselContainer,
       "data-color": C,
-      "data-size": H,
-      "data-variant": k,
+      "data-size": U,
+      "data-variant": y,
       children: [
-        /* @__PURE__ */ n("div", { className: W.viewport, ref: M, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: H.viewport, ref: j, children: /* @__PURE__ */ n(
           "div",
           {
-            className: W.slides,
+            className: H.slides,
             style: {
-              marginLeft: `-${m}px`,
-              marginRight: `-${m}px`
+              marginLeft: `-${c}px`,
+              marginRight: `-${c}px`
             },
-            children: t && t.length > 0 ? t.map((y, x) => /* @__PURE__ */ n(
+            children: t && t.length > 0 ? t.map((v, h) => /* @__PURE__ */ n(
               "div",
               {
-                className: W.slide,
+                className: H.slide,
                 style: {
-                  flex: `0 0 ${Z}`,
-                  paddingLeft: `${m}px`,
-                  paddingRight: `${m}px`,
+                  flex: `0 0 ${ee}`,
+                  paddingLeft: `${c}px`,
+                  paddingRight: `${c}px`,
                   borderRadius: F > 0 ? `${F}px` : void 0,
                   overflow: "hidden"
                   // Ensure radius clips content
                 },
-                children: /* @__PURE__ */ r("div", { className: W.slideInner, style: { borderRadius: `${F}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !d[x] && /* @__PURE__ */ n("div", { className: W.loaderOverlay, children: /* @__PURE__ */ n(Bo, { "aria-label": S("carousel.loading") }) }),
+                children: /* @__PURE__ */ r("div", { className: H.slideInner, style: { borderRadius: `${F}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
+                  !d[h] && /* @__PURE__ */ n("div", { className: H.loaderOverlay, children: /* @__PURE__ */ n(Bo, { "aria-label": w("carousel.loading") }) }),
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      className: `${W.image} ${d[x] ? W.loaded : W.loadingImage}`,
-                      src: y.src,
-                      alt: y.alt,
-                      loading: x < A ? "eager" : "lazy",
+                      className: `${H.image} ${d[h] ? H.loaded : H.loadingImage}`,
+                      src: v.src,
+                      alt: v.alt,
+                      loading: h < _ ? "eager" : "lazy",
                       crossOrigin: "anonymous",
-                      onLoad: () => I(x),
-                      onError: (w) => {
-                        w.target.style.display = "none", I(x);
+                      onLoad: () => S(h),
+                      onError: (T) => {
+                        T.target.style.display = "none", S(h);
                       }
                     }
                   )
                 ] })
               },
-              `image-${x}-${y.src}`
-            )) : /* @__PURE__ */ n("div", { className: W.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ n("div", { className: W.empty, children: "Ingen bilder" }) })
+              `image-${h}-${v.src}`
+            )) : /* @__PURE__ */ n("div", { className: H.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ n("div", { className: H.empty, children: "Ingen bilder" }) })
           }
         ) }),
-        (c || h && t && t.length > 1) && /* @__PURE__ */ r("div", { className: W.controls, "aria-hidden": "false", children: [
-          c && /* @__PURE__ */ r("div", { className: W.arrows, children: [
+        (p || k && t && t.length > 1) && /* @__PURE__ */ r("div", { className: H.controls, "aria-hidden": "false", children: [
+          p && /* @__PURE__ */ r("div", { className: H.arrows, children: [
             /* @__PURE__ */ n(
-              oe,
+              ie,
               {
                 variant: "primary",
                 icon: !0,
-                "aria-label": S("carousel.previousImage"),
-                onClick: D,
+                "aria-label": w("carousel.previousImage"),
+                onClick: G,
                 disabled: !t || t.length <= 1,
                 children: /* @__PURE__ */ n(cn, { "aria-hidden": !0 })
               }
             ),
             /* @__PURE__ */ n(
-              oe,
+              ie,
               {
                 variant: "primary",
                 icon: !0,
-                "aria-label": S("carousel.nextImage"),
-                onClick: U,
+                "aria-label": w("carousel.nextImage"),
+                onClick: K,
                 disabled: !t || t.length <= 1,
                 children: /* @__PURE__ */ n(pn, { "aria-hidden": !0 })
               }
             )
           ] }),
-          h && t && t.length > 1 && /* @__PURE__ */ n("div", { className: W.dots, role: "tablist", "aria-label": S("carousel.imagePosition"), children: E.map((y, x) => {
-            const w = x === J;
+          k && t && t.length > 1 && /* @__PURE__ */ n("div", { className: H.dots, role: "tablist", "aria-label": w("carousel.imagePosition"), children: E.map((v, h) => {
+            const T = h === Q;
             return /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `${W.dot} ${w ? W.dotActive : ""}`,
-                onClick: () => B(x),
-                "aria-label": `${S("carousel.goToImage")} ${x + 1}`,
-                "aria-selected": w,
+                className: `${H.dot} ${T ? H.dotActive : ""}`,
+                onClick: () => O(h),
+                "aria-label": `${w("carousel.goToImage")} ${h + 1}`,
+                "aria-selected": T,
                 role: "tab"
               },
-              `dot-${x}`
+              `dot-${h}`
             );
           }) })
         ] })
@@ -3246,7 +3336,7 @@ const xo = "_carouselContainer_eo3g5_1", To = "_viewport_eo3g5_14", Co = "_slide
   );
 };
 zo.displayName = "Carousel";
-function $o(t) {
+function Po(t) {
   return `
 .${t.carouselContainer} {
   position: relative;
@@ -3418,8 +3508,8 @@ function $o(t) {
 }
 `;
 }
-const Po = "_crossCorner_1caiu_1", Ro = "_shape_1caiu_6", Se = {
-  crossCorner: Po,
+const $o = "_crossCorner_1caiu_1", Ro = "_shape_1caiu_6", Ie = {
+  crossCorner: $o,
   shape: Ro
 };
 function Go(t) {
@@ -3458,79 +3548,79 @@ const Wo = {
   "top-right": 0,
   "bottom-right": 90,
   "bottom-left": 180
-}, ke = te(
+}, ve = re(
   ({
     position: t = "top-left",
     size: e = "md",
     className: s,
-    "aria-label": c,
-    "aria-hidden": h = !0,
-    "data-color": k,
+    "aria-label": p,
+    "aria-hidden": k = !0,
+    "data-color": y,
     "data-size": u,
-    ...v
+    ...x
   }, F) => {
-    $(() => {
-      const S = "rk-crosscorner-inline-styles";
-      if (typeof document > "u" || document.getElementById(S)) return;
-      const P = Go(Se), M = document.createElement("style");
-      M.id = S, M.textContent = P, document.head.appendChild(M);
+    z(() => {
+      const w = "rk-crosscorner-inline-styles";
+      if (typeof document > "u" || document.getElementById(w)) return;
+      const P = Go(Ie), j = document.createElement("style");
+      j.id = w, j.textContent = P, document.head.appendChild(j);
     }, []);
-    const C = Wo[e], H = Ho[t];
+    const C = Wo[e], U = Ho[t];
     return /* @__PURE__ */ n(
       "svg",
       {
         ref: F,
-        className: `${Se.crossCorner} ${s || ""}`,
+        className: `${Ie.crossCorner} ${s || ""}`,
         width: C,
         height: C,
         viewBox: "0 0 68 68",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        "aria-label": c,
-        "aria-hidden": h,
-        role: h ? void 0 : "img",
-        "data-color": k,
+        "aria-label": p,
+        "aria-hidden": k,
+        role: k ? void 0 : "img",
+        "data-color": y,
         "data-size": u,
         style: {
-          transform: H ? `rotate(${H}deg)` : void 0
+          transform: U ? `rotate(${U}deg)` : void 0
         },
-        ...v,
+        ...x,
         children: /* @__PURE__ */ n(
           "path",
           {
             d: "M68 0V33.8203H67.998V68H34.1777V33.8203H0V0H68Z",
-            className: Se.shape
+            className: Ie.shape
           }
         )
       }
     );
   }
 );
-ke.displayName = "CrossCorner";
-const Fa = mt, Ea = gt, Ba = ut, V = ht, za = ft, $a = kt, Pa = vt, Ra = bt, Ga = yt, Wa = xt, Ha = Tt, Ua = Ct, Uo = wt, Vo = St;
+ve.displayName = "CrossCorner";
+const Ea = mt, Ba = gt, za = ut, V = ht, Pa = ft, $a = kt, Ra = vt, Ga = bt, Wa = yt, Ha = xt, Ua = Tt, Va = Ct, Uo = wt, Vo = St;
 Uo.displayName = "Field.Description";
 Vo.displayName = "Field.Counter";
-const Va = We, Oo = te((t, e) => /* @__PURE__ */ n(It, { ref: e, ...t }));
+const Oa = We, Oo = re((t, e) => /* @__PURE__ */ n(It, { ref: e, ...t }));
 Oo.displayName = "Heading";
 const qe = _t;
 qe.displayName = "Input";
-const Ko = te((t, e) => /* @__PURE__ */ n(Dt, { ref: e, ...t }));
+const Ko = re((t, e) => /* @__PURE__ */ n(Dt, { ref: e, ...t }));
 Ko.displayName = "Label";
-const Q = At, Oa = Lt, qo = Nt, Ka = Mt, qa = jt, Ya = Ft, Za = Et;
+const ne = At, Ka = Lt, qo = Nt, qa = Mt, Ya = jt, Za = Ft, Xa = Et;
 qo.displayName = "Pagination";
-const ve = te(
+const be = re(
   (t, e) => /* @__PURE__ */ n(Bt, { ref: e, ...t })
 );
-ve.displayName = "Paragraph";
-const Xa = zt, Ja = $t, Qa = Pt, ye = Object.assign(Rt, {
+be.displayName = "Paragraph";
+const Ja = zt, Qa = Pt, ei = $t, xe = Object.assign(Rt, {
   Button: Ht,
   ClearButton: Wt,
   Input: Gt
-}), ei = Ut, ti = Vt, ni = Ot, Yo = Kt;
+}), ti = Ut, ni = Vt, oi = Ot, Yo = Kt;
 Yo.displayName = "Suggestion";
-const Ie = qt, oi = Yt, xe = Zt, ri = Xt, si = Jt, Zo = Qt, ai = en, ii = tn, Xo = te((t, e) => /* @__PURE__ */ n(nn, { ref: e, ...t }));
+const _e = qt, ri = Yt, Te = Zt, si = Xt, ai = Jt, Zo = Qt, ii = en, li = tn, Xo = re((t, e) => /* @__PURE__ */ n(nn, { ref: e, ...t }));
 Xo.displayName = "ValidationMessage";
-const Jo = "_header_1e6zx_1", Qo = "_languageSwitch_1e6zx_37", er = "_searchOverlay_1e6zx_41", tr = "_headerExtension_1e6zx_46", nr = "_headerExtensionTinted_1e6zx_75", or = "_languageLabel_1e6zx_83", rr = "_languageLink_1e6zx_88", sr = "_extensionContent_1e6zx_93", ar = "_extensionDivider_1e6zx_98", ir = "_extensionContentWrapper_1e6zx_103", lr = "_headerInner_1e6zx_199", dr = "_logoWrapper_1e6zx_216", cr = "_logo_1e6zx_216", pr = "_secondaryLogoWrapper_1e6zx_239", mr = "_slotComponent_1e6zx_248", gr = "_slotContainer_1e6zx_258", ur = "_slotText_1e6zx_266", hr = "_secondaryLogo_1e6zx_239", fr = "_redCrossLogo_1e6zx_293", kr = "_primaryLogo_1e6zx_299", vr = "_navItems_1e6zx_303", br = "_navLink_1e6zx_312", yr = "_actions_1e6zx_325", xr = "_ctaButton_1e6zx_333", Tr = "_themeToggle_1e6zx_338", Cr = "_userInfo_1e6zx_343", wr = "_userName_1e6zx_349", Sr = "_loginLink_1e6zx_356", Ir = "_loginText_1e6zx_365", _r = "_underline_1e6zx_372", Dr = "_searchButtonWrapper_1e6zx_378", Ar = "_buttonText_1e6zx_382", Lr = "_menuButton_1e6zx_387", Nr = "_menuOverlay_1e6zx_392", Mr = "_searchContent_1e6zx_426", jr = "_menuContent_1e6zx_436", Fr = "_menuLeftColumn_1e6zx_445", Er = "_menuRightColumn_1e6zx_451", Br = "_slotContent_1e6zx_465", zr = "_navList_1e6zx_478", $r = "_menuUtilities_1e6zx_485", Pr = "_menuBrand_1e6zx_492", Rr = "_suggestionsSection_1e6zx_496", Gr = "_suggestionsTitle_1e6zx_502", Wr = "_searchResults_1e6zx_511", Hr = "_resultList_1e6zx_517", Ur = "_resultItem_1e6zx_523", Vr = "_resultLink_1e6zx_531", Or = "_suggestionIcon_1e6zx_545", Kr = "_suggestionText_1e6zx_558", qr = "_highlightedText_1e6zx_565", Yr = "_remainingText_1e6zx_570", Zr = "_viewAllLink_1e6zx_583", Xr = "_noResults_1e6zx_618", i = {
+const Jo = "_header_1e6zx_1", Qo = "_languageSwitch_1e6zx_37", er = "_searchOverlay_1e6zx_41", tr = "_headerExtension_1e6zx_46", nr = "_headerExtensionTinted_1e6zx_75", or = "_languageLabel_1e6zx_83", rr = "_languageLink_1e6zx_88", sr = "_extensionContent_1e6zx_93", ar = "_extensionDivider_1e6zx_98", ir = "_extensionContentWrapper_1e6zx_103", lr = "_headerInner_1e6zx_199", dr = "_logoWrapper_1e6zx_216", cr = "_logo_1e6zx_216", pr = "_secondaryLogoWrapper_1e6zx_239", mr = "_slotComponent_1e6zx_248", gr = "_slotContainer_1e6zx_258", ur = "_slotText_1e6zx_266", hr = "_secondaryLogo_1e6zx_239", fr = "_redCrossLogo_1e6zx_293", kr = "_primaryLogo_1e6zx_299", vr = "_navItems_1e6zx_303", br = "_navLink_1e6zx_312", yr = "_actions_1e6zx_325", xr = "_ctaButton_1e6zx_333", Tr = "_themeToggle_1e6zx_338", Cr = "_userInfo_1e6zx_343", wr = "_userName_1e6zx_349", Sr = "_loginLink_1e6zx_356", Ir = "_loginText_1e6zx_365", _r = "_underline_1e6zx_372", Dr = "_searchButtonWrapper_1e6zx_378", Ar = "_buttonText_1e6zx_382", Lr = "_menuButton_1e6zx_387", Nr = "_menuOverlay_1e6zx_392", Mr = "_searchContent_1e6zx_426", jr = "_menuContent_1e6zx_436", Fr = "_menuLeftColumn_1e6zx_445", Er = "_menuRightColumn_1e6zx_451", Br = "_slotContent_1e6zx_465", zr = "_navList_1e6zx_478", Pr = "_menuUtilities_1e6zx_485", $r = "_menuBrand_1e6zx_492", Rr = "_suggestionsSection_1e6zx_496", Gr = "_suggestionsTitle_1e6zx_502", Wr = "_searchResults_1e6zx_511", Hr = "_resultList_1e6zx_517", Ur = "_resultItem_1e6zx_523", Vr = "_resultLink_1e6zx_531", Or = "_suggestionIcon_1e6zx_545", Kr = "_suggestionText_1e6zx_558", qr = "_highlightedText_1e6zx_565", Yr = "_remainingText_1e6zx_570", Zr = "_viewAllLink_1e6zx_583", Xr = "_noResults_1e6zx_618", a = {
   header: Jo,
   languageSwitch: Qo,
   searchOverlay: er,
@@ -3571,8 +3661,8 @@ const Jo = "_header_1e6zx_1", Qo = "_languageSwitch_1e6zx_37", er = "_searchOver
   menuRightColumn: Er,
   slotContent: Br,
   navList: zr,
-  menuUtilities: $r,
-  menuBrand: Pr,
+  menuUtilities: Pr,
+  menuBrand: $r,
   suggestionsSection: Rr,
   suggestionsTitle: Gr,
   searchResults: Wr,
@@ -3648,39 +3738,47 @@ const Jo = "_header_1e6zx_1", Qo = "_languageSwitch_1e6zx_37", er = "_searchOver
   { id: "komponent-kreasjon", title: "Komponent Kreasjon", category: "Code", path: "code/komponent-kreasjon", description: "Opprette nye komponenter" },
   { 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" }
-], li = ({
+];
+function Qr(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: h = !0,
-  showSearch: k = !0,
+  children: p,
+  showUser: k = !0,
+  showSearch: y = !0,
   showLogin: u = !0,
-  showCta: v = !1,
+  showCta: x = !1,
   ctaLabel: F,
   ctaIcon: C = /* @__PURE__ */ n(gn, { "aria-hidden": !0 }),
-  onCtaClick: H,
-  showThemeToggle: S = !1,
+  onCtaClick: U,
+  showThemeToggle: w = !1,
   secondaryLogo: P = !1,
-  secondaryLogoSrc: M,
+  secondaryLogoSrc: j,
   secondaryLogoSrcDark: l,
-  secondaryLogoAlt: J = "Secondary Logo",
-  navItems: R,
+  secondaryLogoAlt: Q = "Secondary Logo",
+  navItems: $,
   showNavItems: E = !0,
-  showMenuButton: Y = !0,
+  showMenuButton: Z = !0,
   showHeaderExtension: d = !1,
-  showModeToggle: L = !1,
-  showLanguageSwitch: I = !1,
-  extensionColor: G
+  showModeToggle: A = !1,
+  showLanguageSwitch: S = !1,
+  extensionColor: R,
+  userName: L,
+  userInitials: O,
+  userAvatarSrc: G,
+  onUserClick: K
 }) => {
-  const [b, B] = K(!1), [D, U] = K(!1), [A, Z] = K(""), [m, y] = K("light"), { language: x, setLanguage: w, t: f } = be(), [O, _] = K(!1);
-  $(() => {
-    const a = "rk-header-inline-styles";
-    if (typeof document > "u" || document.getElementById(a)) return;
-    const g = Qr(i), T = document.createElement("style");
-    T.id = a, T.textContent = g, document.head.appendChild(T);
+  const [_, ee] = q(!1), [c, v] = q(!1), [h, T] = q(""), [Y, le] = q("light"), { language: I, setLanguage: D, t: f } = ye(), [X, pe] = q(!1);
+  z(() => {
+    const i = "rk-header-inline-styles";
+    if (typeof document > "u" || document.getElementById(i)) return;
+    const g = es(a), b = document.createElement("style");
+    b.id = i, b.textContent = g, document.head.appendChild(b);
   }, []);
-  const j = () => /* @__PURE__ */ r(
+  const de = () => /* @__PURE__ */ r(
     "svg",
     {
       width: "170",
@@ -3690,7 +3788,7 @@ const Jo = "_header_1e6zx_1", Qo = "_languageSwitch_1e6zx_37", er = "_searchOver
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": !0,
       focusable: "false",
-      className: i.redCrossLogo,
+      className: a.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" }),
@@ -3705,111 +3803,111 @@ const Jo = "_header_1e6zx_1", Qo = "_languageSwitch_1e6zx_37", er = "_searchOver
       ]
     }
   );
-  $(() => {
-    B(!1), U(!1), Z("");
-  }, [e]), $(() => {
-    if (!(typeof document > "u") && b && O) {
-      const a = document.body.style.overflow;
+  z(() => {
+    ee(!1), v(!1), T("");
+  }, [e]), z(() => {
+    if (!(typeof document > "u") && _ && X) {
+      const i = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = a;
+        document.body.style.overflow = i;
       };
     }
-  }, [b, O]), $(() => {
+  }, [_, X]), z(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u") return;
-    const a = window.matchMedia("(max-width: 850px)"), g = (T) => _("matches" in T ? T.matches : a.matches);
-    return g(a), a.addEventListener ? a.addEventListener("change", g) : a.addListener(g), () => {
-      a.removeEventListener ? a.removeEventListener("change", g) : a.removeListener(g);
+    const i = window.matchMedia("(max-width: 850px)"), g = (b) => pe("matches" in b ? b.matches : i.matches);
+    return g(i), i.addEventListener ? i.addEventListener("change", g) : i.addListener(g), () => {
+      i.removeEventListener ? i.removeEventListener("change", g) : i.removeListener(g);
     };
-  }, []), $(() => {
+  }, []), z(() => {
     if (typeof document > "u") return;
-    const a = document.querySelector(`.${i.header}`);
-    if (!a) return;
+    const i = document.querySelector(`.${a.header}`);
+    if (!i) return;
     const g = () => {
-      const re = a.offsetHeight;
-      document.documentElement.style.setProperty("--header-height-mobile", `${re}px`);
+      const W = i.offsetHeight;
+      document.documentElement.style.setProperty("--header-height-mobile", `${W}px`);
     };
     g(), window.addEventListener("resize", g);
-    const T = new ResizeObserver(() => {
+    const b = new ResizeObserver(() => {
       g();
     });
-    return T.observe(a), () => {
-      window.removeEventListener("resize", g), T.disconnect();
+    return b.observe(i), () => {
+      window.removeEventListener("resize", g), b.disconnect();
     };
-  }, [O]), $(() => {
+  }, [X]), z(() => {
     if (typeof document > "u") return;
-    const a = document.querySelector(`.${i.logoWrapper}`);
-    if (!a) return;
+    const i = document.querySelector(`.${a.logoWrapper}`);
+    if (!i) return;
     const g = () => {
-      const T = a.offsetWidth;
-      document.documentElement.style.setProperty("--rk-logo-width", `${T}px`);
+      const b = i.offsetWidth;
+      document.documentElement.style.setProperty("--rk-logo-width", `${b}px`);
     };
     return g(), window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
-  }, [O]), $(() => {
-    if (typeof document > "u" || !D) {
+  }, [X]), z(() => {
+    if (typeof document > "u" || !c) {
       document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
       return;
     }
-    const a = document.querySelector(`.${i.searchOverlay}`);
-    if (!a) return;
+    const i = document.querySelector(`.${a.searchOverlay}`);
+    if (!i) return;
     const g = () => {
-      const re = a.offsetHeight;
-      document.documentElement.style.setProperty("--rk-search-overlay-height", `${re}px`);
+      const W = i.offsetHeight;
+      document.documentElement.style.setProperty("--rk-search-overlay-height", `${W}px`);
     };
     requestAnimationFrame(g), window.addEventListener("resize", g);
-    const T = new ResizeObserver(g);
-    return T.observe(a), () => {
-      window.removeEventListener("resize", g), T.disconnect();
+    const b = new ResizeObserver(g);
+    return b.observe(i), () => {
+      window.removeEventListener("resize", g), b.disconnect();
     };
-  }, [D]);
-  const q = () => {
-    const a = m === "light" ? "dark" : "light";
-    y(a), document.documentElement.setAttribute("data-color-scheme", a);
-  }, me = (a) => {
-    s && (a.preventDefault(), s("home")), B(!1), U(!1);
-  }, ae = () => {
-    B(!b), D && U(!1), !b && typeof document < "u" && requestAnimationFrame(() => {
-      const a = document.querySelector(`.${i.header}`);
-      if (a) {
-        const g = a.offsetHeight;
+  }, [c]);
+  const m = () => {
+    const i = Y === "light" ? "dark" : "light";
+    le(i), document.documentElement.setAttribute("data-color-scheme", i);
+  }, N = (i) => {
+    s && (i.preventDefault(), s("home")), ee(!1), v(!1);
+  }, M = () => {
+    ee(!_), c && v(!1), !_ && typeof document < "u" && requestAnimationFrame(() => {
+      const i = document.querySelector(`.${a.header}`);
+      if (i) {
+        const g = i.offsetHeight;
         document.documentElement.style.setProperty("--header-height-mobile", `${g}px`);
       }
     });
-  }, ie = () => {
-    U(!D), b && B(!1);
-  }, p = pe(() => {
-    if (!A.trim()) return [];
-    const a = A.toLowerCase();
+  }, se = () => {
+    v(!c), _ && ee(!1);
+  }, te = ue(() => {
+    if (!h.trim()) return [];
+    const i = h.toLowerCase();
     return Jr.filter(
-      (g) => g.title.toLowerCase().startsWith(a)
+      (g) => g.title.toLowerCase().startsWith(i)
     );
-  }, [A]), N = (a) => {
-    s && s(a), U(!1), Z("");
+  }, [h]), Ce = (i) => {
+    s && s(i), v(!1), T("");
   };
-  return /* @__PURE__ */ r("header", { className: i.header, "data-open": b ? "true" : "false", "data-color": t, children: [
-    d && /* @__PURE__ */ n("div", { className: `${i.headerExtension}${G === "tinted" ? ` ${i.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": G, children: /* @__PURE__ */ r("div", { className: i.extensionContentWrapper, children: [
-      L && /* @__PURE__ */ n("div", { className: i.extensionContent, children: /* @__PURE__ */ n(
-        Ie,
+  return /* @__PURE__ */ r("header", { className: a.header, "data-open": _ ? "true" : "false", "data-color": t, 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: [
+      A && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
+        _e,
         {
           "data-size": "sm",
-          checked: m === "dark",
-          onChange: q,
+          checked: Y === "dark",
+          onChange: m,
           label: f("header.darkMode"),
           color: "neutral",
           "data-color-scheme": "light"
         }
       ) }),
-      L && I && /* @__PURE__ */ n("div", { className: i.extensionDivider }),
-      I && /* @__PURE__ */ r("div", { className: i.languageSwitch, children: [
-        /* @__PURE__ */ n("span", { className: i.languageLabel, children: f("header.language") }),
+      A && S && /* @__PURE__ */ n("div", { className: a.extensionDivider }),
+      S && /* @__PURE__ */ r("div", { className: a.languageSwitch, children: [
+        /* @__PURE__ */ n("span", { className: a.languageLabel, children: f("header.language") }),
         /* @__PURE__ */ r(V.TriggerContext, { children: [
           /* @__PURE__ */ r(
             V.Trigger,
             {
-              className: i.languageLink,
+              className: a.languageLink,
               "aria-label": f("header.selectLanguage"),
               style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
               children: [
-                x,
+                I,
                 " ",
                 /* @__PURE__ */ n(Me, { "aria-hidden": !0 })
               ]
@@ -3818,129 +3916,161 @@ const Jo = "_header_1e6zx_1", Qo = "_languageSwitch_1e6zx_37", er = "_searchOver
           /* @__PURE__ */ n(
             V,
             {
-              "data-color-scheme": m,
+              "data-color-scheme": Y,
               placement: "bottom-end",
               children: /* @__PURE__ */ r(V.List, { children: [
-                /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => w("NO"), children: "Norsk (NO)" }) }),
-                /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => w("EN"), children: "English (EN)" }) })
+                /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => D("NO"), children: "Norsk (NO)" }) }),
+                /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => D("EN"), children: "English (EN)" }) })
               ] })
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ r("div", { className: i.headerInner, children: [
-      /* @__PURE__ */ r("div", { className: i.logoWrapper, children: [
+    /* @__PURE__ */ r("div", { className: a.headerInner, children: [
+      /* @__PURE__ */ r("div", { className: a.logoWrapper, children: [
         /* @__PURE__ */ n(
-          Q,
+          ne,
           {
             href: "/",
-            className: `${i.logo} ${i.primaryLogo}`,
+            className: `${a.logo} ${a.primaryLogo}`,
             "aria-label": f("header.homeAriaLabel"),
-            onClick: me,
-            children: /* @__PURE__ */ n(j, {})
+            onClick: N,
+            children: /* @__PURE__ */ n(de, {})
           }
         ),
-        /* @__PURE__ */ n("div", { className: i.secondaryLogoWrapper, children: P && M ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: a.secondaryLogoWrapper, children: P && j ? /* @__PURE__ */ n(
           "img",
           {
-            src: m === "dark" && l ? l : M,
-            alt: J,
-            className: i.secondaryLogo
+            src: Y === "dark" && l ? l : j,
+            alt: Q,
+            className: a.secondaryLogo
           }
-        ) : P ? /* @__PURE__ */ n("div", { className: i.slotComponent, children: /* @__PURE__ */ n("div", { className: i.slotContainer, children: /* @__PURE__ */ n("p", { className: i.slotText, children: "SLOT" }) }) }) : null })
+        ) : P ? /* @__PURE__ */ n("div", { className: a.slotComponent, children: /* @__PURE__ */ n("div", { className: a.slotContainer, children: /* @__PURE__ */ n("p", { className: a.slotText, children: "SLOT" }) }) }) : null })
       ] }),
-      E && R && R.length > 0 && !O && /* @__PURE__ */ n("nav", { className: i.navItems, children: R.map((a, g) => /* @__PURE__ */ n(
-        Q,
+      E && $ && $.length > 0 && !X && /* @__PURE__ */ n("nav", { className: a.navItems, children: $.map((i, g) => /* @__PURE__ */ n(
+        ne,
         {
-          href: a.href,
-          className: i.navLink,
-          onClick: (T) => {
-            s && (T.preventDefault(), s(a.href));
+          href: i.href,
+          className: a.navLink,
+          onClick: (b) => {
+            s && (b.preventDefault(), s(i.href));
           },
-          children: a.label
+          children: i.label
         },
         g
       )) }),
-      /* @__PURE__ */ r("div", { className: i.actions, children: [
-        v && /* @__PURE__ */ r(
-          oe,
+      /* @__PURE__ */ r("div", { className: a.actions, children: [
+        x && /* @__PURE__ */ r(
+          ie,
           {
             variant: "primary",
             "data-color": "main",
             "data-size": "md",
-            className: i.ctaButton,
-            onClick: H,
+            className: a.ctaButton,
+            onClick: U,
             children: [
               C,
-              /* @__PURE__ */ n("span", { className: C ? i.buttonText : void 0, children: F || f("header.supportUs") })
+              /* @__PURE__ */ n("span", { className: C ? a.buttonText : void 0, children: F || f("header.supportUs") })
             ]
           }
         ),
-        !d && S && /* @__PURE__ */ n("div", { className: i.themeToggle, children: /* @__PURE__ */ n(
-          Ie,
+        !d && w && /* @__PURE__ */ n("div", { className: a.themeToggle, children: /* @__PURE__ */ n(
+          _e,
           {
-            checked: m === "dark",
-            onChange: q,
+            checked: Y === "dark",
+            onChange: m,
             "aria-label": f("header.toggleTheme")
           }
         ) }),
-        h && /* @__PURE__ */ r("div", { className: i.userInfo, children: [
-          /* @__PURE__ */ n(ve, { "data-size": "md", className: i.userName, children: "Frodo Baggins" }),
-          /* @__PURE__ */ n(Ve, { "aria-label": "Frodo Baggins", "data-color": "main", variant: "circle", initials: "FB" })
-        ] }),
-        u && /* @__PURE__ */ r("a", { href: "#", className: i.loginLink, children: [
-          /* @__PURE__ */ n(ve, { "data-size": "md", className: i.loginText, children: f("header.login") }),
-          /* @__PURE__ */ n("div", { className: i.underline })
+        k && (() => {
+          const i = L ?? "Frodo Baggins", g = O ?? (L ? Qr(L) : "FB"), b = !!K;
+          return /* @__PURE__ */ r(
+            "div",
+            {
+              className: a.userInfo,
+              onClick: K,
+              role: b ? "button" : void 0,
+              tabIndex: b ? 0 : void 0,
+              onKeyDown: b ? (W) => {
+                (W.key === "Enter" || W.key === " ") && (W.preventDefault(), K == null || K());
+              } : void 0,
+              style: b ? { cursor: "pointer" } : void 0,
+              children: [
+                /* @__PURE__ */ n(be, { "data-size": "md", className: a.userName, children: i }),
+                /* @__PURE__ */ n(
+                  Ve,
+                  {
+                    "aria-label": i,
+                    "data-color": "main",
+                    variant: "circle",
+                    initials: G ? void 0 : g,
+                    children: G ? /* @__PURE__ */ n(
+                      "img",
+                      {
+                        src: G,
+                        alt: "",
+                        style: { width: "100%", height: "100%", objectFit: "cover" }
+                      }
+                    ) : void 0
+                  }
+                )
+              ]
+            }
+          );
+        })(),
+        u && /* @__PURE__ */ r("a", { href: "#", className: a.loginLink, children: [
+          /* @__PURE__ */ n(be, { "data-size": "md", className: a.loginText, children: f("header.login") }),
+          /* @__PURE__ */ n("div", { className: a.underline })
         ] }),
-        k && /* @__PURE__ */ n("div", { className: i.searchButtonWrapper, children: /* @__PURE__ */ r(
-          oe,
+        y && /* @__PURE__ */ n("div", { className: a.searchButtonWrapper, children: /* @__PURE__ */ r(
+          ie,
           {
             variant: "secondary",
             "data-color": "main",
             "data-size": "md",
-            onClick: ie,
-            "aria-expanded": D,
-            "aria-label": f(D ? "header.closeSearch" : "header.openSearch"),
+            onClick: se,
+            "aria-expanded": c,
+            "aria-label": f(c ? "header.closeSearch" : "header.openSearch"),
             children: [
-              D ? /* @__PURE__ */ n(je, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Fe, { "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: i.buttonText, children: f(D ? "header.close" : "header.search") })
+              c ? /* @__PURE__ */ n(je, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Fe, { "aria-hidden": !0 }),
+              /* @__PURE__ */ n("span", { className: a.buttonText, children: f(c ? "header.close" : "header.search") })
             ]
           }
         ) }),
-        (Y || O) && /* @__PURE__ */ r(
-          oe,
+        (Z || X) && /* @__PURE__ */ r(
+          ie,
           {
             variant: "primary",
             "data-color": "main",
             "data-size": "md",
-            onClick: ae,
-            "aria-expanded": b,
-            "aria-label": f(b ? "header.closeMenu" : "header.openMenu"),
-            className: i.menuButton,
+            onClick: M,
+            "aria-expanded": _,
+            "aria-label": f(_ ? "header.closeMenu" : "header.openMenu"),
+            className: a.menuButton,
             children: [
-              b ? /* @__PURE__ */ n(je, { "aria-hidden": !0 }) : /* @__PURE__ */ n(mn, { "aria-hidden": !0 }),
-              /* @__PURE__ */ n("span", { className: i.buttonText, children: f(b ? "header.close" : "header.menu") })
+              _ ? /* @__PURE__ */ n(je, { "aria-hidden": !0 }) : /* @__PURE__ */ n(mn, { "aria-hidden": !0 }),
+              /* @__PURE__ */ n("span", { className: a.buttonText, children: f(_ ? "header.close" : "header.menu") })
             ]
           }
         )
       ] })
     ] }),
-    b && /* @__PURE__ */ n("div", { className: i.menuOverlay, children: /* @__PURE__ */ r("div", { className: i.menuContent, children: [
-      /* @__PURE__ */ n("div", { className: i.menuLeftColumn }),
-      /* @__PURE__ */ r("div", { className: i.menuRightColumn, children: [
-        O && (I || L) && /* @__PURE__ */ r("div", { className: i.menuUtilities, children: [
-          I && /* @__PURE__ */ r("div", { className: i.languageSwitch, children: [
-            /* @__PURE__ */ n("span", { className: i.languageLabel, children: f("header.language") }),
+    _ && /* @__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: [
+        X && (S || A) && /* @__PURE__ */ r("div", { className: a.menuUtilities, children: [
+          S && /* @__PURE__ */ r("div", { className: a.languageSwitch, children: [
+            /* @__PURE__ */ n("span", { className: a.languageLabel, children: f("header.language") }),
             /* @__PURE__ */ r(V.TriggerContext, { children: [
               /* @__PURE__ */ r(
                 V.Trigger,
                 {
-                  className: i.languageLink,
+                  className: a.languageLink,
                   "aria-label": f("header.selectLanguage"),
                   style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
                   children: [
-                    x,
+                    I,
                     " ",
                     /* @__PURE__ */ n(Me, { "aria-hidden": !0 })
                   ]
@@ -3949,109 +4079,109 @@ const Jo = "_header_1e6zx_1", Qo = "_languageSwitch_1e6zx_37", er = "_searchOver
               /* @__PURE__ */ n(
                 V,
                 {
-                  "data-color-scheme": m,
+                  "data-color-scheme": Y,
                   placement: "bottom-start",
                   children: /* @__PURE__ */ r(V.List, { children: [
-                    /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => w("NO"), children: "Norsk (NO)" }) }),
-                    /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => w("EN"), children: "English (EN)" }) })
+                    /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => D("NO"), children: "Norsk (NO)" }) }),
+                    /* @__PURE__ */ n(V.Item, { children: /* @__PURE__ */ n(V.Button, { onClick: () => D("EN"), children: "English (EN)" }) })
                   ] })
                 }
               )
             ] })
           ] }),
-          L && /* @__PURE__ */ n("div", { className: i.extensionContent, children: /* @__PURE__ */ n(
-            Ie,
+          A && /* @__PURE__ */ n("div", { className: a.extensionContent, children: /* @__PURE__ */ n(
+            _e,
             {
               "data-size": "sm",
-              checked: m === "dark",
-              onChange: q,
+              checked: Y === "dark",
+              onChange: m,
               label: f("header.darkMode"),
               color: "neutral",
               "data-color-scheme": "light"
             }
           ) })
         ] }),
-        /* @__PURE__ */ r("div", { className: i.slotContent, children: [
-          c,
-          O && E && R && R.length > 0 && /* @__PURE__ */ n("nav", { className: i.navList, children: R.map((a, g) => /* @__PURE__ */ n(
-            Q,
+        /* @__PURE__ */ r("div", { className: a.slotContent, children: [
+          p,
+          X && E && $ && $.length > 0 && /* @__PURE__ */ n("nav", { className: a.navList, children: $.map((i, g) => /* @__PURE__ */ n(
+            ne,
             {
-              href: a.href,
-              className: i.navLink,
-              onClick: (T) => {
-                s && (T.preventDefault(), s(a.href));
+              href: i.href,
+              className: a.navLink,
+              onClick: (b) => {
+                s && (b.preventDefault(), s(i.href));
               },
-              children: a.label
+              children: i.label
             },
             g
           )) })
         ] }),
-        O && /* @__PURE__ */ n("div", { className: i.menuBrand, children: /* @__PURE__ */ n(j, {}) })
+        X && /* @__PURE__ */ n("div", { className: a.menuBrand, children: /* @__PURE__ */ n(de, {}) })
       ] })
     ] }) }),
-    D && /* @__PURE__ */ n("div", { className: i.searchOverlay, children: /* @__PURE__ */ r("div", { className: i.searchContent, children: [
-      /* @__PURE__ */ r(ye, { children: [
+    c && /* @__PURE__ */ n("div", { className: a.searchOverlay, children: /* @__PURE__ */ r("div", { className: a.searchContent, children: [
+      /* @__PURE__ */ r(xe, { children: [
         /* @__PURE__ */ n(
-          ye.Input,
+          xe.Input,
           {
             "aria-label": f("header.search"),
             placeholder: f("header.searchPlaceholder"),
-            value: A,
-            onChange: (a) => Z(a.target.value)
+            value: h,
+            onChange: (i) => T(i.target.value)
           }
         ),
-        /* @__PURE__ */ n(ye.Button, { "aria-label": f("header.search") }),
-        /* @__PURE__ */ n(ye.ClearButton, { onClick: () => Z(""), "aria-label": f("header.clearSearch") })
+        /* @__PURE__ */ n(xe.Button, { "aria-label": f("header.search") }),
+        /* @__PURE__ */ n(xe.ClearButton, { onClick: () => T(""), "aria-label": f("header.clearSearch") })
       ] }),
-      A && /* @__PURE__ */ n("div", { className: i.searchResults, children: p.length > 0 ? /* @__PURE__ */ r("div", { className: i.suggestionsSection, children: [
-        /* @__PURE__ */ n("h3", { className: i.suggestionsTitle, children: f("header.suggestions") }),
-        /* @__PURE__ */ n("ul", { className: i.resultList, children: p.slice(0, 5).map((a) => /* @__PURE__ */ n("li", { className: i.resultItem, children: /* @__PURE__ */ r(
+      h && /* @__PURE__ */ n("div", { className: a.searchResults, children: te.length > 0 ? /* @__PURE__ */ r("div", { className: a.suggestionsSection, children: [
+        /* @__PURE__ */ n("h3", { className: a.suggestionsTitle, children: f("header.suggestions") }),
+        /* @__PURE__ */ n("ul", { className: a.resultList, children: te.slice(0, 5).map((i) => /* @__PURE__ */ n("li", { className: a.resultItem, children: /* @__PURE__ */ r(
           "button",
           {
-            className: i.resultLink,
-            onClick: () => N(a.path),
+            className: a.resultLink,
+            onClick: () => Ce(i.path),
             children: [
-              /* @__PURE__ */ n("span", { className: i.suggestionIcon, children: /* @__PURE__ */ n(Fe, { "aria-hidden": !0 }) }),
-              /* @__PURE__ */ n("span", { className: i.suggestionText, children: (() => {
-                const g = a.title.toLowerCase().indexOf(A.toLowerCase());
-                if (g === -1) return /* @__PURE__ */ n("span", { className: i.remainingText, children: a.title });
-                const T = a.title.slice(0, g), re = a.title.slice(g, g + A.length), Te = a.title.slice(g + A.length);
+              /* @__PURE__ */ n("span", { className: a.suggestionIcon, children: /* @__PURE__ */ n(Fe, { "aria-hidden": !0 }) }),
+              /* @__PURE__ */ n("span", { className: a.suggestionText, children: (() => {
+                const g = i.title.toLowerCase().indexOf(h.toLowerCase());
+                if (g === -1) return /* @__PURE__ */ n("span", { className: a.remainingText, children: i.title });
+                const b = i.title.slice(0, g), W = i.title.slice(g, g + h.length), ce = i.title.slice(g + h.length);
                 return /* @__PURE__ */ r(Re, { children: [
-                  /* @__PURE__ */ n("span", { className: i.remainingText, children: T }),
-                  /* @__PURE__ */ n("span", { className: i.highlightedText, children: re }),
-                  /* @__PURE__ */ n("span", { className: i.remainingText, children: Te })
+                  /* @__PURE__ */ n("span", { className: a.remainingText, children: b }),
+                  /* @__PURE__ */ n("span", { className: a.highlightedText, children: W }),
+                  /* @__PURE__ */ n("span", { className: a.remainingText, children: ce })
                 ] });
               })() })
             ]
           }
-        ) }, a.id)) }),
-        p.length > 5 && /* @__PURE__ */ r(
-          Q,
+        ) }, i.id)) }),
+        te.length > 5 && /* @__PURE__ */ r(
+          ne,
           {
             href: "#",
             "data-color": "neutral",
-            className: i.viewAllLink,
-            onClick: (a) => {
-              a.preventDefault(), s && s(`search/${A}`), U(!1), Z("");
+            className: a.viewAllLink,
+            onClick: (i) => {
+              i.preventDefault(), s && s(`search/${h}`), v(!1), T("");
             },
             children: [
               f("header.viewAll"),
               " (",
-              p.length,
+              te.length,
               ")"
             ]
           }
         )
-      ] }) : /* @__PURE__ */ n("div", { className: i.noResults, children: /* @__PURE__ */ r(ve, { children: [
+      ] }) : /* @__PURE__ */ n("div", { className: a.noResults, children: /* @__PURE__ */ r(be, { children: [
         f("header.noResults"),
         ' "',
-        A,
+        h,
         '"'
       ] }) }) })
     ] }) })
   ] });
 };
-function Qr(t) {
+function es(t) {
   const e = t;
   return `
 .${e.header} {
@@ -4216,97 +4346,97 @@ function Qr(t) {
 }
 `;
 }
-const es = "_footer_1l5de_1", ts = "_mainSection_1l5de_7", ns = "_mainContainer_1l5de_25", os = "_crossCornerTopRight_1l5de_35", rs = "_crossCornerBottomLeft_1l5de_42", ss = "_contentRow_1l5de_50", as = "_newsletterSection_1l5de_60", is = "_newsletterDescription_1l5de_67", ls = "_newsletterForm_1l5de_76", ds = "_newsletterInputGroup_1l5de_82", cs = "_newsletterInput_1l5de_82", ps = "_consentText_1l5de_93", ms = "_linksSection_1l5de_103", gs = "_linksColumn_1l5de_109", us = "_linksTitle_1l5de_116", hs = "_linksList_1l5de_127", fs = "_footerLink_1l5de_136", ks = "_divider_1l5de_158", vs = "_contactSection_1l5de_166", bs = "_contactColumn_1l5de_173", ys = "_contactTitle_1l5de_181", xs = "_contactContent_1l5de_190", Ts = "_copyrightSection_1l5de_204", Cs = "_copyrightText_1l5de_209", ws = "_whiteSection_1l5de_219", Ss = "_whiteContainer_1l5de_224", Is = "_whiteContent_1l5de_232", _s = "_logo_1l5de_240", Ds = "_redCrossLogo_1l5de_254", As = "_slotLarge_1l5de_260", Ls = "_contentRowContact_1l5de_315", Ns = "_socialLinksSection_1l5de_325", Ms = "_socialLinksTitle_1l5de_332", js = "_socialLinksList_1l5de_343", Fs = "_socialLink_1l5de_325", Es = "_socialLinkIcon_1l5de_376", Bs = "_contactPersonsSection_1l5de_391", zs = "_contactPersonsTitle_1l5de_398", $s = "_contactPersonsGrid_1l5de_409", Ps = "_contactPersonCard_1l5de_415", Rs = "_contactPersonName_1l5de_422", Gs = "_contactPersonRole_1l5de_431", Ws = "_contactPersonDetails_1l5de_440", Hs = "_contactPersonLabel_1l5de_447", Us = "_contactPersonEmail_1l5de_451", Vs = "_contactPersonPhone_1l5de_452", Os = "_contactPersonAddress_1l5de_453", Ks = "_bottomRowContact_1l5de_474", qs = "_legalLinksRow_1l5de_483", Ys = "_legalLink_1l5de_483", o = {
-  footer: es,
-  mainSection: ts,
-  mainContainer: ns,
-  crossCornerTopRight: os,
-  crossCornerBottomLeft: rs,
-  contentRow: ss,
-  newsletterSection: as,
-  newsletterDescription: is,
-  newsletterForm: ls,
-  newsletterInputGroup: ds,
-  newsletterInput: cs,
-  consentText: ps,
-  linksSection: ms,
-  linksColumn: gs,
-  linksTitle: us,
-  linksList: hs,
-  footerLink: fs,
-  divider: ks,
-  contactSection: vs,
-  contactColumn: bs,
-  contactTitle: ys,
-  contactContent: xs,
-  copyrightSection: Ts,
-  copyrightText: Cs,
-  whiteSection: ws,
-  whiteContainer: Ss,
-  whiteContent: Is,
-  logo: _s,
-  redCrossLogo: Ds,
-  slotLarge: As,
-  contentRowContact: Ls,
-  socialLinksSection: Ns,
-  socialLinksTitle: Ms,
-  socialLinksList: js,
-  socialLink: Fs,
-  socialLinkIcon: Es,
-  contactPersonsSection: Bs,
-  contactPersonsTitle: zs,
+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", Es = "_socialLink_1l5de_325", Bs = "_socialLinkIcon_1l5de_376", zs = "_contactPersonsSection_1l5de_391", Ps = "_contactPersonsTitle_1l5de_398", $s = "_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: Es,
+  socialLinkIcon: Bs,
+  contactPersonsSection: zs,
+  contactPersonsTitle: Ps,
   contactPersonsGrid: $s,
-  contactPersonCard: Ps,
-  contactPersonName: Rs,
-  contactPersonRole: Gs,
-  contactPersonDetails: Ws,
-  contactPersonLabel: Hs,
-  contactPersonEmail: Us,
-  contactPersonPhone: Vs,
-  contactPersonAddress: Os,
-  bottomRowContact: Ks,
-  legalLinksRow: qs,
-  legalLink: Ys
-}, di = ({
+  contactPersonCard: Rs,
+  contactPersonName: Gs,
+  contactPersonRole: Ws,
+  contactPersonDetails: Hs,
+  contactPersonLabel: Us,
+  contactPersonEmail: Vs,
+  contactPersonPhone: Os,
+  contactPersonAddress: Ks,
+  bottomRowContact: qs,
+  legalLinksRow: Ys,
+  legalLink: Zs
+}, 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: h = "Input tekst",
-  newsletterButtonText: k = "Meld deg på",
+  newsletterDescription: p = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
+  newsletterPlaceholder: k = "Input tekst",
+  newsletterButtonText: y = "Meld deg på",
   newsletterConsentText: u,
-  onNewsletterSubmit: v,
+  onNewsletterSubmit: x,
   hideNewsletter: F = !1,
   shortcutsLinks: C,
-  linksLinks: H,
-  shortcutsTitle: S,
+  linksLinks: U,
+  shortcutsTitle: w,
   linksTitle: P,
-  visitingAddress: M = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
+  visitingAddress: j = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
   organizationNumber: l = "XXX XXX XXX",
-  email: J = "post@redcross.no",
-  showPrimaryLogo: R = !0,
+  email: Q = "post@redcross.no",
+  showPrimaryLogo: $ = !0,
   primaryLogoSrc: E,
-  primaryLogoAlt: Y = "Røde Kors Logo",
+  primaryLogoAlt: Z = "Røde Kors Logo",
   whiteSectionSlot: d,
-  socialLinks: L = [],
-  contactPersons: I = [],
-  legalLinks: G = [],
-  socialLinksTitle: b,
-  contactPersonsTitle: B
+  socialLinks: A = [],
+  contactPersons: S = [],
+  legalLinks: R = [],
+  socialLinksTitle: L,
+  contactPersonsTitle: O
 } = {}) => {
-  const D = (/* @__PURE__ */ new Date()).getFullYear(), { t: U } = be(), [A, Z] = _e.useState(""), m = (p, N) => {
-    const a = U(p);
-    return a === p ? N : a;
+  const G = (/* @__PURE__ */ new Date()).getFullYear(), { t: K } = ye(), [_, ee] = De.useState(""), c = (m, N) => {
+    const M = K(m);
+    return M === m ? N : M;
   };
-  _e.useEffect(() => {
-    const p = "rk-footer-inline-styles";
-    if (typeof document > "u" || document.getElementById(p)) return;
-    const N = Zs(o), a = document.createElement("style");
-    a.id = p, a.textContent = N, document.head.appendChild(a);
+  De.useEffect(() => {
+    const m = "rk-footer-inline-styles";
+    if (typeof document > "u" || document.getElementById(m)) return;
+    const N = Xs(o), M = document.createElement("style");
+    M.id = m, M.textContent = N, document.head.appendChild(M);
   }, []);
-  const y = (p) => {
-    p.preventDefault(), v == null || v(A);
-  }, x = () => /* @__PURE__ */ r(
+  const v = (m) => {
+    m.preventDefault(), x == null || x(_);
+  }, h = () => /* @__PURE__ */ r(
     "svg",
     {
       width: "170",
@@ -4330,175 +4460,175 @@ const es = "_footer_1l5de_1", ts = "_mainSection_1l5de_7", ns = "_mainContainer_
         /* @__PURE__ */ n("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
       ]
     }
-  ), w = [
-    { label: m("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
-    { label: m("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
-    { label: m("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
-    { label: m("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
-    { label: m("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
-    { label: m("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
-  ], f = [
-    { label: m("footer.legal.privacy", "Personvern"), href: "#" },
-    { label: m("footer.legal.press", "For presse"), href: "#" },
-    { label: m("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
-    { label: m("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
-  ], O = /* @__PURE__ */ r(Re, { children: [
+  ), T = [
+    { label: c("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
+    { label: c("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
+    { label: c("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
+    { label: c("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
+    { label: c("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
+    { label: c("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
+  ], Y = [
+    { label: c("footer.legal.privacy", "Personvern"), href: "#" },
+    { label: c("footer.legal.press", "For presse"), href: "#" },
+    { label: c("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
+    { label: c("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
+  ], le = /* @__PURE__ */ r(Re, { children: [
     'Ved å trykke "',
-    k,
+    y,
     '" samtykker du til å motta nyhetsbrev.',
     /* @__PURE__ */ n("br", {}),
     "Du kan når som helst ",
-    /* @__PURE__ */ n(Q, { href: "#", children: "melde deg av" }),
+    /* @__PURE__ */ n(ne, { href: "#", children: "melde deg av" }),
     " nyhetsbrevet uten kostnad."
-  ] }), _ = C || w, j = H || f, q = () => /* @__PURE__ */ r("div", { className: o.socialLinksSection, children: [
-    b && /* @__PURE__ */ n("h3", { className: o.socialLinksTitle, children: b }),
-    /* @__PURE__ */ n("ul", { className: o.socialLinksList, children: L.map((p, N) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ r(Q, { href: p.href, className: o.socialLink, children: [
-      /* @__PURE__ */ n("span", { className: o.socialLinkIcon, children: p.icon }),
-      p.label
+  ] }), I = C || T, D = U || Y, f = () => /* @__PURE__ */ r("div", { className: o.socialLinksSection, children: [
+    L && /* @__PURE__ */ n("h3", { className: o.socialLinksTitle, children: L }),
+    /* @__PURE__ */ n("ul", { className: o.socialLinksList, children: A.map((m, N) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ r(ne, { href: m.href, className: o.socialLink, children: [
+      /* @__PURE__ */ n("span", { className: o.socialLinkIcon, children: m.icon }),
+      m.label
     ] }) }, N)) })
-  ] }), me = ({ person: p }) => /* @__PURE__ */ r("div", { className: o.contactPersonCard, children: [
-    /* @__PURE__ */ n("p", { className: o.contactPersonName, children: p.name }),
-    /* @__PURE__ */ n("p", { className: o.contactPersonRole, children: p.role }),
+  ] }), X = ({ person: m }) => /* @__PURE__ */ r("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: [
-          m("footer.contact.email", "E-post"),
+          c("footer.contact.email", "E-post"),
           ":"
         ] }),
         " ",
-        /* @__PURE__ */ n(Q, { href: `mailto:${p.email}`, children: p.email })
+        /* @__PURE__ */ n(ne, { href: `mailto:${m.email}`, children: m.email })
       ] }),
-      p.phone && /* @__PURE__ */ r("p", { className: o.contactPersonPhone, children: [
+      m.phone && /* @__PURE__ */ r("p", { className: o.contactPersonPhone, children: [
         /* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
-          m("footer.contact.phone", "Telefon"),
+          c("footer.contact.phone", "Telefon"),
           ":"
         ] }),
         " ",
-        p.phone
+        m.phone
       ] }),
-      p.address && /* @__PURE__ */ n("p", { className: o.contactPersonAddress, children: p.address })
+      m.address && /* @__PURE__ */ n("p", { className: o.contactPersonAddress, children: m.address })
     ] })
-  ] }), ae = () => /* @__PURE__ */ r("div", { className: o.contactPersonsSection, children: [
-    B && /* @__PURE__ */ n("h3", { className: o.contactPersonsTitle, children: B }),
-    /* @__PURE__ */ n("div", { className: o.contactPersonsGrid, children: I.map((p, N) => /* @__PURE__ */ n(me, { person: p }, N)) })
-  ] }), ie = () => /* @__PURE__ */ n("ul", { className: o.legalLinksRow, children: G.map((p, N) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(Q, { href: p.href, className: o.legalLink, children: p.label }) }, N)) });
+  ] }), pe = () => /* @__PURE__ */ r("div", { className: o.contactPersonsSection, children: [
+    O && /* @__PURE__ */ n("h3", { className: o.contactPersonsTitle, children: O }),
+    /* @__PURE__ */ n("div", { className: o.contactPersonsGrid, children: S.map((m, N) => /* @__PURE__ */ n(X, { person: m }, N)) })
+  ] }), de = () => /* @__PURE__ */ n("ul", { className: o.legalLinksRow, children: R.map((m, N) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(ne, { href: m.href, className: o.legalLink, children: m.label }) }, N)) });
   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(ke, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
+      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: [
-        L.length > 0 && /* @__PURE__ */ n(q, {}),
-        I.length > 0 && /* @__PURE__ */ n(ae, {})
+        A.length > 0 && /* @__PURE__ */ n(f, {}),
+        S.length > 0 && /* @__PURE__ */ n(pe, {})
       ] }),
       /* @__PURE__ */ n("div", { className: o.divider }),
       /* @__PURE__ */ r("div", { className: o.contactSection, children: [
         /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: m("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((p, N) => /* @__PURE__ */ n("p", { children: p }, N)) })
+          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: c("footer.contact.visitingAddress", "Besøks adresse") }),
+          /* @__PURE__ */ n("div", { className: o.contactContent, children: j.map((m, N) => /* @__PURE__ */ n("p", { children: m }, N)) })
         ] }),
         /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: m("footer.contact.organizationNumber", "Organisasjonsnummer") }),
+          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: c("footer.contact.organizationNumber", "Organisasjonsnummer") }),
           /* @__PURE__ */ n("p", { className: o.contactContent, children: l })
         ] }),
         /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: m("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ n("p", { className: o.contactContent, children: J })
+          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: c("footer.contact.email", "E-post") }),
+          /* @__PURE__ */ n("p", { className: o.contactContent, children: Q })
         ] })
       ] }),
       /* @__PURE__ */ n("div", { className: o.divider }),
       /* @__PURE__ */ r("div", { className: o.bottomRowContact, children: [
-        G.length > 0 && /* @__PURE__ */ n(ie, {}),
+        R.length > 0 && /* @__PURE__ */ n(de, {}),
         /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
           "© ",
-          D,
+          G,
           " ",
-          m("footer.copyright", "Rødekors")
+          c("footer.copyright", "Rødekors")
         ] })
       ] }),
-      s && /* @__PURE__ */ n("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ n(ke, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
+      s && /* @__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: [
-      R && (E ? /* @__PURE__ */ n(
+      $ && (E ? /* @__PURE__ */ n(
         "img",
         {
           src: E,
-          alt: Y,
+          alt: Z,
           className: o.logo,
           loading: "lazy"
         }
-      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(x, {}) })),
+      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(h, {}) })),
       d && /* @__PURE__ */ n("div", { className: o.slotLarge, children: d })
     ] }) }) })
   ] }) : /* @__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(ke, { position: "top-right", size: "md", "aria-hidden": !0 }) }),
+      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: y, children: /* @__PURE__ */ r("div", { className: o.newsletterInputGroup, children: [
+          /* @__PURE__ */ n("p", { className: o.newsletterDescription, children: p }),
+          /* @__PURE__ */ n("form", { className: o.newsletterForm, onSubmit: v, children: /* @__PURE__ */ r("div", { className: o.newsletterInputGroup, children: [
             /* @__PURE__ */ n(
               qe,
               {
                 type: "email",
-                placeholder: h,
-                value: A,
-                onChange: (p) => Z(p.target.value),
+                placeholder: k,
+                value: _,
+                onChange: (m) => ee(m.target.value),
                 className: o.newsletterInput
               }
             ),
-            /* @__PURE__ */ n(oe, { type: "submit", variant: "primary", "data-color": "neutral", children: k })
+            /* @__PURE__ */ n(ie, { type: "submit", variant: "primary", "data-color": "neutral", children: y })
           ] }) }),
-          /* @__PURE__ */ n("p", { className: o.consentText, children: u || O })
+          /* @__PURE__ */ n("p", { className: o.consentText, children: u || le })
         ] }),
         /* @__PURE__ */ r("div", { className: o.linksSection, children: [
-          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": S || m("footer.shortcuts", "Snarveier"), children: [
-            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: S || m("footer.shortcuts", "Snarveier") }),
-            /* @__PURE__ */ n("ul", { className: o.linksList, children: _.map((p, N) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(Q, { href: p.href, className: o.footerLink, children: p.label }) }, N)) })
+          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": w || c("footer.shortcuts", "Snarveier"), children: [
+            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: w || c("footer.shortcuts", "Snarveier") }),
+            /* @__PURE__ */ n("ul", { className: o.linksList, children: I.map((m, N) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(ne, { href: m.href, className: o.footerLink, children: m.label }) }, N)) })
           ] }),
-          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": P || m("footer.links", "Lenker"), children: [
-            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: P || m("footer.links", "Lenker") }),
-            /* @__PURE__ */ n("ul", { className: o.linksList, children: j.map((p, N) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(Q, { href: p.href, className: o.footerLink, children: p.label }) }, N)) })
+          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": P || c("footer.links", "Lenker"), children: [
+            /* @__PURE__ */ n("h3", { className: o.linksTitle, children: P || c("footer.links", "Lenker") }),
+            /* @__PURE__ */ n("ul", { className: o.linksList, children: D.map((m, N) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(ne, { href: m.href, className: o.footerLink, children: m.label }) }, N)) })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ n("div", { className: o.divider }),
       /* @__PURE__ */ r("div", { className: o.contactSection, children: [
         /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: m("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ n("div", { className: o.contactContent, children: M.map((p, N) => /* @__PURE__ */ n("p", { children: p }, N)) })
+          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: c("footer.contact.visitingAddress", "Besøks adresse") }),
+          /* @__PURE__ */ n("div", { className: o.contactContent, children: j.map((m, N) => /* @__PURE__ */ n("p", { children: m }, N)) })
         ] }),
         /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: m("footer.contact.organizationNumber", "Organisasjonsnummer") }),
+          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: c("footer.contact.organizationNumber", "Organisasjonsnummer") }),
           /* @__PURE__ */ n("p", { className: o.contactContent, children: l })
         ] }),
         /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: m("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ n("p", { className: o.contactContent, children: J })
+          /* @__PURE__ */ n("h4", { className: o.contactTitle, children: c("footer.contact.email", "E-post") }),
+          /* @__PURE__ */ n("p", { className: o.contactContent, children: Q })
         ] })
       ] }),
       /* @__PURE__ */ n("div", { className: o.divider }),
       /* @__PURE__ */ n("div", { className: o.copyrightSection, children: /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
         "© ",
-        D,
+        G,
         " ",
-        m("footer.copyright", "Rødekors")
+        c("footer.copyright", "Rødekors")
       ] }) }),
-      s && /* @__PURE__ */ n("div", { className: o.crossCornerBottomLeft, children: /* @__PURE__ */ n(ke, { position: "bottom-left", size: "md", "aria-hidden": !0 }) })
+      s && /* @__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: [
-      R && (E ? /* @__PURE__ */ n(
+      $ && (E ? /* @__PURE__ */ n(
         "img",
         {
           src: E,
-          alt: Y,
+          alt: Z,
           className: o.logo,
           loading: "lazy"
         }
-      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(x, {}) })),
+      ) : /* @__PURE__ */ n("div", { className: o.logo, children: /* @__PURE__ */ n(h, {}) })),
       d && /* @__PURE__ */ n("div", { className: o.slotLarge, children: d })
     ] }) }) })
   ] });
 };
-function Zs(t) {
+function Xs(t) {
   const e = t;
   return `
 .${e.footer} {
@@ -4923,25 +5053,25 @@ function Zs(t) {
 }
 `;
 }
-const Xs = "_donor_1hxqz_1", Js = "_tabsWrapper_1hxqz_14", Qs = "_content_1hxqz_35", ea = "_amountSection_1hxqz_47", ta = "_amountLabel_1hxqz_55", na = "_amountButtons_1hxqz_64", oa = "_customAmountField_1hxqz_75", ra = "_impactRow_1hxqz_80", sa = "_heartIcon_1hxqz_88", aa = "_impactText_1hxqz_102", ia = "_impactAmount_1hxqz_112", la = "_actionsSection_1hxqz_117", da = "_vippsButton_1hxqz_127", ca = "_vippsButtonLabel_1hxqz_157", pa = "_vippsLogo_1hxqz_166", ma = "_avtalegiroLink_1hxqz_179", ga = "_tabHeartIcon_1hxqz_184", z = {
-  donor: Xs,
-  tabsWrapper: Js,
-  content: Qs,
-  amountSection: ea,
-  amountLabel: ta,
-  amountButtons: na,
-  customAmountField: oa,
-  impactRow: ra,
-  heartIcon: sa,
-  impactText: aa,
-  impactAmount: ia,
-  actionsSection: la,
-  vippsButton: da,
-  vippsButtonLabel: ca,
-  vippsLogo: pa,
-  avtalegiroLink: ma,
-  tabHeartIcon: ga
-}, Pe = () => /* @__PURE__ */ n(
+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", B = {
+  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
+}, $e = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "19",
@@ -4959,7 +5089,7 @@ const Xs = "_donor_1hxqz_1", Js = "_tabsWrapper_1hxqz_14", Qs = "_content_1hxqz_
       }
     )
   }
-), ua = () => /* @__PURE__ */ n(
+), ha = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "16",
@@ -4977,7 +5107,7 @@ const Xs = "_donor_1hxqz_1", Js = "_tabsWrapper_1hxqz_14", Qs = "_content_1hxqz_
       }
     )
   }
-), ha = () => /* @__PURE__ */ n(
+), fa = () => /* @__PURE__ */ n(
   "svg",
   {
     width: "64",
@@ -4995,125 +5125,125 @@ const Xs = "_donor_1hxqz_1", Js = "_tabsWrapper_1hxqz_14", Qs = "_content_1hxqz_
       }
     )
   }
-), fa = [
+), ka = [
   { value: 220, label: "220 kr" },
   { value: 345, label: "345 kr" },
   { value: 660, label: "660 kr" }
-], ci = ({
+], pi = ({
   "data-color": t = "primary",
-  amounts: e = fa,
+  amounts: e = ka,
   defaultAmount: s = 345,
-  oneTimeLabel: c = "En gang",
-  monthlyLabel: h = "Hver måned",
-  customAmountPlaceholder: k = "Valgfritt beløp",
+  oneTimeLabel: p = "En gang",
+  monthlyLabel: k = "Hver måned",
+  customAmountPlaceholder: y = "Valgfritt beløp",
   amountLabel: u = "Velg ønsket beløp:",
-  impactMessage: v = "En gave på {amount} bidrar til ...",
+  impactMessage: x = "En gave på {amount} bidrar til ...",
   vippsButtonLabel: F = "Gi med",
   avtalegiroLabel: C = "Gi med avtalegiro",
-  avtalegiroHref: H = "#",
-  currencySuffix: S = "kr",
+  avtalegiroHref: U = "#",
+  currencySuffix: w = "kr",
   onVippsClick: P,
-  onAvtalegiroClick: M,
+  onAvtalegiroClick: j,
   onAmountChange: l,
-  showVippsButton: J = !0,
-  showAvtalegiroLink: R = !0,
+  showVippsButton: Q = !0,
+  showAvtalegiroLink: $ = !0,
   showImpactMessage: E = !0,
-  heartVariant: Y = "outlined"
+  heartVariant: Z = "outlined"
 }) => {
-  const [d, L] = K("monthly"), [I, G] = K(s), [b, B] = K(""), [D, U] = K(!1);
-  $(() => {
-    const _ = "rk-donor-inline-styles";
-    if (typeof document > "u" || document.getElementById(_)) return;
-    const j = ka(z), q = document.createElement("style");
-    q.id = _, q.textContent = j, document.head.appendChild(q);
+  const [d, A] = q("monthly"), [S, R] = q(s), [L, O] = q(""), [G, K] = q(!1);
+  z(() => {
+    const I = "rk-donor-inline-styles";
+    if (typeof document > "u" || document.getElementById(I)) return;
+    const D = va(B), f = document.createElement("style");
+    f.id = I, f.textContent = D, document.head.appendChild(f);
   }, []);
-  const A = D && b ? parseInt(b, 10) || 0 : I, Z = (_) => {
-    G(_), U(!1), B(""), l == null || l(_, d);
-  }, m = (_) => {
-    const j = _.target.value;
-    B(j), U(!0);
-    const q = parseInt(j, 10);
-    q > 0 && (l == null || l(q, d));
-  }, y = () => {
-    U(!0);
-  }, x = (_) => {
-    const j = _;
-    L(j), l == null || l(A, j);
-  }, w = () => {
-    P == null || P(A, d);
-  }, f = () => {
-    M == null || M();
-  }, O = () => {
-    const _ = `${A} ${S}`, j = v.split("{amount}");
+  const _ = G && L ? parseInt(L, 10) || 0 : S, ee = (I) => {
+    R(I), K(!1), O(""), l == null || l(I, d);
+  }, c = (I) => {
+    const D = I.target.value;
+    O(D), K(!0);
+    const f = parseInt(D, 10);
+    f > 0 && (l == null || l(f, d));
+  }, v = () => {
+    K(!0);
+  }, h = (I) => {
+    const D = I;
+    A(D), l == null || l(_, D);
+  }, T = () => {
+    P == null || P(_, d);
+  }, Y = () => {
+    j == null || j();
+  }, le = () => {
+    const I = `${_} ${w}`, D = x.split("{amount}");
     return /* @__PURE__ */ r("span", { children: [
-      j[0],
-      /* @__PURE__ */ n("span", { className: z.impactAmount, children: _ }),
-      j[1] || ""
+      D[0],
+      /* @__PURE__ */ n("span", { className: B.impactAmount, children: I }),
+      D[1] || ""
     ] });
   };
-  return /* @__PURE__ */ r("div", { className: z.donor, "data-color": t, children: [
-    /* @__PURE__ */ n("div", { className: z.tabsWrapper, children: /* @__PURE__ */ n(xe, { defaultValue: "monthly", onChange: x, "data-size": "md", children: /* @__PURE__ */ r(xe.List, { children: [
-      /* @__PURE__ */ n(xe.Tab, { value: "one-time", children: c }),
-      /* @__PURE__ */ r(xe.Tab, { value: "monthly", children: [
-        /* @__PURE__ */ n("span", { className: z.tabHeartIcon, children: /* @__PURE__ */ n(Pe, {}) }),
-        h
+  return /* @__PURE__ */ r("div", { className: B.donor, "data-color": t, children: [
+    /* @__PURE__ */ n("div", { className: B.tabsWrapper, children: /* @__PURE__ */ n(Te, { defaultValue: "monthly", onChange: h, "data-size": "md", children: /* @__PURE__ */ r(Te.List, { children: [
+      /* @__PURE__ */ n(Te.Tab, { value: "one-time", children: p }),
+      /* @__PURE__ */ r(Te.Tab, { value: "monthly", children: [
+        /* @__PURE__ */ n("span", { className: B.tabHeartIcon, children: /* @__PURE__ */ n($e, {}) }),
+        k
       ] })
     ] }) }) }),
-    /* @__PURE__ */ r("div", { className: z.content, children: [
-      /* @__PURE__ */ r("div", { className: z.amountSection, children: [
-        /* @__PURE__ */ n(ve, { className: z.amountLabel, "data-size": "sm", children: u }),
-        /* @__PURE__ */ n("div", { className: z.amountButtons, children: e.map((_) => {
-          const j = !D && I === _.value;
+    /* @__PURE__ */ r("div", { className: B.content, children: [
+      /* @__PURE__ */ r("div", { className: B.amountSection, children: [
+        /* @__PURE__ */ n(be, { className: B.amountLabel, "data-size": "sm", children: u }),
+        /* @__PURE__ */ n("div", { className: B.amountButtons, children: e.map((I) => {
+          const D = !G && S === I.value;
           return /* @__PURE__ */ n(
-            oe,
+            ie,
             {
-              variant: j ? "primary" : "secondary",
-              "data-color": j ? "accent" : "neutral",
-              onClick: () => Z(_.value),
-              children: _.label
+              variant: D ? "primary" : "secondary",
+              "data-color": D ? "accent" : "neutral",
+              onClick: () => ee(I.value),
+              children: I.label
             },
-            _.value
+            I.value
           );
         }) }),
-        /* @__PURE__ */ n("div", { className: z.customAmountField, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: B.customAmountField, children: /* @__PURE__ */ n(
           Zo,
           {
-            "aria-label": k,
-            placeholder: k,
-            value: b,
-            onChange: m,
-            onFocus: y,
+            "aria-label": y,
+            placeholder: y,
+            value: L,
+            onChange: c,
+            onFocus: v,
             type: "number",
             min: 1
           }
         ) })
       ] }),
-      E && /* @__PURE__ */ r("div", { className: z.impactRow, children: [
-        /* @__PURE__ */ n("div", { className: z.heartIcon, children: Y === "filled" ? /* @__PURE__ */ n(Pe, {}) : /* @__PURE__ */ n(ua, {}) }),
-        /* @__PURE__ */ n("p", { className: z.impactText, children: O() })
+      E && /* @__PURE__ */ r("div", { className: B.impactRow, children: [
+        /* @__PURE__ */ n("div", { className: B.heartIcon, children: Z === "filled" ? /* @__PURE__ */ n($e, {}) : /* @__PURE__ */ n(ha, {}) }),
+        /* @__PURE__ */ n("p", { className: B.impactText, children: le() })
       ] }),
-      /* @__PURE__ */ r("div", { className: z.actionsSection, children: [
-        J && /* @__PURE__ */ r(
+      /* @__PURE__ */ r("div", { className: B.actionsSection, children: [
+        Q && /* @__PURE__ */ r(
           "button",
           {
-            className: z.vippsButton,
-            onClick: w,
+            className: B.vippsButton,
+            onClick: T,
             type: "button",
             "aria-label": `${F} Vipps`,
             children: [
-              /* @__PURE__ */ n("span", { className: z.vippsButtonLabel, children: F }),
-              /* @__PURE__ */ n("span", { className: z.vippsLogo, children: /* @__PURE__ */ n(ha, {}) })
+              /* @__PURE__ */ n("span", { className: B.vippsButtonLabel, children: F }),
+              /* @__PURE__ */ n("span", { className: B.vippsLogo, children: /* @__PURE__ */ n(fa, {}) })
             ]
           }
         ),
-        R && /* @__PURE__ */ n(
-          Q,
+        $ && /* @__PURE__ */ n(
+          ne,
           {
-            href: H,
+            href: U,
             "data-color": "neutral",
-            className: z.avtalegiroLink,
-            onClick: (_) => {
-              M && (_.preventDefault(), f());
+            className: B.avtalegiroLink,
+            onClick: (I) => {
+              j && (I.preventDefault(), Y());
             },
             children: C
           }
@@ -5122,7 +5252,7 @@ const Xs = "_donor_1hxqz_1", Js = "_tabsWrapper_1hxqz_14", Qs = "_content_1hxqz_
     ] })
   ] });
 };
-function ka(t) {
+function va(t) {
   return `
 .${t.donor} {
   border-radius: 16px;
@@ -5291,69 +5421,69 @@ export {
   un as Alert,
   Ve as Avatar,
   hn as Badge,
-  wa as BadgePosition,
-  Sa as Breadcrumbs,
-  _a as BreadcrumbsItem,
-  Da as BreadcrumbsLink,
-  Ia as BreadcrumbsList,
-  oe as Button,
+  Sa as BadgePosition,
+  Ia as Breadcrumbs,
+  Da as BreadcrumbsItem,
+  Aa as BreadcrumbsLink,
+  _a as BreadcrumbsList,
+  ie as Button,
   fn as Card,
-  Aa as CardBlock,
+  La as CardBlock,
   zo as Carousel,
   kn as Checkbox,
-  Na as Chip,
-  ke as CrossCorner,
+  Ma as Chip,
+  ve as CrossCorner,
   bo as DateInput,
   co as DatePicker,
-  Fa as Details,
-  Ea as Dialog,
-  Ba as Divider,
-  ci as Donor,
+  Ea as Details,
+  Ba as Dialog,
+  za as Divider,
+  pi as Donor,
   V as Dropdown,
-  Wa as DropdownButton,
-  Pa as DropdownHeading,
-  Ga as DropdownItem,
-  Ra as DropdownList,
-  za as DropdownTrigger,
+  Ha as DropdownButton,
+  Ra as DropdownHeading,
+  Wa as DropdownItem,
+  Ga as DropdownList,
+  Pa as DropdownTrigger,
   $a as DropdownTriggerContext,
-  Ha as ErrorSummary,
-  Ua as Field,
+  Ua as ErrorSummary,
+  Va as Field,
   Vo as FieldCounter,
   Uo as FieldDescription,
-  Va as Fieldset,
-  di as Footer,
-  li as Header,
+  Oa as Fieldset,
+  ci as Footer,
+  di as Header,
   Oo as Heading,
   qe as Input,
   Ko as Label,
-  Ma as LanguageProvider,
-  Q as Link,
-  Oa as List,
+  ja as LanguageProvider,
+  ne as Link,
+  Ka as List,
   qo as Pagination,
-  Ya as PaginationButton,
-  qa as PaginationItem,
-  Ka as PaginationList,
-  ve as Paragraph,
-  Xa as Popover,
-  Ja as Radio,
-  ye as Search,
-  ei as Select,
-  ti as SkeletonLoader,
-  ni as SkipLink,
+  Za as PaginationButton,
+  Ya as PaginationItem,
+  qa as PaginationList,
+  be as Paragraph,
+  Ja as Popover,
+  Qa as Radio,
+  xe as Search,
+  ti as Select,
+  ni as SkeletonLoader,
+  oi as SkipLink,
   Bo as Spinner,
   Yo as Suggestion,
-  Ie as Switch,
-  oi as Table,
-  xe as Tabs,
-  ri as Tag,
-  si as Textarea,
+  _e as Switch,
+  ri as Table,
+  Te as Tabs,
+  si as Tag,
+  ai as Textarea,
   Zo as Textfield,
-  ai as ToggleGroup,
-  ii as Tooltip,
+  ii as ToggleGroup,
+  li as Tooltip,
   Xo as ValidationMessage,
-  La as useCheckboxGroup,
-  ja as useLanguage,
-  be as useLanguageOptional,
-  Za as usePagination,
-  Qa as useRadioGroup
+  Na as useCheckboxGroup,
+  Fa as useLanguage,
+  ye as useLanguageOptional,
+  Xa as usePagination,
+  ei as useRadioGroup
 };